/*
	Theme Name: Onza Theme
	Theme URI: http://whyex.com
	Description: Whyex Tires WP Theme
	Version: 1.0
	Author: Felix Maiwald for WHYEX
	Author URI: http://whyex.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, 'Apex New', sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	/*max-width:1280px;
	width:95%;
	margin:0 auto;*/
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}









/* APEX New and APEX Serif Fonts */


@font-face {
  font-family: 'Apex New Web';
  font-weight:normal;
  font-style:normal;
  src: url('./fonts/ApexNewWeb/ApexNewWeb-Book.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ApexNewWeb/ApexNewWeb-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ApexNewWeb/ApexNewWeb-Book.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
  font-family: 'Apex New Web';
  font-weight:normal;
  font-style:italic;
  src: url('./fonts/ApexNewWeb/ApexNewWeb-BookItalic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ApexNewWeb/ApexNewWeb-BookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ApexNewWeb/ApexNewWeb-BookItalic.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'Apex New Web';
  font-weight:500;
  font-style:normal;
  src: url('./fonts/ApexNewWeb/ApexNewWeb-Medium.eot');
  src: url('./fonts/ApexNewWeb/ApexNewWeb-Medium.eot?#iefix') format('embedded-opentype'),
       url('./fonts/ApexNewWeb/ApexNewWeb-Medium.woff') format('woff');
}
@font-face {
  font-family: 'Apex New Web';
  font-weight:500;
  font-style:italic;
  src: url('./fonts/ApexNewWeb/ApexNewWeb-MediumItalic.eot');
  src: url('./fonts/ApexNewWeb/ApexNewWeb-MediumItalic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/ApexNewWeb/ApexNewWeb-MediumItalic.woff') format('woff');
}

@font-face {
  font-family: 'Apex New Web';
  font-weight:bold;
  font-style:normal;
  src: url('./fonts/ApexNewWeb/ApexNewWeb-Bold.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ApexNewWeb/ApexNewWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ApexNewWeb/ApexNewWeb-Bold.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
  font-family: 'Apex New Web';
  font-weight:bold;
  font-style:italic;
  src: url('./fonts/ApexNewWeb/ApexNewWeb-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ApexNewWeb/ApexNewWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ApexNewWeb/ApexNewWeb-BoldItalic.woff') format('woff'); /* Pretty Modern Browsers */
}


@font-face {
  font-family: 'Apex Serif';
  font-weight:normal;
  font-style:normal;
  src: url('./fonts/ApexSerif/ApexSerif-Medium.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ApexSerif/ApexSerif-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ApexSerif/ApexSerif-Medium.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
  font-family: 'Apex Serif';
  font-weight:normal;
  font-style:italic;
  src: url('./fonts/ApexSerif/ApexSerif-MediumItalic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/ApexSerif/ApexSerif-MediumItalic.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ApexSerif/ApexSerif-MediumItalic.woff') format('woff'); /* Pretty Modern Browsers */
}







/* ONZA THEME CSS */

/* General */
body {background:#222;margin:0;padding:0;font-family:'Apex New Web',sans-serif;font-size:15px;line-height:22px;}
section {margin:0;padding:0;}
a {color:#000;text-decoration:none;-webkit-transition: color 200ms ease-out 0s;
    -moz-transition: color 200ms ease-out 0s;
    -o-transition: color 200ms ease-out 0s;
    transition: color 200ms ease-out 0s;}
a:hover {color:#cd202c;}
table td{vertical-align:top;}
p {}
p a {text-decoration:underline;color:#cd202c;}
ul {margin:0;padding:0 0 0 1em;}
h1,h2,h3,h4,b.firstb,.smallheadline, b.firstb p {font-family:'Apex Serif',serif;font-weight:normal;text-transform:uppercase;}
b.firstb {}
h1,h2 {font-size:2em;line-height:1.5em;margin:0 0 1em 0;font-family:'Apex Serif',serif;text-transform:uppercase;font-weight:normal;}
.product-head h1 {vertical-align:center;margin-top:0;text-transform:uppercase;font-weight:normal;display:inline;}
h3,h4 {text-transform:uppercase;}
h4 {margin:0.5em 0;font-family:'Apex New Web',sans-serif;font-weight:bold;letter-spacing:1px;}

h1.red, h2.red, h3.red, h4.red {background:#cd202c;display:inline-block;font-size:1em;color:#fff;margin:1em 0 2em 0;padding:3px 9px 0 9px;}
.wrapper {padding:-1px 0;}
.bgcanvasAG {background:#000;padding:1 0;}
.bgcanvas {background:#fff;padding:1 0;}
.bgcanvas-nomargin {background:#fff;}

.restrict {max-width:880px;padding:20px 20px 0 20px;margin:0 auto;}


.scrolltable {width:auto;overflow:auto;}

p.tags a {text-transform:lowercase;}


/* Headline */
#h1-box {border-bottom:1px solid #999;margin-bottom:1em;}
#h1-box div {max-width:880px;padding:1em;margin:0 auto;}
#h1-box div h1 {font-size:3em;text-transform:uppercase;margin:1em 0;padding:0;line-height:1.1em;}
/* Landing Page Banner */
#ag-banner {background-size:cover !important;position:relative;padding-top:571px!important;background-repeat:no-repeat;background:#000!important;background-position:top center;}
/* Breadcrumb, Headline und Banner */
#h1-spacer , #onz-banner h1 {font-size:2em;color:#fff;text-align:center;text-shadow:0 0 5px #333;line-height:0em;padding:0;margin:0;}
#onz-banner {background-size:cover !important;position:relative;padding-top:250px;background-repeat:no-repeat;background:#999;background-position:top center;}
#onz-banner.large {padding-top:300px;padding-top:30vh;}
#onz-banner .restrict {}
.onz-puzzle-container {background:#fff;padding:6px 1em ;display:inline-block;margin:50px 0 0 0;}
#onz-breadcrumg {padding:10px;display:inline;}
#onz-afterbreadcrumb {width:40px;background:url("./img/corner.png") no-repeat top left;display:inline;padding:10px;}
.onz-puzzle-container a:hover {color:#000;text-decoration:underline;}


.onz-around-puzzle-container {white-space: nowrap;}



/* Breadcrumb */



/* Logos */
#toplogo {height:auto;margin:00px 0px 00px 2em;line-height:75px;display:inline;}
img#toplogo  {width:200px;}
#toplogo a {color:#fff;}
h1#toplogo  {display:inline;}

/* Menus */
#menu-bar {background:#222;padding:1em 0 1em 0;font-family:'Apex Serif',serif;}
#menu-right a {color:#fff;}
#slider-container {background:#fff;position:relative;;margin:0;}
#slider-container h1 {padding:100px 0 0 100px;color:#fff;font-size:55px;line-height:55px;font-weight:normal;}
#menu-right {
	float:right;
	margin:1em 2em 0 0;
	background:#222;

	display: flex;
	flex-direction: row;
	justify-content: center;
}
#menu-right nav ul li {list-style:none;display:inline;}
#menu-right nav ul li a {margin-left:0px;color:#fff;text-transform:uppercase;line-height:2em;padding:10px;}
#menu-right nav ul li.hovermenu a:hover,#menu-right nav ul li.hovermenu:hover > a  {color:#cd202c;background:#333;border-top-left-radius:2px;border-top-right-radius:2px;}
.current-menu-item a {color:red;}
#menu-right img {margin-bottom:-7px;}
#menu-right a.active,#menu-right a:hover {color:#cd202c;}
#menu-right ul {margin:0;padding:0;}

.menu-item {position:relative;}
.submenu {background:#333;border-bottom:2px solid #cd202c;display:block;padding:2em 1em 1em 1em;font-size:0.9em;line-height:0.7em;position:absolute;top:1.7em;left:0px;z-index:9999;/*box-shadow:0px 5px 3px rgba(120,120,120,0.6);*/display:none;min-width:500px;border-top-right-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
.submenu-row {display:inline;margin:0 3em 2em 0;float:left;text-align:left;}
#menu-right .submenu a , #menu-right li.hovermenu .submenu a {margin:0;padding:0;color:#fff;font-family:'Apex New Web',sans-serif;display:block;border:none;}
#menu-right .submenu a:hover {text-decoration:underline;}
.menu-item:hover > .submenu {display:block;}
#menu-right nav ul li.current-menu-item .submenu a, #menu-right nav ul li.current-page-item .submenu a {}
#menu-right nav ul li.current-menu-item a , #menu-right nav ul li.current-page-item a {color:#cd202c;}
#menu-right .submenu h4 {color:#fff;}

#menu-right select {
	height: 40px;
	padding: 0 10px;
	padding-right: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #383838 url('/wp-content/themes/onza-theme/img/svg/arrow-down.svg') no-repeat right ;
	border: 0;
	color: white;
}

.ms-slide-bgvideo { margin-top: 0 !important; }

/* Search Expander */
.search-form {
	display:inline;margin-top:-10px;margin-left:0px;
}

.search-field {background-color: transparent;background-image: url('./img/lupe.png');background-position: 5px center;background-repeat: no-repeat;background-size: 24px 24px;border: none;cursor: pointer;height: 37px;margin: 0px 0 0 10px;padding: 0 0 0 34px;position: relative;-webkit-transition: width 400ms ease, background 400ms ease;transition: width 400ms ease, background 400ms ease;width: 0;}
.search-field:focus {font-family:'Apex New Web',sans-serif;font-size:12px;line-height:16px;background-color: #000;border: 1px solid #cd202c;color:#fff;cursor: text;outline: 0;width: 150px;;}
.search-submit {display: none;}
input[type="search"] {-webkit-appearance: textfield;}

/* Footer */
.footer {background:#222;color:#666;padding:2em 0 0.5em 0;text-align:center;}
.footer a {color:#666;}
.footer .languages a {text-decoration:none;}
.footer .languages a.active {text-decoration:underline;}

.socialicons {margin: 0 auto;padding:30px 0 20px 0;background:#222;}
a.socialicon {vertical-align:center;color:#fff;width:40px;height:40px;line-height:40px;background:#666;margin: 0 10px;display:inline-block;}
a.socialicon img {width:32px;height:32px;padding:4px;}
.content-article {}
a.socialicon:hover {background:#fff;}
.footer a.post-edit-link {background:#666;color:#222;text-decoration:none;}
.footer .unit {text-align:left;}
.footer .grid {margin: 0 auto;max-width:880px;}
.footer .unit ul li {list-style:none;margin:0;padding:0;}
.footer .unit ul {margin:0;padding:0;}
.footer .unit ul li a:hover {text-decoration:underline;}
.footer .copyright {margin:0;}

/* Share */

ul.share-buttons {list-style: none;padding: 0;margin:1em 0px 2em 0;}
ul.share-buttons li {display:block;margin-bottom:0.5em;}
ul.share-buttons img {border-radius:50%;width:auto;height:auto;background:#999;padding:5px;-webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;}
ul.share-buttons a:hover img {background:#cd202c;}


/* sidebar */
.sidebar {margin-left:20px;}
.sidebar ul, .sidebar ol {margin-bottom:2em;}

.grid , .unit {}

/* Images */
img.marginb {margin-bottom:1em;}



/* Content Types */

.contentbox {position:relative;background:#fff;}


.content-medium {padding:2em 1em 8em 1em;}
.content-small {padding:2em 1em 8em 1em;}
.content-full {max-width:880px;margin:00px auto;padding:2em 1em 8em 1em;}
.content-large {;}
.content-fullscreen {padding;0;}

.content-medium .grid img {border-bottom:1px solid #999;}
.content-medium .grid a:hover {color:#000;}
.content-medium .grid {margin:0 -10px;}
.content-medium  .unit:first-child {padding-left:10px;}
.content-medium  .unit:last-child {padding-right:10px;}
.content-fullscreen img {margin:0 auto;display:block;}



/* Notifications */
.notification {background:#eee;padding:8em 1em;border-radius:2px;text-align:center;}



/* Languages */
#languages {position:absolute;top:0;right:0;background:#cd202c;padding:1px 12px;font-family:'Apex New Web',sans-serif;font-size:11px;}
#languages a.active {color:#fff;}
#languages a {color:#000;}
#grau {color:#a2a9a9;}



/* Button */
a.onz_button {background:#eee;padding:1em 2em;border-radius:5px;margin:1em 0;display:inline-block;color:#555;border-bottom:1px solid #999;text-decoration:none;
-webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;}


/* Badges */
.tech-badges {margin-top:1em;}
.tech-badges img {margin-right:6px;margin-bottom:15px;border:none !important;}
.onz_popup {display:inline;position:relative;cursor:help;white-space: nowrap;}
.onz_popup span {white-space: normal;display:none;position:absolute;color:#000;box-shadow:0px 5px 3px rgba(120,120,120,0.6);background:#fff;border-radius:2px;bottom:3em;left:0;padding:1em;width:300px;z-index:999;}
.onz_popup-small span {width:auto !important;white-space:nowrap;font-weight:bold;}
.onz_popup p {margin:0;}
.onz_popup a:hover > span,.onz_popup:hover > span {display:block;}
h1 .onz_popup span {font-size:0.5em;font-family:'Apex New', sans-serif;}

.onz-tiresizes {fload:left;display:inline;margin-top:-10px;white-space: nowrap;}
.onz-tiresizes img {;margin-left:5px;vertical-align:-6px;}

.tech-badges {margin-top:2em;}
.tech-badges .col {float:left;width:50%;}

@media screen and (min-width: 1024px){
    .header-badge {
        position: relative;
        float: right;
    }
}

.page-template-page-tech-neu #h1-box div h1 {
    display: inline-block;
    font-size: 2.4em;
    margin-bottom: 0.8em;
}

/* Tech Explained */
#tech_explained {margin:4em 0 0 0;border-top:1px solid #999;}
#tech_explained h4 {margin-bottom:2em;}
.tech_explained_item {margin:1em 0; }
.tech_explained_img {display:inline;}
.tech_explained_img img {}
.tech_explained_desc {float:right;width:66%;padding:0 0 1em 0;}
.tech_explained_desc p {margin:0;}
.tech_explained_item a:hover {color:#000;}
.tech_explained_item {opacity:1;-webkit-transition: opacity 200ms ease-out 0s;
    -moz-transition: opacity 200ms ease-out 0s;
    -o-transition: opacity 200ms ease-out 0s;
    transition: opacity 200ms ease-out 0s;}
.tech_explained_item.releaseme {opacity:0;}

/* Product Table */
.content-product table         { width:100%; border-collapse:collapse; margin-top:2em;margin-bottom:1em;font-size:13px; line-height:22px;font-family:'Apex New', sans-serif;text-align:left; }
.content-product table th      { background-color:#3e4827;   font-weight:normal; color:#fff; padding:2px 4px; }
.content-product table tr.normal { }
.content-product table tr.alternate { }
.content-product table td      { line-height:1.7em;padding:2px 4px; }
.content-product table td img  { margin-left:4px; }
.content-product table td.lastTd { border-right:0px; }



.content-product table tr:first-child td {background:#3e4827;color:#fff;	font-weight:bold;}
.content-product table tr {border-bottom:1px solid #999;}
.content-product table tr:last-child {border-bottom:none;}

.content-product table tr td:nth-child(2) {font-weight:bold;}


#homepage-introtext {background:url('./img/bg-tech2.jpg');}
#homepage-introtext  {padding:5em 0;}
/* Unsorted */
.tiretype-header {color:#888;font-family:'Apex New', sans-serif;text-transform:uppercase;font-size:11px;display:block;vertical-align:center;}


.grid .unit:first-child {padding-left:10px;}
.grid .unit:last-child {padding-right:10px;}



/* .content-product {background:#fff;max-width:700px;padding:10px;margin:100px auto;} */

/* Visco */
.content-page.visco p {width:66%;}
.content-page.visco p img {width:150%;max-width:none;}


/* Index */
.content-index article {margin-bottom:4em;}
.content-index article img {margin: 0 0 2em 0;}
.content-index article .text {max-width:550px;}

/* Single*/
.content-single p {}

/* Archive */
.content-archive article {margin-bottom:4em;}
.content-archive article img {margin: 0 0 2em 0;}


/* Home Page */
.content-fullscreen h1,.content-fullscreen h2,.content-fullscreen h3 {text-align:center; margin-top: 2em;}
.content-fullscreen p {max-width:400px;margin:auto;display:block;text-align:center;}

.content-fullscreen  article {}
.content-fullscreen img {margin:0 auto 1em auto;}

.recentposts {padding:2em 0px;margin:0 10px;}
.recentposts h2 {text-align:center;}
.recentposts p {margin-bottom:2em;}
.recentposts .unit {margin-top:4em;}
.recentposts .imagecontainer {margin:10px;}
.recentposts img {width:100%;height:auto;margin:0 0 1em 0;}
.recentposts span {font-weight:bold;margin:10px;}
.recentposts {
		display: none; !important
}

.newsroll {}
.newsroll-container {float:left;width:33.3%;text-align:center;}

/* MASTER SLIDER */
.ms-container {position:relative;overflow:hidden;}
.ms-info {font-family:'Apex Serif',serif;line-height:1.2em;font-size:2em;position:absolute;top:0;left:0;width:100%;margin:auto;height:50%;padding:25% 0% 0% 0%;text-align:center;color:#fff;text-shadow:0 0 6px #333;}
.ms-info::first-line {line-height:2em;font-size:3em;}
.ms-skin-default .ms-bullet {background:#fff !important;-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);}
.ms-skin-default .ms-bullet.ms-bullet-selected {background:#cd202c !important;}

/*
.ms-bullet {background:url('./img/r-rot.png') no-repeat top center !important;height:40px;}
.ms-bullet-selected {}
*/

.ms-slide-info {
    height:0px;
    overflow:visible;
    pointer-events:none;
    background:none !important;
}


/* Testimonials */

.testimonials {padding:000px 0;text-align:center;position:relative; overflow: hidden;margin: 20px auto 0 auto;border-radius: 4px;}
.testimonials span.control_prev {left:0;}
.testimonials span.control_next {right:0;}
#testemonials-section {background:#cd202c;background:url('./img/bg-testemonials.jpg') top center no-repeat;background-size:cover;}
.testimonials-item p {font-family:'Apex Serif',serif;}
.testimonials-item blockquote {margin:0 auto;padding:0 50px;font-size:1.4em;line-height:1.5em;color:#fff;}
.testimonials-item blockquote footer cite {font-size:0.7em;text-transform:uppercase;font-style:normal;font-weight:bold;}
#eralogo {margin:2em auto 1em auto;display:block;}
#quotesign{font-size:2em:}
.testimonials .separator {width:60px;border-bottom:1px solid #fff;margin:1em auto;}
.testimonials ul { position: relative;margin: 0;padding: 0;list-style: none;min-height:200px;width:100%;}
.testimonials ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 568px;min-height: 550px;color:#000;}
.testimonials span.control_prev, .testimonials span.control_next {position: absolute;top: 40%;z-index: 999;display: block;width: auto;height: auto; cursor: pointer;padding:0 9px;}

.no-testemonial-picture {height:80px;}
.testemonial-picture {width:120px;height:120px;border-radius:50%;margin:2em 0 0 0;border:4px solid white;}


/* Instagram FEED */
.instagram-pics {}
ul.instagram-pics  {list-style:none;margin:0 0 0 0;padding:0;max-width:910px;margin:0 auto;}
.instagram-pics li{list-style:none;float:left;width:14.285%;margin:0;padding:0;}
.instagram-pics li img{width:100%;}

.frontpage-widget {background:#fff;padding:4em 0;text-align:center; display: none;}
.frontpage-widget p a {border:1px solid #000;color:#000;padding: 2px 1em;display:inline-block;line-height:2em;font-weight:bold;margin: 2em auto;text-decoration:none;}
.frontpage-widget p a:hover {color:#cd202c;border-color:#cd202c;}
.frontpage-widged p {text-align:center;padding:2em 0;clear:both;}
.frontpage-widget .clear {clear:both !important;margin:2em;padding:2em;}
/* Custom Facebook Feed */


#facebook-posts {background:#fff;text-align:center  !important;padding:4em 0 !important; display: none;}
.cff-wrapper {margin:0 auto;max-width:910px;margin:2em auto 0 auto;}
.cff-wrapper div {border:none !important;}
.cff-item div, .cff-item span, .cff-item a {float:none !important;}
#cff .cff-author .cff-author-text * {margin:0 !important;}
#cff .cff-item {width:33.3% !important;float:left !important;clear: none !important;padding: 0 0 1em 0 !important;}
.cff-post-desc {font-size:1em !Important;}
.cff-clear {clear:both;}
.cff-page-name {display:none;}
.cff-author, .cff-author-text {}
.cff-link-title, .cff-link-title a {font-weight:normal !important;}
.cff-share-tooltip {display:none;}
.cff-share-container {display:none;}
.cff-more,.cff-less {display:none;}
.cff-post-text {margin:0 2em;}
.cff-post-desc {margin:0 2em;}
a.cff-viewpost-facebook {color:#cd202c;text-decoration:underline;}
.cff-author-img img {display:none;}
.cff-date {font-weight:bold;float:none !important;}
.cff-post-links {margin-top:1em;float:none !important;}
#cff .cff-shared-link {background:none !important;}
#facebook-posts a.button {-webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;border:1px solid #000;color:#000;padding: 2px 1em;display:inline-block;line-height:2em;font-weight:bold;margin: 2em auto;text-decoration:none;}
#facebook-posts a.button:hover {color:#cd202c;border-color:#cd202c;}
.fb_iframe_widget {width:300px !important;margin:0 auto;}


/* Content Tire Tech */
.content-tire-tech table td {padding-bottom:4em;}

/* Fahrer */
.fahrer-div {}
.content-rider .grid {}
.content-rider .two-thirds img {}
.content-rider {margin-top:4em;}
.content-rider-top {padding-bottom:1em;}
.hline {border-bottom:1px solid #999;}
.riders-teams {background:#cd202c;display:inline-block;color:#fff;padding:0px 5px 0 5px;position:absolute;bottom:0;left:0;}
.rider-image-container {position:relative;margin-bottom:1em;}
.archive-rider strong {font-size:1.5em;}
.archive-rider strong a:hover {color:#000;}
.content-rider .optionalteam .row:before {content:' @ ';}
.content-rider .share-buttons {margin-top:4em;}

.riders-grid .unit {margin-bottom:4em;}
#eralogo {}
.riders-bigtext {}

.person-image-container img {margin:0 0 1em 0;}
.person-title {}
strong.smallheadline a:hover {color:#000:}
.content-rider .bigtext {font-size:2em;line-height:1.3em;margin-bottom:3em;}

/* Tech */
.content-tech a:hover {color:#000;}
.content-tech .unit p {margin:0 0 4em 0;}
#tech-overview {background:#fff url('./img/bg-tech2.jpg') no-repeat top center;background-size:cover;}
#tech-overview .unit {padding:2em 1em;}
#tech-overview .unit a {line-height:1.4em;font-family:'Apex Serif',serif;border-bottom:1px solid #999;padding:0.5em 1em;;background:#fff;display:inline-block;margin:0 0 0.5em 0;font-weight:normal;color:#666;}
#tech-overview .unit a:hover {color:#cd202c;}
.tech-right {border-left:1px solid #999;font-size:1.6em;margin-bottom:1em;}
.tech-left .contentii {width:50%;min-width:250px;float:right;}
#tech-overview .grid {margin: 0 -1em;}
#tech-overview #wappen {display:block;margin: 2em auto 1em auto;}


/* Händler */


.content-dealer-archive .grid .unit img {display:inline;margin: 0 0.5em 0 0;}
.posmarker {vertical-align:-3px;}
.content-dealer .grid {margin:-10px;}
.content-dealer .unit {min-height:360px;}
.content-dealer .lightinhead {color:#999;display:block;}
.content-dealer .unit img {margin: 0 0 1em 0;display:block;}
.content-dealer .unit.releaseme {opacity:0;}
.content-dealer .unit {opacity:1;    -webkit-transition: all 500ms ease-out 0.3s;
    -moz-transition: all 500ms ease-out 0.3s;
    -o-transition: all 500ms ease-out 0.3s;
    transition: all 500ms ease-out 0.3s;}

/* Taxonomy Template */
.taxonomy-grid a:hover {color:#000;}
.introtext {border-bottom:1px solid #999;padding:3em 0;}
.introtext p b {font-size:2em;line-height:1em;display:block;}
.introtext img {float:left;margin-right:1em;margin-top:10px;}
.content-taxonomy .onz-tiresizes  img {vertical-align: 0;}
.content-taxonomy .unit {margin-bottom:3em;}
/* Single Product */
.product-leftcol {width:50%;float:left;}
.product-rightcol {width:50%;float:left;}
img.line-bottom {border-bottom:1px solid #999;}
.product-head {margin-bottom:1em;}

/* Tech Examples */
.content-tech-example .unit {margin-bottom:3em;}

/* Produkt */
.content-product article {padding-bottom:1em;}
.content-product article img {margin-bottom:0.5em;}
.content-product article a:hover {color:#000;}
.content-product article strong {font-family:'Apex Serif',serif;display:block;text-align:center;font-weight:normal;text-transform:uppercase;margin:0.5em 0 1em 0;}
.content-product .producttitle {min-height:4em;}

.product-container img {margin:0 auto;display:block;}
.product-container {position:relative;overflow:hidden;}
.product-container a p {width:100%;text-align:center;display:block;font-size:0.8em;background:#cd202c;padding:3.5em 0em;color:#fff;font-family:'Apex New Web',sans-serif;min-height:200px;margin:0;position:absolute;top:0px;left:0;
    -webkit-transition: all 500ms ease-out 0.3s;
    -moz-transition: all 500ms ease-out 0.3s;
    -o-transition: all 500ms ease-out 0.3s;
    transition: all 500ms ease-out 0.3s;opacity:0;
}
.product-container a p span.row:after {content:'';border-bottom:1px solid #fff;display:block;margin:0.2em auto;width:5em;}
.product-container a p span.row:last-child:after {display:none;}
.product-container a p span.emptyrow {display:block;height:1em;}
.product-container a:hover p {display:block;position:absolute;top:0;left:0;opacity:1;}

#secondary-images {margin:7px -1% 0 -1%;}
#secondary-images img {width:100%;}
#secondary-images div {width:23%;margin:0 1%;float:left;overflow:hidden;position:relative;background:#eee;}

.reifen-tech-data, .reifen-domain, .tubes-tech-data {margin-top:4em;font-weight:500;}
.reifen-tech-data p {margin-top:0;}
.reifen-tech-data table {margin:0 0 1em 0;}

/* Reifen Domain Stats */
.onz_stats_overview {border-top:1px solid #999;}
.onz_stats_overview row {display:block;}
.onz_stats_overview label {float:left;width:120px;line-height:2em;display:inline-block;}
.onz_stats_container {width:50%;background:#eee;display:block;margin: 0 0 1em 0;float:left;}
.onz_stats_score {background:#3e4827;height:2em;-webkit-transition: all 500ms ease-out 0.3s;
    -moz-transition: all 500ms ease-out 0.3s;
    -o-transition: all 500ms ease-out 0.3s;
    transition: all 500ms ease-out 0.3s;}
.releaseme .onz_stats_score {width:0 !important;-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none}

.rider-square img {max-width:220px;margin:1em 0 1em 0}


/* Suche (Tubes und Reifen) */
#reifen-suche {font-family:'Apex New Web',sans-serif;margin:10px 0px -10px 0px;padding:10px 10px 10px 10px;border-right:1px solid #999;}
#reifen-suche {color:#000;}
#reifen-suche span {display:block;line-height:2em;}
#reifen-suche input#submitt {display:inline;margin-top:1em;padding:4px 2em;background:none;border:1px solid #000;width:auto;}
#reifen-suche h2 {color:#000;margin-top:0;font-size:2em;display:none;}

#reifen-suche fieldset {margin:0 0 1em 0;padding:0;border:0;}
#reifen-suche a.option {display:block;}
#reifen-suche a.option .checkibox {height:0.7em;width:0.7em;border:1px solid black;display:inline-block;margin-right:0.5em;}
#reifen-suche a.option.active .checkibox {background:#cd202c;}
/* Reifen-Finder */
/* remove standard-styles */
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;border-radius: 0;font-size: 1em;width: 100%;}
/* graceful degradation for ie8 */
input[type='checkbox'],input[type='radio'] {width:0;float:left;margin-right: .75em;background:transparent;border:none;}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
	cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
	content:' ';
	display:inline-block;
	width: 12px;
	height:12px;
	position: relative;
	top:4px;
	border: 1px solid #fff;
	background: white;
	margin-right: 0.5em;
	border-radius: 0px;
	background:#fff	;
	border:1px solid black;
}
input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
	background:#cd202c;
}





/* Related Posts */

#imgoverrelatedposts {background-position: bottom center;background-size:100% auto;background-repeat: no-repeat;padding-top:150px;background-size:cover;}
#relatedposts {background:#fff;padding:2em 0 4em 1em;}
#relatedposts h2 {margin: 0 0 1em 0;}
#relatedposts .grid {list-style:none;margin:0 -0.5em;padding:0;}
#relatedposts .unit img {    margin-bottom:1em;border-bottom:1px solid #999;
}
#relatedposts .unit a {font-weight:bold;display:block;text-transform:uppercase;font-family:'Apex Serif',serif;}
#relatedposts .unit a:hover {color:#000;}
#relatedposts a.crp_title ,#relatedposts .crp_excerpt {margin:0 auto;display:block;}
#relatedposts a.crp_title {margin: 0 auto 1em auto;}
#relatedposts ul li a:hover {color:#000;}

/* Wordpress functions */
a.post-edit-link, a.post-edit-link:hover{background:#cd202c;color:#fff;padding:3px 6px;line-height:1.2em;border-radius:2px;}

#onz-post-footer {border-top:1px solid #999;margin:5em 0;padding-top:1em;}
#onz-post-sub-head {color:#999;margin-bottom:0.5em;}
#onz-post-sub-head a {color:#999;}


.comment-respond {border-top:1px solid #999;margin:1em 0;}

.page-numbers.current {text-decoration:underline;}
.page-numbers.prev {margin-right:1em;}
.page-numbers.next {margin-left:1em;}




.pagination {text-align: center;margin:3em 0 1em 0;}
#pagination-box {display:inline;margin:0 auto;}
#pagination-box a , #pagination-box span {padding:1em;-webkit-transition: all 200ms ease-out 0s;
    -moz-transition: all 200ms ease-out 0s;
    -o-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;}
#pagination-box a:hover {background:#fff;color:#666;}
#pagination-box span {}
.page-numbers.current {font-weight:bold;}

/* Preloader */


#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#222; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(./img/onzawhite.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}


/* Contact Form */
.wpcf7-form {max-width:450px;}
.wpcf7-form input, .wpcf7-form textarea {background:#eee;padding:0.5em;margin:1em 0;border:1px solid #ccc;width:100%;}


/* Kann maximal 1280px darstellen. */
@media only screen and (max-width : 1280px) {
  /* CSS hier */
}

/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  /* CSS hier */
    #toplogo {display:block;margin:0px auto;}
    h1#toplogo  {display:block;text-align:center;}

    #menu-right {float:none;display:block;margin:10px auto;text-align:center;}
	#schlauch-bg {background:#efefef;height:auto;width:auto;position:relative;top:auto;left:auto}
	#menu-schlauch {position:relative;width:auto;height:auto;top:auto;left:auto;padding:160px 30px;}
	#menu-schlauch p {max-width:none;top:auto;left:auto}
#schlauch-bild {top:none;left:none;background:url('./img/img2.jpg') no-repeat top center;background-size:auto 100%;height:auto;width:auto;position:absolute;top:0;left:50vw;z-index:60;}
#menu-schlauch div {line-height:40px;font-size:25x;}
#menu-schlauch a img {height:40px;}

	/* MASTER SLIDER */
.ms-info {font-size:1.3em;color:#fff;height:50%;padding-top:25%;}
.ms-info::first-line {line-height1.6em;font-size:2.5em;}


}

/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {
  /* CSS hier */
    #toplogo {display:block;margin:20px auto;}
    #menu-right {font-size:0.8em;letter-spacing:1px;}
    #menu-right a {margin-left:20px;}
	#menu-right img {width:20px;height:auto;margin-bottom:-4px;}
	#menu-bar nav {float:none;}
		.contentbox {margin:0 auto;}
	.footer {margin-top:0;}

/* MASTER SLIDER */
.ms-info {font-size:1.3em;color:#fff;height:50%;padding-top:25%;}
.ms-info::first-line {line-height1.5em;font-size:2.4em;}

#onz-banner {padding-top:250px !important;}
.product-container a p {padding:0.5em 0;}
}

/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
  /* CSS hier */
    #toplogo {display:block;margin:20px auto;}
    #slides .container {font-size:40px;line-heigt:40px;padding:200px 50px;text-align:center;}
	#content-area {width:auto;margin:0;padding:20px;}
    .product {text-align:center;width:auto;text-transform:uppercase;float:none;padding:0 10px 30px 10px;position:relative;line-height:20px;}
	.product p {top:0;left:0;bottom:0;right:0;height:120px;width:120px;margin:auto;padding:10px;}


@media only screen and (max-width: 1210px) {
	.product {
		padding: 0 10px;
	}
}


.menu-item:hover > .submenu {display:none;}
#menu-right nav ul li.hovermenu a:hover,#menu-right nav ul li.hovermenu:hover > a  {color:#cd202c;background:none;}

.onz-around-puzzle-container {white-space: normal;}
#onz-afterbreadcrumb {display:none;}
#onz-banner .restrict {margin:0;width:auto;background:#fff;padding:0.5em;}
#onz-banner h1 {margin-bottom:2em;}
.onz-puzzle-container {margin-top:1em;}
.footer .unit {text-align:center;}
.testimonials ul li {width: 305px;}
.testimonials ul li blockquote {font-size:1em;}

.newsroll-container {float:none;width:auto;}

#relatedposts ul li {float:none;width:auto;margin:0 0 2em 0;}

#h1-box div h1 {font-size:2.1em;text-transform:uppercase;margin:20px 0;padding:0;line-height:1em;}

#cff .cff-item {float:none !important;width:auto !important;margin:0 0 4em 0 !important;}

#menu-bar {position:relative;width:auto;height:auto;}
#menu-bar nav {float:none;}

#bg-div {padding:0px 1px;}

    #menu-right {font-size:0.7em;letter-spacing:1px;}
    #menu-right a {margin-left:15px;}
	#menu-right img {width:16px;height:auto;margin-bottom:-4px;}
	.embedvideo {width:300px;height:169px;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;}
	#slides .embed-container {position:relative;height:50vh;padding:25vh 50px;}
		#menu-schlauch {position:relative;width:auto;height:auto;top:auto;left:auto;padding:20px 30px;}

	#menu-schlauch div {line-height:24px;font-size:16x;}
#menu-schlauch a img {height:24px;}

	/* MASTER SLIDER */
.ms-info {font-size:1.3em;color:#fff;height:50%;padding-top:15%;}
.ms-info::first-line {line-height1.3em;font-size:1.7em;}

.product-container a:hover p {display:none;}
.product-container a:hover .product-shadow {display:none;}

#reifen-suche fieldset {float:left;margin-right:1em;}
#reifen-suche {border-bottom:1px solid #999;border-right:none;}
#reifen-suche input#submitt {display:inline;width:auto;margin-top:0;padding:5px 10px;}

}

/* Kann maximal 320px darstellen. */
@media only screen and (max-width : 320px) {
  /* CSS hier */

  /* MASTER SLIDER */
.ms-info {font-size:1.2em;color:#fff;}

  #toplogo {display:block;margin:20px auto;}

}


img[alt="svg"] {
	width: auto;
}

.woocommerce-product-gallery {
	margin: 20px 0;
}

.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
	width: auto !important;
	height: auto !important;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) {
	margin: 5px;
	width: 33% !important;
}

.woocommerce div.product form.cart .variations {
	margin: 20px -5px 0;
	width: calc(100% + 10px);
}


.woocommerce .sku_wrapper,
.woocommerce .woocommerce_single_variation_shipping {
	color: black;
	font-style: italic;
	font-size: 0.8rem;
}


.woocommerce .woocommerce-product-gallery__image:first-child {
	margin: 5px;
}

.woocommerce .woocommerce-product-gallery__image:first-child img {
	border-bottom: 1px solid #787878;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) {
	width: calc(1/3*100% - 10px) !important;
}

.woocommerce .woocommerce-product-gallery__image:not(:first-child) img {
	border: 1px solid #787878;
}

.woocommerce-message {
	border-top-color: #c32317;
	flex-direction: row-reverse;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.woocommerce-message .wc-forward {
	padding: 10px !important;
	background-color: #c32317 !important;
	line-height: unset !important;
	color: white !important;
}

.woocommerce-message::before {
	display: none;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: 0;
	height: 40px;
	line-height: 30px;
	margin-top: 0;
	padding: 0 10px;
	right: 0;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: #c32317;
	line-height: unset;
}

.wc-proceed-to-checkout a {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 40px !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: #c32317;
}

.single_add_to_cart_button span,
.single_add_to_cart_button img {
	display: inline-block;
}

.single_add_to_cart_button img {
	width: 20px;
	margin-left: 10px;
}

.woocommerce .price,
.woocommerce .variations_form {
	text-align: right;
}

.woocommerce div.product .product_title {
	color: black;
	line-height: 1;
}

.woocommerce .product_meta,
.woocommerce p.price {
	display: inline-block;
	color: black;
	width: 49%;
}

.woocommerce p.price {
	text-align: right;
}

.woocommerce .woocommerce-variation-price {
	margin-top: 20px;
	font-size: 1.35rem;
}

.woocommerce .product_meta .posted_in {
	display: none;
}

.woocommerce select,
.woocommerce input {
	border: 1px solid #efedef;
	height: 40px;
	padding: 0 10px;
	border-radius: 0;
	background: #f1f1f1;
}

.woocommerce select {
	padding-right: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #f1f1f1 url('/wp-content/themes/onza-theme/img/svg/arrow-down.svg') no-repeat right ;
}

.woocommerce-product-details__short-description {
	border-bottom: 1px solid black;
	color: black;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: black;
}

.woocommerce-tabs .tabs {
	display: none;
}

.woocommerce div.product .product_title {
	text-align: left;
	margin: 50px 0 0 0;
}

.woocommerce input,
.woocommerce select {
	margin: 10px 5px;
}

.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart div.quantity {
	float: none;
	display: inline-block;
}

.woocommerce p.price {
	 margin: 0;
 }

.woocommerce p.price span,
.woocommerce .woocommerce-variation-price span {
	font-style: italic;
	font-weight: bold;
}

.woocommerce-product-details__short-description p {
	top:unset;
	left:unset;bottom:unset;right:unset;
	height:unset;
	width:unset;
}


td.product-thumbnail {
	width: 100px;
}

td.product-thumbnail img {
	width: 100% !important;
}
.woocommerce td.product-name dt {
	font-weight: bold;
}

.woocommerce td.product-name dl.variation p {
	margin-top: 0;
}

/* The container must be positioned relative: */
.custom-select {
	position: relative;
	width: calc(100% - 10px);
	display: inline-block;
	margin: 5px;
}

@media only screen and (min-width:768px) {
	.custom-select {
		width: 200px;
	}

	.variations.mono-select .custom-select {
		width: calc(100% - 10px);
	}
}

.custom-select select {
  display: none !important; /*hide original SELECT element: */
}

.select-selected {
  background-color: #f1f1f1;
  text-align: left;
  line-height: 34px;
  font-weight: bold;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: black transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent black transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
  color: black;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.select-items div {
	padding: 8px 26px 8px 16px;
}

.select-selected {
	padding: 2px 26px 2px 16px;
}


/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f1f1f1;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  text-align: left;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: gray;
  color: white;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
	width: calc(50% - 3rem);
}

.grid-sizer,
.grid-item { width: 33.33%; }