@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@font-face {
font-family: 'HND-Regular';
src: url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Regular.woff2) format('woff2'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Regular.woff) format('woff'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Regular.ttf) format('truetype');
font-weight: 400;
}
@font-face {
font-family: 'HND-Medium';
src: url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Medium.woff2) format('woff2'), 
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Medium.woff) format('woff'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Medium.ttf)  format('truetype');
font-weight: 500;
}
@font-face {
font-family: 'HND-Bold';
src: url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Bold.woff2) format('woff2'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Bold.woff) format('woff'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Bold.ttf)  format('truetype');
font-weight: 700;
}
@font-face {
font-family: 'HND-ExtraBold';
src: url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-ExtraBold.woff2) format('woff2'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-ExtraBold.woff) format('woff'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-ExtraBold.ttf)  format('truetype');
font-weight: 800;
}
@font-face {
font-family: 'HND-Black';
src: url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Black.woff2) format('woff2'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Black.woff) format('woff'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-Black.ttf)  format('truetype');
font-weight: 900;
}
@font-face {
font-family: 'HND-ExtraBlack';
src: url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-ExtBlk.woff2) format('woff2'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-ExtBlk.woff) format('woff'),
url(//vossenwheels.com/wp-content/themes/vossen/assets/fonts/HelveticaNowDisplay-ExtBlk.ttf)  format('truetype');
font-weight: 900;
}  .admin-bar #chat-widget-container { display:none !important; }
html.is-reveal-open { overflow: hidden; } a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
.header ul.off-canvas-list li { list-style: none; } .top-bar .title-area { z-index: 1; }
.top-bar .name { height:auto; padding: 27px 0 25px 0; }
.top-bar .name a { display:block; }
.off-canvas-list ul { margin-left: 0; }
.off-canvas-list ul li a { border-bottom: 0px; }
.off-canvas-list ul .dropdown { margin-left: 20px; }
.tab-bar .menu-icon span::after {
height: 0;
position: absolute;
top: 50%;
margin-top: -0.5rem;
left: 0.90625rem;
box-shadow: 0 0 0 1px #0e0e0e, 0 7px 0 1px #0e0e0e, 0 14px 0 1px #0e0e0e !important;
width: 1rem;
} .sub-menu { top:90px; background:#fff; overflow:hidden; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); }
#menu-item-74947 a, #menu-item-74948 a { display:block; padding:36px 40px 32px 40px; text-transform:none; border:none; font-size: 30px; font-weight:200; }
#menu-item-74948 .vossen-menu-columns:before { content:''; background:#fff; display:block; width:30px; height:30px; position:absolute; left:-20px; top:40px; transform: rotate(45deg); }
#menu-item-74947 .vossen-menu-columns:before { content:''; background:#fff; display:block; width:30px; height:30px; position:absolute; left:-20px; top:157px; transform: rotate(45deg); }
.vossen-menu-columns { background:#F5F5F5; overflow:hidden; width:75%; color:#141414; position: absolute; top:0px; right:0px; display:none; height:400px; }
.sub-menu li:hover .vossen-menu-columns { display:block; }
.top-bar-section .dropdown { background:#fff !important; min-height:400px; z-index: 9999;}
.top-bar-section .has-dropdown.not-click:hover > .dropdown { background:#fff; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background:#fff; color:#141414; font-size:30px; font-weight:200; }
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background:#fff; color:#141414; border:none; }
.vossen-menu-columns .menu-intro { text-align:center; padding-top:50px; }
.vossen-menu-columns .menu-intro h2 { font-size:18px; font-weight:200; margin: 3px 10% 8px 10%; letter-spacing: .12em; }
.vossen-menu-columns .menu-intro p { font-size:14px; margin: 0 10% 20px 10%; }
.vossen-menu-columns .menu-intro .buttons-row a { background:#EC2028; line-height:normal; padding:18px 64px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:1px; border-radius:40px; border:none; display:inline-block !important; height:auto; margin:0; }
.vossen-menu-columns .menu-intro .buttons-row a:hover { color:#fff; background:#141414; }
.vossen-menu-columns .menu-galleries { padding-top:50px; }
.vossen-menu-columns .menu-galleries .menu-gallery { padding-left:8px; padding-right:8px; margin-bottom:12px; }
.vossen-menu-columns .menu-galleries .menu-gallery a { padding:0 !important; }
.vossen-menu-columns .menu-galleries .menu-gallery h3 { margin:8px 0 10px 0; white-space: nowrap; overflow: hidden; position:relative; }
.vossen-menu-columns .menu-galleries .menu-gallery h3 a { color:#141414; font-size:13px !important; font-weight:700 !important; letter-spacing:normal; line-height:normal; }
.vossen-menu-columns .menu-galleries .menu-gallery p { font-size:12px; margin:0; }
.vossen-menu-columns .menu-promo { padding-top:50px; padding-left: 1em; }
.vossen-menu-columns .menu-promo a { padding:0 !important; }
.vossen-menu-columns .menu-promo a img { width: 86%; }
li#menu-item-74948 .vossen-menu-columns { display:block; }
#top-right-nav { padding: 26px 0 0 0; }
#top-right-nav a {
color:#141414; font-size: 11px; font-weight: 700; text-transform: uppercase;
-webkit-transition: all 0.35s; transition: all 0.35s;
}
#top-right-nav a:hover { color:#EC2028; }
#top-right-nav a img { width:20px; height:20px; margin-left: 4px; margin-top: -4px; }
#top-right-nav span { margin:0 7px; }
#top-right-nav span:last-child { display:none; } #content #inner-content { padding: 1rem 0rem; }
.page-title .vcard { border: 0px; padding: 0px; }
.byline { color: #999; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; }
.entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto;display: block; clear: both; }
.entry-content video, .entry-content object { max-width: 100%; height: auto; }
.entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; }
.wp-caption { max-width: 100%; background: #eee; padding: 5px; }
.wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; }
.wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; }
.post-password-form input[type="submit"] {
-webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative;
text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #008CBA; border-color: #007095;
color: #FFFFFF; transition: background-color 300ms ease-out;
}
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background-color: #007095; }
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { color: #FFFFFF; }
.page-navigation { margin-top: 1rem; } #comments .commentlist { margin-left: 0px; }
#respond ul { margin-left: 0px; }
.commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children { margin: 0; }
.commentlist li[class*=depth-] { margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 0; background: #e7e7e7; }
.commentlist li.depth-3 { background: #dadada; }
.commentlist .vcard { margin-left: 50px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist .comment-reply-link {
-webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem;
position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
font-size: 0.8125rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; transition: background-color 300ms ease-out; float: right;
}
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { background-color: #007095; }
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { color: #FFFFFF; } .respond-form { margin: 1.5em 10px; padding-bottom: 2.2em; }
.respond-form form { margin: 0.75em 0; }
.respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form li label, .respond-form form li small { display: none; }
.respond-form form input[type=text], .respond-form form input[type=email],
.respond-form form input[type=url], .respond-form form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus { background: #fff; }
.respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -ms-box-shadow: none; box-shadow: none; }
.respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] { max-width: 400px; min-width: 250px; }
.respond-form form textarea { resize: none; width: 97.3%; height: 150px; }
#comment-form-title { margin: 0 0 1.1em; }
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.nocomments { margin: 0 20px 1.1em; } .widget ul { margin: 0; }
.widget ul li { list-style: none; }
.fix-search { position: fixed !important; top: 0 !important; }
.cspml_fs_container { padding: 20px 0 !important; }
@media only screen and (min-width:40.0625em) {
.widget { padding: 0 10px; margin: 2.2em 0; }
}
#sidebar-offcanvas .widgettitle { color: #fff; } .footer { clear: both; margin-top: 1em; } .clearing-assembled.clearing-blackout a:hover { background: none; } [class*="gallery-columns-"] { display: block; padding: 0; margin: 0 -0.625rem; }
[class*="gallery-columns-"]:before, [class*="gallery-columns-"]:after { content: " "; display: table; }
[class*="gallery-columns-"]:after { clear: both; }
[class*="gallery-columns-"] > .gallery-item { display: inline; height: auto; float: left; padding: 0 0.625rem 1.25rem; }
.gallery-columns-1 > .gallery-item { width: 100%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-1 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-1 > .gallery-item:nth-of-type(1n+1) { clear: both; }
.gallery-columns-2 > .gallery-item { width: 50%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-2 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-2 > .gallery-item:nth-of-type(2n+1) { clear: both; }
.gallery-columns-3 > .gallery-item { width: 33.33333%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-3 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-3 > .gallery-item:nth-of-type(3n+1) { clear: both; }
.gallery-columns-4 > .gallery-item { width: 25%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-4 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-4 > .gallery-item:nth-of-type(4n+1) { clear: both; }
.gallery-columns-5 > .gallery-item { width: 20%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-5 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-5 > .gallery-item:nth-of-type(5n+1) { clear: both; }
.gallery-columns-6 > .gallery-item { width: 16.66667%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-6 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-6 > .gallery-item:nth-of-type(6n+1) { clear: both; }
.gallery-columns-7 > .gallery-item { width: 14.28571%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-7 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-7 > .gallery-item:nth-of-type(7n+1) { clear: both; }
.gallery-columns-8 > .gallery-item { width: 12.5%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-8 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-8 > .gallery-item:nth-of-type(8n+1) { clear: both; }
.gallery-columns-9 > .gallery-item { width: 11.11111%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-9 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-9 > .gallery-item:nth-of-type(9n+1) { clear: both; }
.gallery-columns-10 > .gallery-item { width: 10%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-10 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-10 > .gallery-item:nth-of-type(10n+1) { clear: both; }
.gallery-columns-11 > .gallery-item { width: 9.09091%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-11 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-11 > .gallery-item:nth-of-type(11n+1) { clear: both; }
.gallery-columns-12 > .gallery-item { width: 8.33333%; padding: 0 0.625rem 1.25rem; }
.gallery-columns-12 > .gallery-item:nth-of-type(n) { clear: none; }
.gallery-columns-12 > .gallery-item:nth-of-type(12n+1) { clear: both; } .gform_body ul { list-style: none outside none; margin: 0; } @media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after, a:visited:after { content: " (" attr(href) ")"; }
a abbr[title]:after, a:visited 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; }
.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; }
} body { font-family: 'Open Sans', sans-serif !important; } body.admin-bar #nav-1.fixed[style] { top:32px !important; }
body.admin-bar #engineered-menu[style] { top:32px !important; } .row, .row.full-width .row { max-width:1370px; margin-left:auto; margin-right:auto; padding:0; }
.row { padding:40px 0; }
.row.full-width { width: 100%; max-width: 100%; padding:0; }  #header-top-bar .row { padding:0; max-width:100%; margin:0; }
#header-top-bar #top-bar-left, #header-top-bar #top-bar-right { padding:0; }
#header-top-bar ul { list-style:none; margin:0; padding:0; color:#8D8D8D; }
#header-top-bar ul li { display:inline-block; padding:0; margin:0; }
#header-top-bar #top-bar-left ul li { border-right:1px solid #f0f0f0; }
#header-top-bar #top-bar-right ul li { border-left:1px solid #f0f0f0; }
#header-top-bar ul li a { color:#8D8D8D; font-size:12px; padding:10px 24px 10px 18px; display:block; transition: all 0.35s; }
#header-top-bar ul li a:hover { color:#0e0e0e; }
#header-top-bar ul li a svg { color:#0e0e0e; font-size:14px; height:14px; margin-right:3px; margin-bottom:-2px; }
#header-top-bar #top-bar-right ul { text-align:right; }/*/*/.right_box_menu li{padding:0 20px!important;}
.right_box_menu li a{display:inline-block!important;}
.right_box_menu li:first-child a{
padding:10px 0 10px 12px!important;
color: #8D8D8D;
font-family: "HND-Regular";
font-size: 16px;
letter-spacing: 0.4px;
line-height: 15px;
font-weight:400;
}
.right_box_menu li:first-child b{
color: #3D3D3D;
font-family: "HND-ExtraBold";
font-size: 11px;
font-weight: 800;
letter-spacing: 1.83px;
line-height: 13px;
margin-right:7px;
margin-left:4px;
}
.color_bars{float:right;}
.color_bars img{margin-top:-5px;}
.apparel_box{margin-top:-2px;}/*/*//*/*/.hf-wheel #related-products #related-product-list-slider .slick-dots { margin:40px 0 0 0!important; position: absolute; width: 100%; }
.hf-wheel #related-products #related-product-list-slider ul.slick-dots { display:flex; position:relative; }
.hf-wheel #related-products #related-product-list-slider ul.slick-dots li {
width: auto !important; height:2px !important; line-height: normal !important; margin: 0 1px !important; text-align: center !important; display: inline-flex; flex: 1;
}
.hf-wheel #related-products #related-product-list-slider ul.slick-dots li button {
width: 100% !important; height:2px !important; color: #DFDFDF !important; background:#DFDFDF !important; border: none !important;
border-radius: 0 !important; opacity: 1 !important; overflow: hidden; padding:0; text-align: center !important;
}
.hf-wheel #related-products #related-product-list-slider ul.slick-dots li.slick-active button { color:#0e0e0e !important; background:#0e0e0e !important; }
.hf-wheel #related-products .slick-prev, .hf-wheel #related-products .slick-next{z-index:1!important;top:38% !important;}
.hf-wheel #related-products .slick-next{right:50px!important;}
.large-offset-custom{margin-left:4%!important;}
.hf-wheel #related-products .slick-active:focus{border:none;box-shadow:none;outline:none;}
.hf-wheel #related-products .slick-slide:hover{border:none;}
.hf-wheel #related-products .product-header .left{width:50%;right:auto;}
.hf-wheel #related-products .product-header .right{align-self: flex-end;width:50%;text-align:right;margin-bottom:0;}
.hf-wheel #related-products .product-header{position:relative;display:flex;}
@media only screen and (min-width: 300px)  and (max-width: 479px) {
.hf-wheel #related-products .slick-prev, .hf-wheel #related-products .slick-next{top:32% !important;}
.hf-wheel #related-products .slick-next{right:0px !important;}
.large-offset-custom {
margin-left: 0%!important;
}
}
@media only screen and (min-width: 480px)  and (max-width: 599px) {
.hf-wheel #related-products .slick-prev, .hf-wheel #related-products .slick-next{top:33% !important;}
.hf-wheel #related-products .slick-next{right:0px !important;}
.large-offset-custom {
margin-left: 0%!important;
}
}
@media only screen and (min-width: 600px)  and (max-width: 767px) {
.hf-wheel #related-products .slick-prev, .hf-wheel #related-products .slick-next{top:33% !important;}
.hf-wheel #related-products .slick-next{right:0px !important;}
.large-offset-custom {
margin-left: 0%!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hf-wheel #related-products .slick-prev, .hf-wheel #related-products .slick-next{top:31% !important;}
.large-offset-custom {
margin-left: 0%!important;
}
}/**/.carbon_block_container{
background: #0E0E0E;
border-top: 1px solid #363636;
}
.carbon_block_container .stick p {
color: #fff !important;
}
.carbon_block_container .stick h1 {
color: #fff !important;
}
.carbon_block_container .cs-left {
border-color: #363636 !important;
}
.carbon_block_container .cs-right #side-nav ul li label.panel-link {
color: #fff;
padding: 22px 0px;
background-color: transparent;
}
.carbon_block_container .cs-right .stick #quote-disclaimer a.button {
background-color: #D52331;
}
.carbon_block_container .cs-right .stick #quote-disclaimer a.button:hover {
background-color: #fff;
}
.carbon_block_container .cs-right .stick #quote-disclaimer p a{
color: #fff;
}
.carbon_block_container .forged-right-container #cs-wheel-links a.active:hover {
border-color: #fff !important; }
.carbon_block_container #wheel-switch-nav li a span {
color: #fff !important;
}
.carbon_block_container #wheel-switch-nav li a svg {
color: #D52331 !important;
}
.carbon_block_container nav#side-nav { border-top:1px solid #363636!important;}
.carbon_block_container nav#side-nav li{border-bottom: 1px solid #363636;}
.carbon_block_container .forged-right-container #cs-wheel-links a.button{
color: #fff!important;
background: transparent!important;
}
.carbon_block_container .forged-right-container #cs-wheel-links a.active{
background: #dfdfdf!important;
box-shadow: none;
color: #0E0E0E!important;
border: 1px solid #0E0E0E;
}
.carbon_block_container .forged-right-container #cs-wheel-links a.button:hover { border:1px solid #fff!important; }/*/*//**/ header.header { background:#fff; padding:0; margin:0; box-shadow:none !important; }
header.header .contain-to-grid { background:none; }
header.header .top-bar { background:#fff; padding:0 15px; height:auto; } .top-bar-section ul li { background: none; margin-right:60px; position:static !important; padding: 27px 0 25px 0; }
.top-bar-section ul li a { color:#141414; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.15rem; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { display:none; }
.top-bar-section .has-dropdown > a { padding-right: 0 !important; }
.top-bar-section .has-dropdown > a:after { display:none; }
.top-bar-section li:not(.has-form) a:not(.button) { background: none; padding: 0; border-bottom:3px solid transparent; }
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover { background:none; border-bottom:3px solid #EC2028; color:#343434; padding-left:0; padding-right:0; }
.top-bar-section ul li:hover:not(.has-form) > a { background:none; color:#343434; border-bottom:3px solid #EC2028; } .top-bar-section .has-dropdown.not-click:hover > .dropdown {
display:block !important; clip: none; height: auto; position: absolute !important;
width: 1170px; display: block; padding: 0; position: absolute; z-index: 9999; left:0px; top: auto !important;
}
.top-bar-section .has-dropdown > .dropdown 
{ display:none !important;
top: 100px; 
} #menu-item-80730, #menu-item-80731, #menu-item-80732, #menu-item-80733 { display:none; }
.top-bar-section ul.dropdown li.back.js-generated { display:none !important; } @media only screen and (min-width: 40.0625em) {
.contain-to-grid .top-bar { max-width:1370px !important; }
}
#header-top-bar { border-bottom:1px solid #f0f0f0; }
.top-bar .title-area { float:none !important; text-align:center; }
.top-bar .name, .top-bar #logo { height: auto; padding:36px 0 25px 0; text-align:center; width:161px; margin:0 auto; padding:24px 0; position:relative; }
.contain-to-grid .top-bar-section { margin:-59px 0 24px 0; margin:0; position:relative; z-index:2; width: 100%; max-width: 100%; }
#menu-main-menu { float:none !important; text-align:center; display:block; margin:24px 0 18px 0; z-index:-1;  position:relative; }
.top-bar-section ul:not(.sub-menu) li, .top-bar-section ul:not(.dropdown) li { float:none; display:inline-block; background: none; margin-right: 60px; position:unset !important; padding:0; }
.top-bar-section ul:not(.sub-menu) li:last-child, .top-bar-section ul:not(.dropdown) li:last-child { margin:0; }
.top-bar-section ul li#menu-item-74804 { margin-right:120px; }
.top-bar-section ul li#menu-item-74956 { margin-left:120px; }
.top-bar-section ul li.vossen-logo { margin:0; }
.top-bar-section ul li.vossen-logo a { width:161px; min-height:14px; margin:0; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/svg/Vossen_Logo_Red.svg) center center no-repeat !important; text-indent:-999em; }
.top-bar-section ul li.vossen-logo a, .top-bar-section ul li.vossen-logo a:hover { border:none !important; }
.top-bar-section ul li#menu-item-74947, .top-bar-section ul li#menu-item-74948 {
clear:both; position:relative; width:25%; background:#fff; color:#141414;
font-size:30px; font-weight:200; border-bottom:1px solid #cfcfcf;
margin-right:0; padding: 0; float: left; display: block;
}  #hero { height:607px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
#hero-bg-video { width:100%; height:100%; z-index:1; }
#hero-bg-video iframe { width:100% !important; height:100% !important; }
#hero .row { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:0; text-align:center; }
#hero h1 { font-size:71px; line-height:65px; font-weight:300; text-transform:uppercase; color:#fff; letter-spacing:20px; margin-bottom:44px; }
#hero p { font-size:14px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:2px; margin:0 0 32px 0; padding:0; }
#hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; } #interior-hero { height:308px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
#interior-hero .row { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:0; text-align:center; }
#interior-hero h1 { font-size:80px; line-height:56px; font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:17px; margin-bottom:18px; }
#interior-hero p { font-size:13px; font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:3px; margin:0; padding:0; } #engineered-menu { background:#0E0E0E; color:#fff; padding:0; }
#engineered-menu.fixed { top:0px; }
#engineered-menu .row { padding:0; }
#engineered-menu .sub-nav { text-align:center; padding:0; margin:0 auto; width:100%; }
#engineered-menu .sub-nav dd { float:none; display:inline; margin:0 18px; margin:0 !important; }
#engineered-menu .sub-nav dd a {
color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; display:inline-block; padding:22px 25px 21px 25px;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
}
#engineered-menu .sub-nav dd.active a { border-bottom:4px solid #EC2028; background:none; border-radius:0; }
.hf-wheel #engineered-menu.light-menu { background:#0E0E0E !important; }
.hf-wheel #engineered-menu .sub-nav dd a { color:#fff; } h1#page-header, h1.page-header { text-align:center; font-size:33px; font-weight:300; text-transform:uppercase; letter-spacing:10px; color:#1e1e1e; margin:20px 0; } .slides { background:#141414; color:#fff; }
.slides .row { position:relative; }
.slides .row .small-4 { background:rgba(20,20,20,1); min-height:580px; width:34.5%; padding-right:0 !important; }
.slides .row .small-4 .slide-text { position: absolute; top: 50%; transform: translateY(-50%); padding-right:1.875rem; }
.slides .large-7 { margin-right:-0px; }
.slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin-bottom:30px; }
.slides p { color:#8a8a8a; font-size:13px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.slides img { max-width:100%; width:100%; height:auto; }
.slides .slide-bg { min-height:580px; }
.solid-slides { background:#141414; color:#fff; }
.solid-slides .row { position:relative; }
.solid-slides .row .small-4 { background:rgba(20,20,20,1); min-height:580px; width:34.5%; padding-right:0 !important; }
.solid-slides .row .small-4 .slide-text { position: absolute; top: 50%; transform: translateY(-50%); padding-right:1.875rem; }
.solid-slides .large-7 { margin-right:-0px; }
.solid-slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin-bottom:30px; }
.solid-slides p { color:#8a8a8a; font-size:13px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.solid-slides img { max-width:100%; width:100%; height:auto; }
.solid-slides .slide-bg { min-height:580px; }
.cap-slides { background:#141414; color:#fff; }
.cap-slides .row { position:relative; }
.cap-slides .row .small-4 { background:rgba(20,20,20,1); min-height:580px; width:34.5%; padding-right:0 !important; }
.cap-slides .row .small-4 .slide-text { position: absolute; top: 50%; transform: translateY(-50%); padding-right:1.875rem; }
.cap-slides .large-7 { margin-right:-0px; }
.cap-slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin-bottom:30px; }
.cap-slides p { color:#8a8a8a; font-size:13px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.cap-slides img { max-width:100%; width:100%; height:auto; }
.cap-slides .slide-bg { min-height:580px; }
.grid-block { margin-bottom:72px; min-height:585px; }
.grid-block .row { padding:0; }
h3 { font-size:16px; font-weight:700; color:#1e1e1e; margin-top:44px; margin-bottom:22px; }
h3 span { font-size:11px; color:#8c8c8c; text-transform:uppercase; margin-left:1rem; }
a.view-gallery { color:#8c8c8c; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/view_arrow.gif) left center no-repeat; text-transform:uppercase; font-size:11px; padding-left:9px; font-weight:700; } .page-id-2700 .grid-block { min-height:340px; margin-bottom:30px; } #wheels-grid { border-top:1px solid #b1b1b1; max-width:100%; margin-top:80px; padding-top:80px; overflow:hidden; }
#wheels-grid h3 { text-align:center; margin:0 0 20px 0; }
#wheels-grid p { font-size:15px; line-height:20px; margin-top:16px; }
#wheels-grid .columns:last-child { float:left; } #manufacturing .grid-block:nth-of-type(9) a.view-gallery { display:none; }
.grid-block p { color:#333; font-size:13px; font-weight:400; line-height: 1.92; } .grid-block img { width:100%; max-width:100%; height:auto; }  #bottom-ctas {  }
#bottom-ctas .bottom-cta { padding:70px 0; text-align:center; }
#bottom-ctas .bottom-cta .video-content { position:absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
#bottom-ctas .bottom-cta video { display: block; width:auto; height:100%; top:0px; left:0px; }
#bottom-ctas .bottom-cta .content { z-index:2; position:relative; }
#bottom-ctas .bottom-cta img.svg-icon { width:38px; height:38px; }
#bottom-ctas .bottom-cta h2 { margin:0; padding:0; font-weight:700; }
#bottom-ctas .bottom-cta h2 a { font-size:30px; color:#fff; text-transform:uppercase; letter-spacing:.35rem; } footer#footer { clear:both; background:#131313; color:#fff; margin:0; padding-top:100px; padding-bottom:100px; }
footer .row { padding:0; }
footer img.footer-logo { margin-top:40px; }
footer h3 { margin-bottom:25px; }
footer h3, footer h3 a { font-size:12px; color:#fff; text-transform:uppercase; letter-spacing:2px; color:#fff; }
footer h3 a:hover { color:#EB1F27; }
#footer-links { border-top:1px solid #2f2f2f; }
#footer-links { padding-left:0; padding-right:0; }
#footer-links ul { margin:0; padding:0; list-style:none; }
#footer-links ul li { font-size:13px; margin:5px 0; }
#footer-links ul li a { color:#828282; letter-spacing:.05rem; }
#footer-links ul li a:hover { color:#EB1F27; }
#footer-bottom { clear:both; overflow:hidden; margin-top:30px; }
#footer-bottom .columns { padding:0; }
#footer-bottom .columns .content { border-top:1px solid #2f2f2f; max-width:90%;  padding-bottom: 40px; }
#footer-bottom a.social-link { margin-right:8px; font-size:13px; color:#828282; letter-spacing:.05rem; }
#footer-bottom img.svg-icon { width:22px; height:22px; margin-right:10px; margin-top: -3px; }
#footer-bottom a:hover { color:#EB1F27; }
#copyright {  }
#copyright p { font-size:12px; color:#828282; letter-spacing:.05rem; } .single-wheel #hero p strong { font-style:normal; font-weight:600; text-transform:uppercase; letter-spacing:3px; } #wheel { text-align: center; }
#rotator-wrapper { margin: auto; }
#rotator-slider-wrapper { max-width: 600px; margin: auto; padding: 8px; background: #e4e4e4; border-radius: 100px; text-align: left; }
#rotator-slider-wrapper .range-slider { margin: 0; height: 4px; background: none; border: none; }
#rotator-slider-wrapper .range-slider-active-segment { height: 4px; background: #ab161c; }
#rotator-slider-wrapper .range-slider-handle { width: 10px; height: 10px; top: -3px; background: #ab161c !important; border-radius: 50%; }
#rotator-slider-label { margin-top: 12px; font-weight: bold; font-size: 11px; letter-spacing: 2px; color: #8a8a8a; text-align: center; text-transform: uppercase; }
#rotator-toggle { margin: 60px auto 0; }
@media only screen and (max-width: 40em) {
#rotator-slider-wrapper .range-slider-handle { width: 30px; height: 30px; top: -13px; }
} #sizing { margin:90px 0 124px 0; }
#sizing .row { padding:0; }
#sizing h1 { margin:0 0 60px 0; }
#sizing table { border:none; width:100%; }
#sizing thead { background:none; border-bottom:1px solid #c6c6c6; }
#sizing th { text-align:center; padding:20px 20px; }
#sizing tbody { padding-top:15px !important; }
#sizing tr.nineteen { padding-top: 15px; }
#sizing td { padding:15px 20px; }
td.rim-size { font-size:35px; font-weight:300; padding:15px 0px 15px 20px; }
td.soon { font-size:11px; font-weight:700; text-transform:uppercase; text-align:center; letter-spacing:2px; color:#8c8c8c; }
td.checked { min-width:13px; min-height:14px; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/icon_check.png) center center no-repeat; } .postid-26247 #sizing tr.size-23, .postid-26247 #sizing tr.size-24 { display:none; } #options {  }
#options-concave { padding:100px 0 150px 0; }
#options-concave h2 { font-size: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
#options-concave p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 4em; }
#options-concave img { max-width:100%; width:100%; display:none; }
#options h1#page-header { margin-bottom:42px; }
#options-table { background:#f9f9f9; padding:40px 0 60px 0; }
#options table { border:none; width:100%; }
#options th { text-align:center; padding:20px 20px; }
#options td { padding:22px 28px; vertical-align:middle; }
#options td.option-title { font-weight:700; font-size:14px; }
#options td.option-description { font-weight:400; font-size:13px; }
#options td.option-availability { font-weight:700; font-size:11px; text-transform:uppercase; }
.option-INCLUDED {  }
.option-OPTIONAL { color:#8c8c8c; }  #the-wheel {
padding:0; margin:0; }
#the-wheel .wheel-content { text-align:right; padding-left:0 !important; }
#the-wheel .wheel-panel { padding:130px 0; }
#the-wheel .color-content { padding:130px 0; }
#the-wheel .columns { margin:0; }
#the-wheel h2 { font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
#the-wheel h3 { font-size:11px; text-transform:uppercase; letter-spacing:2px; }
#the-wheel img.wheel-logo { margin:12px 0 24px 0; }
#the-wheel p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 4em; }
#the-wheel li.tab-title span { width:24px; height:24px; display:block; border-radius:100px; float:left; margin-right:6px; }
#the-wheel .tabs { text-align:left; padding-bottom:35px; }
#the-wheel .tabs .tab-title a { background:#fff; padding:12px 12px; margin:0; text-align:left; overflow:hidden; border:1px solid #dadada; color:#999; }
#the-wheel .tabs .tab-title.active a { color: #141414; background:#fff; padding:12px 12px; border:1px solid #141414; }
#the-wheel .tabs .tab-title a b { padding-top:3px; float:left; display:block; }
#the-wheel .tabs-content { margin:0; } img#straight, img#angled { position:relative; right:0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
img#angled { opacity:0; margin-top:-591px; }
img#angled.visible { opacity:1; }
img#straight.transparent { opacity:0; }
#wheel-button a.button { margin-right:20%; }
#wheel-button a.button { font-size:12px; border:1px solid #141414; color:#787878; background:none; padding:23px 55px; font-size: 11px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; }
#wheel-button a.button svg { fill:#EC2028; float:left; margin-right:6px; }
#wheel-button a.button span { margin-top:4px; display:inline-block; }
#wheel-button a:hover.button, #wheel-button a:focus.button { background:#EC2028; color:#fff; }
#wheel-button a:hover.button svg, #wheel-button a:focus.button svg { fill:#EC2028; } #aesthetics { padding:50px 0; overflow:hidden; margin-top:-50px !important; width:100%; top:-50px; clear:both; position:relative; }
#aesthetics :first-child:before { width:44%; transform: skewX(-22.5deg); box-shadow: 2000px 0 0 2000px rgba(20,20,20,1); background:rgba(20,20,20,1); height:580px !important; opacity:1 !important; height:680px; overflow:hidden; z-index:-1 !important; position:absolute; right:30px !important; }
#aesthetics .slick-list { overflow:visible; }
#aesthetics .slides { background:rgba(20,20,20,1); max-height:580px; overflow:visible; }
#aesthetics .slides .row .small-4 { width:44%; transform: skewX(-22.5deg); box-shadow: 2000px 0 0 2000px rgba(20,20,20,1); background:rgba(20,20,20,1); height:580px !important; opacity:1 !important; }
#aesthetics .slides .row .small-4 .slide-text { transform: skewX(22.5deg); padding-left:20%; padding-right:5%; top:30%; opacity:1 !important; }
#aesthetics #slider-nav { right:18%; margin-top:-7em; }
#aesthetics .slide-bg::before,
#aesthetics #slider-pager::before { display:none !important; } #vfs-finishing { padding-top:40px; }
.finishing-options { clear:both; overflow:hidden; }
.finishing-options img.large-photo { height:auto; width:100%; }
.finishing-options .photo-left { background-position:center left; background-size:auto, 110%; }
.finishing-options.photo-right { background-position:center right; background-size:auto, 110%; }
.finishing-options.photo-left .columns.copy-block { background:#fff; padding:0; overflow:hidden; float:right !important; }
.finishing-options .copy-block.columns { background:#fff; }
.finishing-options .photo-right .columns.copy-block { background:#fff; padding:0; overflow:hidden; float:left !important; }
.finishing-options .vfs-finishing-text { padding:50px 0 120px 0; }
.finishing-options .vfs-finishing-text h2 { font-size: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
.finishing-options .vfs-finishing-text p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 4em; }
.finishing-options .vfs-finishing-text img.wheel-thumb { max-height:220px; width:auto; } #vfs-sizes { padding:40px 0; }
#vfs-sizes ul { text-align:center; }
#vfs-sizes ul li { display:inline-block; background:none; border:1px solid #141414; color:#141414; text-align:center; list-style:none; margin:0; font-size:24px; font-weight:100; padding:25px 45px; letter-spacing:6px; line-height:1; }
#vfs-sizes .col-list { width:22%; display:inline-block; margin:0 1.25%; vertical-align:top; padding:0; }
#vfs-sizes .col-list h3 { text-align:center; font-size:24px; margin-top:0; }
#vfs-sizes .col-list ul { margin:0; padding:0; }
#vfs-sizes .col-list ul li { display:block; clear:both; margin-bottom:12px; }
#vfs-sizes p { margin-top:60px; color:#787878; }
#vfs-sizes strong { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 18px; margin-top: 11px; } #vfs-video { padding:80px 0; }
#vfs-video iframe { margin:0 auto; display:block; } #flow-form { padding:80px 0 80px 0; background:#ededed; }
#flow-form h1#page-header, #logo-header { padding:0; }
#flow-form .columns { text-align:center; background:#fff; padding:1% 1% 0 1%; margin-left:1%; margin-right:1%; width:23%; min-height:430px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(217,210,210,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(217,210,210,1);
box-shadow: 0px 0px 15px 0px rgba(217,210,210,1);
}
#flow-form h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 18px; margin-top:11px; }
#flow-form p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 12px; padding-left:12px; } #gallery { margin:0; padding:108px 0 130px 0; }
.page-id-362 #gallery { background:#ededed; padding:108px 0 80px 0; }
#gallery h1 { margin:0 0 94px 0; line-height:33px; }
#gallery .row { padding:0; }
#gallery .gallery-item, #wheel-gallery .gallery-item, .vehicle-gallery .gallery-item { max-height:277px; }
#gallery .columns a, #wheel-gallery .columns a, .vehicle-gallery .columns a { overflow:hidden; display:block; }
#gallery .columns a img, #wheel-gallery .columns a img, .vehicle-gallery .columns a img { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } #gallery .columns a:hover img, #wheel-gallery .columns a:hover img, .vehicle-gallery .columns a:hover img {
opacity: 0.3;
-webkit-transform: scale3d(2,2,1);
transform: scale3d(2,2,1);
-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);
background:#141414;
}
#gallery h6 a, #wheel-gallery h6 a, .vehicle-gallery h6 a { color:#1e1e1e; font-size:16px; font-weight:bold; display:block; padding:18px 0; }
#gallery .columns:last-child, #wheel-gallery .columns:last-child, .vehicle-gallery .columns:last-child { float:left; }
#gallery .button-row { padding-top:51px; }
#wheel-gallery { background:#ededed; padding:108px 0 130px 0; }
.wheel-gallery p, .vehicle-gallery p { text-align:center; }
.gallery-row { text-align:center; }
#gallery .gallery-row .columns, #wheel-gallery .gallery-row .columns { display:inline-block; float:none; margin-right:-4px; }  #wheel button.button, #gallery a.button, #wheel-gallery a.button, #manufacturing a.button, #process a.button,
.page-template-page-landing #factory a.button, #the-wheel a.button, #center-cap a.button, .vehicle-gallery a.button, .video-overlap a.button, #error a.button, #gform_submit_button_3.button,
a.collapse-button {
font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px; background:#141414;
border:1px solid #141414; padding:23px 20px; font-weight:700; outline:0;
}
a.collapse-button { padding:23px 42px; }
#wheel button:hover.button, #gallery a:hover.button, #wheel-gallery a:hover.button, #manufacturing a:hover.button, #process a:hover.button, .page-template-page-landing #factory a:hover.button, #the-wheel a:hover.button, .vehicle-gallery a:hover.button, #error a:hover.button, #gform_submit_button_3:hover.button, a:hover.collapse-button { border:1px solid #141414; color:#141414; background:none; }
a:hover.collapse-button { padding:23px 42px; background:none !important; }
#wheel button:focus.button { outline:0; }
#center-cap a.button.red, #the-wheel a.button.red, .video-overlap a.button.red { background:#EC2028; border:1px solid #EC2028; padding:23px 55px; }
#center-cap a:hover.button.red, #the-wheel a:hover.button.red, .video-overlap a:hover.button.red { border:1px solid #141414; color:#141414; background:none; }
.button-row { text-align:center; }
.button-row .button { margin:0 auto; } #finishing a.button, a.view-video.button, #manufacturing a.view-video.button, a.button.white {
font-size:11px; color:#141414; text-transform:uppercase; letter-spacing:2px; background:#fff;
border:1px solid #fff; padding:23px 58px; font-weight:700;
}
#finishing a:hover.button, a:hover.view-video.button, #manufacturing a:hover.view-video.button, a:hover.button.white {
border:1px solid #fff; color:#fff; background:none;
} a.view-video.button, #manufacturing a.view-video.button, #process a.view-video.button, .page-template-page-finishing #hero a.view-video.button {
font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px; background:#c02620;
border:1px solid #c02620; padding:23px 58px; font-weight:700;
}
a:hover.view-video.button, #manufacturing a:hover.view-video.button, #process a:hover.view-video.button, .page-template-page-finishing #hero a:hover.view-video.button {
border:1px solid #c02620; color:#fff; background:none;
}
a.view-video.button img { width:16px; height:18px; display:inline; } .single-wheel #manufacturing { padding:119px 0 128px 0; }
.single-wheel #manufacturing .row { padding:0; }
.single-wheel #manufacturing h1 { margin:0 0 100px 0; line-height:33px; }
.single-wheel .grid-block, .page-template-page-finishing .grid-block { min-height:310px; } #details {  }
#slider-nav, #solid-slider-nav, #cap-slider-nav { margin:-10em 0 0 0; padding:0; position:absolute; height:3em !important; width:10% !important; }
#slider-pager.row, #solid-slider-pager.row, #cap-slider-pager.row { padding:0; position:relative; }
.slick-prev, .slick-prev:hover, .slick-prev:focus { left:0px; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/slick_arrow_prev.png) no-repeat; height:20px; width:20px; text-indent:-999em; }
.slick-next, .slick-next:hover, .slick-next:focus { right:0px; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/slick_arrow_next.png) no-repeat; height:20px; width:20px; text-indent:999em; }
.slick-prev:before { text-indent:-999em; content:''; }
.slick-next:before { text-indent:999em; content:''; }
ul.slick-dots, ul.solid-slick-dots, ul.cap-slick-dots { top:7px !important; bottom:0px !important; margin:0 !important; }
.slick-dots li, .solid-slick-dots li, .cap-slick-dots li { width:12px !important; height:12px !important; line-height:12px !important; margin:0 6px !important; text-align:center !important; }
.slick-dots li button:before, .solid-slick-dots li button:before, .cap-slick-dots li button:before { display:none !important; }
.slick-dots li button, .solid-slick-dots li button, .cap-slick-dots li button {
width:4px !important; height:4px !important; color:#747474 !important; background:#747474 !important; border:8px solid #141414 !important;
border-radius:30px !important; opacity:1 !important; overflow:hidden; padding:2px; text-align:center !important;
}
.slick-dots li.slick-active button, .solid-slick-dots li.slick-active button, .cap-slick-dots li.slick-active button {
width:10px !important; height:10px !important; color:#141414 !important; background:#141414 !important; border:2px solid #747474 !important;
border-radius:30px !important; opacity:1 !important; overflow:hidden; padding:2px;
} #colors h1#page-header { margin-bottom:0; margin-top:40px; }
#process { padding-bottom:128px; padding-top:50px; }
#process .grid-block { min-height:30px; margin-bottom:72px; }
#process .grid-block:nth-child(4), #process .grid-block:nth-child(5), #process .grid-block:nth-child(6) { margin-bottom:40px; }
#process .row:nth-child(2) { padding-bottom:0; }
#process .button-row { padding-top:0; } #colors p { font-size:13px; margin:0; }
#colors h2 { font-size:21px; font-weight:300; text-transform:uppercase; letter-spacing:10px; margin:30px 0 20px; }
#colors #solid h2, #colors #solid p { text-align:center; } .tabs { text-align:center; }
.tabs dd, .tabs .tab-title { float:none !important; display: inline-block; list-style: none; margin-bottom: 0 !important; position: relative; text-align: center; }
.tabs .tab-title.active a { font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px; background:#c02620; text-align:center;
padding:23px 35px; font-weight:700; outline:0; border:1px solid #c02620; min-width:220px; margin:0 12px;
}
.tabs .tab-title > a { font-size:11px; color:#141414; text-transform:uppercase; letter-spacing:2px; background:#fff; text-align:center;
padding:23px 35px; font-weight:700; border:1px solid #141414; min-width:220px; margin:0 12px;
} .page-template-page-finishing #colors .grid-block { height: 270px; min-height: 270px; margin-bottom:50px; }
a.cap-image { position:relative; width:100%; height:auto; display:block; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
a.cap-image img:first-child { position:absolute; opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
a.cap-image img:last-child { position:absolute; opacity:0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
a:hover.cap-image img:first-child { position:absolute; opacity:0; }
a:hover.cap-image img:last-child { position:absolute; opacity:1; }
.cap-details { margin-top:88%; }
#colors .grid-block h3, #colors .grid-block p, #colors .grid-block .color-links { text-align:center; }
#colors .grid-block h3 { margin:0 0 8px 0; }
#colors .grid-block p { margin:0 0 10px 0; width:100%; }
#colors .grid-block .color-links a { position:relative; padding-bottom:4px; } #colors .grid-block .color-links img { max-width:auto; width:auto; }
.page-template-page-finishing .has-tip { border-bottom: none; color: #333333; cursor: auto; font-weight: bold; }
.page-template-page-finishing .tooltip { background: rgba(20,20,20,.9); color: #fefefe; font-size: 9px; font-weight: 700; line-height: normal; max-width: 300px;
padding: 15px; position: absolute; text-transform: uppercase; letter-spacing: 1px; width: 100%; }
.page-template-page-finishing .gallery-modal-nav-container { display:none; } #process-banner.banner, .single-wheel #manufacturing #process-banner.row { padding-left: 0.9375rem; padding-right: 0.9375rem; }
.single-wheel #manufacturing #process-banner.row { margin-bottom:0.9375rem; }
#process-banner .banner-content { background:#141414; padding:0; }
#process-banner .banner-content .row {
margin:0; padding:45px 0 39px 0; background: -moz-linear-gradient(left,  rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); background: -webkit-linear-gradient(left,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); background: linear-gradient(to right,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); }
#process-banner.banner h2 { color:#fff; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin:9px 0 0 0.9375rem; padding-left: 0.9375rem; }
#process-banner.banner a.button { margin-bottom:0; } .container_map_section{ background: #141414; width: 100%; float: left; overflow: hidden; }
.Side_list_bar{ background: #141414; width: 100%; float: left; margin-top:0; }
.container_map_section .nopadding{ padding: 0; } 
.Select_box{ width: 100%; background: #1C1C1C; padding: 25px 35px; float: left; }
.Select_box label{ font-weight: 700; text-transform: uppercase; color: #fff; font-size: 11px; letter-spacing: 2px; line-height: 9px; }
.Select_box select{
background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat 96% center ; background-size: 6%; border:none; border-bottom: 3px solid #EC2028; color: #fff; font-weight: 300; text-transform: uppercase; font-size: 20px; height: 40px; letter-spacing: 3px; padding: 0; -moz-appearance: none !important;
-webkit-appearance:none !important; appearance: none!important; position: relative; z-index: 1; cursor: pointer; margin-bottom: 0;
}
.Select_box select option{ color: #141414; font-family: "Open Sans",sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px; line-height: 28px; text-transform: uppercase; background: #fff; }
.Select_box select:focus{ outline: none; }
ul.listSidebar{ width: 100%; float: left; margin: 0; }
ul.listSidebar li{ padding: 16px 0 16px 60px; margin: 0 0 0 0px; list-style: none; border-bottom: 1px solid #333; background: #141414; transition: all ease-in-out 0.2s; }
ul.listSidebar li:hover{ background: #1C1C1C; }
ul.listSidebar li a .Distributor{ color: #ED2124; display: block; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; }
ul.listSidebar li a .Distributorname{ color: #fff; display: block; font-size: 17px; font-weight: 700; letter-spacing: 0; text-transform: capitalize; }
ul.listSidebar li a .place_distributor{ color: #fff; display: block; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: capitalize; }
ul.listSidebar li a .place_distributor small{ font-size: 14px; text-transform: uppercase; margin-left: 5px; }
#scrollbox3 { overflow: auto; width: 100%; height: 260px; padding: 0 5px; }
.track3 { width: 5px; background: rgba(0, 0, 0, 1); margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear; }
.track3:hover, .track3.dragging { background: #d9d9d9; background: rgba(0, 0, 0, 0.15); }
.handle3 { width: 5px; right: 0; background: #999; background: rgba(72, 72, 72, 1); border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms; }
.track3:hover .handle3, .track3.dragging .handle3 { width: 5px; }
.dealer_name { font-size: 12px; font-weight: bold; line-height: 24px; }
.dealer_address { font-size: 10px; }
.infobubble_container { min-width: 100px; padding: 12px 8px;text-align: center; margin-top: 15px;  }
.bubble_container { width: 100% !important;     }
.right_div{ position: relative; }
#map-right-form{ position: absolute; z-index: 1; top: 0px; right: 0px; padding: 0; overflow-y: scroll; margin-right: -715px; }
#map-right-form h2{ color: #141414; display: block; float: left; font-size: 20px; font-weight: 300; letter-spacing: 7px; margin-bottom: 20px;
margin-top: 25px; line-height: 25px; text-align: center; text-transform: uppercase; width: 100%; padding: 0 25px;
}
#dealer-form input.gform_button{ color: #fff; }
.closeicon{ margin-top: 10px; display: block; width: 21px; height: 20px; position: absolute; left: 13px; top: 2px; z-index: 2; }
#gform_fields_1{ margin: 24px 0 0; }
#field_3_72, #field_11_72 { background: #000; text-align: center; }
#field_3_68, #field_11_68 { float: left; width: 100%; display: block; }
#field_3_68 p, #field_11_68 p { margin-top: 25px !important; margin-bottom: 20px !important; padding: 0 53px !important; }
.gfield_label{ display: none; }
#field_3_72 h3, #field_11_72 h3 { color:#ec2028; font-size: 12px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 2px; margin-top: 20px; }
#field_3_72 p a, #field_11_72 p a { color: #ec2028; text-transform: uppercase; text-decoration: underline; font-weight: bold; font-size: 12px; }
#field_3_72 p a:hover #field_11_72 p a:hover { color: #fff;    }
#field_3_72 h4, #field_11_72 h4{ font-weight: bold; letter-spacing: 1px; text-transform: capitalize; font-size: 18px; color: #fff; }
.track4 { width: 5px; background: rgba(203, 210, 211, 1); margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear; }
.track4:hover, .track4.dragging { background: #484848; background: rgba(203, 210, 211, 0.15); }
.handle4 { width: 5px; right: 0; background: #999; background: rgba(72, 72, 72, 1); border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms; }
.track4:hover .handle4, .track4.dragging .handle4 { width: 5px; }
ul.gfield_radio li input[type="radio"] { margin-left: 10px !important;  }
.is_distributor{ font-size: 10px; letter-spacing: 1px; color: #ec2028; font-weight: 700; }
.dealer_name{ font-weight: 700; color: #1e1e1e; font-size: 14px; letter-spacing: 0.5px; }
.dealer_address{ font-size: 12px; color: #333333; letter-spacing: 1px; margin-bottom: 10px; }
a.dealer_contact{ background: #1c1c1c; padding: 7px 20px; font-weight: 700; color: #fff; display: inline-block; border-radius: 30px; }
#dealers-map { margin-top:0 !important; }
@media only screen and (max-width: 640px) {
#warranty, #questions { display: flex; justify-content: center; align-items: center; }
#warranty #text-2 { width: 300px !important;  }
#questions #text-3 { width: 300px !important; }
}
@media only screen and (max-width: 640px) { #hero { width:100%; height:auto; min-height:300px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
#hero .row { position: relative; top: 0; left: 0; transform: none; padding:15% 0 0 0; text-align:center; }
#hero h1, #interior-hero h1 { font-size:42px; line-height:49px; text-transform:uppercase; color:#fff; letter-spacing:6px; margin-bottom:14px; }
#hero p { font-size:12px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:0; margin:0 0 12px 0; padding:0; }
#hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; } .home #hero { width:100%; height:auto; min-height:400px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
.home #hero .row { position: relative; top: 0; left: 0; transform: none; padding:26% 0 0 0; text-align:center; }
.home #hero h1 { font-size:38px; line-height:39px; font-weight:300; text-transform:uppercase; color:#fff; letter-spacing:4px; margin-bottom:14px; }
.home #hero p { font-size:12px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:0; margin:0 0 12px 0; padding:0; }
.home #hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; } #engineered-menu { background:#141414; color:#fff; padding:0; }
#engineered-menu .row { padding:0; }
#engineered-menu .sub-nav { text-align:center; padding:0; margin:0 auto; width:100%; }
#engineered-menu .sub-nav dd { float:none; display:inline; margin:0 18px; }
#engineered-menu .sub-nav dd a {
color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; display:inline-block; padding:22px 25px 21px 25px;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
}
#engineered-menu { display:none; }
#engineered-menu .sub-nav dd.active a { border-bottom:4px solid #EC2028; background:none; border-radius:0; }
h1#page-header { text-align:center; font-size:28px; line-height:39px; font-weight:300; text-transform:uppercase; letter-spacing:4px; color:#1e1e1e; margin:20px 0; } .slides, .solid-slides, .cap-slides { background:#141414; color:#fff; }
.slides .row, .solid-slides .row, .cap-slides .row { position:relative; }
.slides .row .slide-image, .solid-slides .row .slide-image, .cap-slides .row .slide-image { margin-bottom:20px; }
.slides .row .small-4, .solid-slides .row .small-4, .cap-slides .row .small-4 { background:none; min-height:30px; width:100%; padding-right:0 !important; clear:both; }
.slides .row .small-4 .slide-text, .solid-slides .row .small-4 .slide-text, .cap-slides .row .small-4 .slide-text { position: relative; top: 0; transform: none; padding-right:0 !important; padding-top:0.9375rem; padding-bottom:4.6875rem; }
.home .slides .row .small-4 .slide-text { position: relative; top: 0; transform: none; padding-right:0 !important; padding-top:0.9375rem; padding-bottom:0.9375rem; }
.slides .large-7, .solid-slides .large-7, .cap-slides .large-7 { margin-right:-0px; }
.slides h2, .solid-slides h2, .cap-slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:4px; margin-bottom:20px; }
.slides p, .solid-slides p, .cap-slides p { color:#8a8a8a; font-size:14px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.slides img, .solid-slides img, .cap-slides img { max-width:100%; width:100%; height:auto; }
.slides .slide-bg[style], .solid-slides .slide-bg[style], .cap-slides .slide-bg[style] { min-height:30px; background-size:100%, auto !important; background-position:left top !important; overflow:hidden; }
div.slide-bg.slick-slide.slick-current.slick-active { background-size:100%, auto !important; }
#slider-nav, #solid-slider-nav, #cap-slider-nav { margin:-5em 0.9375rem 0 0.9375rem; width:30% !important; }
.page-template-page-finishing #slider-nav, .page-template-page-finishing #solid-slider-nav, .page-template-page-finishing #cap-slider-nav { margin:-5em 0.9375rem 0 0.9375rem; width:50% !important; } #gallery, .gallery { padding:0; }
#gallery h1#page-header, .gallery h1#page-header { padding:40px 0; }
#gallery .columns, .gallery .columns { min-height:10em; }
#gallery h6 a, .gallery h6 a { padding:4px 0; font-size:14px; font-weight:600; }
#gallery .button-row, .gallery .button-row { padding:0 0 40px 0; } #finishing .slides .row .small-4 .slide-text { position: relative; top: 0; transform: none; padding-right:0 !important; padding-top:0.9375rem; padding-bottom:0.9375rem; } .single-wheel #manufacturing { padding:0; }
.single-wheel #manufacturing h1 { padding:40px 0; margin:20px 10px; }
.grid-block, .single-wheel .grid-block, .page-template-page-finishing .grid-block { min-height:1px; margin-bottom:20px; }
.grid-block h3 , .single-wheel .grid-block h3, .page-template-page-finishing .grid-block h3 { margin:20px 12px 0 0; }
.single-wheel #manufacturing .button-row { padding-left: 0.9375rem; padding-right: 0.9375rem; margin-bottom:40px; }  .grid-block img { width:100%; max-width:100%; height:auto; } #options { background-position:center top !important; }
#options-concave { padding:100px 0 150px 0; }
#options-concave .large-4 { clear:both; padding-top:70%; }
#options-concave h2 { font-size: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
#options-concave p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 4em; }
#options-concave img { max-width:100%; width:100%; display:none; }
#options h1#page-header { margin-bottom:42px; }
#options-table { background:#f9f9f9; padding:40px 0 60px 0; }
#options table { border:none; width:100%; }
#options th { text-align:center; padding:20px 20px; }
#options td { padding:22px 28px; vertical-align:middle; }
#options td.option-title { font-weight:700; font-size:14px; }
#options td.option-description { font-weight:400; font-size:13px; }
#options td.option-availability { font-weight:700; font-size:11px; text-transform:uppercase; } #prefooter { background: #ab161c; background: -moz-linear-gradient(top,  #ab161c 0%, #ab161c 50%, #cf1c23 50%, #cf1c23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab161c), color-stop(50%,#ab161c), color-stop(50%,#cf1c23), color-stop(100%,#cf1c23)); background: -webkit-linear-gradient(top,  #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); background: -o-linear-gradient(top,  #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); background: -ms-linear-gradient(top,  #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); background: linear-gradient(to bottom,  #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab161c', endColorstr='#cf1c23',GradientType=0 ); }
#prefooter #warranty { padding:1.8275rem 0.9375rem; }
#prefooter #questions { padding:1.5rem 0.9375rem 1.8275rem 1.8275rem; } footer.footer { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/footer_background.jpg) center center no-repeat; background-size:cover; color:#fff; margin:0; min-height:600px; }
#footer-bottom { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/vossen_footer_logo.png) center bottom no-repeat; border-top:1px solid #3b3b3b; padding:20px 0.9375rem 30px 0.9375rem; }
#footer-bottom p { font-size:9px; color:#8c8c8c; text-transform:uppercase; letter-spacing:2px; font-weight:700; }
#footer-bottom p a { color:#8c8c8c; text-decoration:none; }
#footer-bottom p.left, #footer-bottom p.right { float:none !important; clear:both; text-align:center; }
#inner-footer { padding:40px 0; }
#inner-footer .small-6 { min-height:230px !important; } #process-banner.banner, .single-wheel #manufacturing #process-banner.row { padding-left: 0.9375rem; padding-right: 0.9375rem; }
#process-banner .banner-content { background:#141414; padding:0; }
#process-banner .banner-content .row {
margin:0; padding:45px 0 39px 0; background: -moz-linear-gradient(left,  rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); background: -webkit-linear-gradient(left,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); background: linear-gradient(to right,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); }
#process-banner.banner h2 { color:#fff; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin:9px 0 20px 0.9375rem; padding-left: 0.9375rem; }
#process-banner.banner a.button { margin-bottom:0; margin-left:1.875rem; }
} @media only screen and (max-width: 380px) {
#hero { width:100%; height:auto; min-height:300px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
#hero .row { position: relative; top: 0; left: 0; transform: none; padding:21% 0 0 0; text-align:center; } .page-id-362 h1#page-header, .page-id-362 h1.page-header { font-size: 22px; letter-spacing: 2px; margin: 10px; }
.page-id-362 #hero .row { padding-top:18%; }
.page-id-362 #colors .row { padding:20px 0; }
.page-id-362 #colors h1#page-header { margin-top:0; }
.page-id-362 #colors .tabs .tab-title { width: 50%; display:block; float:left !important; }
.page-id-362 .tabs .tab-title.active a, .page-id-362 .tabs .tab-title > a { padding: 15px 22px; min-width:10px; letter-spacing: 1px; }
.page-id-362 #gallery { padding:0; }
.page-id-362 #gallery .columns, .page-id-362 .gallery .columns { min-height:1px; }
.page-id-362 #process { padding:20px 0; }
.page-id-362 #process .row { padding:10px 0; }
.page-template-page-finishing #colors .grid-block { height: 260px; min-height: 260px; margin-bottom:0px; }
#hero h1 { font-size:26px; line-height:49px; font-weight:300; text-transform:uppercase; color:#fff; letter-spacing:6px; margin-bottom:14px; }
#hero p { font-size:12px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:0; margin:0 0 12px 0; padding:0; }
#hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; }
}
@media only screen and (min-width:381px) and (max-width: 480px) {
#hero { width:100%; height:auto; min-height:300px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
#hero .row { position: relative; top: 0; left: 0; transform: none; padding:21% 0 0 0; text-align:center; }
#hero h1, #interior-hero h1 { font-size:32px; line-height:49px; text-transform:uppercase; color:#fff; letter-spacing:6px; margin-bottom:14px; }
#hero p { font-size:12px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:0; margin:0 0 12px 0; padding:0; }
#hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; } .page-id-362 h1#page-header, .page-id-362 h1.page-header { font-size: 20px; letter-spacing: 2px; margin: 10px; }
.page-id-362 #colors .row { padding:0; }
#colors h1#page-header { margin-bottom: 30px; margin-top: 40px; }
.page-id-362 #colors .tabs .tab-title { width: 50%; display:block; float:left !important; }
.page-id-362 .tabs .tab-title.active a, .page-id-362 .tabs .tab-title > a { padding: 15px 18px; min-width:10px; letter-spacing: 1px; }
.page-id-362 #gallery { padding:0; }
.page-id-362 #gallery .columns, .page-id-362 .gallery .columns { min-height:1px; }
.page-id-362 #process { padding:20px 0; }
.page-id-362 #process .row { padding:10px 0; }
}
@media only screen and (min-width:481px) and (max-width:640px) {
.page-template-page-finishing #colors .grid-block { height: 320px; min-height: 330px; margin-bottom: 50px; }
.page-id-74922 #content #inner-content { padding:0; }
#inventory-filters .filter-content { width: 100%; float: none; clear: both; }
#inventory-filters h2 { display: block; clear: both; }
#inventory-filters #filter-column { margin-top: 0; padding-left: 0.9375rem; }
#inventory-filters #filter-options { display:block; }
.inventory-details .row { padding: 0 15px 40px 15px; position: relative; }
#applications { margin:20px 0 15px 0; }
.wheel-thumb-overlay img { width:100%; }
#inventory-filters #counter-column { text-align: left; margin-top: 10px; padding-right: 0; }
#inventory-filters #counter-column .filter-content { float: none; clear:both; padding-left: 0; }
#inventory-results { padding:0; }
.inventory-result-row { padding:0; }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
#hero h1, #interior-hero h1 { font-size:52px; line-height:65px; text-transform:uppercase; color:#fff; letter-spacing:10px; margin-bottom:44px; }
}
@media only screen and (min-width:641px) and (max-width: 1370px) {
#footer-bottom { padding-left:0.9375rem; padding-right:0.9375rem; }
}
@media only screen and (min-width:641px) and (max-width: 768px) {
#hero { width:100%; height:auto; min-height:300px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
#hero .row { position: relative; top: 0; left: 0; transform: none; padding:8% 0 0 0; text-align:center; }
#hero h1, #interior-hero h1 { font-size:48px; line-height:65px; text-transform:uppercase; color:#fff; letter-spacing:10px; margin-bottom:44px; }
#hero p { font-size:14px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:2px; margin:0 0 32px 0; padding:0; }
#hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; } #engineered-menu { background:#141414; color:#fff; padding:0; }
#engineered-menu .row { padding:0; }
#engineered-menu .sub-nav { text-align:center; padding:0; margin:0 auto; width:100%; }
#engineered-menu .sub-nav dd { float:none; display:inline; margin:0 1%; }
#engineered-menu .sub-nav dd a {
color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; display:inline-block; padding:22px 1% 21px 1%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
}
#engineered-menu .sub-nav dd.active a { border-bottom:4px solid #EC2028; background:none; border-radius:0; } .slides, .solid-slides, .cap-slides { background:#141414; color:#fff; }
.slides .row, .solid-slides .row, .cap-slides .row { position:relative; }
.slides .row .slide-image, .solid-slides .row .slide-image, .cap-slides .row .slide-image { margin-bottom:20px; }
.slides .row .small-4, .solid-slides .row .small-4, .cap-slides .row .small-4 { background:none; min-height:30px; width:100%; padding-right:0 !important; clear:both; }
.slides .row .small-4 .slide-text, .solid-slides .row .small-4 .slide-text, .cap-slides .row .small-4 .slide-text { position: relative; top: 0; transform: none; padding-right:0 !important; padding-top:0.9375rem; padding-bottom:4.6875rem; }
.slides .large-7, .solid-slides .large-7, .cap-slides .large-7 { margin-right:-0px; }
.slides h2, .solid-slides h2, .cap-slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:4px; margin-bottom:20px; }
.slides p, .solid-slides p, .cap-slides p { color:#8a8a8a; font-size:14px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.slides img, .solid-slides img, .cap-slides img { max-width:100%; width:100%; height:auto; }
.slides .slide-bg[style], .solid-slides .slide-bg[style], .cap-slides .slide-bg[style] { min-height:30px; background-size:100%, auto !important; background-position:left top !important; overflow:hidden; }
div.slide-bg.slick-slide.slick-current.slick-active { background-size:100%, auto !important; }
#slider-nav, #solid-slider-nav, #cap-slider-nav { margin:-5em 0.9375rem 0 0.9375rem; width:30% !important; } .grid-block img { width:100%; max-width:100%; height:auto; } #gallery, .gallery { padding:0; }
#gallery h1#page-header, .gallery h1#page-header { padding:40px 0; }
#gallery .columns, .gallery .columns { min-height:10em; }
#gallery h6 a, .gallery h6 a { padding:4px 0; font-size:14px; font-weight:600; }
#gallery .button-row, .gallery .button-row { padding:0 0 40px 0; } #finishing .slides .row .small-4 .slide-text { position: relative; top: 0; transform: none; padding-right:0 !important; padding-top:0.9375rem; padding-bottom:0.9375rem; } #options { background-position:center top !important; }
#options-concave { padding:100px 0 150px 0; }
#options-concave .large-4 { clear:both; padding-top:60%; }
#options-concave h2 { font-size: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
#options-concave p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 4em; }
#options-concave img { max-width:100%; width:100%; display:none; }
#options h1#page-header { margin-bottom:42px; }
#options-table { background:#f9f9f9; padding:40px 0 60px 0; }
#options table { border:none; width:100%; }
#options th { text-align:center; padding:20px 20px; }
#options td { padding:22px 28px; vertical-align:middle; }
#options td.option-title { font-weight:700; font-size:14px; }
#options td.option-description { font-weight:400; font-size:13px; }
#options td.option-availability { font-weight:700; font-size:11px; text-transform:uppercase; }
#prefooter #warranty { padding:1.8275rem 0 1.8275rem 0.9375rem; }
#prefooter #questions { padding:1.5rem 0 1.8275rem 0; } #process-banner.banner { padding-left: 0.9375rem; padding-right: 0.9375rem; }
#process-banner .banner-content { background:#141414; padding:0; }
#process-banner .banner-content .row {
margin:0; padding:45px 0 39px 0; background: -moz-linear-gradient(left,  rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); background: -webkit-linear-gradient(left,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); background: linear-gradient(to right,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); }
#process-banner.banner h2 { color:#fff; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin:9px 0 20px 0.9375rem; padding-left: 0.9375rem; }
#process-banner.banner a.button { margin-bottom:0; margin-left:1.875rem; }
}
@media only screen and (min-width:641px) and (max-width: 1024px) { #engineered-menu { background:#141414; color:#fff; padding:0; }
#engineered-menu .row { padding:0; }
#engineered-menu .sub-nav { text-align:center; padding:0; margin:0 auto; width:100%; }
#engineered-menu .sub-nav dd { float:none; display:inline; margin:0 1%; }
#engineered-menu .sub-nav dd a {
color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; display:inline-block; padding:22px 1% 21px 1%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
}
#engineered-menu .sub-nav dd.active a { border-bottom:4px solid #EC2028; background:none; border-radius:0; }
.grid-block, .single-wheel .grid-block, .page-template-page-finishing .grid-block { min-height:1px; margin-bottom:20px; }
#warranty, #questions { width:50%; display: flex; justify-content: center; align-items: center; padding-left:0; }
#warranty #text-2 { width: 310px !important;  }
#questions #text-3 { width: 300px !important; }  #process-banner.banner, .single-wheel #manufacturing #process-banner.row { padding-left: 0.9375rem; padding-right: 0.9375rem; }
#process-banner .banner-content { background:#141414; padding:0; }
#process-banner .banner-content .row {
margin:0; padding:45px 0 39px 0; background: -moz-linear-gradient(left,  rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); background: -webkit-linear-gradient(left,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); background: linear-gradient(to right,  rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); }
#process-banner.banner h2 { color:#fff; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin:9px 0 20px 0.9375rem; padding-left: 0.9375rem; }
#process-banner.banner a.button { margin-bottom:0; margin-left:1.875rem; }
}
@media only screen and (min-width:640px) and (max-width: 767px) {
#inner-footer .medium-offset-1 { margin-left:0 !important; }
#inner-footer .columns .columns { width:20%; } .home #hero { width:100%; height:auto; min-height:400px; overflow:hidden; text-align:center; position:relative; text-shadow:0 1px 2px #414141; }
.home #hero .row { position: relative; top: 0; left: 0; transform: none; padding:16% 0 0 0; text-align:center; }
.home #hero h1 { font-size:64px; line-height:58px; font-weight:300; text-transform:uppercase; color:#fff; letter-spacing:4px; margin-bottom:14px; }
.home #hero p { font-size:12px; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:0; margin:0 0 12px 0; padding:0; }
.home #hero a.button { background:#fff; color:#272727; font-size:11px; padding:23px 48px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; text-shadow:0px 0px 0px; }
}
@media only screen and (min-width:769px) and (max-width: 1024px) { .slides, .solid-slides, .cap-slides { background:#141414; color:#fff; }
.slides .row, .solid-slides .row, .cap-slides .row { position:relative; }
.slides .row .slide-image, .solid-slides .row .slide-image, .cap-slides .row .slide-image { margin-bottom:20px; }
.slides .row .small-4, .solid-slides .row .small-4, .cap-slides .row .small-4 { background:none; min-height:30px; width:100%; padding-right:0 !important; clear:both; }
.slides .row .small-4 .slide-text, .solid-slides .row .small-4 .slide-text, .cap-slides .row .small-4 .slide-text { position: relative; top: 0; transform: none; padding-right:0 !important; padding:0.9375rem 1.8275rem 4.6875rem 1.8275rem; }
.slides .large-7, .solid-slides .large-7, .cap-slides .large-7 { margin-right:-0px; }
.slides h2, .solid-slides h2, .cap-slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:4px; margin-bottom:20px; }
.slides p, .solid-slides p, .cap-slides p { color:#8a8a8a; font-size:14px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.slides img, .solid-slides img, .cap-slides img { max-width:100%; width:100%; height:auto; }
.slides .slide-bg[style], .solid-slides .slide-bg[style], .cap-slides .slide-bg[style] { min-height:30px; background-size:100%, auto !important; background-position:left top !important; overflow:hidden; }
div.slide-bg.slick-slide.slick-current.slick-active { background-size:100%, auto !important; }
#slider-nav, #solid-slider-nav, #cap-slider-nav { margin:-5em 1.8275rem 0 1.8275rem; width:30% !important; } #finishing .slides .row .small-4 .slide-text, #finishing .solid-slides .row .small-4 .slide-text, #finishing .cap-slides .row .small-4 .slide-text { padding-right:0 !important; padding-bottom:1.8275rem; } #options-concave { padding:100px 0 150px 0; }
#options-concave .large-4 { clear:both; padding-top:50%; }
#options-concave h2 { font-size: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
#options-concave p { color: #333; font-size: 13px; line-height: 1.8; letter-spacing: 1px; padding-right: 4em; }
#options-concave img { max-width:100%; width:100%; display:none; }
#options h1#page-header { margin-bottom:42px; }
#options-table { background:#f9f9f9; padding:40px 0 60px 0; }
#options table { border:none; width:100%; }
#options th { text-align:center; padding:20px 20px; }
#options td { padding:22px 28px; vertical-align:middle; }
#options td.option-title { font-weight:700; font-size:14px; }
#options td.option-description { font-weight:400; font-size:13px; }
#options td.option-availability { font-weight:700; font-size:11px; text-transform:uppercase; }
.Select_box select{
background: rgba(0, 0, 0, 0) url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat scroll 98% center / 2% auto;
}
}
@media only screen and (min-width:1025px) { .slides, .solid-slides, .cap-slides { background:#141414; color:#fff; }
.slides .row, .solid-slides .row, .cap-slides .row { position:relative; }
.slides .row .small-4, .solid-slides .row .small-4, .cap-slides .row .small-4 { background:rgba(20,20,20,1); min-height:580px; width:34.5%; padding-right:0 !important; }
.slides .row .small-4 .slide-text, .solid-slides .row .small-4 .slide-text, .cap-slides .row .small-4 .slide-text { position: absolute; top: 50%; transform: translateY(-50%); padding-right:1.875rem; }
.slides .large-7, .solid-slides .large-7, .cap-slides .large-7 { margin-right:-0px; }
.slides h2, .solid-slides h2, .cap-slides h2 { color:#fefefe; font-size:28px; font-weight:300; text-transform:uppercase; letter-spacing:8px; margin-bottom:30px; }
.slides p, .solid-slides p, .cap-slides p { color:#8a8a8a; font-size:13px; line-height:1.8; letter-spacing:1px; padding-right:4em; }
.slides img, .solid-slides img, .cap-slides img { max-width:100%; width:100%; height:auto; }
.slides .slide-bg, .solid-slides .slide-bg, .cap-slides .slide-bg { min-height:580px; } #slider-nav, #solid-slider-nav, #cap-slider-nav { margin:-5em 1.8275rem 0 1.8275rem; width:15% !important; } #finishing .slides .row .small-4 .slide-text, #finishing .solid-slides .row .small-4 .slide-text, #finishing .cap-slides .row .small-4 .slide-text { padding-right:0 !important;  }
.Select_box select{
background: rgba(0, 0, 0, 0) url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat scroll 98% center / 2% auto;
}
}
@media only screen and (min-width:641px) and (max-width:1024px) {
.grid-block h3 { margin-top:7px; }
}
table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; } @media only screen and (min-width: 361px) and (max-width: 640px) {
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 15%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#options-table .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 44%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned table td.rim-size {  }
.pinned table td {  }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 15%; }
#options-table div.table-wrapper div.scrollable { margin-left: 44%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
div.table-wrapper div.scrollable td.checked, div.table-wrapper div.scrollable td.soon { padding: 15px 20px !important; height:65px !important; }
.pinned tr.nineteen[style] { height:65px !important; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
} @media only screen and (min-width: 641px) and (max-width: 767px) {
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 15%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#options-table .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 40%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned table td.rim-size {  }
.pinned table td {  }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 15%; }
#options-table div.table-wrapper div.scrollable { margin-left: 40%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
div.table-wrapper div.scrollable td.checked, div.table-wrapper div.scrollable td.soon { padding: 15px 20px !important; height:65px !important; }
.pinned tr.nineteen[style] { height:65px !important; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
} .reveal-modal-bg { background:rgba(20,20,20,.85); }
.gallery-modal { position: fixed; padding: 0; top:0; overflow: auto; border-radius: 0; border: none; box-shadow: none; z-index: 10005; background: #ededed; outline:none; max-height:100%; }
.gallery-modal .slick-slider { margin-bottom: 0; }
.gallery-modal .slick-arrow { width: 40px; height: 40px; margin-top: -20px; z-index:2000; border-radius: 50%; background-color: #ededed; background-position: center; background-repeat: no-repeat; }
.gallery-modal .slick-arrow:hover { background-color:#141414; }
.gallery-modal .slick-prev { background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/slick_arrow_prev_dark.png); }
.gallery-modal .slick-prev:hover { background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/slick_arrow_prev.png); }
.gallery-modal .slick-next { background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/slick_arrow_next_dark.png); }
.gallery-modal .slick-next:hover { background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/slick_arrow_next.png); }
.gallery-modal-header { background: #141414; font-weight: 700; font-size: 11px; line-height: 40px; text-transform: uppercase; letter-spacing: 2px; color: #ededed; }
.gallery-modal-header-container { padding: 10px 20px; margin: auto; }
.gallery-modal-header img { margin-right: 20px; }
.gallery-modal-close { width: 40px; height: 40px; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/close_white.svg) center / 20px 20px no-repeat; }
.gallery-modal-slider-outer { background: white; }
.gallery-modal-slider-container { max-width: 98%; padding: 2% 1%; margin: 0 auto; overflow-x:hidden; }
.page-template-page-finishing .gallery-modal-slider-container { max-width: 540px; }
.gallery-modal-slider .slick-prev { left: 2%; }
.gallery-modal-slider .slick-next { right: 2%; }
.gallery-modal-nav-container { max-width: 80%; padding: 2% 0; margin: auto; }
.gallery-modal-nav .slick-prev { left: -10%; }
.gallery-modal-nav .slick-next { right: -10%; }
.gallery-modal-thumb { width: 90px; height: 60px; margin: 0 5px; background-position: center; background-size: cover; border:2px solid #ededed; }
.gallery-modal-thumb.slick-active { border:2px solid #EC2028; }
.slick-track img.slick-active { border:none; outline:0; } body.modal-open { overflow: hidden; position: relative; } .page-id-2700 #wheel-gallery { padding: 108px 0 130px 0 !important; }
.page-id-2700 #wheel-gallery .row { padding:0; }
.page-id-2700 #wheel-gallery h1#page-header { margin: 0 0 94px 0; line-height: 33px; }
.page-id-2700 #wheel-gallery .button-row { padding-top: 51px; } .page-template-page-finishing #finishing-video .gallery-modal-slider-container,
.page-template-page-finishing #process-video .gallery-modal-slider-container { max-width: 100%; max-height:80%; } .standalone #hero { text-align:center; position:relative; height:685px; }
.standalone #hero .flex-video { position:absolute; z-index:-1; height:100%; width:100%; padding-bottom: 58.5%; }
.standalone #hero .flex-video iframe { width:100%; }
.standalone #hero .row { clear:both; padding:148px 0 140px 0; z-index:10; position:absolute; }
.standalone #hero img { margin:0 0 60px 0; }
.standalone #hero .row:after { width:2px; height:131px; background:#c52828; display:block; z-index:20; bottom: -240px; left:50%; position:absolute; }
.standalone #hero a.button img { width:auto; }
.standalone #hero #hero-video a.button { color:#fff; }
.standalone #hero #hero-video a.button span { display:inline-block; margin-top:4px !important; }
.standalone #hero #hero-video a.button svg { width:18px; fill:#fff; margin-right:8px; float:left; }
.standalone #hero #hero-video a:hover.button { color:#141414; }
.standalone #hero #hero-video a:hover.button svg { fill:#141414; } #standalone-collab { color:#1e1e1e; position:relative; }
#standalone-collab .content { background:#fff; position:relative; }
#standalone-collab::before { content:' '; width: 2px; height: 131px; background: #c52828; display: block; z-index: 20; top: -70px; left: 50%; position: absolute; }
#standalone-collab h1.page-header { padding-top:125px; color:#1E1E1E; margin-top:0; position: relative; }
#standalone-collab img.photo-callout { float:left; max-width: 55%; width: 55%; }
#standalone-collab .offset-bg { position:relative; }
#standalone-collab .offset-bg .columns { margin-top: -32%; } #standalone-collab h3 { margin-top:0; color:#1e1e1e; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:700; }
#standalone-collab p { padding-left:30px; }
#standalone-collab p a { color:#1E1E1E; } #standalone-design-mfg { position:relative; }
#standalone-design-mfg::before { width: 2px; height: 131px; background: #c52828; display: block; z-index: 20; top: -70px; left: 50%; position: absolute; }
#standalone-design-mfg .row:before { content:' '; width:2px; height:131px; background:#c52828; display:block; z-index:20; top: -8%; left: 51%; position:absolute; }
#standalone-design-mfg h1.page-header { margin-bottom:70px; }
#standalone-design-mfg .content { background-size:100%, auto; min-height:985px; padding-bottom:180px; }
#standalone-design-mfg img.photo-callout { float:left; max-width:69%; width:69%; }
#standalone-design-mfg .shadowbox { background:#fff; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); padding:48px 28px 28px 28px; margin-top:-34%; }
#standalone-design-mfg .shadowbox h3 { margin:0; padding:0 0 24px 0; font-size:12px; letter-spacing:2px; text-transform:uppercase; }
#standalone-design-mfg .shadowbox p { padding-left:16px; }
#standalone-design-mfg .two-columns { margin-top:70px; position:relative; }
#standalone-design-mfg .two-columns:before { width:2px; height:430px; background:#c52828; display:block; z-index:20; top: 90px; left:54%; position:absolute; }
#standalone-design-mfg .two-columns .down { margin-top:138px; }
#standalone-design-mfg .two-columns img { max-width:100%; width:100%; }
#standalone-design-mfg .two-columns h3 { color:#fff; font-size:12px; letter-spacing:2px; text-transform:uppercase; }
#standalone-design-mfg .two-columns p { padding-left:16px; }
#standalone-wheel { padding-top: 7%; }
#standalone-wheel .wheel-logo { text-align:center; }
#standalone-wheel .wheel-logo img { display:block; margin: 0 auto; }
#standalone-wheel h1.page-header { margin-top:60px; }
#standalone-wheel h2 { font-size:12px; letter-spacing:2px; font-weight:700; text-transform:uppercase; text-align:center; }
#standalone-wheel p { padding-left:16px; }
#standalone-wheel .row { margin-top:80px; }
#standalone-wheel #wheel-photos { text-align:center; }
#standalone-wheel #wheels { position:relative; height:603px; overflow:hidden; }
#standalone-wheel #wheels img { vertical-align: top; position:absolute; left:4%; max-height:603px; }
#standalone-wheel #wheels img#angled { margin-top:0px; vertical-align: top; }
#standalone-wheel #wheel-photos .row { margin-top:-120px; }
#standalone-wheel a#switch-button { font-size:12px; border:1px solid #141414; color:#787878; background:none; padding:23px 55px; font-size: 11px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; margin-right:0; }
#standalone-wheel a#switch-button svg { fill:#787878; float:left; margin-right:6px; }
#standalone-wheel a#switch-button span { margin-top:4px; display:inline-block; }
#standalone-wheel a#switch-button:hover, #standalone-wheel a#switch-button:focus { background:#141414; color:#fff; }
#standalone-wheel a#switch-button:hover svg, #standalone-wheel a#switch-button:focus svg { fill:#fff; }
#standalone-wheel #wheel-content { margin-top:80px; }
#standalone-wheel p.sizes { font-size:11px; letter-spacing:2px; text-transform:uppercase; font-weight:700; }
#standalone-wheel p.sizes b { font-size:12px; color:#1e1e1e; }
#standalone-wheel p.sizes i { font-style:normal; color:#c52828; }
#standalone-wheel #finishing-cta { margin-top:32px; margin-left:16px; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/lambo_finishing_options.jpg) no-repeat; background-size:cover; padding:48px; text-align:center; }
#standalone-wheel #finishing-cta a.button { margin-bottom:0; } #standalone-slider { position:relative; }
#standalone-slider::before { content: ' '; display: block; width:80%; top:117px; right:0px; position:absolute; z-index:1; background:#ededed; height:480px; }
#standalone-slider .row { z-index:2; position:relative; padding-bottom: 60px; }
#standalone-slider h1.page-header { text-align:left !important; }
#standalone-slider h1.page-header::before { content: ' '; width: 100px; height: 1px; background: #EB1F27; display: block; margin: 0 0 32px 0; }
#standalone-slider #centered-gallery { max-width:1024px; }
#standalone-slider .slides { padding-bottom: 18px !important; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); }
#standalone-slider .slider-centered .slides {  } #standalone-video { padding:80px 0; }
#standalone-video iframe { margin: 0 auto; display: block; } .standalone .row { width: 94%; max-width:1200px; }
.standalone h3 { font-size:12px; letter-spacing:2px; font-weight:700; text-transform:uppercase; }
.standalone p { color:#7b7b7b; font-size:13px; line-height:22px; letter-spacing:.5px; padding-left:16px; }
.standalone i.red, #hero-video i.red { font-style:normal; color:#d21c24; }
.standalone a.button.red, #hero-video a.button.red { background:#d21c24; border:1px solid #d21c24; padding: 18px 30px; font-size: 11px; letter-spacing:2px; text-align:center; font-weight:700; text-transform:uppercase; }
.standalone a:hover.button.red, #hero-video a:hover.button.red { border:1px solid #141414; color:#141414; background:#fff; } .nv-template .row { width: 94%; max-width:1200px; }
.nv-template h3 { font-size:12px; letter-spacing:2px; font-weight:700; text-transform:uppercase; }
.nv-template p { color:#7b7b7b; font-size:13px; line-height:22px; letter-spacing:.5px; padding-left:16px; }
.nv-template i.red, #hero-video i.red { font-style:normal; color:#EC2028; }
.nv-template a.button.red, #hero-video a.button.red { background:#EC2028; border:1px solid #EC2028; padding: 18px 30px; font-size: 11px; letter-spacing:2px; text-align:center; font-weight:700; text-transform:uppercase; }
.nv-template a:hover.button.red, #hero-video a:hover.button.red { border:1px solid #141414; color:#141414; background:#fff; } #nv1-hero { text-align:center; position:relative; }
#nv1-hero .flex-video { position:absolute; z-index:-1; height:100%; width:100%; padding-bottom: 58.5%; }
#nv1-hero .flex-video iframe { width:100%; }
#nv1-hero .row { clear:both; padding:148px 0 140px 0; z-index:10; position:relative; }
#nv1-hero img#novitec-vossen-logos { margin:0 0 60px 0; }
#nv1-hero img#nv1-logo { margin:0 0 70px 0; }
#nv1-hero .row:after { width:2px; height:131px; background:#c52828; display:block; z-index:20; bottom: -240px; left:50%; position:absolute; }
#nv1-hero a.button img { width:auto; }
#hero-video a.button { color:#fff; }
#nv1-hero a.button span, #hero-video a.button span { display:inline-block; margin-top:4px !important; }
#nv1-hero a.button svg, #hero-video a.button svg { width:18px; fill:#fff; margin-right:8px; float:left; }
#nv1-hero a:hover.button svg, #hero-video a:hover.button svg { fill:#141414; } #nv1-philosophy { color:#fff; position:relative; }
#nv1-philosophy .bg-images { position:absolute;}
#nv1-philosophy img.bg-image, #nv1-philosophy .bg-images img { max-width:100%; width:100%; height:auto; }
#nv1-philosophy .content { background:#040809; padding-bottom:130px; position:relative; }
#nv1-philosophy h1.page-header { padding-top:125px; color:#fff; margin-top:0; position: relative; }
#nv1-philosophy img.photo-callout { float:left; max-width: 60%; width: 60%; }
#nv1-philosophy .offset-bg { position:relative; }
#nv1-philosophy .offset-bg .columns { margin-top: -22%; }
#nv1-philosophy .offset-bg:before { background:#c52828; width:166px; height:2px; display:block; z-index:10; top:41.65%; left:48%; position:absolute; }
#nv1-philosophy h3 { margin-top:0; color:#fff; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-weight:700; }
#nv1-philosophy p { padding-left:30px; }
#nv1-philosophy p a { color:#fff; } #nv1-design-mfg { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/angled_line_grid_bg.png) no-repeat; background-size:100%, auto; padding-top:16%; margin-top:-170px; z-index:30; position:relative; }
.postid-26247 #nv1-design-mfg { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/angled_line_grid_bg.png) no-repeat; background-size:100%, auto; padding-top:16%; margin-top:-170px; z-index:30; position:relative; }
#nv1-design-mfg .row:before { width:2px; height:131px; background:#c52828; display:block; z-index:20; top: 20px; left:50%; position:absolute; }
#nv1-design-mfg h1.page-header { margin-bottom:70px; }
#nv1-design-mfg .content { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/wheel_angled_bg.jpg) bottom left no-repeat; background-size:100%, auto; min-height:985px; padding-bottom:180px; }
.postid-26247 #nv1-design-mfg .content { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/wheel_angled_bg.jpg) bottom left no-repeat; background-size:100%, auto; min-height:985px; padding-bottom:180px; }
#nv1-design-mfg img.photo-callout { float:left; max-width:69%; width:69%; }
#nv1-design-mfg .shadowbox { background:#fff; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2); padding:48px 28px 28px 28px; margin-top:-27%; }
#nv1-design-mfg .shadowbox h3 { margin:0; padding:0 0 24px 0; font-size:12px; letter-spacing:2px; text-transform:uppercase; }
#nv1-design-mfg .shadowbox p { padding-left:16px; }
#nv1-design-mfg .two-columns { margin-top:70px; position:relative; }
#nv1-design-mfg .two-columns:before { width:2px; height:430px; background:#c52828; display:block; z-index:20; top: 90px; left:54%; position:absolute; }
#nv1-design-mfg .two-columns .down { margin-top:138px; }
#nv1-design-mfg .two-columns img { max-width:100%; width:100%; }
#nv1-design-mfg .two-columns h3 { color:#fff; font-size:12px; letter-spacing:2px; text-transform:uppercase; }
#nv1-design-mfg .two-columns p { padding-left:16px; }
#nv1-wheel { padding-top: 7%; }
#nv1-wheel h2 { font-size:12px; letter-spacing:2px; font-weight:700; text-transform:uppercase; text-align:center; }
#nv1-wheel p { padding-left:16px; }
#nv1-wheel #wheel-photos { text-align:center; }
#nv1-wheel #wheels { position:relative; height:603px; overflow:hidden; }
#nv1-wheel #wheels img { vertical-align: top; position:absolute; left:4%; max-height:603px; }
#nv1-wheel #wheels img#angled { margin-top:0px; vertical-align: top; }
#nv1-wheel #wheel-photos .row { margin-top:-120px; }
#nv1-wheel a#switch-button { font-size:12px; border:1px solid #141414; color:#787878; background:none; padding:23px 55px; font-size: 11px; letter-spacing:2px; text-align:center; font-weight:bold; text-transform:uppercase; margin-right:0; }
#nv1-wheel a#switch-button svg { fill:#787878; float:left; margin-right:6px; }
#nv1-wheel a#switch-button span { margin-top:4px; display:inline-block; }
#nv1-wheel a#switch-button:hover, #nv1-wheel a#switch-button:focus { background:#141414; color:#fff; }
#nv1-wheel a#switch-button:hover svg, #nv1-wheel a#switch-button:focus svg { fill:#fff; }
#nv1-wheel p.sizes { font-size:11px; letter-spacing:2px; text-transform:uppercase; font-weight:700; }
#nv1-wheel p.sizes b { font-size:12px; color:#1e1e1e; }
#nv1-wheel p.sizes i { font-style:normal; color:#c52828; }
#nv1-wheel #finishing-cta { margin-top:20px; margin-left:16px; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/lambo_finishing_options.jpg) no-repeat; background-size:cover; padding:48px; text-align:center; }
#nv1-wheel #finishing-cta a.button { margin-bottom:0; }
#nv1-gallery { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/video_bg.jpg) no-repeat; background-size:cover; padding:158px 0 126px 0; position:relative; }
.postid-26247 #nv1-gallery { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/video_bg.jpg) no-repeat; background-size:cover; padding:158px 0 126px 0; position:relative; }
#nv1-gallery .row:before { width:2px; height:131px; background:#c52828; display:block; z-index:20; top: 20px; left:50%; position:absolute; }
#nv1-gallery .slides, .slider-centered .slides { padding-bottom:50px; background:#141414; }
#nv1-gallery h1.page-header { color:#fff; }
#centered-gallery { text-align:center; max-width:1092px; margin:0 auto; }
#centered-gallery img { max-width:100%; width:100%; }
#centered-gallery a.button { margin:52px 0; }
.postid-26247 #centered-gallery a.button { margin:10px auto 0 auto; }
#centered-gallery a.button span { display:inline-block; margin-top:5px !important; }
#centered-gallery a.button svg { width:24px; fill:#fff; margin-right:11px; float:left; }
#centered-gallery a:hover.button svg { width:24px; fill:#141414; }
#centered-gallery #slider-nav { width:100%; }
#centered-gallery #slider-pager.row { margin-left:20%; width:100%; }
#centered-gallery #slider-pager.row:before { display:none; }
@media only screen and (min-width: 1025px) {
#centered-gallery #slider-nav { margin: -5em auto 0 auto !important; width: 60% !important; }
}
#nv1-video { padding-top: 6%; }
#nv1-video h1.page-header { text-align:left; font-size:22px; letter-spacing:8px; line-height:25px; }
#nv1-video h3 { margin-top:20px; line-height:25px; }
#nv1-video a { color:#c52828; }
#nv1-video a:hover { color:#7b7b7b; text-decoration:underline; }
#nv1-video #top-video iframe { min-height:640px; }
#nv1-video #photographer { padding:0; }
#nv1-video #photographer iframe { min-height:240px; }
#nv1-purchase { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/nv1_purchase_bg.jpg) top center no-repeat; background-size:cover; padding:230px 0 100px 0; }
.postid-26247 #nv1-purchase { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/nv1_purchase_bg.jpg) top center no-repeat; background-size:cover; padding:230px 0 100px 0; }
#nv1-purchase h1.page-header { text-align:left; font-size:31px; line-height:40px; color:#fff; }
#nv1-purchase h3 { color:#fff; }
@media screen and (max-width:480px) {
.nv-template .row { width: 100%; }
.pageid-5391 h1.page-header, #nv1-philosophy h1.page-header, #nv1-design-mfg h1.page-header,
#nv1-wheel h1.page-header, #nv1-center-lock h1.page-header, #nv1-gallery h1.page-header { font-size:28px !important; }
.pageid-5391 p { padding-left:16px !important; padding-right:16px !important; }
#nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
.postid-26247 #nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/nv1_hero_bg.jpg) center top no-repeat; background-size:cover; }
#nv1-hero .flex-video { display:none; }
#nv1-hero img { max-width:50%; width:50%; }
#nv1-hero .row { padding-bottom:100px; }
#nv1-hero .row:after { bottom:15px; height:65px; }
#nv1-philosophy { margin-top:-80px; }
#nv1-philosophy h1.page-header { padding-top:40px; }
#nv1-philosophy .offset-bg:before { top: 57%; left: -30px; }
#nv1-philosophy img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-philosophy .offset-bg { padding:0; }
#nv1-philosophy .offset-bg .columns { margin-top:20px; }
#nv1-philosophy .offset-bg .columns p { margin-bottom:0; }
#nv1-design-mfg, .postid-26247 #nv1-design-mfg { margin-top:-120px; padding-top: 65px; }
#nv1-design-mfg .content, .postid-26247 #nv1-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#nv1-design-mfg h1.page-header { margin-bottom: 0px; }
#nv1-design-mfg .row:before { height:65px; top: -10px; }
#nv1-design-mfg .two-columns:before { top:-70px; }
#nv1-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-design-mfg .shadowbox { margin:0; }
#nv1-design-mfg .two-columns { margin-top:0; }
#nv1-design-mfg .two-columns .down { margin-top: 30px; }
#nv1-wheel { padding-top: 20px; }
#nv1-wheel #wheels { height:390px; }
#nv1-wheel #wheel-photos img { max-width:70%; width:70%; left:12%; } #nv1-wheel .large-5 { margin-top:-80px; }
#nv1-center-lock { padding-top:20px; }
#nv1-center-lock h1.page-header { margin-bottom:0; padding-bottom:0; }
#nv1-center-lock .row { padding:0; }
#nv1-gallery { padding-bottom:40px; }
#nv1-gallery .row:before { height:65px; top: 60px; }
#centered-gallery #slider-pager.row { margin-left:3%; width:100%; }
#centered-gallery #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#centered-gallery #slider-nav .slick-dots li { margin:0 3px !important; }
#nv1-video #top-video, #nv1-video #photographer, #nv1-video #top-video .row, #nv1-video #photographer .row { padding-bottom:0; }
#nv1-video #photographer { padding-top:0; }
#nv1-video #top-video iframe { min-height: 280px; }
#nv1-video #photographer iframe { min-height: 90px; }
#nv1-purchase { background-position:-420px 0; padding: 100px 0 50px 0; }
#nv1-purchase h1.page-header { max-width:70%; padding-top:30px; }
#nv1-purchase p { color:#fff; max-width:80%; }
.standalone .row { width: 100%; }
.standalone h1.page-header { font-size:28px !important; }
#standalone-hero .flex-video { display:none; }
#standalone-hero img { max-width:50%; width:50%; }
#standalone-hero .row { padding-bottom:100px; }
#standalone-hero .row:after { bottom:15px; height:65px; }
#standalone-collab { margin-top:0px; padding-top:40px; }
#standalone-collab h1.page-header { padding-top:40px; margin:20px; }
#standalone-collab .offset-bg:before { top: 57%; left: -30px; }
#standalone-collab img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-collab .offset-bg { padding:0; }
#standalone-collab .offset-bg .columns { margin-top:20px; }
#standalone-collab .offset-bg .columns p { margin-bottom:0; }
#standalone-design-mfg { margin-top:-120px; padding-top: 65px; background-size: 500%, auto !important; }
#standalone-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#standalone-design-mfg h1.page-header { margin-bottom: 0px; }
#standalone-design-mfg .row:before { height:65px; top: 70px; }
#standalone-design-mfg .two-columns:before { top:-70px; left: 50%; }
#standalone-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-design-mfg .shadowbox { margin:0; }
#standalone-design-mfg .two-columns { margin-top:0; }
#standalone-design-mfg .two-columns .down { margin-top: 30px; }
#standalone-wheel { padding-top: 60px; }
#standalone-wheel #wheels { height:390px; }
#standalone-wheel h1.page-header { margin-top:32px; padding:0 20px; }
#standalone-wheel h2 { text-align: center; line-height:1.75; padding:0 20%; }
#standalone-wheel .row { margin-top:0; }
#standalone-wheel #wheel-photos img { max-width:70%; width:70%; left:12%; }
#standalone-wheel #wheel-photos .row { padding:0; }
#standalone-wheel #wheel-content { margin-top:30px; }
#standalone-wheel #wheel-content p { padding-left:0; }
#standalone-wheel .large-5 { margin-top:-80px; }
#standalone-wheel #finishing-cta { margin-left:0; }
#standalone-slider { padding:0 0 30px 0; }
#standalone-slider::before { top:36px; }
#standalone-slider h1.page-header { margin:0 5% 20px 5%; }
#standalone-slider .row { padding:0 0 30px 0; }
#standalone-slider .row:before { height:65px; top: 60px; }
#standalone-slider .slides { padding-bottom: 50px !important; }
#standalone-slider #slider-pager.row { margin-left:3%; width:100%; }
#standalone-slider #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#standalone-slider #slider-nav .slick-dots li { margin:0 3px !important; }
#standalone-video  { padding:40px 0; }
#standalone-video #photographer { padding-top:0; }
#standalone-video iframe { min-height: 280px; max-width:100%; width:100%; max-height:290px; }
#standalone-video #photographer iframe { min-height: 90px; }
.Select_box select{
background: rgba(0, 0, 0, 0) url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat scroll 98% center / 5% auto;
} #home-blog { padding:0 4%; }
#bottom-ctas .bottom-cta { padding: 30px 0; }
#bottom-ctas .bottom-cta img.svg-icon { width: 28px; height: 28px; }
#bottom-ctas .bottom-cta h2 a { font-size: 20px; }
footer#footer { padding:40px 0; }
footer img.footer-logo { display:block; margin:0 auto; }
#footer-links { padding-left: 30px; padding-right: 30px; border:none; }
footer h3 { margin-bottom: 5px; }
#footer-links ul li { font-size: 12px; margin: 5px 0; }
#footer-bottom { margin-top:0; padding:0; border:none; }
#footer-bottom .columns .content { border:none; max-width: 100%; padding-bottom: 30px; }
.vehicle_model_text_responsive{
margin-bottom:15px;
}
.embed-gallery-box .share_vehicle_gallery{
margin-top: 15px;
}
}
@media screen and (min-width:481) and (max-width:640px) {
.nv-template .row { width: 100%; }
.pageid-5391 h1.page-header, #nv1-philosophy h1.page-header, #nv1-design-mfg h1.page-header,
#nv1-wheel h1.page-header, #nv1-center-lock h1.page-header, #nv1-gallery h1.page-header { font-size:28px !important; }
.pageid-5391 p { padding-left:16px !important; padding-right:16px !important; }
#nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
#nv1-hero .flex-video { display:none; }
#nv1-hero img { max-width:50%; width:50%; }
#nv1-hero .row { padding-bottom:100px; }
#nv1-hero .row:after { bottom:15px; height:65px; }
#nv1-philosophy { margin-top:-90px; }
#nv1-philosophy h1.page-header { padding-top:40px; }
#nv1-philosophy img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-philosophy .offset-bg:before { top: 75%; left: 0; }
#nv1-philosophy .offset-bg { padding:0; }
#nv1-philosophy .offset-bg .columns { margin-top:20px; }
#nv1-philosophy .offset-bg .columns p { margin-bottom:0; }
#nv1-design-mfg { margin-top:-150px; padding-top: 65px; }
#nv1-design-mfg .offset-bg { padding:0; }
#nv1-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#nv1-design-mfg h1.page-header { margin:60px 10% 40px 10%; }
#nv1-design-mfg .row:before { height:65px; top: -10px; }
#nv1-design-mfg .two-columns:before { top:-30px; }
#nv1-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-design-mfg .shadowbox { margin:0; }
#nv1-design-mfg .two-columns { margin-top:0; }
#nv1-design-mfg .two-columns .down { margin-top: 30px; }
#nv1-wheel { padding-top: 20px; }
#nv1-wheel #wheel-photos img { max-width:70%; width:70%; }
#nv1-wheel .large-5 { margin-top:-80px; }
#nv1-center-lock { padding-top:20px; }
#nv1-center-lock h1.page-header { margin-bottom:0; padding-bottom:0; }
#nv1-center-lock .row { padding:0; }
#nv1-gallery { padding-bottom:40px; }
#nv1-gallery .row:before { height:65px; top: 60px; }
#nv1-video #top-video, #nv1-video #photographer, #nv1-video #top-video .row, #nv1-video #photographer .row { padding-bottom:0; }
#nv1-video #photographer { padding-top:0; }
#nv1-purchase { background-position:-420px 0; padding: 100px 0 50px 0; }
#nv1-purchase h1.page-header { max-width:60%; padding-top:30px; }
#nv1-purchase p { color:#fff; max-width:60%; }
.standalone .row { width: 100%; }
.standalone h1.page-header { font-size:28px !important; }
#standalone-hero .flex-video { display:none; }
#standalone-hero img { max-width:50%; width:50%; }
#standalone-hero .row { padding-bottom:100px; }
#standalone-hero .row:after { bottom:15px; height:65px; }
#standalone-collab { margin-top:0px; padding-top:40px; }
#standalone-collab h1.page-header { padding-top:40px; margin:20px; }
#standalone-collab .offset-bg:before { top: 57%; left: -30px; }
#standalone-collab img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-collab .offset-bg { padding:0; }
#standalone-collab .offset-bg .columns { margin-top:20px; }
#standalone-collab .offset-bg .columns p { margin-bottom:0; }
#standalone-design-mfg { margin-top:-120px; padding-top: 65px; background-size: 500%, auto !important; }
#standalone-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#standalone-design-mfg h1.page-header { margin-bottom: 0px; }
#standalone-design-mfg .row:before { height:65px; top: 70px; }
#standalone-design-mfg .two-columns:before { top:-70px; left: 50%; }
#standalone-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-design-mfg .shadowbox { margin:0; }
#standalone-design-mfg .two-columns { margin-top:0; }
#standalone-design-mfg .two-columns .down { margin-top: 30px; }
#standalone-wheel { padding-top: 60px; }
#standalone-wheel #wheels { height:390px; }
#standalone-wheel h1.page-header { margin-top:32px; padding:0 20px; }
#standalone-wheel h2 { text-align: center; line-height:1.75; padding:0 20%; }
#standalone-wheel .row { margin-top:0; }
#standalone-wheel #wheel-photos img { max-width:70%; width:70%; left:12%; }
#standalone-wheel #wheel-photos .row { padding:0; margin-top:0; }
#standalone-wheel #wheel-content { margin-top:30px; }
#standalone-wheel #wheel-content p { padding-left:0; }
#standalone-wheel .large-5 { margin-top:-80px; }
#standalone-wheel #finishing-cta { margin-left:0; }
#standalone-slider { padding:0 0 30px 0; }
#standalone-slider::before { top:36px; }
#standalone-slider h1.page-header { margin:0 5% 20px 5%; }
#standalone-slider .row { padding:0 0 30px 0; }
#standalone-slider .row:before { height:65px; top: 60px; }
#standalone-slider .slides { padding-bottom: 50px !important; }
#standalone-slider #slider-pager.row { margin-left:3%; width:100%; }
#standalone-slider #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#standalone-slider #slider-nav .slick-dots li { margin:0 3px !important; }
#standalone-video  { padding:40px 0; }
#standalone-video #photographer { padding-top:0; }
#standalone-video iframe { min-height: 280px; max-width:100%; width:100%; max-height:290px; }
#standalone-video #photographer iframe { min-height: 90px; }
.Select_box select{
background: rgba(0, 0, 0, 0) url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat scroll 98% center / 5% auto;
}
.embed-gallery-box-detail-header #detail-header-bar-button{
padding-left:15px!important; }
.page-template-page-embed-wheel-gallery #gallery-filters .row{
padding:40px;
border:1px solid;
} 
.vehicle_model_text_responsive{
margin-bottom:15px; 
}
.embed-gallery-bttns .button{
margin: 7px 10px !important;
}
}
@media screen and (min-width:641px) and (max-width:768px) {
.nv-template .row { width: 100%; }
.pageid-5391 h1.page-header, #nv1-philosophy h1.page-header, #nv1-design-mfg h1.page-header,
#nv1-wheel h1.page-header, #nv1-center-lock h1.page-header, #nv1-gallery h1.page-header { font-size:28px !important; }
.pageid-5391 p { padding-left:16px !important; padding-right:16px !important; }
#nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
.postid-26247 #nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
#nv1-hero .flex-video { display:none; }
#nv1-hero img { max-width:50%; width:50%; }
#nv1-hero .row { padding-bottom:100px; }
#nv1-hero .row:after { bottom:15px; height:65px; }
#nv1-philosophy { margin-top:-100px; }
#nv1-philosophy img.photo-callout { float:none; max-width:100%; width:100%; }
#nv1-philosophy .offset-bg { padding:0; }
#nv1-philosophy .offset-bg .columns { margin-top: 30px; }
#nv1-philosophy .offset-bg:before { top: 70%; left: 0; }
#nv1-design-mfg { margin-top:-150px; padding-top: 65px; }
#nv1-design-mfg .offset-bg { padding:0; }
#nv1-design-mfg .content, .postid-26247 #nv1-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#nv1-design-mfg h1.page-header { margin:60px 10% 40px 10%; }
#nv1-design-mfg .row:before { height:65px; top: -10px; }
#nv1-design-mfg .two-columns:before { top:-30px; }
#nv1-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-design-mfg .shadowbox { margin:0; }
#nv1-design-mfg .two-columns { margin-top:0; padding-bottom: 80px; }
#nv1-design-mfg .two-columns .down { margin-top: 30px; }
#nv1-gallery { padding-bottom:24px; }
#centered-gallery #slider-pager.row { margin-left:5%; width:100%; }
#centered-gallery #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#nv1-video #top-video iframe { min-height: 420px; }
#nv1-video #photographer iframe { min-height: 230px; }
#nv1-purchase { background-position:-320px 0; padding: 100px 0 50px 0; margin-top:-60px; }
#nv1-purchase h1.page-header { max-width:50%; padding-top:30px; }
#nv1-purchase h3 { max-width:50%; }
#nv1-purchase p { color:#fff; max-width:50%; }
.standalone .row { width: 100%; }
.standalone h1.page-header { font-size:28px !important; }
#standalone-hero .flex-video { display:none; }
#standalone-hero img { max-width:50%; width:50%; }
#standalone-hero .row { padding-bottom:100px; }
#standalone-hero .row:after { bottom:15px; height:65px; }
#standalone-collab { margin-top:0px; padding-top:40px; }
#standalone-collab h1.page-header { padding-top:40px; margin:20px; }
#standalone-collab .offset-bg:before { top: 57%; left: -30px; }
#standalone-collab img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-collab .offset-bg { padding:0; }
#standalone-collab .offset-bg .columns { margin: 40px auto; float: none; }
#standalone-collab .offset-bg .columns p { margin-bottom:0; }
#standalone-design-mfg { margin-top:0px; padding-top: 65px; background-size: 300%, auto !important; }
#standalone-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#standalone-design-mfg h1.page-header { margin-bottom: 0px; }
#standalone-design-mfg .row:before { height:65px; top: 70px; }
#standalone-design-mfg .two-columns:before { top:-70px; left: 50%; }
#standalone-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-design-mfg .shadowbox { margin:0; }
#standalone-design-mfg .two-columns { margin-top:0; }
#standalone-design-mfg .two-columns .down { margin-top: 30px; }
#standalone-wheel { padding-top: 60px; }
#standalone-wheel #wheels { height:390px; }
#standalone-wheel h1.page-header { margin-top:32px; padding:0 20px; }
#standalone-wheel h2 { text-align: center; line-height:1.75; padding:0 20%; }
#standalone-wheel .row { margin-top:0; }
#standalone-wheel #wheel-photos img { max-width:70%; width:70%; left:12%; }
#standalone-wheel #wheel-photos .row { padding:0; }
#standalone-wheel #wheel-content { margin-top:30px; }
#standalone-wheel #wheel-content p { padding-left:0; }
#standalone-wheel .large-5 { margin-top:-80px; }
#standalone-wheel #finishing-cta { margin-left:0; }
#standalone-slider { padding:0 0 30px 0; }
#standalone-slider::before { top:36px; }
#standalone-slider h1.page-header { margin:0 5% 20px 5%; }
#standalone-slider .row { padding:0 0 30px 0; }
#standalone-slider .row:before { height:65px; top: 60px; }
#standalone-slider .slides { padding-bottom: 50px !important; }
#standalone-slider #slider-pager.row { margin-left:3%; width:100%; }
#standalone-slider #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#standalone-slider #slider-nav .slick-dots li { margin:0 3px !important; }
#standalone-video  { padding:40px 0; }
#standalone-video #photographer { padding-top:0; }
#standalone-video iframe { min-height: 280px; max-width:100%; width:100%; max-height:480px; }
#standalone-video #photographer iframe { min-height: 90px; }
.embed-gallery-box-detail-header #detail-header-bar-button{
padding-left:15px!important; } 
.page-template-page-embed-wheel-gallery #gallery-filters .row{
padding:40px;
}
.vehicle_model_text_responsive{
margin-bottom:15px; 
}
.embed-gallery-bttns .button{
margin: 7px 10px !important;
}
}
@media screen and (min-width:769px) and (max-width:1024px) {
.pageid-5391 h1.page-header, #nv1-philosophy h1.page-header, #nv1-design-mfg h1.page-header,
#nv1-wheel h1.page-header, #nv1-center-lock h1.page-header, #nv1-gallery h1.page-header { font-size:28px !important; }
.pageid-5391 p { padding-left:16px !important; padding-right:16px !important; }
#nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
.postid-26247 #nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
#nv1-hero .flex-video { display:none; }
#nv1-hero img { max-width:50%; width:50%; }
#nv1-hero .row { padding-bottom:100px; }
#nv1-hero .row:after { bottom:15px; height:65px; }
#nv1-philosophy { margin-top:-130px; }
#nv1-philosophy img.photo-callout { float:none; max-width:100%; width:100%; }
#nv1-philosophy .offset-bg { padding:0; }
#nv1-philosophy .offset-bg .columns { margin-top: 30px; margin-left: 8.33333% !important; }
#nv1-philosophy .columns + .columns:last-child { float: left; }
#nv1-philosophy .offset-bg:before { top: 75%; left: 0; }
#nv1-design-mfg { margin-top:-150px; padding-top: 65px; }
#nv1-design-mfg .offset-bg { padding:0; }
#nv1-design-mfg .offset-bg .medium-12 { width:40%; margin:-20% 0 0 6.5%; }
#nv1-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#nv1-design-mfg h1.page-header { margin:60px 10% 40px 10%; }
#nv1-design-mfg .row:before { height:65px; top: -10px; }
#nv1-design-mfg .two-columns:before { top:-30px; }
#nv1-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-design-mfg .shadowbox { margin:0; }
#nv1-design-mfg .two-columns { margin-top:0; padding-bottom: 80px; }
#nv1-design-mfg .two-columns .down { margin-top: 30px; } #nv1-gallery { padding-bottom:24px; }
#centered-gallery #slider-pager.row { margin-left:5%; width:100%; }
#centered-gallery #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#nv1-video #top-video iframe { min-height: 420px; }
#nv1-video #photographer iframe { min-height: 230px; }
#nv1-purchase { background-position:-320px 0; padding: 100px 0 50px 0; margin-top:-60px; }
#nv1-purchase h1.page-header { max-width:40%; padding-top:30px; }
#nv1-purchase h3 { max-width:50%; }
#nv1-purchase p { color:#fff; max-width:50%; }
.standalone .row { width: 100%; }
.standalone h1.page-header { font-size:28px !important; }
#standalone-hero .flex-video { display:none; }
#standalone-hero img { max-width:50%; width:50%; }
#standalone-hero .row { padding-bottom:100px; }
#standalone-hero .row:after { bottom:15px; height:65px; }
#standalone-collab { margin-top:0px; padding-top:40px; }
#standalone-collab h1.page-header { padding-top:40px; margin:20px; }
#standalone-collab .offset-bg:before { top: 57%; left: -30px; }
#standalone-collab img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-collab .offset-bg { padding:0; }
#standalone-collab .offset-bg .columns { margin: 40px auto; float: none; }
#standalone-collab .offset-bg .columns p { margin-bottom:0; }
#standalone-design-mfg { margin-top:0px; padding-top: 65px; background-size: 300%, auto !important; }
#standalone-design-mfg .content { background-size: 500%; padding-bottom: 30px; }
#standalone-design-mfg h1.page-header { margin-bottom: 0px; }
#standalone-design-mfg .row:before { height:65px; top: 70px; }
#standalone-design-mfg .two-columns:before { top:-70px; left: 50%; }
#standalone-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#standalone-design-mfg .shadowbox { margin:0; }
#standalone-design-mfg .two-columns { margin-top:0; }
#standalone-design-mfg .two-columns .down { margin-top: 30px; }
#standalone-wheel { padding-top: 60px; }
#standalone-wheel #wheels { height:390px; }
#standalone-wheel h1.page-header { margin-top:32px; padding:0 20px; }
#standalone-wheel h2 { text-align: center; line-height:1.75; padding:0 20%; }
#standalone-wheel .row { margin-top:0; }
#standalone-wheel #wheel-photos img { max-width:70%; width:70%; left:12%; }
#standalone-wheel #wheel-photos .row { padding:0; }
#standalone-wheel #wheel-content { margin-top:30px; }
#standalone-wheel #wheel-content p { padding-left:0; }
#standalone-wheel .large-5 { margin-top:-80px; }
#standalone-wheel #finishing-cta { margin-left:0; }
#standalone-slider { padding:0 0 30px 0; }
#standalone-slider::before { top:36px; }
#standalone-slider h1.page-header { margin:0 5% 20px 5%; }
#standalone-slider .row { padding:0 0 30px 0; }
#standalone-slider .row:before { height:65px; top: 60px; }
#standalone-slider .slides { padding-bottom: 50px !important; }
#standalone-slider #slider-pager.row { margin-left:3%; width:100%; }
#standalone-slider #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#standalone-slider #slider-nav .slick-dots li { margin:0 3px !important; }
#standalone-video  { padding:40px 0; }
#standalone-video #photographer { padding-top:0; }
#standalone-video iframe { min-height: 280px; max-width:100%; width:100%; max-height:480px; }
#standalone-video #photographer iframe { min-height: 90px; }
.embed-gallery-box-detail-header #detail-header-bar-button{
padding-left:15px!important; } 
.page-template-page-embed-wheel-gallery #gallery-filters .row{
padding:40px;
}
.vehicle_model_text_responsive{
margin-bottom:15px; 
}
.embed-gallery-bttns .button{
margin: 7px 10px !important;
}
}
@media screen and (min-width:1025px) and (max-width:1200px) {
.pageid-5391 p { padding-left:16px !important; padding-right:16px !important; }
#nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv1/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
.postid-26247 #nv1-hero { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/nv2/nv1_hero_bg.jpg) left top no-repeat; background-size:cover; }
#nv1-hero .flex-video { display:none; }
#nv1-hero img { max-width:auto; width:auto !important; }
#nv1-hero .row { padding-bottom:100px; }
#nv1-hero .row:after { bottom:15px; height:65px; }
#nv1-philosophy { margin-top:-15%; }
#nv1-philosophy .offset-bg { padding:0; }
#nv1-philosophy img.photo-callout { margin-left:0%; max-width:60%; width:60%; }
#nv1-philosophy .offset-bg:before { top: 40%; left: 54%; }
#nv1-design-mfg { margin-top:-150px; padding-top: 65px; }
#nv1-design-mfg .offset-bg { padding:0; }
#nv1-design-mfg .offset-bg .medium-12 { width:40%; margin:-20% 0 0 6.5%; }
#nv1-design-mfg .content { background-size: 144%, auto !important; padding-bottom: 30px; }
#nv1-design-mfg h1.page-header { margin:60px 10% 40px 10%; }
#nv1-design-mfg .row:before { height:65px; top: -10px; }
#nv1-design-mfg .two-columns:before { top:-30px; }
#nv1-design-mfg img.photo-callout { float: none; clear:both; max-width: 100%; width: 100%; }
#nv1-design-mfg .offset-bg .medium-12 { width: 40%; margin: -20% 0 0 6.5% !important; }
#nv1-design-mfg .two-columns { margin-top:0; padding-bottom: 80px; }
#nv1-design-mfg .two-columns .down { margin-top: 30px; } #nv1-gallery { padding-bottom:24px; }
#centered-gallery #slider-pager.row { margin-left:5%; width:100%; }
#centered-gallery #slider-nav { margin: -5em auto 0 auto !important; width: 90% !important; }
#nv1-video #top-video iframe { min-height: 420px; }
#nv1-video #photographer iframe { min-height: 230px; }
#nv1-purchase { background-position:-320px 0; padding: 100px 0 50px 0; margin-top:-60px; }
#nv1-purchase .large-4 {  }
#nv1-purchase h1.page-header { max-width:100%; padding-top:30px; }
#nv1-purchase h3 { max-width:100%; }
#nv1-purchase p { color:#fff; max-width:100%; }
#standalone-design-mfg { margin-top:0px; padding-top: 65px; background-size: 200%, auto !important; }
}
@media screen and (min-width:1201px) and (max-width:1560px) {
#nv1-hero .flex-video { padding-bottom: 68.5%; }
#nv1-philosophy .offset-bg:before { top: 40%; left: 57%; }
#nv1-design-mfg .content { background-size: 140%, auto !important; padding-bottom:130px; }
#nv1-video #top-video iframe { min-height: 560px; }
#nv1-video #photographer iframe { min-height: 180px; }
#nv1-purchase { background-position:top center; padding: 180px 0 100px 0; }
#nv1-purchase .large-4 { margin-left:0; }
#standalone-design-mfg { margin-top:0px; padding-top: 65px; background-size: 150%, auto !important; }
}
@media screen and (min-width:1561px) {
#nv1-philosophy .offset-bg:before { top: 40%; left: 57%; }
#nv1-design-mfg .content { background-size: 140%, auto !important; padding-bottom:130px; }
#nv1-video #top-video iframe { min-height: 560px; }
#nv1-video #photographer iframe { min-height: 180px; }
#nv1-purchase { background-position:top center; padding: 180px 0 100px 0; }
#nv1-purchase .large-4 { margin-left:0; }
#standalone-design-mfg { margin-top:0px; padding-top: 65px; background-size: 120%, auto !important; }
} #hero-logo { margin-bottom:4em; }
#cv-intro { text-align:center; }
#cv-intro ul.wheel-thumbs { text-align:center; }
#cv-intro ul.wheel-thumbs li { display:inline-block; width:21%; margin:0 2%; list-style:none; }
#cv-intro ul.wheel-thumbs li h2 { text-transform: uppercase; font-size: 1.2em; font-weight:900; }
#cv-intro ul.wheel-thumbs li h2 span { color:#EC2028; }
#cv-intro ul.wheel-thumbs li p { font-size:.8em; font-weight:700; }
#cv-intro p.patent { font-size:.7em; font-weight:700; color:#868686; }
#cv-design .slide-text, #cv-directional .slide-text, #cvt-available .slide-text { padding:40% 0; }
#cv-design .slide-text h2, #cv-directional .slide-text h2, #cvt-available .slide-text h2 {
color:#fff; font-size:33px; border-left: 2px solid #D22B2A; padding-left:10px; text-shadow:1px 1px 2px #000;
}
#cv-design .slide-text p, #cv-directional .slide-text p, #cv-aesthetics .slide-text p, #cvt-available .slide-text p { color:#fff; font-size:16px; text-shadow:1px 1px 2px #000; }
#cv-technical h1, #cvt-technical h1 { text-align:left; margin-top:13%; border-left: 2px solid #D22B2A; padding-left:10px; }
#cvt-technical h1 { margin-top:5%; }
#cv-technical h3, #cvt-technical h3 { font-size:12px; text-transform:uppercase; letter-spacing:2px; text-align:center; }
#cvt-technical h3 { font-size:16px; }
#cv-technical p, #cvt-technical p { margin-right:5%; }
#cv-technical ul, #cvt-technical ul { list-style:none; text-align:center; margin:0; }
#cv-technical ul li, #cvt-technical ul li { float:left; margin:0 1% 3% 1%; width:46%; border:1px solid #1e1e1e; padding:3% 1%; font-size:13px; }
#cv-aesthetics .slides .row .small-4 { background:none !important; }
#cv-aesthetics .slides .row .small-4 h1 { color:#fff; border-left: 2px solid #D22B2A; padding-left:10px; text-shadow:1px 1px 2px #000; text-align:left; }
#cv-aesthetics #slider-nav { margin: -15em 1.8275rem 0 1.8275rem; width: 15% !important; }
.postid-5490 #cv-aesthetics #slider-nav { margin: -10em 1.8275rem 0 1.8275rem; width: 15% !important; }
#cv-aesthetics .slick-dots li.slick-active button {
width: 10px !important; height: 10px !important; color: #141414 !important; background: #fff !important;
border: 2px solid #fff !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
}
#cv-aesthetics .slick-dots li button {
width: 10px !important; height: 10px !important; color: #141414 !important; background: #fff !important;
border: 2px solid #fff !important; border-radius: 30px !important; opacity: .35 !important; overflow: hidden; padding: 2px;
}
#cvt-technical ul li { float: none; margin: 0 0 2% 0; width: 100%; clear:both; padding: 2% 1%; list-style:none; text-align:center; }
#cvt-available .columns, #cv-directional .columns { float:right; }
#cvt-available a.button { font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px; padding:23px 55px; font-weight:700; }
#cvt-available a.button.red { font-size:11px; background:#EC2028; border:1px solid #EC2028; padding:23px 55px; font-weight:700; }
#cvt-available a:hover.button.red { font-size:11px; border:1px solid #141414; color:#141414; background:white; }
#cvt-bottom-video .columns { padding:60px 0; text-align:center; }
#cvt-bottom-video .slides .slide-bg {  }   .page-id-8773 #hero .row,
.postid-8590 #hero .row,
.postid-8698 #hero .row,
.postid-8670 #hero .row { top:40%; text-align: left; }
.page-id-8773 #hero .columns,
.postid-8590 #hero .columns,
.postid-8698 #hero .columns,
.postid-8670 #hero .columns { text-align:center; }
.postid-8590 #hero-logo,
.postid-8698 #hero-logo,
.postid-8670 #hero-logo { margin-top:40%; margin-bottom: .5em; }
.page-id-8773 #hero-logo {
margin-top: 50%;
margin-bottom: 60px;
}
.postid-8590 #hero h1,
.postid-8698 #hero h1,
.postid-8670 #hero h1 { font-size:92px; font-weight:100; letter-spacing:16px; line-height:1; margin-bottom:26px; }
.page-id-8773 #the-wheel { padding: 0; margin: 0 auto; max-width: 1920px; }
.page-id-8773 #the-wheel .wheel-content { text-align:center; padding:70px 0 50px 0; }
.page-id-8773 #the-wheel .wheel-content .columns { text-align:center; }
.page-id-8773 #the-wheel .wheel-content #vws2, .page-id-8773 #the-wheel .wheel-content #vws3 { margin-top: -30% !important; }
.page-id-8773 #the-wheel a.button { color:#141414 !important; border:1px solid #141414 !important; background:none !important; }
.page-id-8773 #the-wheel a:hover.button { color:#fff !important; background:#141414 !important; border:1px solid #141414 !important; }
.page-id-8773 #the-wheel h2,
.postid-8590 #the-wheel h2,
.postid-8698 #the-wheel h2,
.postid-8670 #the-wheel h2 { margin-bottom:10px; }
.postid-8590 #the-wheel h1,
.postid-8698 #the-wheel h1,
.page-id-8773 #the-wheel h1,
.postid-8670 #the-wheel h1 { font-size:80px; font-weight:100; letter-spacing:16px; line-height:1; margin-bottom:26px; }
.page-id-8773 #the-wheel p,
.postid-8590 #the-wheel p,
.postid-8698 #the-wheel p,
.postid-8670 #the-wheel p { color:#7b7b7b; font-size:13px; }
.postid-8590 #the-wheel .tabs .tab-title,
.postid-8698 #the-wheel .tabs .tab-title,
.postid-8670 #the-wheel .tabs .tab-title { width:45%; }
.postid-8590 #the-wheel .tabs .tab-title a,
.postid-8698 #the-wheel .tabs .tab-title a,
.postid-8670 #the-wheel .tabs .tab-title a { background: #fff; padding: 12px 12px; margin: 0; text-align: center; overflow: hidden; border: 1px solid #dadada; color: #999; }
.postid-8590 #the-wheel .tabs .tab-title.active a,
.postid-8698 #the-wheel .tabs .tab-title.active a,
.postid-8670 #the-wheel .tabs .tab-title.active a { color:#fff; background: #c02620; text-align: center; min-width: 1px; margin: 0; padding: 12px 12px; }
.postid-8590 #the-wheel .tabs .tab-title a b,
.postid-8698 #the-wheel .tabs .tab-title a b,
.postid-8670 #the-wheel .tabs .tab-title a b { float:none; }
.page-id-8773 #designed,
.postid-8590 #designed,
.postid-8698 #designed,
.postid-8670 #designed { color:#fff; padding-bottom: 7%; }
.page-id-8773 #designed #designed-header,
.postid-8590 #designed #designed-header,
.postid-8698 #designed #designed-header,
.postid-8670 #designed #designed-header { padding:16px 0; background:#141414; }
.page-id-8773 #designed #designed-header h1#page-header,
.postid-8590 #designed #designed-header h1#page-header,
.postid-8698 #designed #designed-header h1#page-header,
.postid-8670 #designed #designed-header h1#page-header { color:#fff; }
.postid-8590 #designed-content,
.postid-8698 #designed-content,
.postid-8670 #designed-content { padding:135px 0 250px 0; color:#fff; text-align:right; }
.postid-8590 #designed-content h2,
.postid-8698 #designed-content h2,
.postid-8670 #designed-content h2 { font-size: 30px; font-weight: 300; text-transform: uppercase; letter-spacing: 12px; color: #fff; margin: 20px 0; }
.postid-8590 #designed-content h2 span,
.postid-8698 #designed-content h2 span,
.postid-8670 #designed-content h2 span { color:#c02620; }
.page-id-8773 #designed-video .columns { text-align:center; }
.page-id-8773 #designed-video h2 { font-size: 30px; font-weight: 300; text-transform: uppercase; letter-spacing: 12px; color: #fff; margin: 20px 0; text-align:center; }
.page-id-8773 #designed-video iframe { width: 100%; max-width:970px; height: 560px; max-height: 560px; }
.postid-8590 #designed-content p,
.postid-8698 #designed-content p,
.postid-8670 #designed-content p { font-size:13px; letter-spacing:1px; margin-bottom:1.85em; }
.page-id-8773 #assembly,
.postid-8590 #assembly,
.postid-8698 #assembly,
.postid-8670 #assembly { padding-bottom:50px; border-bottom:13px solid #ebebeb; }
.page-id-8773 #assembly .row,
.postid-8590 #assembly .row,
.postid-8698 #assembly .row,
.postid-8670 #assembly .row { padding-bottom:16px; }
.page-id-8773 #assembly-content,
.postid-8590 #assembly-content,
.postid-8698 #assembly-content,
.postid-8670 #assembly-content { padding:0 0 20px 0; }
.page-id-8773 #assembly-content p,
.postid-8590 #assembly-content p,
.postid-8698 #assembly-content p,
.postid-8670 #assembly-content p { margin-bottom:30px; font-size:13px; color:#7b7b7b; text-align:center; }
.page-id-8773 #assembly .columns,
.postid-8590 #assembly .columns,
.postid-8698 #assembly .columns,
.postid-8670 #assembly .columns { text-align:center; }
.page-id-8773 #assembly-wheels .columns img,
.postid-8590 #assembly-wheels .columns img,
.postid-8698 #assembly-wheels .columns img,
.postid-8670 #assembly-wheels .columns img { max-width:320px; margin:0 auto; }
.page-id-8773 #assembly-wheels .columns h3,
.postid-8590 #assembly-wheels .columns h3,
.postid-8698 #assembly-wheels .columns h3,
.postid-8670 #assembly-wheels .columns h3 { margin:-30px 0 0 0 !important; }
.page-id-8773 #assembly-wheels .columns p,
.postid-8590 #assembly-wheels .columns p,
.postid-8698 #assembly-wheels .columns p,
.postid-8670 #assembly-wheels .columns p { font-size:13px; margin-top:12px; }
.page-id-8773 #disc-profiles,
.postid-8590 #disc-profiles,
.postid-8698 #disc-profiles,
.postid-8670 #disc-profiles { padding-bottom:50px; border-bottom:13px solid #ebebeb; }
.page-id-8773 #disc-profiles .row,
.postid-8590 #disc-profiles .row,
.postid-8698 #disc-profiles .row,
.postid-8670 #disc-profiles .row { padding-top:60px; }
.page-id-8773 #disc-profiles h1#page-header,
.postid-8590 #disc-profiles h1#page-header,
.postid-8698 #disc-profiles h1#page-header,
.postid-8670 #disc-profiles h1#page-header { text-align:left; line-height:1.2; }
.page-id-8773 #disc-profiles p,
.postid-8590 #disc-profiles p,
.postid-8698 #disc-profiles p,
.postid-8670 #disc-profiles p { text-align:left; font-size:13px; color:#7b7b7b; }
.page-id-8773 #disc-profiles h3,
.postid-8590 #disc-profiles h3,
.postid-8698 #disc-profiles h3,
.postid-8670 #disc-profiles h3 { margin-top:0px !important; }
.page-id-8773 #disc-profiles .columns,
.postid-8590 #disc-profiles .columns,
.postid-8698 #disc-profiles .columns,
.postid-8670 #disc-profiles .columns { text-align:center; }
.page-id-8773 #finishes .columns h3,
.postid-8590 #finishes .columns h3,
.postid-8698 #finishes .columns h3,
.postid-8670 #finishes .columns h3 { margin:-30px 0 0 0; }
.page-id-8773 #finishes,
.postid-8590 #finishes,
.postid-8698 #finishes,
.postid-8670 #finishes { padding-bottom:50px; border-bottom:13px solid #ebebeb; }
.page-id-8773 #finishes .row,
.postid-8590 #finishes .row,
.postid-8698 #finishes .row,
.postid-8670 #finishes .row { padding-top:60px; }
.page-id-8773 #finishes h1#page-header,
.postid-8590 #finishes h1#page-header,
.postid-8698 #finishes h1#page-header,
.postid-8670 #finishes h1#page-header { text-align:left; line-height:1.2; }
.page-id-8773 #finishes p,
.postid-8590 #finishes p,
.postid-8698 #finishes p,
.postid-8670 #finishes p { text-align:left; font-size:13px; color:#7b7b7b; }
.page-id-8773 #finishes .columns,
.postid-8590 #finishes .columns,
.postid-8698 #finishes .columns,
.postid-8670 #finishes .columns { text-align:center; }
.page-id-8773 #finishes .columns h3,
.postid-8590 #finishes .columns h3,
.postid-8698 #finishes .columns h3,
.postid-8670 #finishes .columns h3 { margin:-45px auto 0 auto; max-width:66%; }
.page-id-8773 #details h1,
.postid-8590 #details h1,
.postid-8698 #details h1,
.postid-8670 #details h1 { color:#fff; }
#custom-finishes { padding: 13% 0 0 0; }
#custom-barrels {  border-bottom:13px solid #ebebeb; }
#custom-centers h1#page-header, #custom-barrels h1#page-header { text-align:left; }
#custom-centers p, #custom-barrels p { text-align:left; font-size:13px; color:#7b7b7b; }
#custom-barrels h3 { text-align:center; margin-top:-30px; }
#custom-centers h3 { text-align:center; margin-top:0px; } #hero-video a.round {
background:#141414; color:#fff; margin:0 auto; font-size:12px; text-transform:uppercase;
text-align:center; border-radius:500px; width:152px; height:152px; display:block;
-webkit-transition: 0.4s; transition: 0.4s; position:relative; overflow:visible; letter-spacing:2px;
text-shadow:none; z-index:200;
}
#hero-video a:hover.round {
background:#fff; color:#141414; margin:0 auto; font-size:12px; text-transform:uppercase;
text-align:center; border-radius:500px; width:152px; height:152px; display:block;
-webkit-transition: 0.4s; transition: 0.4s; position:relative; overflow:visible; letter-spacing:2px;
}
#hero-video a:hover.round { cursor: pointer; -webkit-transition: 0.6s; transition: 0.6s; }
#hero-video a.round svg { margin-top:45px; fill:#fff; }
#hero-video a:hover.round svg { margin-top:45px; fill:#141414; }
#hero-video a.round span.ripple { display:block; z-index: 100; height:152px; width:152px; border-radius:500px; position:absolute; top:0px; left:0px; margin:0; opacity:.4; background:#141414; }
#hero-video a:hover.round span.ripple { -webkit-animation: ripple 0.6s ease-out; animation: ripple 0.6s ease-out; }
@-webkit-keyframes ripple { 100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; } }
@keyframes ripple { 100% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); opacity: 0; } } #dealers-map { margin-top:64px; }
.margin-top-30 { margin-top: 0 !important; }
#cspml_listings_container.row { max-width:100%; padding:0; }
.cspml_list_and_filter_container.row { padding:0; }
#cspml_listings_filter_form { max-width:800px; width:780px; margin:0 auto; clear:both; float:none; padding:10px 0 20px; }
.cspml_listing_items_container_initial { max-width:1370px; margin:0 auto; clear:both; float:none; }
form.cspml_filter_form div.cspml_fs_options_list { max-width:480px; margin: 0 auto; }
.cspml_fs_label {  }
.cspml_fs_item_container {  float: left; margin: 0 25px !important; width: 43% !important; }
div.cspml_fs_label span.cspml_toggle_btn { display:none; }
.cspml_thumb_container { display:none; }
.cspm_border_shadow { box-shadow:none; }
div.cspml_item:hover, div.cspml_active_item { background: #fff; border-radius:0; box-shadow: 0px 0px 15px 0px rgba(217,210,210,1); } #post-8566 h1.page-title { display:none; }
form.cspml_filter_form div.cspml_fs_options_list { float:left !important; }
.cspml_fs_container { background:#141414; color:#fff; width:100% !important; float: none !important; clear:both; }
.cspml_listing_items_container_initial { width:100%; clear:both !important; }
.cspml_filter_form { background:#141414; }
div.cspml_fs_label span.cspml_label_text {min-width:220px;text-align:left;}
#countries.cspml_fs_label.row { background:none; border-bottom:none; margin-top:0px; float:left !important; padding:0; margin-left: 10px; }
#states.cspml_fs_label.row { background:none; border-bottom:none; margin-top:0px; float:left !important; padding:0;margin-left: 10px; }
span.cspml_label_text {
font-family: 'Open Sans', sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:3px;
font-weight:700 !important; color:#fff; text-align:center; float:left;
}
form.cspml_filter_form div.cspml_fs_options_list { max-width: 100% !important; margin: 0 auto !important;  float: left !important; width: 100% !important; }
.selectize-control.single .selectize-input {
background: none; border: none; border-bottom: 4px solid #EC2028; color:#fff; text-align:left; font-family: 'Open Sans', sans-serif;
font-size:33px; letter-spacing:5px;  padding-bottom:0px; text-transform:uppercase; font-weight:300;
}
.selectize-control.single .selectize-input:after {
border-color: transparent; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat center center; width: 25px; height: 30px; margin-top: -15px; right: 8px;
}
.selectize-dropdown, .selectize-dropdown.form-control {
margin: 2px 0 0 0; background: #fff; color:#141414; border-radius: 0px; box-shadow:none; border: 1px solid #c7c7c7;
font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size:12px;
line-height: 28px; padding-left: 20px; margin-top: -2px;
}
.selectize-dropdown .active { background-color: #fff; color: #ec2028; }
.selectize-input, .selectize-control.single .selectize-input.input-active{ background: transparent; }
.selectize-input.focus{ box-shadow: none !important; }
.cspm_filter_btns.row { max-width:200px; margin: 0 auto; }
.cspml_btn, .cspml_btn:hover { background: #EC2028; }
.selectize-control.single .selectize-input.dropdown-active:after{ margin-top:-13px !important; border-width:0 !important; border-color:transparent !important; }
#listings-header { border-bottom:1px solid #ebebeb; padding:16px 0 5px;text-align:center; }
#listings-header h3 { font-weight:300; font-size:17px; letter-spacing:1px; margin:0; }
.cspml_listings_area_initial{ padding: 80px 0 20px !important; }
div.cspml_item { border:1px solid #ebebeb;  position: relative;}
div.cspml_item:hover, div.cspml_active_item { box-shadow:none; border:1px solid #ebebeb; }
div.cspml_details_container div.cspml_details_content.grid { text-align:center; font-size:17px; color:#1e1e1e; }
div.cspml_details_container div.cspml_details_title { text-align:center; }
div.cspml_details_container div.cspml_details_title a { text-decoration: none; font: 18px 'Open Sans', sans-serif; color: #1e1e1e; font-weight: 700; }
div.cspml_details_container div.cspml_details_title a:hover { color: #1e1e1e; text-decoration: none; }
div.cspml_details_container div.cspml_details_content.grid p { margin:0px 0 20px 0; font-size:14px; font-family:'Open Sans'; }
div.cspml_details_container div.cspml_details_content.grid a.button.red {
font-size:10px; line-height:1; padding:22px 43px; letter-spacing:2px; text-align:center; font-weight:700;
text-transform:uppercase; text-shadow:0px 0px 0px; background:#141414; border:1px solid transparent;
}
div.cspml_details_container div.cspml_details_content.grid a:hover.button.red { border:1px solid #ec2028; color:#fff; background:#ec2028; }
div.cspml_details_container div.cspml_details_content.grid { height: 120px; max-height: 120px; overflow: hidden; }
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input{ height: 28px; }
.selectize-input > input:focus{ outline: none !important; }
div.cspml_item:hover div.cspml_details_content.grid a:hover.button.red{ border:1px solid #141414 !important; color:#000!important; background: transparent; }
div.cspml_details_container div.cspml_details_title{ padding-bottom: 0; }
.distributor_class{ border:1px solid #ebebeb!important; }
div.distributor_class a.red:hover { border: 1px solid #ec2028 !important; color: #ec2028 !important; background: #fff !important; }
.distributor_class a.red{ border:1px solid #ec2028 !important; color:#fff !important; background:#ec2028 !important; }  div.cspml_details_container div.cspml_details_title{ margin-top: 19px; }
.distributor_heading{
position: absolute; width: 100%; top: 0; left: 0; background: #cbd2d3; text-transform: uppercase; padding: 5px 0;
font-family: 'Open Sans', sans-serif; font-weight: 700 !important; font-size:11px !important; text-align: center; letter-spacing: 1px;
}
span.cspml_toggle_btn { display:none; }
select#countries { background:#141414; color:#fff; border:none; } #dealer {  }
#dealer .row { padding:60px 0; }
#dealer-details h1#page-header { text-align:left; }
#dealer-details p { color:#7b7b7b; line-height:1.7; font-size:13px; }
#dealer-contact-info p { margin:0 0 10px 0; padding:0; letter-spacing:1px; }
#dealer-contact-info p b { font-size:12px; text-transform:uppercase; color:#1e1e1e; }
#dealer-contact-info p b span { color:#EC2028; }
#dealer form { margin-left:10%; }
#dealer-form p { margin:0 0 26px 0; text-align:center; font-weight:400; font-size: 15px; line-height: 25px; color: #333333; }
#dealer-form input, #dealer-form select { font-size: 11px; font-weight: bold; text-transform:
uppercase; color: #1e1e1e; letter-spacing: 2.5px; height: 55px; box-shadow: none; background-color: #fff; }
#dealer-form select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMThEQkJGNTAwMDFENjJCODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDk4NDQxMTRGMzZEMTFFNjhGRDBFNjUyOUNERTA3MTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDk4NDQxMTNGMzZEMTFFNjhGRDBFNjUyOUNERTA3MTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmJlY2Q4MDA1LTZiYzQtOTU0NC1iMWJmLWJkMGQ4ZDRjNTNmNSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmU5NzYyMTY4LTIyZGEtMTE3YS1hMmZmLWQyZmZmZDQ4ZTYzZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmK/w18AAACBSURBVHjajJBLCoAwEEPHhTvpiJ9TeV0voCL+ingV1y5qhAgFtRh40GYS6DQSkQkcoAK7hJWCGsTXpQEOzEADJWXmyra3MdIYPsrKmWNW/cHCQQ+MVzL0HDP69n7LQAcS0tGzzLwqA6u3x73/yllQBdhYcDzn8lMlf3Dm+aFTgAEAQS4jxtPthqkAAAAASUVORK5CYII=) !important;
background-position: 94% center;
}
#dealer-form select option{ letter-spacing: 0px; }
#dealer-form input::-moz-placeholder, #dealer-form select::-moz-placeholder { color: #1e1e1e; opacity: 1; }
input::-webkit-input-placeholder { color: #1e1e1e; }
#dealer .gfield input[type=text] { border:1px solid #959595; font-size:12px; color:#1e1e1e; padding:20px; font-weight:400; }
#dealer .gfield label { display:none; }
#dealer .gfield .gfield_select { border:1px solid #959595; font-size:12px; color:#1e1e1e; padding:20px; background-color:white; width:100%; height:58px; font-weight:400; }
#dealer .gform_wrapper ul li.gfield { clear:none; margin:0; }
#dealer input.medium { width:100%; height:58px; }
#dealer .gfield_radio { clear:both; text-align:center; }
#dealer .gfield_radio li { display:inline-block; text-align:center; max-width: 33%; }
#dealer .gfield_radio input { display:none; }
#dealer .gfield_radio label { display:inline-block; border:4px solid #fff; padding:10px; border-radius:7px; }
#dealer .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label { color:#1e1e1e; border:4px solid #ccd1d4; }
#dealer h2 { text-align:center; font-size:18px; font-weight:400; text-transform:uppercase; letter-spacing:2px; color:#1e1e1e; margin:20px 0; clear:both; padding-top:34px; }
#dealer #field_3_72 { background:#141414; color:#fff; padding-top:16px; padding-bottom:16px; text-align:center; width: 95%; margin: 0 auto; float: none; clear: both; }
#dealer #field_3_72 h3 { color:#737172; padding:0; margin:0; letter-spacing:1px; text-transform:uppercase; font-size:11px; }
#dealer #field_3_72 h4 { color:#fff; padding:0; margin:14px 0 11px 0; letter-spacing:1px; font-size:16px; font-weight:300; }
#dealer #field_3_72 h4 strong { font-weight:700; }
#dealer #field_3_72 p { margin:0; padding: 0; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
#dealer #field_3_72 p a { color:#EC2028; font-weight:700; border-bottom:1px solid #EC2028;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}
#dealer #field_3_72 p a:hover { color:#fff; font-weight:700; border-bottom:1px solid #737172; }
#dealer input::-webkit-input-placeholder { color:#858585; font-weight:400; }
#dealer input:-moz-placeholder { color:#858585; font-weight:400; }
#dealer input::-moz-placeholder { color:#858585; font-weight:400; }
#dealer input:-ms-input-placeholder { color:#858585; font-weight:400; }
#dealer .gfield.gfield_error input[type=text], #dealer .gfield.gfield_error .gfield_select { border:1px solid #ed1f29 !important; }
#dealer .gfield_error .gfield_description { display:none; }
.gform_validation_container, .gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; }
.gform_button { font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 2px;
background: #EC2028 !important; border: 1px solid #EC2028; padding: 23px 55px; outline: 0;
}
input:hover.gform_button, input:focus.gform_button, input:active.gform_button { background: #141414; border: 1px solid #141414; }
.gform_footer { clear:both; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top:18px; }
#dealer #field_3_64 { margin: 30px 0 20px 0; clear: both; padding-top: 34px; text-align:center; }
#dealer #field_3_64 hr { border-top:1px solid #141414; margin:0 15px; }
#dealer #field_3_64 h2 { padding: 0; background: #fff; text-align: center; display: block; margin: -13px auto 35px auto; width: 250px; }
#dealer-form .sub_series{ clear: left !important; }
ul.gfield_radio{ clear: left; display: inline-block; float: right; height: auto; list-style: outside none none; margin: -214px 0 25px; width: 100%; }
ul.gfield_radio li{ display: block; float: right; text-align: center; width: 51%; }
ul.gfield_radio li input[type="radio"]{ opacity: 0; display: none; }
.gfield_radio label { border: 4px solid #fff; border-radius: 7px; display: inline-block; padding: 2px; }
.gfield_radio label img{ max-width: 90%; }
ul.gfield_radio li input[type="radio"]:checked + label { border: 4px solid #ccd1d4; color: #1e1e1e; } div.cspm_zoom_in_control, div.cspm_zoom_out_control { background-color: rgba(237,31,41,.90) !important; }
div.cspm_zoom_in_control { top: 0px; left: 0px; border-bottom: 1px solid #0085dc; }
.cspml_resize_map { display:none; }
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: left; }  h2.facet-title { font-size: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 6px; margin-bottom: 30px; color:#1e1e1e; display:none; }
h2.facet-title em { font-size:14px; font-style:normal; font-weight:400; letter-spacing:normal; text-transform:none; }
.facetwp-facet { margin-bottom:40px !important; overflow:hidden; border-bottom:1px solid #B6B6B6 !important; padding-bottom:36px !important; }
.facetwp-facet-new_releases, .facetwp-facet-construction_type, .facetwp-reset {
font-size:14px !important; cursor:pointer; margin-bottom:10px !important; padding-bottom:4px !important; border-bottom:1px dotted #B6B6B6 !important; max-width: 70%;
}
.facetwp-checkbox[data-value="novitec-x-vossen"] { margin-top: 10px !important; padding-top: 4px !important; border-top: 1px dotted #B6B6B6 !important; }
.facetwp-facet-new_releases .facetwp-checkbox, .facetwp-facet-construction_type .facetwp-checkbox { background: none !important; padding-left:0 !important; font-size:14px !important; margin-bottom: 6px !important; font-weight: 400; }
.facetwp-facet-new_releases .facetwp-checkbox.checked, .facetwp-facet-construction_type .facetwp-checkbox.checked { font-weight:600; }
.facetwp-facet-series .facetwp-checkbox { background: none !important; padding-left:0 !important; font-size:14px !important; margin-bottom: 6px !important; font-weight: 400; display:none; }
.facetwp-facet-series .facetwp-checkbox.checked { font-weight:600; }
.facetwp-facet-series .facetwp-checkbox[data-value="reset"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-forged"], .facetwp-facet-series .facetwp-checkbox[data-value="cg-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-forged-hc-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="ml-x-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-forged-m-r-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="hybrid-forged-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="vle-1"],
.facetwp-facet-series .facetwp-checkbox[data-value="novitec-x-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossenxwork"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-forged-lc-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-precision-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossenxwork"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-lcx-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="vfx-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-series-21"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-series-17"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-forged-m-x-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-gns-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="urban-automotive-x-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-lc3-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="champion-motorsports-x-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="abt-x-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-era-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="tony-kanaan-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="renntech-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="champion-motorsport-x-vossen"],
.facetwp-facet-series .facetwp-checkbox[data-value="vossen-x-champion-motorsport"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-lc2-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="hybrid-forged-6-lug"],
.facetwp-facet-series .facetwp-checkbox[data-value="evo-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-evo-r-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="hfx-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="gen"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-gnx-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="forged-vps-series"],
.facetwp-facet-series .facetwp-checkbox[data-value="hf-8lug"],
.facetwp-facet-series .facetwp-checkbox[data-value="hf-6lug"],
.facetwp-facet-series .facetwp-checkbox[data-value="hf-5lug"]
{ display:block; } .facetwp-facet-series .facetwp-checkbox[data-value="vle-1"]	{ margin-left:-12px; }
.facetwp-facet-series .facetwp-depth { display:block !important; }
.facetwp-facet-series .facetwp-depth .facetwp-checkbox { font-weight:400; }
.facetwp-facet-series .facetwp-checkbox.checked, .facetwp-facet-new_releases .facetwp-checkbox.checked, .facetwp-facet-construction_type .facetwp-checkbox.checked {
font-weight:600; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/checkbox_remove.png) right center no-repeat !important; background-size: 14px 14px !important;
}
.facetwp-facet-series .facetwp-expand { display:none; }
.facetwp-facet-sizes .facetwp-checkbox {
text-align:center; width: 36px; height: 36px; padding: 11px 7px; float: left; margin: 0 16px 16px 0;
color:#333; background: none; border: 1px solid #b6b6b6; font-size:14px; line-height:1;
}
.facetwp-facet-sizes .facetwp-checkbox.checked { background:none; border:2px solid #131313; color:#141414; width: 36px; height: 36px; padding: 10px 6px; font-weight:600; }
.facetwp-facet-sizes .facetwp-checkbox .facetwp-counter { display:none; }
.facetwp-facet-price .facetwp-checkbox {
background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/checkbox.png) 0 50% no-repeat !important; background-size: 14px 14px; padding-left: 30px; font-size:14px; margin-bottom: 6px !important;
}
.facetwp-facet-price .facetwp-checkbox.checked { background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/checkbox_on.png) 0 50% no-repeat !important; background-size: 14px 14px; } #filters .tabs { text-align:left; }
#filters .tabs .tab-title { margin:0 16px 0 0; }
#filters .tabs .tab-title > a {
font-size: 11px; color: #141414; text-transform: uppercase; letter-spacing: 2px; background: #fff; text-align: center;
padding: 14px 21px; font-weight: 700; border: 1px solid #141414; min-width: 20px; margin: 0;
}
#filters .tabs .tab-title.active a {
font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; background: #c02620; text-align: center;
padding: 14px 21px; font-weight: 700; outline: 0; border: 1px solid #c02620; min-width: 20px; margin: 0;
} #vossen3d { display:none; }
.sticky { position: relative; top: 20px; }
#filters-ui { margin:0; padding:0; }
@media only screen and (min-width: 64.0625em) {
#vossen3d { display:block; }
#filters-ui { margin:0; padding:0; }
#filter-trigger { display:none; }
.accordion .accordion-navigation > #filters.content { display:block; padding:0; }
#filters .tabs { display:none; }
#filters .tabs-content .content, h2.facet-title { display:block; }
#filters .tabs-content > .content.active { padding:0; }
} #sorting-wheels { padding:20px 0; }
#sorting-wheels hr { border-color:#D2D2D2; }
#results-count { padding:6px 0 0 0; font-size:15px; }
#results-count .facetwp-counts { display:inline; float:left; font-weight:600; margin-right:16px; }
#results-count .facetwp-view-all { cursor:pointer; } #wheel-results .cg-series:nth-of-type(n+4) { display: none; }
#wheel-results { clear:both; margin-bottom: 80px; overflow: hidden;}
.wheel-result { padding:0; overflow:visible; position: relative; z-index: 1;}
.wheel-info { margin-top:30px; margin-left: 5px; margin-right: 5px; padding-bottom:10px;  min-height:490px;}
.wheel-info a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.wheel-result .wheel-thumb { text-align:center; position:relative; }
.wheel-result .wheel-thumb a, .wheel-result .wheel-thumb span.wheel-coming-soon { display:block; }
.wheel-result .wheel-thumb a img, .wheel-result .wheel-thumb span.wheel-coming-soon img { position:relative; display:block; max-width:100%; height:auto;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}
.wheel-result .wheel-thumb a img.single-view, .wheel-result .wheel-thumb span.wheel-coming-soon img.single-view { opacity:1; display:block; z-index:10; top:0px; left:0px; }
.wheel-result .wheel-thumb a img.front-view { opacity:1; display:block; z-index:10; top:0px; left:0px; }
.wheel-result .wheel-thumb a img.side-view { opacity:0; display:block; z-index:1; top:0px; left:0px; }
.wheel-result .wheel-thumb a:hover img.single-view { opacity:.5; }
.wheel-result .wheel-thumb a:hover img.front-view { opacity:0; }
.wheel-result .wheel-thumb a:hover img.side-view { opacity:1; }
.wheel-result .wheel-thumb a span.new, .wheel-result .wheel-thumb span span.new {
position: absolute; z-index: 40; bottom: 18px; transform: translateX(-50%);
text-align: center; display: inline-block; padding: 2px 5px;
color: #fff; background: #fa0026;
text-transform: uppercase; font-size: 10px; letter-spacing: .5px; word-spacing: 3px;
} .wheel-result h3 { text-align:center; font-size:15px; font-weight:700; margin:0 0 9px 0; }
.wheel-result h3 a { text-align:center; color:#1e1e1e; }
.wheel-result h3 a:hover { color:#E31C21; }
.wheel-result .series p { font-size:13px; margin:0 0 9px 0; text-align:center; font-weight:400; line-height:normal; }
.wheel-result .sizes ul.size-list { font-size:13px; margin:0 0 9px 0; text-align:center; font-weight:700; padding:0; }
.wheel-result .sizes ul.size-list li { display:inline; margin:0 6px 0 0; list-style:none; padding:0 4px 0 0; border-right:2px solid #999; line-height:1; }
.wheel-result .sizes ul.size-list li:last-child { border-right:none; padding-right:0; }
.wheel-result .start-price p { font-size:13px; margin:0 0 9px 0; text-align:center; font-weight:400; line-height:normal; } ul.color-options { text-align:center; margin:0; padding:0; }
ul.color-options li { list-style: none; margin: 0 3px; padding: 0; display: inline-block; position: relative; overflow: visible; z-index: 1; text-align: center; }
ul.color-options li span { display:inline-block; border-radius:48px; border:2px solid #1d1d1d; width:30px; height:30px; }
ul.color-options li span[data-preview-img] { cursor: pointer; }
ul.color-options li strong { display:none; }
ul.color-options li:hover strong { display: block; position:absolute; background: rgba(0,0,0,.8); padding: 6px 7px; color: #fff; z-index: 20;
border-radius: 3px; font-size: 11px; font-weight: normal; min-width: 120px; margin: 0 auto;
}
p.forged-colors { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/wheel_color_gradient.png) top center no-repeat; padding-top:14px; text-align:center; font-size:13px; text-align:center; letter-spacing:.5px; } .cat-description { display:none; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
#CG-201.cat-description,
#CVT.cat-description,
#HC-1.cat-description,
#LC-101.cat-description,
#ML-R1.cat-description,
#NV1.cat-description,  #VLE-1.cat-description,
#VPS-301.cat-description,
#VWS-1.cat-description,
#UV-1.cat-description,
#GNS-1.cat-description,
#GNS-1.cat-description,
#era-1-monoblock.cat-description,
#S21-01, #S17-01,
#M-X1, #AVX, #RS74,
#TK20, #rps-10-2, 
#LC2-C1.cat-description,
#LC3-01T.cat-description, #NV2.cat-description,
#CV10.cat-description, 
#EVO-1.cat-description, 
#EVO-1R.cat-description, 
#HFX-6.cat-description,  #LCX-01.cat-description,
#VFX-01.cat-description,
#GEN-01.cat-description,
#GNX-01.cat-description,
#VPS-1.cat-description{ display:block; clear:left; }
#HFX-6.cat-description:nth-of-type(1){
display: none !important;
}
#HFX-6.cat-description:nth-of-type(1){
display: none !important;
}
#HFX-6.cat-description:nth-of-type(5) {
display: none !important;
}
#HFX-4.cat-description:nth-of-type(1){
display: block !important;
}
#HFX-4.cat-description:nth-of-type(2){
display: none !important;
} hr.wheel-hr { display:none; border:none; background: #e1e1e1; height:5px; margin:20px 10px; float: left; width: 100%; }
#hr-cg-201.wheel-hr,
#hr-cvt.wheel-hr,
#hr-hc-1.wheel-hr,
#hr-lc-101.wheel-hr,
#hr-ml-r1.wheel-hr, #hr-vle-1.wheel-hr,
#hr-vps-301.wheel-hr,
#hr-vws-1.wheel-hr,
#hr-uv-1.wheel-hr,
#hr-gns-1.wheel-hr,
#hr-s21-01.wheel-hr,
#hr-s17-01.wheel-hr,
#hr-m-x1.wheel-hr,
#hr-rs74.wheel-hr,
#hr-avx.wheel-hr,
#hr-era-1-monoblock.wheel-hr,
#hr-avx.wheel-hr,
#hr-tk20.wheel-hr,
#hr-rps-10-2.wheel-hr,
#hr-lc2-c1,
#hr-lc3-01t, #hr-nv2,
#hr-evo-1,
#hr-evo-1r,  #hr-lcx-01,
#hr-vfx-01,
#hr-gen-01,
#hr-gnx-01,
#hr-hfx-6-6-lug,
#hr-hfx-6-8lug,
#hr-vps-1{ display:block; }
@media screen and (max-width:350px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; border-bottom:1px solid #B6B6B6; min-height:335px; }
.cat-description { width:100%; }
.cat-description .wheel-info { min-height:auto !important; }
.cat-description img { margin-top:30px; }
.cat-description p { font-size:14px; text-align:center; margin-left:15px; margin-right:15px; }
.wheel-result .sizes ul.size-list li { display: inline-block; border:none; }
}
@media screen and (min-width:351px) and (max-width:375px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; border-bottom:1px solid #B6B6B6; min-height:360px; }
.cat-description { width:100%; }
.cat-description .wheel-info { min-height:auto !important; }
.cat-description img { margin-top:30px; }
.cat-description p { font-size:14px; text-align:center; margin-left:15px; margin-right:15px; }
.wheel-result .sizes ul.size-list li { display: inline-block; border:none; margin-left: 6px; }
}
@media screen and (min-width:376px) and (max-width:480px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:393px; }
.cat-description img { margin-top:60px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:481px) and (max-width:550px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:430px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:551px) and (max-width:640px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:445px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:641px) and (max-width:666px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:380px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:667px) and (max-width:767px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:420px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:768px) and (max-width:880px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:445px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:768px) and (max-width:880px) {
#filters-ui { margin-left:0; }
#sorting-wheels { padding:20px 0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:445px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:1025px) and (max-width:1239px) {
.page-template-page-wheel-search #secondary { width:20%; }
.page-template-page-wheel-search #main { width:80%; }
}
@media screen and (min-width:1025px) and (max-width:1100px) {
#filters-ui { margin-left:0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:380px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:1101px) and (max-width:1220px) {
#filters-ui { margin-left:0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:405px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media screen and (min-width:1221px) and (max-width:1330px) {
#filters-ui { margin-left:0; }
.wheel-info { margin-top:10px; margin-left: 5px; margin-right: 5px; padding-bottom:10px; min-height:440px; }
.cat-description img { margin-top:90px; }
.cat-description p { font-size:14px; text-align:center; margin-left:10px; margin-right:10px; }
}
@media only screen and (max-width:640px) {
.page-id-8773 #hero .row, .postid-8590 #hero .row, .postid-8698 #hero .row,
.postid-8670 #hero .row { top:10%; text-align: left; padding: 20% 0 5% 0; }
.page-id-8773 #hero .columns, .postid-8590 #hero .columns, .postid-8698 #hero .columns,
.postid-8670 #hero .columns { text-align:center; }
.postid-8590 #hero-logo, .postid-8698 #hero-logo,
.postid-8670 #hero-logo { margin-top:40%; margin-bottom: .5em; }
.page-id-8773 #hero-logo { margin-top: 0%; margin-bottom: 30px; }
.postid-8590 #hero h1, .postid-8698 #hero h1,
.postid-8670 #hero h1 { font-size:92px; font-weight:100; letter-spacing:16px; line-height:1; margin-bottom:26px; }
.postid-8590 #the-wheel h1, .postid-8698 #the-wheel h1, .page-id-8773 #the-wheel h1,
.postid-8670 #the-wheel h1 { font-size: 58px; }
#the-wheel .color-content { padding: 0 0 50px 0; }
#the-wheel p { padding-right:0; }
#designed #designed-header h1#page-header { max-width:80%; margin:0 auto; }
#custom-finishes .row { padding-bottom:0; }
#custom-centers .column-thumb { min-height:280px; }
.Select_box select { background: rgba(0, 0, 0, 0) url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat scroll 98% center / 5% auto; }
.page-template-page-embed-wheel-gallery #gallery-filters .row{
padding:40px;
}
.embed-gallery-box{padding-bottom: 10px;}
}
@media only screen and (min-width:641px) and (max-width:767px) {
.page-id-8773 #hero .row, .postid-8590 #hero .row, .postid-8698 #hero .row,
.postid-8670 #hero .row { top:10%; text-align: left; padding: 20% 0 5% 0; }
.page-id-8773 #hero .columns, .postid-8590 #hero .columns, .postid-8698 #hero .columns,
.postid-8670 #hero .columns { text-align:center; margin-left:10%; }
.postid-8590 #hero-logo, .postid-8698 #hero-logo,
.postid-8670 #hero-logo { margin-top:40%; margin-bottom: .5em; }
.page-id-8773 #hero-logo { margin-top: 0%; margin-bottom: 30px; }
.postid-8590 #hero h1, .postid-8698 #hero h1,
.postid-8670 #hero h1 { font-size:92px; font-weight:100; letter-spacing:16px; line-height:1; margin-bottom:26px; }
.postid-8590 #the-wheel h1, .postid-8698 #the-wheel h1, .page-id-8773 #the-wheel h1,
.postid-8670 #the-wheel h1 { font-size: 58px; letter-spacing:10px; }
.postid-8590 #the-wheel h1 br, .postid-8698 #the-wheel h1 br, .page-id-8773 #the-wheel h1 br,
.postid-8670 #the-wheel h1 br { display:none; }
#the-wheel .color-content { padding: 0 0 50px 0; }
#the-wheel p { padding-right:0; }
#designed #designed-header h1#page-header { max-width:90%; margin:0 auto; }
.page-id-8773 #assembly-wheels .columns img, .postid-8590 #assembly-wheels .columns img,
.postid-8698 #assembly-wheels .columns img, .postid-8670 #assembly-wheels .columns img { max-width:100%; }
#custom-finishes .row { padding-bottom:0; }
#custom-centers .column-thumb { min-height:330px; }
.Select_box select { background: rgba(0, 0, 0, 0) url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_icon.png) no-repeat scroll 98% center / 3% auto; }
.page-template-page-embed-wheel-gallery #gallery-filters .row{
padding:40px;
} 
.embed-gallery-box{padding-bottom: 10px;} 
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.page-id-8773 #hero .row, .postid-8590 #hero .row, .postid-8698 #hero .row,
.postid-8670 #hero .row { top:10%; text-align: left; padding: 20% 0 5% 0; }
.page-id-8773 #hero .columns, .postid-8590 #hero .columns, .postid-8698 #hero .columns,
.postid-8670 #hero .columns { text-align:center; margin-left:10%; }
.postid-8590 #hero-logo, .postid-8698 #hero-logo,
.postid-8670 #hero-logo { margin-top:40%; margin-bottom: .5em; }
.page-id-8773 #hero-logo { margin-top: 0%; margin-bottom: 30px; }
.postid-8590 #hero h1, .postid-8698 #hero h1,
.postid-8670 #hero h1 { font-size:92px; font-weight:100; letter-spacing:16px; line-height:1; margin-bottom:26px; }
.postid-8590 #the-wheel h1, .postid-8698 #the-wheel h1, .page-id-8773 #the-wheel h1,
.postid-8670 #the-wheel h1 { font-size: 58px; letter-spacing:10px; }
.postid-8590 #the-wheel h1 br, .postid-8698 #the-wheel h1 br, .page-id-8773 #the-wheel h1 br,
.postid-8670 #the-wheel h1 br { display:none; }
#the-wheel .color-content { padding: 0 0 50px 0; }
#the-wheel p { padding-right:0; }
#designed #designed-header h1#page-header { max-width:90%; margin:0 auto; }
.page-id-8773 #assembly-wheels .columns img, .postid-8590 #assembly-wheels .columns img,
.postid-8698 #assembly-wheels .columns img, .postid-8670 #assembly-wheels .columns img { max-width:100%; }
#custom-finishes .row { padding-bottom:0; }
#custom-centers .column-thumb { min-height:330px; }
#cspml_listings_filter_form { max-width: 100% !important; width: 100% !important; }
.cspml_fs_item_container { float: left; margin: 0 12px !important; width: 97% !important; }
form.cspml_filter_form div.cspml_fs_options_list { float: left !important; margin: 0 auto !important; max-width: 100% !important; width: 100% !important; }
}
.gchoice_1_18_0, .gchoice_1_19_0, .gchoice_1_20_0, .gchoice_1_21_0, .gchoice_1_22_0, .gchoice_1_23_0, .gchoice_1_24_0, .gchoice_1_25_0,
.gchoice_1_26_0, .gchoice_1_27_0, .gchoice_1_28_0, .gchoice_1_29_0, .gchoice_1_30_0, .gchoice_1_31_0, .gchoice_1_32_0, .gchoice_1_33_0,
.gchoice_1_34_0, .gchoice_1_35_0, .gchoice_1_36_0, .gchoice_1_37_0, .gchoice_1_38_0, .gchoice_1_39_0, .gchoice_1_40_0, .gchoice_1_41_0,
.gchoice_1_42_0, .gchoice_1_43_0, .gchoice_1_44_0, .gchoice_1_45_0, .gchoice_1_50_0, .gchoice_1_51_0, .gchoice_1_52_0, .gchoice_1_53_0, .gchoice_1_54_0{margin:72px 0 0 0;} #home-hero { clear:both; overflow:hidden; padding-bottom:0; }
.hero-slides { position: relative; z-index: 1; height: 100%; max-width: 100%; margin:0; }
.home-slides {  }
#home-hero .hero-slide { padding-bottom:20px; height: 100%; position: relative; z-index: 1; }
#home-hero .slider-track { -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); }
#home-hero .hero-slide img.hero-image { width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2);
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
#home-hero .hero-slide.slick-active img.hero-image { -webkit-transform: scale(1); transform: scale(1); }
#home-hero img.hero-image { width:100%; max-width:100%; }
#home-hero .hero-header h1 { color:#fff; font-size:80px; font-family:'Open Sans', sans-serif; font-weight:bold; line-height:1; letter-spacing:.75rem; text-transform:uppercase; z-index:200; text-shadow:0px 0px 12px rgba(0,0,0,.6); }
#home-hero .hero-header p {font-size: 13px; text-transform: uppercase; color: #fff; letter-spacing: 2px; margin: 14px 0 32px 0; padding: 0; text-shadow:0px 0px 12px rgba(0,0,0,.6); }
#home-hero .row { padding:0; }
#home-hero .hero-row { margin-top:-300px; position: relative; opacity:1; }
#home-hero .hero-highlight { max-width:400px; padding:0; background:#131313; color:#fff; min-height:200px; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); opacity:1; }
#home-hero #slider-nav { clear: both; margin: -6em 0 0 0; width: 16.66667% !important; position: relative; }
#home-hero #slider-nav .slick-dots li { margin: 0 4px !important; }
#home-hero #slider-nav .slick-dots li button {
width: 8px !important; height: 8px !important; color: #cdcdcd !important; background: #cdcdcd !important;
border: none !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
}
#home-hero #slider-nav .slick-dots li.slick-active button {
width: 8px !important; height: 8px !important; color: #EB1F27 !important; background: #EB1F27 !important;
border: none !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
} #home-hero .hero-highlight .columns { text-align:center; }
#home-hero .hero-highlight a { color:#EC2028; }
#home-hero .hero-highlight a:hover { color:#fff; }
#home-hero .hero-highlight-image { background:#fff; min-height:200px; }
#home-hero .hero-highlight h3 { color:#fff; font-size:15px; font-weight:bold; margin:26px 0 6px 0; }
#home-hero .hero-highlight p { color:#fff; font-size:13px; }
#home-hero .hero-highlight a.highlight-link { font-size:12px; font-weight:bold; text-transform:uppercase; }
#home-hero .slick-arrow[style] { display:none !important; }
#home-promos {  }
#home-promos .row { max-width:1170px; }
#home-promos #home-promo-header .row { padding-top:0; }
#home-promos #home-promo-header h1.page-header::before { content:' '; width:100px; height:1px; background:#EB1F27; display:block; margin:0 auto 32px auto; }
#home-promos #home-promo-header p { text-align:center; }
#home-promo-primary { min-height:760px; margin-top:-80px; }
#home-promo-primary #secondary-promos.row { padding:30px 0; }
#home-promo-primary #primary-promo.row { padding:100px 0 30px 0 !important; }
#home-promos .promo { position:relative; overflow:hidden; }
#home-promos .promo img { z-index:1; width: 100%; max-width: 100%; }
#home-promos .promo header {
color:#fff; position:absolute; bottom:0px; z-index:2; display:block; right: 0.9375rem; left: 0.9375rem; min-height:210px; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(11,11,11,0.92) 40%, rgba(11,11,11,0.92) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(11,11,11,0.92) 40%,rgba(11,11,11,0.92) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(11,11,11,0.92) 40%,rgba(11,11,11,0.92) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb0b0b0b',GradientType=0 ); }
#home-promos .promo header h2::before { content:' '; width:52px; height:1px; background:#EB1F27; display:block; margin:0 0 20px 0; }
#home-promos .promo header h2 { width:88%; padding:20% 6% 4% 6%; color:#fff; font-size:30px; font-weight:700; text-transform:uppercase; letter-spacing:.25rem; line-height:1.1; }
#home-promos .button-row { text-align:right; padding-top:0 !important; }
#home-wheels-carousel .row { padding-bottom:10px; }
#home-wheels-header h1.page-header { text-align:left; line-height:1.3; }
#home-wheels-header h1.page-header::before { content:' '; width:100px; height:1px; background:#EB1F27; display:block; margin:0 0 32px 0; }
#home-wheels-header p { font-size:14px; }
#home-wheels-header #wheels-slider-arrows { position:relative; padding:20px 0 0 0 !important; }
#home-wheels-header #wheels-slider-arrows .slider-arrows.red .slick-prev,
#home-wheels-header #wheels-slider-arrows .slider-arrows.red .slick-prev:hover,
#home-wheels-header #wheels-slider-arrows .slider-arrows.red .slick-prev:focus {
left: 0px; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_left_red.png) center center no-repeat !important;
height: 40px; width: 40px; text-indent: -999em;
}
#home-wheels-header #wheels-slider-arrows .slider-arrows.red .slick-next,
#home-wheels-header #wheels-slider-arrows .slider-arrows.red .slick-next:hover,
#home-wheels-header #wheels-slider-arrows .slider-arrows.red .slick-next:focus {
left: 44px; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_right_red.png) center center no-repeat !important;
height: 40px; width: 40px; text-indent: -999em; border-left: 1px solid #2F2F2F;
}
#wheel-slider-dots.row { position:relative !important; padding: 0 0 20px 0 !important; }
#home-wheels .wheel-info { margin-top: 0px; margin-left: 5px; margin-right: 5px; padding-bottom: 0px; min-height: 60px; border:none !important; }
#home-wheels .wheel-info span.new { position: absolute; z-index: 40; bottom: 12em; left: 33%; text-align: center; display: block; width: 34%; padding:2px 0;
color: #fff; background: #fa0026; text-transform: uppercase; font-size: 10px; letter-spacing: .5px; word-spacing: 3px;
}
#home-wheels .slick-slider { margin-bottom:0; }
#home-wheels .slider-dots { position:relative; }
#wheel-slider-dots .slider-dots.red .slick-dots li { margin:0 4px !important; width: 8px !important; height: 8px !important; }
#wheel-slider-dots .slider-dots.red .slick-dots li.slick-active button {
width: 8px !important; height: 8px !important; color: #EB1F27 !important; background: #EB1F27 !important;
border: none !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
}
#wheel-slider-dots .slider-dots.red .slick-dots li button {
width: 8px !important; height: 8px !important; color: #cdcdcd !important; background: #cdcdcd !important;
border: none !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
}
.page-template-page-home a.button {
font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-left:18px;
background: #141414; border: 1px solid #141414; padding: 23px 20px; font-weight: 700; outline: 0;
}
.page-template-page-home a:hover.button { border: 1px solid #141414; color: #141414; background: none; }
.page-template-page-home a.button.red { background:#EB1F27; border:1px solid #EB1F27; }
.page-template-page-home a:hover.button.red { border: 1px solid #EB1F27; color: #EB1F27; background: none; }
#home-galleries { padding:75px 0 0 0; overflow:hidden; clear:both; }
#home-galleries #vehicle-galleries, #home-galleries #wheel-galleries { position:relative; }
#home-galleries h1.page-header { position:absolute; background:#fff; display:inline-block; z-index:10; margin:0; padding-bottom:21px; }
#home-galleries h1.page-header::before { content:' '; display:block; height:1px; background:#EB1F27; width:100px; top:-42px; position:absolute; }
#home-galleries #vehicle-galleries h1.page-header { text-align:left; padding-right:18px;  }
#home-galleries #wheel-galleries h1.page-header { text-align:right; padding-left:18px; right:0px; }
#home-galleries #wheel-galleries h1.page-header::before { right:0px; }
#home-galleries .featured-gallery { position: relative; overflow: hidden; }
#home-galleries .featured-gallery header {
color: #fff; position: absolute; bottom: 0px; right:0; left:0; z-index: 2; display: block; min-height: 80px; padding:36px 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(11,11,11,0.92) 40%, rgba(11,11,11,0.92) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(11,11,11,0.92) 40%,rgba(11,11,11,0.92) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(11,11,11,0.92) 40%,rgba(11,11,11,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb0b0b0b',GradientType=0 );
}
#home-galleries .featured-gallery header h2 { color:#fff; font-size:24px; font-weight:700; margin:0 36px; text-transform:uppercase; }
#home-galleries .featured-gallery header h2 a { color:#fff; }
#home-galleries .featured-gallery header h2 a:hover { color:#EB1F27; }
#home-galleries .featured-gallery header p { color:#fff; font-size:16px; font-weight:700; margin:0 36px; text-transform:uppercase; }
#home-galleries .additional-galleries { padding-bottom:0; }
#home-galleries .additional-galleries .columns { min-height:206px; }
#home-galleries .additional-galleries .columns h3 { margin:12px 0 0 0; font-size:16px; white-space: nowrap; overflow: hidden; position:relative; }
#home-galleries .additional-galleries .columns h3 a { color:#141414; }
#home-galleries .additional-galleries .columns h3 a:hover { color:#EB1F27; }
#home-galleries .additional-galleries .columns h3 .fader {
content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 36px; z-index: 3000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
}
#home-galleries .additional-galleries .columns p { margin:2px 0 0 0; font-size:13px; white-space: nowrap; overflow: hidden; position:relative; }
#home-galleries .additional-galleries .columns p a { color:#141414; }
#home-galleries .additional-galleries .columns p a:hover { color:#EB1F27; }
#home-galleries .additional-galleries .columns a.button {
font-weight: 700; height:134px; width:100%; margin:0; font-size: 11px; color: #141414; padding: 48px 20px;
text-transform: uppercase; letter-spacing: 2px; background: #fff; border: 1px solid #141414; outline: 0;
}
#home-galleries .additional-galleries .columns a:hover.button { background:#141414; color:#fff; }
img.full-width { width:100%; max-width:100%; }
#home-blog { padding:0 0 120px 0; position:relative; }
#home-blog::before { content: ' '; display: block; width:80%; top:117px; right:0px; position:absolute; z-index:1; background:#ededed; height:330px; }
#home-blog .row { z-index:2; position:relative; padding-bottom: 60px; }
#home-blog .row.blog-post { padding:0 0 0 40px; }
#home-blog h1.page-header { text-align:left !important; }
#home-blog h1.page-header::before { content: ' '; width: 100px; height: 1px; background: #EB1F27; display: block; margin: 0 0 32px 0; }
#home-blog .post-embed-post-thumbnail { max-width:100%; width:100%; height:385px; }
#home-blog .row.blog-post h3 { margin:24px 10%; text-align:center; line-height:1.6; }
#home-blog .row.blog-post h3 a { font-size:15px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#141414; text-align:center; }
#home-blog .row.blog-post h3 a:hover { color:#E31C21; }
#home-blog .button-row a.button { background:none; color:#141414; }
#home-blog .button-row a:hover.button { background:#141414; color:#fff; }
#gallery-filters { background:#141414; color:#fff; }
#gallery-filters h1 { color:#fff; font-size:22px; font-weight:700; letter-spacing:.15rem; text-transform:uppercase; text-align:right; }
#gallery-filters h2 { color:#fff; font-size:22px; font-weight:300; letter-spacing:.35rem; text-transform:uppercase; display:inline-block; vertical-align: top; }
#filter-options { display:inline-block; }
#filter-options .facetwp-facet { margin: 0 10px !important; display: inline-block; padding:0 !important; border:none !important; }
#filter-options .facetwp-facet select.facetwp-dropdown { margin-bottom:0; min-width:140px; }
#filter-options .facetwp-hierarchy_select { display:inline-block; margin-bottom:0; width:auto; min-width:140px; margin-right:24px; }
#filter-options .facetwp-hierarchy_select.is-disabled { display:none; }
#filter-options .facetwp-hierarchy_select[data-level="0"] { min-width:160px; }
#filter-options .facetwp-hierarchy_select[data-level="1"] { margin-right:0; }
#content.galleries, #content.inventory { background:#eee; }
.gallery-card { margin-top:0.9375rem; margin-bottom:0.9375rem; text-align:center; } .gallery-card .content { background:#fff; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); padding-bottom:5px; min-height: 21rem; } .gallery-card .content a.img-link { position:relative; z-index:1; display:block; }
.gallery-card .content a.img-link img { vertical-align:top; }
.gallery-card .content a.img-link span.gallery-icons { position:absolute; display:block; z-index:10; top:3px; left:12px; }
.gallery-card .content h3 { margin:18px 10px 6px 10px; white-space: nowrap; overflow: hidden; position:relative; }
.gallery-card .content h3 a { color:#141414; }
.gallery-card .content h3 a:hover { color:#EB1F27; }
.gallery-card .content h3 .fader {
content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 36px; z-index: 1000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
}
.gallery-card .content p { font-size:13px; }
.gallery-card .content p.series-name { font-size: 11px; text-transform: uppercase; color: #999; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; }
.facetwp-pager { clear:both; text-align:center; padding:40px 0; font-size:15px; color:#696969; }
.facetwp-pager-label { display: inline-block; margin-right: 50px; }
.facetwp-page { display: inline-block; padding: 6px 10px !important; margin-right: 6px; cursor: pointer; color:#141414; width:36px; text-align:center; }
.facetwp-page:hover { color:#fff; background:#141414;  }
.facetwp-page.active { font-weight: bold; cursor: default; color:#fff; background:#141414; }
header.gallery-header { position:relative; max-height:280px; overflow:hidden; text-align:center; color:#fff; z-index: 1; }
header.gallery-header img { opacity:0.18; z-index:1; width:100%; max-width:100%; }
header.gallery-header .gray-overlay { background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:2; position:absolute; top:0px; bottom:0px; }
header.gallery-header p { font-size:13px; font-weight:700; letter-spacing:.15rem; margin:24px 0 20px 0; text-transform:uppercase; }
header.gallery-header h1 { color:#fff; font-size:56px; font-weight:700; letter-spacing:.25rem; line-height:56px; text-transform:uppercase; }
#gallery-media { background:#ededed; padding-bottom:40px; }
#gallery-images {
height: 43.5em; overflow: hidden; margin-top:-80px; padding:0; position: relative; z-index:1; background:#fff;
-webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21);
}
#gallery-images .columns { margin:0; padding:0; }
#gallery-images .gallery-slider .gallery-slide img { width:100%; }
#gallery-images .gallery-nav { padding:4px; max-height: 690px; overflow-y: scroll; } #gallery-images .gallery-nav .slick-list[style] { padding:0 !important; margin:0 !important; }
#gallery-images .gallery-nav .slick-track[style] { transform:none !important; max-height:100%; width:auto !important; top:0px; bottom:0px; margin:0 !important; }
#gallery-images .gallery-nav .slick-slide[style] { width: 88px !important; margin: 1px; height:59px; overflow:hidden; outline:0; }
#gallery-details, .inventory-details { background:#fff; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); padding-bottom:20px; }
#gallery-detail-bottom .row, .inventory-details .row { padding:0 0 40px 0; position:relative; }
#gallery-detail-bottom h2, .inventory-detail-bottom h2 { font-size:24px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; color: #1e1e1e; margin:0 0 20px 0; }
.detail-header-bar { background:#131313; color:#fff; overflow:hidden; padding:20px 0 16px 0; }
.detail-header-bar p { margin:0; text-transform:uppercase; color:#696969; font-size:12px; font-weight:700; letter-spacing:1px; }
.detail-header-bar h3 { margin:0; text-transform:uppercase; color:#fff; font-size:24px; font-weight:700; letter-spacing:1px; }
.detail-header-bar h4 { margin:0; color:#fff; font-size:13px; font-weight:600; }
#detail-header-bar-button { text-align:right; }
#detail-header-bar-button a.button.red { margin-top:12px; margin-right:10px; font-size:11px; background:#141414; border:1px solid #EC2028; padding:12px 18px; font-weight:700; text-transform:uppercase; letter-spacing:2px; }
#detail-header-bar-button a:hover.button.red { font-size:11px; border:1px solid #141414; color:#fff; background:#EC2028; }
.wheel-thumb-overlay { position:absolute; width:260px; height:260px; top:-30px; left:-100px; background:#fff; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); z-index: 300; }
.wheel-thumb-overlay .wheel-link { position:relative; }
.wheel-thumb-overlay .wheel-link h3 {
position: absolute; bottom: 15px; margin: 0 15%; text-align: center; width: 70%; transition: opacity .15s ease-in; color: #fff; background: rgba(0,0,0,.7);
padding: 10px 15px; opacity: 1; pointer-events: none; font-weight: 600; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; border-radius: 40px;
}
.wheel-thumb-overlay a.wheel-image { display:block; }
.wheel-thumb-overlay a:hover.wheel-image {  }
.wheel-thumb-overlay a:hover.wheel-image h3 { background: rgba(236,32,40, .7); pointer-events:auto; transition: opacity .15s ease-in; }
#gallery-colors.row { padding:0; }
#gallery-colors #color-bar hr, .inventory-colors #color-bar hr, #gallery-caps #cap-bar hr { border:none; height:1px; background:#D9D9D9; margin-top:26px; clear:both; }
#gallery-colors #primary-color, .inventory-colors #primary-color, #gallery-caps #primary-cap { padding-left:0; }
#gallery-colors img, .inventory-colors img, #gallery-caps img { width:78px; float:left; margin-right:17px; }
#gallery-colors p, .inventory-colors p, #gallery-caps p { font-size:14px; margin-left:95px; margin-top:9px; }
#gallery-specs.row { padding-top:10px; }
#gallery-related ul { list-style:none; margin:0; padding:0; }
#gallery-related ul li { list-style:none; margin:0 0 8px 0; padding:0; }
#gallery-related ul li a { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrow_right_red.png) no-repeat left center; color:#141414; font-size:15px; padding:5px 5px 5px 18px; }
#gallery-related ul li a:hover { color:#EC2028; }
#gallery-buttons { clear:both; }
#gallery-buttons .row { padding:16px 0 70px 0; }
#gallery-buttons .button {
margin:0 10px !important; font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; background: #141414;
border: 1px solid #141414; padding: 23px 20px; font-weight: 700; outline: 0;
}
#gallery-buttons a:hover.button {
margin:0 10px !important; font-size: 11px; color: #141414; text-transform: uppercase; letter-spacing: 2px; background: #fff;
border: 1px solid #141414; padding: 23px 20px; font-weight: 700; outline: 0;
}
#cap-button a.button.red {
margin:0 10px !important; font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; background:#EC2028;
border: 1px solid #EC2028; padding: 23px 20px; font-weight: 700; outline: 0;
}
#cap-button a:hover.button.red {
margin:0 10px !important; font-size: 11px; color: #EC2028; text-transform: uppercase; letter-spacing: 2px; background:#fff;
border: 1px solid #EC2028; padding: 23px 20px; font-weight: 700; outline: 0;
} .page-filters select { padding:0.65rem 2rem 0.75rem 1rem; border:2px solid #E5E5E5; height: 2.8rem; }
.page-filters #filter-options { margin-top: -3px; }
#inventory-filters { color:#141414; background:#fff; }
#inventory-filters hr { background:#D2D2D2; border:none; height:1px; }
#inventory-filters h2 { color:#141414; font-size:22px; font-weight:300; letter-spacing:.35rem; text-transform:uppercase; display:inline-block; vertical-align: top; }
#inventory-filters .filter-content { background:#fff; width:auto; float:left; }
#inventory-filters #filter-column { margin-top: -37px; padding-left:0; }
#inventory-filters #counter-column { font-size:15px; text-align:right; margin-top: -32px; padding-right:0; }
#inventory-filters #counter-column .filter-content { float:right;  padding-left:15px; }
#inventory-filters .facetwp-counts { font-size:15px; float:left; margin-right:1rem; }
#inventory-filters a.reset-link { font-size:15px; color:#141414;float:left; display:block; }
p.ref-number { margin:5px 0 0 15px; text-transform:uppercase; color:#8D8D8D; font-size:12px; font-weight:700; letter-spacing:1.4px; }
#applications-left, #applications-right { padding:0; }
.detail-header-bar p.applications { text-transform:none; color:#fff; font-size:15px; font-weight:700; letter-spacing:normal; }
.detail-header-bar p.applications em { margin:0; text-transform:none; color:#fff; font-size:13px; font-weight:400; letter-spacing:1px; } #contact-page-top { padding-top:40px; min-height:900px; }
#contact-page-top::before { content: ' '; display: block; width:49%; top:254px; right:0px; position:absolute; z-index:1; background:#ededed; height:760px; z-index:-1; }
#find-dealer { text-align:center; }
#find-dealer .video-row { padding:0; position:relative; text-align:center; z-index:-1; }
#find-dealer .video-row .video-content { position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width:100%; overflow: hidden; z-index: 1; }
#find-dealer .video-row video { display: block; width:100%; height:auto; top:0px; left:0px; }
#find-dealer .video-row img.svg-icon { width:38px; height:38px; }
#find-dealer .video-row h2 { margin:0; padding:0; font-weight:700; }
#find-dealer .video-row h2 a { font-size:30px; color:#fff; text-transform:uppercase; letter-spacing:.35rem; }
.video-overlap { margin-top:-32px; }
.video-overlap a:hover.button.red { background:#fff; }
.video-overlap p { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; line-height:1.4; }
.video-overlap p a { color:#EC2028; margin-top:12px; display:block; }
#contact-details { margin-top:60px; }
#contact-details h1 { text-align:left; font-size:24px; }
#contact-details h1::before { content: ' '; width: 140px; height: 1px; background: #EB1F27; display: block; margin: 0 0 32px -50px; }
#contact-details #contact-info { margin-left:65px; }
#contact-details #contact-info p { font-size:14px; }
#contact-details #contact-info p a { color:#EC2028; }
#contact-right h1 { text-align:left; }
#contact-right h1::before { content: ' '; width: 100px; height: 1px; background: #EB1F27; display: block; margin: 0 0 32px 0; }
#contact-right form { margin:30px; padding:40px 20px 10px 20px; background:#fff; }
#contact-right form h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 15px 0; line-height:1.4; }
#contact-right form #field_12_14 textarea { height:120px; }
#contact-right form #gform_submit_button_12, #gform_submit_button_3 { float:right; margin-top:-10px; -webkit-transition: all 0.35s; transition: all 0.35s; }
#contact-right form #gform_submit_button_12:hover, #gform_submit_button_3:hover { color:#fff !important; background:#141414 !important; }
#gform_submit_button_3 { float:none; } .page-id-80842 #hero { position:relative; }
.page-id-80842 #hero h1 { margin: 0; position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .page-template-page-404 #error { padding: 130px 0; text-align:center; }
.page-template-page-404 #error h3 { font-size:24px; margin-bottom:80px; font-weight:700; }
.page-template-page-404 #error a { margin:0 8px; } .hf-wheel #engineered-menu .row {  }
.hf-wheel #engineered-menu .row.hf-series { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/hf_series_logo.png) center left no-repeat; background-size: 139px, auto; }
.hf-wheel #engineered-menu .row.cv-series { background:url(//vossenwheels.com/wp-content/themes/vossen/assets/images/cv_series_logo.png) center left no-repeat; background-size: 139px, auto; }
.hf-wheel p { font-size:.85rem; }
.hf-wheel #wheel .cs-left, .hf-wheel #wheel .cs-right{ text-align:left !important; }
.hf-wheel #wheel #wheel-switcher { text-align:center; }
.hf-wheel #wheel #wheel-switch-nav { text-align:center; list-style:none; background:#F3F3F3; max-width: 60%; margin: 0 auto; }
@media screen and (max-width:640px) {
.hf-wheel #wheel #wheel-switch-nav { text-align:center; list-style:none; background:#F3F3F3; max-width: 90%; margin: 0 auto; }
}
.hf-wheel #wheel #wheel-switch-nav li { display:inline-block; margin:0 1rem; }
.hf-wheel #wheel #wheel-switch-nav li a {
font-size:11px; color:#141414; text-transform:uppercase; letter-spacing:.15rem; padding:0; font-weight:700; background:none;
display:block; padding:.5rem; margin:0; -webkit-transition: all 0.35s; transition: all 0.35s; }
.hf-wheel #wheel #wheel-switch-nav li a svg { fill: #EC2028; float: left; margin-right: 6px; -webkit-transition: all 0.35s; transition: all 0.35s; }
.hf-wheel #wheel #wheel-switch-nav li a span { padding:4px 0; display: inline-block; }
.hf-wheel #wheel #wheel-switch-nav li a:hover { color:#EC2028; }
.hf-wheel #wheel #wheel-switch-nav li a:hover svg { fill:#141414; }
.hf-wheel #wheel #wheel-secondary-links { list-style:none; text-align:center; padding:0; margin:2.4rem 0; }
.hf-wheel #wheel #wheel-secondary-links	li a { -webkit-transition: all 0.35s; transition: all 0.35s; }
.hf-wheel #wheel #wheel-secondary-links	li a svg { fill: #EC2028; float: left; margin-right: 6px; -webkit-transition: all 0.35s; transition: all 0.35s; }
.hf-wheel #wheel a.dealer { font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px;
background:#EC2028; border:1px solid #EC2028; padding:20px 64px; font-weight:700; outline:0;
}
.hf-wheel #wheel a:hover.dealer { border:1px solid #141414; color:#141414; background:#fff; }
.hf-wheel #wheel a.download {
font-size:11px; color:#606060; text-transform:uppercase; letter-spacing:2px;
background:none; border:none; padding:.5rem; font-weight:700; outline:0;
}
.hf-wheel #wheel a:hover.download { color:#EC2028; }
.hf-wheel #wheel a.download span { padding:4px 0 0 0; margin-left:4px; display: inline-block; border-bottom:1px solid #606060; }
.hf-wheel #wheel a:hover.download span { border:none; }
.hf-wheel #wheel #wheel-secondary-links	li a:hover.download svg { fill:#141414; }
.hf-wheel #wheel h2 { font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 8px; margin-bottom: 30px; }
.hf-wheel #wheel img.wheel-logo { margin: 12px 0 24px 0; }
.hf-wheel #cs-wheel-links { overflow:hidden; padding:0 0 1.25rem 0; }
.hf-wheel #cs-wheel-links a.button { background:#fff; color:#141414; padding:1rem 1.25rem; letter-spacing:1px; font-size:11px; text-transform:uppercase; font-weight:700; border:1px solid #dfdfdf; margin:0; float:left; -webkit-transition: all 0.35s; transition: all 0.35s; }
.hf-wheel #cs-wheel-links a:hover { border:1px solid #141414; }
.hf-wheel #cs-wheel-links a.active { box-shadow: 2px 2px 4px rgba(0,0,0,.35); z-index: 90; }
.hf-wheel #cs-wheel-content { clear:both; }
.hf-wheel #wheel p.wheel-price { font-size:16px; }
.hf-wheel #wheel p.wheel-price::before { content: ' '; width: 40px; height: 2px; background: #EB1F27; display: block; margin:14px 10px 0 0; float:left; }
.hf-wheel #wheel h3 { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; }
.hf-wheel #wheel .swatch-nav { list-style:none; padding:0; margin:0 0 32px 0; }
.hf-wheel #wheel .swatch-nav .thumb { border: none; padding: 0; width: 114px; display:inline-block; vertical-align: top; }
.hf-wheel #wheel .swatch-nav .thumb p {
color: #343434; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; margin: 0; padding: 0; line-height: normal; margin-top: 10px; text-align:center;
}
.hf-wheel #wheel .thumb a { min-width: 10px; color: #343434; background: #fff; padding: 12px 12px; border: 1px solid #dadada; display: block; } .hf-wheel #wheel .thumb a:not([data-big-img]):not([data-big-video]) { cursor: default; min-width: 10px; color: #343434; background: #fff; padding: 12px 12px; border: 1px solid #fff; display: block; }
.hf-wheel #wheel .thumb a.is-active { border:1px solid #141414; }
.hf-wheel #wheel #custom-colors-nav { max-width:500px; }
.hf-wheel #wheel #custom-colors-nav .thumb { width: 110px; border: none; text-align: center; margin-bottom: 20px !important; vertical-align: top; }
.hf-wheel #wheel #custom-colors-nav .thumb p { font-size: 11px; letter-spacing: normal; text-transform: uppercase; font-weight: 700; margin: 0; padding: 0; line-height: normal; margin-top: 10px; }
.hf-wheel #the-wheel .tabs .tab-title.active, .hf-wheel #the-wheel .tabs .tab-title { border:none; padding:0; width: 114px; }
.hf-wheel #the-wheel .tabs .tab-title.active a, .hf-wheel #the-wheel .tabs .tab-title a { min-width:10px; color: #343434; background: #fff; padding: 12px 12px; border: 1px solid #141414; }
.hf-wheel #the-wheel .tabs .tab-title a { border: 1px solid #dadada; }
.hf-wheel #the-wheel .tabs .tab-title p { color:#343434; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; margin: 0; padding: 0; line-height: normal; margin-top: 10px; }
.hf-wheel #the-wheel p.wheel-price { font-size:16px; }
.hf-wheel #the-wheel p.wheel-price::before { content: ' '; width: 40px; height: 2px; background: #EB1F27; display: block; margin:14px 10px 0 0; float:left; }
.hf-wheel #the-wheel .tabs.custom-colors {  max-width:500px; }
.hf-wheel #the-wheel .tabs.custom-colors .tab-title,
.hf-wheel #the-wheel .tabs.custom-colors .tab-title a { width: 110px; border:none; text-align: center; margin-bottom: 20px !important; vertical-align:top; }
.hf-wheel #the-wheel .tabs.custom-colors .tab-title p { font-size: 11px; letter-spacing: normal; text-transform: uppercase; font-weight: 700; margin: 0; padding: 0; line-height: normal; margin-top: 10px; }
.hf-wheel #wheel-button { }
.hf-wheel #the-wheel a#custom-button { color:#141414; background:#fff; }
.hf-wheel #the-wheel a:hover#custom-button { background:#141414; color:#fff; }
.hf-wheel #the-wheel a.button { margin-right: 18%; width: 33%; display: block; float: right; }
.hf-wheel #the-wheel .color-content { padding-bottom:70px; }
.hf-wheel #wheel-content a.button { float:none; }
.hf-wheel #wheel-content a.dealer { width:auto; display:inline-block; margin-right:0; }
.hf-wheel .separate hr { border-color:#A1A1A1; }
.hf-wheel #banner a img { border:5px solid #fff; transition: all 0.35s; }
.hf-wheel #banner a:hover img { border:5px solid #EC2028; }
.hf-wheel #vehicles { padding:30px 0; }
.hf-wheel .gallery-row h6 { white-space: nowrap; overflow: hidden; position:relative; }
.fader {
content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 36px; z-index: 1000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%);
}
.vossen-menu-columns .menu-galleries .menu-gallery h3 .fader {
content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 36px; z-index: 1000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 );
background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 56%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,245,245,0)), color-stop(56%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1)));
background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 56%,rgba(245,245,245,1) 100%);
background: -o-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 56%,rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 56%,rgba(245,245,245,1) 100%);
background: linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 56%,rgba(245,245,245,1) 100%);
}
.hf-wheel #videos #primary .flex-video.widescreen { padding-top:0; margin-bottom:0; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); }
.hf-wheel #videos #primary { padding-top:118px; padding-bottom:120px; }
.hf-wheel #videos #primary-video { margin-bottom:56px; }
.hf-wheel #videos #secondary { margin-top:-160px; padding:0; }
.hf-wheel #videos .secondary-video .content { padding:10px; background:#fff; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); }
.hf-wheel #videos .secondary-video .content h3 { margin:15px 0 5px 0; padding:0; font-size:12px; text-transform:uppercase; line-height:normal; }
.hf-wheel #videos span.video-img { display: block; position: relative; }
.hf-wheel #videos span.video-img img { z-index:0; }
.hf-wheel #videos .secondary-video a span.play-button {
display: block; width: 14%; height: 18%; position: absolute; z-index: 20; top: 41%; left: 42%;
background:#EC2028 url(//vossenwheels.com/wp-content/themes/vossen/assets/svg/icon_play.svg) no-repeat center center; border: 2px solid #EC2028; border-radius: 6px;
}
.hf-wheel #videos .secondary-video a:hover span.play-button {
display: block; width: 14%; height: 18%; position: absolute; z-index: 20; top: 41%; left: 42%;
background:#141414 url(//vossenwheels.com/wp-content/themes/vossen/assets/svg/icon_play.svg) no-repeat center center; border: 2px solid #141414; border-radius: 6px;
}
.hf-wheel #process, .hf-wheel #flow-form { padding-top:120px; padding-bottom:90px; position:relative; background:none; }
.hf-wheel #process:before, .hf-wheel #flow-form:before { content:'+'; font-weight:600; color:#EC2028; display:block; position:absolute; font-size: 620px; top: -82%; right: 3%; z-index: -1; }
.hf-wheel #process-header, .hf-wheel #flow-form #logo-header { padding-bottom:0; }
.hf-wheel #process-content:before { content:'+'; font-weight:600; color:#EC2028; display:block; position:absolute; font-size: 120px; top: 77%; right: 5%; z-index: -1; opacity: .4; }
.hf-wheel #process-content:after { content:'+'; font-weight: 600; color: #EC2028; display: block; position: absolute; font-size: 210px; top: 129%; left: 10%; z-index: -1; opacity: .23; }
.hf-wheel #detail-header { padding-bottom:0; }
.hf-wheel #detail-gallery #centered-gallery { -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); }
.hf-wheel #detail-gallery #centered-gallery .slick-slider { margin-bottom:0; }
.hf-wheel #detail-gallery #slider-photos { padding-top:0; padding-bottom:120px; }
.hf-wheel #detail-gallery #centered-gallery #slider-nav { margin: -3em auto 0 auto !important; }
.hf-wheel #related-products { padding:0 0 120px 0; }
.hf-wheel .related-product .content { min-height:390px; padding:15px; background:#fff;  -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); }
.hf-wheel .related-product .content h3 { margin:15px 0 0 0; line-height:normal; font-size:16px; font-weight:700; text-transform:uppercase; text-align:center; }
.hf-wheel .related-product .content h3 a { color:#141414; }
.offset-band { position:relative; }
.offset-band::before { content: ' '; display: block; width: 80%; top: 117px; right: 0px; position: absolute; z-index: 1; background: #ededed; height: 330px; }
.hf-wheel #detail-gallery.offset-band::before { height:560px; }
.offset-band-overlap { z-index:2; }
.offset-band h1.page-header::before { content: ' '; width: 100px; height: 1px; background: #EB1F27; display: block; margin: 0 0 32px 0; }
.offset-band h1.page-header { text-align:left; z-index:2; position: relative; }
.hf-wheel #columns-2 { clear:both; padding: 100px; position: relative; }
.hf-wheel #columns-2.offset-band::before { content: ' '; display: block; width: 94%; top: 160px; right: 0px; position: absolute; z-index: 1; background: #ededed; height: 290px; }
.hf-wheel #columns-2 img { margin-bottom:22px; width:100%; }
.hf-wheel #columns-2 h1.page-header { text-align:left; z-index:2; position: relative; }
.hf-wheel #columns-2 #column-2 h1.page-header { text-align:right; position:relative; margin-top:52px; }
.hf-wheel #columns-2 #column-2 h1.page-header:before { right:0px; bottom:42px; position:absolute; }
.hf-wheel #columns-2 #column-2 p { text-align:right; }
.hf-wheel #tab-header { width:20%; float:left; }
.hf-wheel #tab-links { width:80%; float:left; }
.hf-wheel #tab-header h2 { color:#8A8A8A; font-size:12px; text-transform:uppercase; text-align:center; font-weight:700; padding:20px 0; }
.hf-wheel #size-chart { padding-bottom:80px; padding-top: 20px; }
.hf-wheel #size-chart .tabs { text-align:right; margin-bottom:10px !important; }
.hf-wheel #size-chart .tabs .tab-title { width:14%; margin:0; padding: 5px 0 0;}
.hf-wheel #size-chart .tabs .tab-title > a { font-size: 35px; color: #141414; text-transform: uppercase; letter-spacing: normal; text-align: center; font-weight: 200;
background: #ededed; padding: 16px 20px; border: none; min-width: 1px; margin: 0; line-height:35px; }
.hf-wheel #size-chart .tabs .tab-title.active a { background:#EC2028; color:#fff; }
.hf-wheel #size-chart .row { padding:0; }
.hf-wheel #size-tabs.row { padding:40px 0; }
.hf-wheel #size-chart table { clear:both; width:100%; font-size:15px; border:none; border-top:1px solid #C6C6C6; border-collapse: separate; }
.hf-wheel #size-chart table tr:nth-of-type(even) { background:#ededed; }
.hf-wheel #size-chart table td { vertical-align:top; padding:20px 15px 10px 15px; }
.hf-wheel #size-chart table td p { font-size:15px; margin:0 0 10px 0; line-height:normal; }
.hf-wheel #size-chart span { height:23px; width:23px; text-align:center; display:inline-block; background:#ccc; vertical-align: top; margin-right:10px; }
.hf-wheel #size-chart span.profile-flat { background:#FFB943; }
.hf-wheel #size-chart span.profile-flat:after { content:'F'; color:#141414; }
.hf-wheel #size-chart span.profile-mid { background:#00AF5B; }
.hf-wheel #size-chart span.profile-mid:after { content:'M'; color:#141414; }
.hf-wheel #size-chart span.profile-deep { background:#DB2739; color:#fff; }
.hf-wheel #size-chart span.profile-deep:after { content:'D'; }
.hf-wheel #size-chart span.profile-superdeep { background:#65378F; color:#fff; }
.hf-wheel #size-chart span.profile-superdeep:after { content:'SD'; }
.hf-wheel #size-chart span.profile-ultradeep { background:#48C693; color:#000;width:17px;height:17px; }
.hf-wheel #size-chart span.profile-ultradeep:after { content:'UD'; }
.hf-wheel #size-chart table td p strong { font-weight:600; display:inline-block; }
.hf-wheel #size-chart th { background:#141414; color:#fff; text-align:center; text-transform:uppercase; border-top:10px solid #fff; font-weight:600; font-size:12px; letter-spacing:2px; padding:9px 0; }
.hf-wheel #size-chart th.col-1 { width:20%; text-align:center; vertical-align:top; border-right:10px solid #fff; }
.hf-wheel #size-chart td.col-1 { width:20%; text-align:center; vertical-align:top; border-right:10px solid #fff; padding:20px 0; font-size:15px; font-weight:600; }
.hf-wheel #wheel-profiles h1.page-header { text-align:left; }
.hf-wheel #wheel-profiles h1.page-header::before { content: ' '; width: 100px; height: 1px; background: #EB1F27; display: block; margin: 0 0 32px 0; }
.hf-wheel #wheel-profiles video { max-width:100%; }
#table-legend { background:#141414; color:#fff; overflow:hidden; }
#table-legend #legend-header { width:20%; float:left; }
#table-legend #legend-header h2 { color:#8A8A8A; font-size:12px; text-transform:uppercase; text-align:center; font-weight:700; padding:20px 0; }
#table-legend #legend-content { width:80%; float:left; }
#table-legend #legend-content ul#legend-list { margin:0; padding: 20px 0; } #table-legend #legend-content ul#legend-list li { margin:0; padding:0; width:auto; display:inline-block; padding-left:10px;}
#table-legend #legend-content ul#legend-list li span.flat:after, #table-legend #legend-content ul#legend-list li span.mid:after { color:#141414; }
#table-legend #legend-content ul#legend-list li strong { font-weight:600; text-transform:uppercase; font-size:14px; letter-spacing:2px; }
.hf-wheel #detail-gallery { margin:120px 0 80px 0; }
.forged #detail-gallery { margin-top:0; }
.hf-wheel #detail-gallery.offset-band::before { width:95%; }
#center-cap { position:relative; padding:120px 0; }
#center-cap h1.page-header { text-align:left; }
#center-cap img.secondary-background { position:absolute; right:0px; top:-200px; z-index:-1; }
#center-cap p strong { font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:1px; }
.hf-wheel #wheel-sizing-content, .hf-wheel #wheel-sizing-content p { text-align:center; }
.hf-wheel #wheel-sizing #sizing-chart table { width:100%; }
.hf-wheel #wheel-sizing #sizing-chart table th { background:#131313; color:#fff; padding:7px 14px; text-align:center; }
.hf-wheel #wheel-sizing #sizing-chart table tr td.diameter {  }
.hf-wheel #wheel-sizing #size-chart td.diameter.col-1 { width:20%; vertical-align:top; border-right:10px solid #fff; padding:30px 15px 10px 15px; font-size:36px; font-weight: 200; text-align:center; letter-spacing:5px; }
.hf-wheel #wheel-sizing #size-chart td.sizes.col-2 p { font-weight:600; letter-spacing:2px; line-height: 1.6; }
#detail-gallery #gallery-images { margin-top:0; height: 38.78em; }
#detail-gallery #gallery-media { background:none; }
.hf-wheel #detail-gallery.gallery-format::before { width: 70%; height:755px; display:none; }
.hf-wheel #detail-gallery #gallery-images .gallery-nav .slick-slide[style] { width: 44% !important; height: auto; }
h3.gallery-caption {
position: absolute; bottom: 0px; padding: 1.5rem 2rem; background: rgba(0,0,0,.45); width: 100%; color: #fff;
margin: 0; text-transform: uppercase; letter-spacing: .1rem; font-weight: 600; font-size: .8rem; }
#features #features-columns.row { padding-top:0; text-align:center; }
#features .columns { margin: 0 0 1.875rem 0; display: inline-flex; text-align: center; float: none; width:24%; }
#features .columns .content { text-align:center; padding:12px; min-height:310px; background:#fff; box-shadow: 0 0 27px 0 rgba(0,0,0,.21); position:relative; width:100%; }
#features .columns .content h3 { margin-bottom:5px; margin-top:12px; }
#features .columns .content p { color:#7B7B7B; font-size:13px; margin:0 12px; }
#features .columns .content p.option-type {
font-size: 10px; letter-spacing: 1px; font-weight:600; text-transform: uppercase; color: #fff; background:#1e1e1e;
border-radius: 30px; width: auto; display: inline-block; padding: 3px 10px; margin: 1rem 0 0 0;
padding: 3px 4%; position: absolute; bottom: 20px; width: 28%; left: 36%;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
#features .columns { margin: 0 0 1.875rem 0; display: inline-flex; text-align: center; float: none; width:49%; }
#features .columns .content { width:100%; }
}
@media only screen and (max-width: 40em) {
#features .columns, #features .columns .content { width:100%; }
} header.content-header { position:relative; overflow:hidden; text-align:center; color:#fff; background:#141414; }
header.content-header .row { padding:8% 0; }
header.content-header img { opacity:1; z-index:1; width:100%; max-width:100%; }
header.content-header .gray-overlay { background:rgba(0,0,0,0); width:100%; height:100%; z-index:2; position:absolute; top:0px; bottom:0px; }
header.content-header p { font-size:13px; font-weight:700; letter-spacing:.15rem; margin:24px 0 20px 0; text-transform:uppercase; }
header.content-header h1 { color:#fff; font-size:48px; font-weight:700; letter-spacing:.25rem; line-height:48px; text-transform:uppercase; }
.archive #content { background:#eee; }
.archive #content article { margin:2rem 0; padding:0; background:#fff; -webkit-box-shadow: 0 0 27px 0 rgba(0,0,0,.21); box-shadow: 0 0 27px 0 rgba(0,0,0,.21); }
.archive #content article .row { padding:0; margin:0; }
.archive #content article .row .columns { padding:0; }
.archive #content article header { background: #131313; color:#828282; padding:1rem 1.8rem; overflow:hidden; }
.archive #content article header p { margin:0; padding:0; font-size:13px; font-weight:600; }
.archive #content article header p a { color:#828282; }
.archive #content article header p a:hover { color:#fff; }
.archive #content article section { padding:1rem 4.8rem 1rem 1.8rem; }
.archive #content article section h2 { line-height:1; }
.archive #content article section h2 a { color:#131313; font-weight:200; letter-spacing:.15rem; font-size:24px;  }
.archive #content article footer { padding-left:1.8rem; padding-right:3.6rem; }
.archive #content article footer p { font-size:13px; margin:0; }
.archive #content article footer p span.tags-title { font-weight:700; text-transform:uppercase; }
.archive #content article footer p a { color:#828282; margin:0 0 0 .5rem; }
.archive #content article footer p a:hover { color:#141414; text-decoration:underline; }
nav.page-navigation { clear:both; text-align:center; padding:40px 0; font-size:15px; color:#696969; }
ul.pagination { text-align:center; }
ul.pagination li { display:inline; float:none; }
ul.pagination li a { display: inline-block; padding: 6px 10px !important; margin-right: 6px; cursor: pointer; color:#141414; min-width:36px; text-align:center; border-radius:0px; }
ul.pagination li a:hover { color:#fff; background:#141414;  }
ul.pagination li.current a { font-weight: bold; cursor: default; color:#fff; background:#141414; }  #hero-slider { position:relative; }
#blog-slider { position:relative; margin-bottom:0; }
#blog-slider .slide {  }
#blog-slider .slide img { z-index:-1; }
#blog-slider .slide .row {
position: absolute; top: 50%; margin: 0 15%; width: 70%; transform: translateY(-50%); }
#blog-slider .slide .row h1 { color: #fff; font-size: 50px; text-transform: uppercase; font-family: "Open Sans"; font-weight: 500; text-shadow: 0px 0px 12px rgba(0,0,0,.9); }
#blog-slider .slide .row h1 a { color:#fff; }
#blog-slider .slide .row .button-row { text-align:left; }
#blog-slider .slide .row .button-row a.button { font-size:11px; text-transform:uppercase; letter-spacing:2px; font-weight:700; background:#EC2028; border:1px solid #EC2028; padding:23px 55px; }
#blog-slider .slide .row .button-row a:hover.button { font-size:11px; color:#141414; text-transform:uppercase; letter-spacing:2px; background:#fff;
border:1px solid #fff; padding:23px 55px; font-weight:700; }
#hero-slider .slider-dots { clear:both; position:relative; }
#hero-slider ul.slick-dots { bottom:30px !important; top:auto !important; }
#hero-slider .slick-dots li button {
width: 8px !important; height: 8px !important; color: #fff !important; background: #fff !important;
border: none !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
}
#hero-slider .slick-dots li.slick-active button {
width: 8px !important; height: 8px !important; color: #EB1F27 !important; background: #EB1F27 !important;
border: none !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px;
} #sub-menu { background:#141414; margin-top:-.5rem; }
#sub-menu .row { padding:0; }
#sub-menu ul.menu { text-align: center; padding: 0; margin: 0 auto; width: 100%; }
#sub-menu ul.menu li { float: none; display: inline; margin: 0; }
#sub-menu ul.menu li a {
color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; display: inline-block; padding: 30px 16px 27px 16px;
-webkit-transition-property: color; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: linear;
-moz-transition-property: color; -moz-transition-duration: 0.1s; -moz-transition-timing-function: linear;
-o-transition-property: color; -o-transition-duration: 0.1s; -o-transition-timing-function: linear;
transition-property: color; transition-duration: 0.1s; transition-timing-function: linear;
}
#sub-menu ul.menu li a:hover { color:#EC2028; }
#sub-menu ul.menu > li:after { content: "/"; color:#c22727; font-size:12px; }
#sub-menu ul.menu > li:last-child:after { display: none; }
.recent-work hr { background:#bfbfbf; }
.recent-work h1 {  }
#blog-homepage h1.page-header { background: #fff; text-align: center; width: 44% !important; margin: -44px auto 20px auto; }
#blog-homepage #recent-work { padding:0; }
#blog-homepage #recent-work h1.page-header { margin-bottom: 40px; }
#blog-homepage #blog-top-posts { padding:0; }
#blog-homepage article.post-row { border:none; margin-bottom:35px; overflow:hidden; }
#blog-homepage { padding:80px 0 40px 0; }
#blog-homepage p { font-size:15px; line-height:normal; color:#363636; }
#blog-homepage p.category { font-size:11px; font-weight:700; text-align:left; margin:0 0 21px 0; line-height:normal; letter-spacing:1px; color:#8c8c8c; text-transform:uppercase; }
#blog-homepage p.category a { color:#8c8c8c; }
#blog-homepage p.author { color:#363636; text-transform:uppercase; margin:9px 0 9px 0; padding:0; font-size:13px; font-weight:600; }
#blog-homepage p.author a { color:#363636; text-decoration:underline; }
#blog-homepage h2 { color: #363636; font-size: 28px; text-transform: uppercase; font-family: "Open Sans"; line-height: 30px; }
#blog-homepage h2 a { color: #363636; text-decoration: none; }
#blog-homepage a.read-more { color:#363636; text-decoration:underline; }
#blog-homepage .button-row { text-align:center; }
#blog-homepage a.button {
font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px; background:#141414;
border:1px solid #141414; padding:23px 20px; font-weight:700; outline:0;
}
#blog-homepage a:hover.button { border:1px solid #141414; color:#141414; background:none; }
#custom_html-2 { margin:0; }
#sb_instagram .sb_instagram_header, #sb_instagram #sbi_load .sbi_load_btn { display:none !important; }
#blog-homepage #custom_html-2 h1.page-header { font-size: 22px; letter-spacing: 6px; width: 50% !important; margin-top: -37px; margin-bottom: 10px; }
#blog-post-columns img { max-width:100%; width:100%; }
#blog-post-columns p.category { margin-top:24px; }
#blog-post-columns h2 { font-size: 21px; line-height: 28px; }
#blog-post-columns h2 br { display:none; }
.recent-work article#post-10335, .recent-work aside#wpp-3 { display:none; }
.recent-work #blog-homepage article.post-row:last-child { border:none; } body.single-post header.content-header { position:relative; height:auto; max-height:none; overflow:hidden; text-align:center; color:#fff; background:#141414; }
body.single-post header.content-header .row { padding:15% 0; }
body.single-post header.content-header img { opacity:1; z-index:1; width:100%; max-width:100%; }
body.single-post header.content-header .gray-overlay { background:rgba(0,0,0,0.3); width:100%; height:100%; z-index:2; position:absolute; top:0px; bottom:0px; }
body.single-post header.content-header p { font-size:13px; font-weight:700; letter-spacing:.15rem; margin:24px 0 20px 0; text-transform:uppercase; }
body.single-post header.content-header h1 { color:#fff; font-size:48px; font-weight:700; letter-spacing:.25rem; line-height:48px; text-transform:uppercase; }
body.single-post header.article-header { padding:1.4rem 0 1rem 0; margin-bottom:2rem; border-bottom:16px solid #eee; }
body.single-post h1.entry-title { font-size: 33px; font-weight:200; text-transform: uppercase; letter-spacing: .15rem; text-align: center; padding: 0; margin: 18px 0 12px 0; line-height: 1.56; }
body.single-post p.category { color: #1E1E1E; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 6px 0 0 0; padding: 0; text-align: center; font-size: 12px; }
body.single-post p.category a, body.single-post p.date a { color: #1E1E1E; }
body.single-post p.date { color: #1E1E1E; font-style:italic; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 16px 0; padding: 0; text-align: center; font-size: 15px; }
body.single-post p.tags { color: #828282; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 32px 0; padding: 0; text-align: center; font-size: 11px; }
body.single-post p.tags a { color: #828282; }
body.single-post p.tags a:hover { color:#EC2028; }
body.single-post iframe { width: 883px; height: 496px; margin: 20px auto; display: block; }
body.single-post .entry-content .aligncenter, .entry-content img.aligncenter { margin: 2rem auto; }
body.single-post .entry-content a, body.single-post article footer a { color: #EC2028; }
body.single-post article .article-footer { 
margin-bottom:70px;
padding-top:70px;
background-color: #fff !important;
}
body.single-post article .article-footer h1.page-header { background: #fff; text-align: center; width: 44% !important; font-size: 26px; letter-spacing: 6px; margin:-37px auto 40px auto; }
body.single-post article .article-footer .author-avatar { border-radius: 200px; overflow: hidden; }
body.single-post article .article-footer .author-description h3 { color:#1e1e1e; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; margin: 15px 0 12px 0; }
body.single-post article .article-footer .author-social-links { clear: both; margin: 12px 0 16px 0; }
body.single-post article .article-footer .author-social-links a { display: inline-block; margin-right: 8px; } #nutsbolts-hero { margin:50px 0 40px 0; }
#nutsbolts-hero h1 { font-size: 80px; font-weight: 900; text-transform: uppercase; line-height: 1; letter-spacing: .02em; margin-top: 20%; margin-bottom: 30px; }
#nutsbolts-hero .body-content {  }
#nutsbolts-hero p { font-size: .9rem; font-weight:bold; }
#nutsbolts-hero a.button { font-size:.9rem; color:#fff; text-transform:uppercase; background: #EB1F27; color:#fff; border-radius:100px; margin-top: 1.4rem; padding: 1rem 3rem 1.0625rem 3rem; }
#nutsbolts-hero a:hover.button { background:#141414; color:#fff; }
#nutsbolts-vehicle-fit { background: #ffffff; background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #0e0e0e 50%, #0e0e0e 100%); background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#0e0e0e 50%,#0e0e0e 100%); background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#0e0e0e 50%,#0e0e0e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0e0e0e',GradientType=1 ); }
#nutsbolts-vehicle-fit #configure.row { background:#0E0E0E; color:#fff; padding:60px; }
#nutsbolts-vehicle-fit h2 { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 3rem; line-height: 1.2; }
#nutsbolts-about { position:relative; }
#nutsbolts-about:before {
display:block; content:' '; width:100%; height:37rem; position:absolute; background: #ffffff; background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 19%, #f6f6f6 19%, #f6f6f6 100%); background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 19%,#f6f6f6 19%,#f6f6f6 100%); background: linear-gradient(to right,  #ffffff 0%,#ffffff 19%,#f6f6f6 19%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); }
#nutsbolts-about .row { padding:90px 50px 50px 50px; }
#nutsbolts-about-left { padding:0 80px; }
#nutsbolts-about-left p { line-height:1.7; }
#nutsbolts-about-left ul { margin:0 0 0 42px; }
#nutsbolts-about-left ul li { list-style-type: none; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/icons/icon_check_circle.svg) no-repeat; background-size: 24px, 24px; padding: 0 0 0 48px; margin:24px 0; }
#nutsbolts-about-right #top-img { margin-bottom:6px; }
#nutsbolts-about-right img { max-width:100%; width:100%; }
#nutsbolts-about-right #left-img { padding-right:3px !important; }
#nutsbolts-about-right #right-img { padding-left:3px !important; }
#nutsbolts-features { margin:170px 0 220px 0; }
#nutsbolts-features h3 { font-size: 24px; text-transform: uppercase; font-weight: 900; letter-spacing: .02rem; }
#nutsbolts-features p { font-size: .9rem; padding-right: 10px; }
#nutsbolts-gallery {  }
#nutsbolts-gallery .row { padding-bottom:60px; }
#nutsbolts-gallery h2 { color:#141414; text-transform: uppercase; font-weight: 900; font-size: 3.2rem; line-height: 1.2; margin-top:130px; }
#nutsbolts-gallery a.button { font-size:.9rem; color:#fff; text-transform:uppercase; background: #EB1F27; color:#fff; border-radius:100px; margin-top: 1.4rem; padding: 1rem 3rem 1.0625rem 3rem; }
#nutsbolts-gallery a:hover.button { background:#141414; color:#fff; border-radius:100px; padding: 1rem 4rem 1.0625rem 4rem; }
#nutsbolts-gallery .slick-dots li button { width: 4px !important; height: 4px !important; color: #fff !important; background: #fff !important; border: 4px solid #fff !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px; text-align: center !important; }
#nutsbolts-gallery .slick-dots li.slick-active button { width: 4px !important; height: 4px !important; color: #EF2223 !important; background: #EF2223 !important; border: 4px solid #EF2223 !important; border-radius: 30px !important; opacity: 1 !important; overflow: hidden; padding: 2px; }
@media only screen and (max-width:640px) {
#header-top-bar { display:none; } .right-small { height: 2.8125rem; position: absolute; top: 0; width: auto; border-left: none; right: auto; }
.tab-bar { background:#fff; color:#141414; height: 3.25rem; line-height: 3.25rem; box-shadow:0px 0px 12px rgba(0,0,0,0.2); }
.tab-bar ul.title-area { text-align:center; list-style:none; margin:0; }
.tab-bar ul.title-area img { max-height:36px; }
.tab-bar ul.title-area a { display: block; padding: 8px 20px; }
.tab-bar .menu-icon {
color:#141414; font-size:14px; letter-spacing:1px; font-weight:700; display: block; height: 3.25rem; padding: 0 20px;
position: relative; text-indent:0; text-transform:uppercase; transform: translate3d(0, 0, 0); width: auto; }
.tab-bar .menu-icon span, .left-off-canvas-menu, .tab-bar-section, .left-small { display:none; } #menu-overlay.reveal-modal {
background-color:#141414; color:#fff; background-size: cover !important;
background: url(//vossenwheels.com/wp-content/uploads/2018/01/vossen_menu_bg.jpg) no-repeat center top;
}
#menu-overlay #menu-main-menu-1 { float:none !important; list-style:none; margin:0; padding:2rem 0 0 0; }
#menu-overlay #menu-main-menu-1 li.divider { display:none; }
#menu-overlay #menu-main-menu-1 li { margin-bottom:.5rem; }
#menu-overlay #menu-main-menu-1 li a { color:#fff; text-transform:uppercase; font-size:18px; font-weight:200; letter-spacing:.15rem; }
#menu-overlay #menu-main-menu-1 li .sub-menu { top: auto; background: none; margin-left:0; }
#menu-overlay #menu-main-menu-1 li .sub-menu li a {  }
#menu-overlay #menu-main-menu-1 li.menu-item-74802 { display:none; }
#menu-overlay #menu-main-menu-1 li.menu-item-74802 { margin-bottom:0; }
#menu-overlay #menu-main-menu-1 li .sub-menu li a { display:block; }
#menu-overlay a#logo { display:inline-block; margin-top:2rem; }
#menu-overlay a#logo img { max-height:36px;  }
#menu-overlay.reveal-modal .close-reveal-modal { font-size:14px !important; letter-spacing:1px; font-weight:700; top:18px; }
.sub-menu li:hover .vossen-menu-columns { display:none; } #home-hero { padding-bottom:0; }
#home-hero .hero-row { margin-top: 20px; }
#home-hero .hero-header { padding-left:1.875rem; }
#home-hero .hero-header h1 { font-size: 24px; letter-spacing: .07rem; color:#141414; line-height: .9rem; text-shadow:none; }
#home-hero .hero-header p { font-size: 12px; color:#141414; margin:14px 0; text-shadow:none; }
#home-hero .hero-highlight { padding: 0 0 20px 0; margin-top: -223px; margin-left: 15px; }
#home-hero .hero-highlight-image { min-height: 120px; }
#home-hero .hero-highlight p { display:none; }
#home-hero .slick-slider { margin-bottom:0; }
#home-hero #slider-nav { clear: both; margin: -3em 0 0 0; width: 100% !important; position: relative; }
#home-promo-header .row { padding:0; }
#home-promos #home-promo-header h1.page-header::before { margin-bottom:16px; }
#home-promos .promo header {
color: #fff; position: absolute; bottom: 0px; z-index: 2; display: block;
min-height: 290px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(11,11,11,0.92) 90%, rgba(11,11,11,0.92) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(11,11,11,0.92) 90%,rgba(11,11,11,0.92) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(11,11,11,0.92) 90%,rgba(11,11,11,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb0b0b0b',GradientType=0 );
}
#home-promos .promo header h2 { width: 100%; padding: 70% 6% 4% 6%; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: 1px; line-height: 1.3; }
#home-promo-primary { min-height: 60px; margin-top: 0px; }
#home-promo-primary #primary-promo.row { padding: 50px 0 30px 0 !important; }
#home-promo-primary #primary-promo .promo { max-height:300px; overflow:hidden; }
#home-promo-primary #secondary-promos.row { padding: 0 15px; margin: 0 0 20px 0; }
#home-promos #secondary-promos .promo { max-height: 80px; overflow: hidden; margin-bottom:10px; }
#home-promos #secondary-promos .promo a { display:block; }
#home-promos #secondary-promos .promo img { max-width:100px; float:left; }
#home-promos #secondary-promos .promo header { padding: 30px 7px; color: #141414; position: relative; bottom: 0px; z-index: 2; display: inline; min-height: 10px; background: none; }
#home-promos #secondary-promos .promo header h2::before { display:none; }
#home-promos #secondary-promos .promo header h2 { color:#141414; width: auto; padding: 0; margin:0; font-size:16px; font-weight:700; text-transform:uppercase; position: relative; }
#home-promos #secondary-promos .promo header h2 br { display:none; }
#home-promos .button-row { text-align:center; padding-bottom:10px; }
#home-promos .button-row a.button { margin:0 auto 10px auto; padding:18px 20px; }
#home-wheels .wheel-result[style] {  }
#home-wheels-carousel .row { padding: 20px 0 10px 0; }
#home-wheels-header #wheels-slider-arrows { padding: 0px 0 80px 0 !important; margin: -2rem 0 0 0; }
.wheel-result .wheel-thumb a img.single-view { margin:0 auto; }
#home-galleries h1.page-header, #home-galleries #wheel-galleries h1.page-header { text-align: left; padding-left: 0; left: 0px; position:relative; }
#home-galleries h1.page-header br { display:none; }
#home-galleries h1.page-header::before { top:-22px; }
#home-galleries #wheel-galleries h1.page-header::before { right: auto; }
#home-galleries { padding-top:40px; }
#home-galleries .additional-galleries .columns { min-height: 180px; }
#home-galleries .additional-galleries .columns h3 { font-size:14px; }
#home-galleries .additional-galleries .columns p { font-size:12px; }
#home-galleries .additional-galleries .columns a.button {
font-weight: 700; height: 80%; width: 100%; margin: 0; font-size: 10px; color: #141414; padding: 18px 20px;
text-transform: uppercase; letter-spacing: 1px; background: #fff; border: 1px solid #141414; outline: 0;
}
.additional-3, .additional-4, .additional-5 { display:none !important; }
#home-galleries .button-row { margin: 30px 0 80px 0; min-height: 10px !important; }
#home-galleries .button-row a.button { display: inline; width: auto; margin: 0 auto; }
#home-blog { padding:0 4%; }
h1#page-header, h1.page-header { font-size: 26px; letter-spacing: 3px; margin: 20px 0; }
#home-blog .row { padding-bottom: 20px; }
#home-blog .row.blog-post { padding: 0; }
#home-blog .post-embed-post-thumbnail { max-width: 100%; width: 100%; height: 130px; }
#home-blog .button-row { padding:20px 0 40px 0; }
#bottom-ctas .bottom-cta { padding: 30px 0; }
#bottom-ctas .bottom-cta img.svg-icon { width: 28px; height: 28px; }
#bottom-ctas .bottom-cta h2 a { font-size: 20px; }
footer#footer { padding:40px 0; }
footer img.footer-logo { display:block; margin:0 auto; }
#footer-links { padding-left: 30px; padding-right: 30px; border:none; }
footer h3 { margin-bottom: 5px; }
#footer-links ul { display:none; }
#footer-bottom { margin-top:0; padding:0; border:none; }
#footer-bottom .columns .content { border:none; max-width: 100%; padding-bottom: 30px; } #gallery-filters .row { padding:20px 0; }
#gallery-filters h1 { text-align: left; }
#filter-options .facetwp-facet { margin: 0 0 5px 0 !important; display:block; }
#gallery-results { padding:0; }
.gallery-card .content { height:auto; padding-bottom: 5px; } header.gallery-header { overflow:hidden; max-height: 230px; }
header.gallery-header img { width: auto; max-width: none; height: 350px; margin-left: -900px; }
.gray-overlay .row { padding:40px 20px; }
header.gallery-header p { font-size: 11px; letter-spacing: .1rem; margin: 24px 20px 20px 20px; }
header.gallery-header h1 { font-size: 26px; letter-spacing: .25rem; line-height: 26px; }
#gallery-header {  }
#gallery-images { margin:0; height: auto; }
#gallery-media { padding-bottom:0; }
#gallery-media .row { padding:0; }
#gallery-images .gallery-nav { padding: 0; max-height: 100%; overflow: hidden; }
.hf-wheel #detail-gallery #gallery-images .gallery-nav { padding: 0; max-height: 100%; overflow: hidden; }
#gallery-images .gallery-nav .slick-slide[style] { width: 20% !important; margin: 0; height: auto; overflow: hidden; outline: 0; }
.hf-wheel #detail-gallery #gallery-images .gallery-nav .slick-slide[style] { width: 20% !important; margin: 0; height: auto; overflow: hidden; outline: 0; }
#gallery-images .gallery-nav .slick-slide img { max-width:100%; width:100%; }
.detail-header-bar { padding: 20px 0 16px 0; margin-left: 200px; height: 200px; }
.detail-header-bar h3 { font-size:16px; }
.wheel-thumb-overlay { width: 200px; height: 200px; top: 0; left: 0; }
#detail-header-bar-button { text-align:left; margin-top:16px; }
#primary-color { width:100%; }
#gallery-detail-bottom #gallery-specs { padding:0 !important; }
#gallery-related-left { width:100%; margin-left:0 !important; }
#gallery-related-left ul li { width:100%; display:block; float:left; }
.page-id-74922 #content #inner-content { padding:0; }
#inventory-filters .filter-content { width: 100%; float: none; clear: both; }
#inventory-filters h2 { display: block; clear: both; }
#inventory-filters #filter-column { margin-top: 0; padding-left: 0.9375rem; }
#inventory-filters #filter-options { display:block; }
.inventory-details .row { padding: 0 15px 40px 15px; position: relative; }
.inventory-details .details-row { padding:0 0 40px 0; }
#applications { margin:20px 0 15px 0; }
.wheel-thumb-overlay img { width:100%; }
#inventory-filters #counter-column { text-align: left; margin-top: 10px; padding-right: 0; }
#inventory-filters #counter-column .filter-content { float: none; clear:both; padding-left: 0; }
#inventory-results { padding:0; }
.inventory-result-row { padding:0; }
p.ref-number { margin:0 0 10px 0; }
.wheel-thumb-overlay .wheel-link h3 { opacity:1; }
#contact-page-top::before { display:none; }
#find-dealer .video-row h2 a { font-size: 21px; color: #fff; letter-spacing: .25rem; }
.video-overlap { margin-top:-22px; }
#contact-details #contact-info { margin-left: 25px; }
#contact-right form { margin: 0; padding: 10px; background: #fff; }
#contact-page-top { padding-top: 0; min-height: 10px; } .hf-wheel #the-wheel { padding-top:30px; }
.hf-wheel #the-wheel .wheel-content { padding-left:0.9375rem !important; text-align:center; }
.hf-wheel #the-wheel .wheel-panel { padding: 30px 0 40px 0; }
.hf-wheel #wheel-photos { position:relative; }
.hf-wheel #wheel-photos #wheels-0, .hf-wheel #wheel-photos #wheels-1 { position:relative; padding-top: 92%; }
.hf-wheel #wheel-photos #wheels-0 img, .hf-wheel #wheel-photos #wheels-1 img { position:absolute; top:0; left:0; margin:0 1.5%; }
.hf-wheel #wheel-photos #wheels-0 img#angled, .hf-wheel #wheel-photos #wheels-1 img#angled { margin:0; }
.hf-wheel #wheel-button a.button { margin:0 auto; float:none; width:70%; }
.hf-wheel #wheel-content-mobile { margin: 0 4% !important; width: 92%; position:relative; text-align:center; }
.hf-wheel #wheel-content { margin: 0 4% !important; width: 92%; position:relative; padding-top:230px; }
.hf-wheel #the-wheel #wheel-content a.button { margin:0; width:auto; }
.hf-wheel #standard-colors { position: absolute; top: 0px; }
.hf-wheel #standard-colors h3 { margin-top:0; }
.hf-wheel #the-wheel h2 { margin-bottom:0; }
.hf-wheel #the-wheel a#custom-button { display:none; }
.hf-wheel #the-wheel .color-content { padding-bottom: 10px; }
.hf-wheel #vehicles h1.page-header { margin:0; }
.hf-wheel .gallery-row { padding:0; }
.hf-wheel #videos #primary { padding-top: 60px; padding-bottom: 10px; }
.hf-wheel #process:before, .hf-wheel #flow-form:before { font-size: 380px; top: -72%; right: -13%; }
.hf-wheel #flow-form { padding-top: 20px; padding-bottom: 90px; }
.hf-wheel #logo-header { max-width:80%; }
.hf-wheel #logo-header h1.page-header { text-align:left; }
.hf-wheel #flow-form .columns { width:46%; margin:2%; min-height: 22em; }
.hf-wheel #flow-form .columns p { letter-spacing:normal; line-height:1.5; }
.hf-wheel #flow-form .columns img { max-width: 60%; width: 60%; }
.hf-wheel #process-content { padding:30px 0; }
.hf-wheel #columns-2 { padding:20px 40px; }
.hf-wheel #columns-2.offset-band::before { height:84%; }
.hf-wheel #size-chart .tabs .tab-title { width: 18%; }
.hf-wheel #size-chart .tabs .tab-title > a { font-size: 18px; line-height: 18px; padding:16px 0; }
.hf-wheel #table-legend #legend-header { width:100%; float:none; }
.hf-wheel #table-legend #legend-header h2 { padding-bottom:0; }
.hf-wheel #table-legend #legend-content { width: 100%; float:none; }
.hf-wheel #table-legend #legend-content ul#legend-list { text-align:center; }
.hf-wheel #table-legend #legend-content ul#legend-list li { margin: 0 3%; width:auto; }
.hf-wheel #wheel-gallery { padding:0; }
.hf-wheel #wheel-gallery .button-row { padding-top:10px; }
.hf-wheel #detail-gallery { padding:0; margin:0; }
.hf-wheel #detail-gallery.offset-band::before { height: 66%; }
.hf-wheel #detail-gallery #slider-photos { padding-bottom: 90px; }
.hf-wheel #detail-gallery #centered-gallery #slider-pager.row { width: 90%; margin-left: 5%; margin-right: 5%; }
#detail-header { margin:0 4%; }
#center-cap[style] { padding:0; background:none !important; }
#center-cap img.secondary-background { width: 50% !important; max-width: 50% !important; top: -10% !important; right: -13%; }
#center-cap .row { padding:0; }
#center-cap h1.page-header { font-size:22px; }
#center-cap .small-12 { width:70%; }
.hf-wheel #product-list { padding:0; }
.hf-wheel .related-product { margin:0 0 10px 0; }
.hf-wheel .related-product .content h3 { text-align:left; }
.hf-wheel .related-product .content { min-height:10px; overflow:hidden; }
.hf-wheel #related-products { padding: 0 0 40px 0; }
.hf-wheel #related-products h1.page-header { margin:0; }
#nutsbolts-hero .large-5 { max-width:90%; margin:0 5%; }
#nutsbolts-hero h1 { font-size: 50px; margin-top: 2%; }
#nutsbolts-hero h1 br { display:none; }
#nutsbolts-vehicle-fit #configure.row { padding: 8% 5%; }
#nutsbolts-vehicle-fit h2 { font-size: 2rem; margin-bottom: 30px; }
#nutsbolts-about:before { background:#f6f6f6; height: 60rem; }
#nutsbolts-about .row { padding:16% 5% 8% 5%; }
#nutsbolts-about-left { padding: 0 0 60px 0; }
#nutsbolts-features { margin: 80px 7.5% 80px 7.5%; }
#nutsbolts-gallery .large-3 { max-width:90%; margin:0 5%; }
#nutsbolts-gallery h2 { margin-top:0; }
#nutsbolts-gallery h2 br { display:none; }
}
@media only screen and (max-width:480px) {
.detail-header-bar { padding: 20px 0 36px 0; margin-left: 0; height: auto; }
.wheel-thumb-overlay { width: 267px; height: 267px; top: auto; left: auto; margin: -24px auto 0 auto; position: relative;overflow:hidden; }
.page-id-74922 #content #inner-content { padding:0; }
#inventory-filters .filter-content { width: 100%; float: none; clear: both; }
#inventory-filters h2 { display: block; clear: both; }
#inventory-filters #filter-column { margin-top: 0; padding-left: 0.9375rem; }
#inventory-filters #filter-options { display:block; }
.inventory-details .row { padding: 0 15px 40px 15px; position: relative; }
#applications { margin:20px 0 15px 0; }
.wheel-thumb-overlay img { width:100%; }
#inventory-filters #counter-column { text-align: left; margin-top: 10px; padding-right: 0; }
#inventory-filters #counter-column .filter-content { float: none; clear:both; padding-left: 0; }
#inventory-results { padding:0; }
.inventory-result-row { padding:0; }
p.ref-number { margin:0 0 10px 0; }
#gallery-buttons .button { width: 40%; }
.wheel-thumb-overlay .wheel-link h3 { opacity:1; } }
@media screen and (min-width:561px) and (max-width:640px) { #home-hero { padding-bottom:0; }
#home-hero .hero-row { margin-top: 20px; }
#home-hero .hero-header { padding-left:1.875rem; }
#home-hero .hero-header h1 { font-size: 24px; letter-spacing: .07rem; color:#141414; line-height: .9rem; text-shadow:none; }
#home-hero .hero-header p { font-size: 12px; color:#141414; margin:14px 0; text-shadow:none; }
#home-hero .hero-highlight { padding: 0 0 20px 0; margin-top: -223px; margin-left: 15px; }
#home-hero .hero-highlight-image { min-height: 120px; }
#home-hero .hero-highlight p { display:none; }
#home-hero .slick-slider { margin-bottom:0; }
#home-promo-header .row { padding:0; }
#home-promos #home-promo-header h1.page-header::before { margin-bottom:16px; }
#home-promos .promo header {
color: #fff; position: absolute; bottom: 0px; z-index: 2; display: block;
min-height: 290px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(11,11,11,0.92) 90%, rgba(11,11,11,0.92) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(11,11,11,0.92) 90%,rgba(11,11,11,0.92) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(11,11,11,0.92) 90%,rgba(11,11,11,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb0b0b0b',GradientType=0 );
}
#home-promos .promo header h2 { width: 100%; padding: 70% 6% 4% 6%; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: 1px; line-height: 1.3; }
#home-promo-primary { min-height: 60px; margin-top: 0px; }
#home-promo-primary #primary-promo.row { padding: 50px 0 30px 0 !important; }
#home-promo-primary #primary-promo .promo { max-height:350px; overflow:hidden; }
#home-promo-primary #secondary-promos.row { padding: 0 15px; margin: 0 0 20px 10%; max-width: 80%; }
#home-promos #secondary-promos .promo { max-height: 80px; overflow: hidden; margin-bottom:10px; }
#home-promos #secondary-promos .promo a { display:block; }
#home-promos #secondary-promos .promo img { max-width:100px; float:left; }
#home-promos #secondary-promos .promo header { padding: 30px 7px; color: #141414; position: relative; bottom: 0px; z-index: 2; display: inline-block; min-height: 10px; background: none; }
#home-promos #secondary-promos .promo header h2::before { display:none; }
#home-promos #secondary-promos .promo header h2 { color:#141414; width: auto; padding: 0; font-size:16px; font-weight:700; text-transform:uppercase; position: relative; }
#home-promos #secondary-promos .promo header h2 br { display:none; }
#home-galleries .additional-galleries .columns { min-height: 160px; }
#home-galleries .additional-galleries .columns h3 { font-size:14px; }
#home-galleries .additional-galleries .columns p { font-size:12px; }
#home-galleries .additional-galleries .columns a.button {
font-weight: 700; height: 80%; width: 100%; margin: 0; font-size: 10px; color: #141414; padding: 18px 20px;
text-transform: uppercase; letter-spacing: 1px; background: #fff; border: 1px solid #141414; outline: 0;
}
.additional-3, .additional-4, .additional-5 { display:none !important; }
#home-wheels .wheel-result[style] {  }
#home-blog { padding:0 4%; }
h1#page-header, h1.page-header { font-size: 26px; letter-spacing: 3px; margin: 20px 0; }
#home-blog .row { padding-bottom: 20px; }
#home-blog .row.blog-post { padding: 0; }
#home-blog .post-embed-post-thumbnail { max-width: 100%; width: 100%; height: 130px; }
#home-blog .button-row { padding:20px 0 40px 0; }
#bottom-ctas .bottom-cta { padding: 30px 0; }
#bottom-ctas .bottom-cta img.svg-icon { width: 28px; height: 28px; }
#bottom-ctas .bottom-cta h2 a { font-size: 20px; }
footer#footer { padding:40px 0; }
footer img.footer-logo { display:block; margin:0 auto 30px auto; }
#footer-links { padding-left: 30px; padding-right: 30px; border:none; }
#footer-links-row { width:50%; float:left; }
footer h3 { margin-bottom: 5px; margin-top: 15px; }
#footer-links ul li { font-size: 12px; margin: 5px 0; }
#footer-bottom { margin-top:0; padding:0; border:none; width:50%; float:left; }
#footer-bottom .columns .content { border:none; max-width: 100%; padding-bottom: 30px; } #gallery-filters .row { padding:20px 10px; }
#gallery-filters .right, #gallery-filters .small-12 { float:left !important; width:100%; }
#gallery-filters h1 { text-align: left; margin-bottom: 20px; }
#gallery-filters h2 { margin-right:20px; }
#filter-options .facetwp-facet { margin: 0 0 5px 0 !important; display:inline-block; }
#gallery-results { padding:0; }
.gallery-card .content { height:auto; padding-bottom: 5px; }
.page-id-74922 #content #inner-content { padding:0; }
#inventory-filters .filter-content { width: 100%; float: none; clear: both; }
#inventory-filters h2 { display: block; clear: both; }
#inventory-filters #filter-column { margin-top: 0; padding-left: 0.9375rem; }
#inventory-filters #filter-options { display:block; }
.inventory-details .row { padding: 0 15px 40px 15px; position: relative; }
.inventory-details .details-row { padding:0 0 40px 0; }
#applications { margin:20px 0 15px 0; }
.wheel-thumb-overlay img { width:100%; }
#inventory-filters #counter-column { text-align: left; margin-top: 10px; padding-right: 0; }
#inventory-filters #counter-column .filter-content { float: none; clear:both; padding-left: 0; }
#inventory-results { padding:0; }
.inventory-result-row { padding:0; }
p.ref-number { margin:0 0 10px 0; }
.wheel-thumb-overlay .wheel-link h3 { opacity:1; }
#gallery-buttons .button {
margin:7px 10px;
}
}
@media screen and (min-width:641px) and (max-width:767px) {
#header-top-bar { display:none; } .right-small { height: 2.8125rem; position: absolute; top: 0; width: auto; border-left: none; right:auto; }
.tab-bar { background:#fff; color:#141414; height: 3.25rem; line-height: 3.25rem; box-shadow:0px 0px 12px rgba(0,0,0,0.2); }
.tab-bar ul.title-area { text-align:center; list-style:none; margin:0; }
.tab-bar ul.title-area img { max-height:36px; }
.tab-bar ul.title-area a { display: block; padding: 8px 20px; }
.tab-bar .menu-icon {
color:#141414; font-size:14px; letter-spacing:1px; font-weight:700; display: block; height: 3.25rem; padding: 0 20px;
position: relative; text-indent:0; text-transform:uppercase; transform: translate3d(0, 0, 0); width: auto; } .left-off-canvas-menu, .tab-bar-section, .left-small { display:none; } #menu-overlay.reveal-modal {
background-color:#141414; color:#fff; background-size: cover !important;
background: url(//vossenwheels.com/wp-content/uploads/2018/01/vossen_menu_bg.jpg) no-repeat center top;
}
#menu-overlay #menu-main-menu-1 { float:none !important; list-style:none; margin:0; padding:2rem 0 0 0; }
#menu-overlay #menu-main-menu-1 li.divider { display:none; }
#menu-overlay #menu-main-menu-1 li { margin-bottom:.5rem; width: 50%; float: left; }
#menu-overlay #menu-main-menu-1 li a { color:#fff; text-transform:uppercase; font-size:22px; font-weight:200; letter-spacing:.15rem; }
#menu-overlay #menu-main-menu-1 li .sub-menu { top: auto; background: none; margin-left:0; }
#menu-overlay #menu-main-menu-1 li .sub-menu li a {  }
#menu-overlay #menu-main-menu-1 li.menu-item-74802 { display:none; }
#menu-overlay #menu-main-menu-1 li.menu-item-74802 { margin-bottom:0; }
#menu-overlay #menu-main-menu-1 li .sub-menu li a { display:block; }
#menu-overlay a#logo { display:inline-block; margin-top:2rem; }
#menu-overlay a#logo img { max-height:36px; }
#menu-overlay.reveal-modal .close-reveal-modal { font-size:14px !important; letter-spacing:1px; font-weight:700; top:18px; }
.sub-menu li:hover .vossen-menu-columns { display:none; } #home-hero { padding-bottom:0; }
#home-hero .hero-row { margin-top: 20px; }
#home-hero .hero-header { padding-left:1.875rem; }
#home-hero .hero-header h1 { font-size: 24px; letter-spacing: .07rem; color:#141414; line-height: .9rem; text-shadow:none; }
#home-hero .hero-header p { font-size: 12px; color:#141414; margin:14px 0; text-shadow:none; }
#home-hero .hero-highlight { padding: 0 0 20px 0; margin-top: -223px; margin-left: 15px; }
#home-hero .hero-highlight-image { min-height: 120px; }
#home-hero .hero-highlight p { display:none; }
#home-hero .slick-slider { margin-bottom:0; }
#home-hero #slider-nav { clear: both; margin: -3em 0 0 0; width: 100% !important; position: relative; }
#home-promo-header .row { padding:0; }
#home-promos #home-promo-header h1.page-header::before { margin-bottom:16px; }
#home-promos .promo header {
color: #fff; position: absolute; bottom: 0px; z-index: 2; display: block;
min-height: 290px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(11,11,11,0.92) 90%, rgba(11,11,11,0.92) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(11,11,11,0.92) 90%,rgba(11,11,11,0.92) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(11,11,11,0.92) 90%,rgba(11,11,11,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb0b0b0b',GradientType=0 );
}
#home-promos .promo header h2 { width: 100%; padding: 70% 6% 4% 6%; font-size: 18px; font-weight: 600; text-transform: none; letter-spacing: 1px; line-height: 1.3; }
#home-promo-primary { min-height: 60px; margin-top: 0px; }
#home-promo-primary #primary-promo.row { padding: 50px 0 30px 0 !important; }
#home-promo-primary #primary-promo .promo { max-height:350px; overflow:hidden; }
#home-promo-primary #secondary-promos.row { padding: 0 15px; margin: 0 0 20px 10%; max-width: 80%; }
#home-promos #secondary-promos .promo { width:100% !important; max-height:100px; overflow: hidden; margin-bottom:10px; }
#home-promos #secondary-promos .promo a { display:block; }
#home-promos #secondary-promos .promo img { max-width:160px; float:left; }
#home-promos #secondary-promos .promo header { padding: 30px 7px; color: #141414; position: relative; bottom: 0px; z-index: 2; display: inline; min-height: 10px; background: none; }
#home-promos #secondary-promos .promo header h2::before { display:none; }
#home-promos #secondary-promos .promo header h2 { color:#141414; width: auto; padding: 0; margin:0; font-size:16px; font-weight:700; text-transform:uppercase; position: relative; }
#home-promos #secondary-promos .promo header h2 br { display:none; }
#home-promos .button-row { text-align:center; padding-bottom:10px; }
#home-promos .button-row a.button { margin:0 auto 10px auto; padding:18px 20px; }
#home-wheels .wheel-result[style] {  }
#home-wheels-carousel .row { padding: 40px 0 10px 0; }
#home-wheels-header #wheels-slider-arrows { padding: 0px 0 80px 0 !important; margin: -2rem 0 0 0; }
.wheel-result .wheel-thumb a img.single-view { margin:0 auto; }
#home-galleries h1.page-header, #home-galleries #wheel-galleries h1.page-header { font-size:22px; text-align: left; padding-left: 0; left: 0px; position:relative; }
#home-galleries h1.page-header br { display:none; }
#home-galleries h1.page-header::before { top:-22px; }
#home-galleries #wheel-galleries h1.page-header::before { right: auto; }
#home-galleries { padding-top:40px; }
#home-galleries .additional-galleries .columns { min-height: 180px; }
#home-galleries .additional-galleries .columns h3 { font-size:14px; }
#home-galleries .additional-galleries .columns p { font-size:12px; }
#home-galleries .additional-galleries .columns a.button {
font-weight: 700; height: 80%; width: 100%; margin: 0; font-size: 10px; color: #141414; padding: 18px 20px;
text-transform: uppercase; letter-spacing: 1px; background: #fff; border: 1px solid #141414; outline: 0;
}
.additional-3, .additional-4, .additional-5 { display:none !important; }
#home-galleries .button-row { width:100%; margin: 30px 0 80px 0; min-height: 10px !important; }
#home-galleries .button-row a.button { display: inline; width: auto; margin: 0 auto; }
#home-blog { padding:0 4%; }
h1#page-header, h1.page-header { font-size: 26px; letter-spacing: 3px; margin: 20px 0; }
#home-blog .row { padding-bottom: 20px; }
#home-blog .row.blog-post { padding: 0; }
#home-blog .post-embed-post-thumbnail { max-width: 100%; width: 100%; height: 130px; }
#home-blog .button-row { padding:20px 0 40px 0; }
#bottom-ctas .bottom-cta { padding: 30px 0; }
#bottom-ctas .bottom-cta img.svg-icon { width: 28px; height: 28px; }
#bottom-ctas .bottom-cta h2 a { font-size: 20px; }
footer#footer { padding:40px 0; }
footer img.footer-logo { display:block; margin:0 auto; }
#footer-links { padding-left: 30px; padding-right: 30px; border:none; }
footer h3 { margin-bottom: 5px; }
#footer-links ul li { font-size: 12px; margin: 5px 0; }
#footer-bottom { margin-top:0; padding:0; border:none; }
#footer-bottom .columns .content { border:none; max-width: 100%; padding-bottom: 30px; } #gallery-filters .row { padding:20px 10px; }
#gallery-filters .right, #gallery-filters .small-12 { float:left !important; width:100%; }
#gallery-filters h1 { text-align: left; margin-bottom: 20px; }
#gallery-filters h2 { margin-right:20px; }
#filter-options .facetwp-facet { margin: 0 0 5px 0 !important; display:inline-block; }
#gallery-results { padding:0; }
.gallery-card .content { height:auto; padding-bottom: 5px; } header.gallery-header { overflow:hidden; max-height: 230px; }
header.gallery-header img { width: auto; max-width: none; height: 350px; margin-left: -900px; }
.gray-overlay .row { padding:40px 20px; }
header.gallery-header p { font-size: 14px; letter-spacing: .1rem; margin: 24px 20px 20px 20px; }
header.gallery-header h1 { font-size: 48px; letter-spacing: .25rem; line-height: 26px; }
#gallery-header {  }
#gallery-images { margin:0 !important; width:100% !important; height: auto; }
#gallery-media { padding-bottom:0; }
#gallery-media .row { padding:0; }
.gallery-slider { width:100% !important; }
#gallery-images .gallery-nav { padding: 0; max-height: 100%; overflow: hidden; width: 100%; }
#gallery-images .gallery-nav .slick-slide[style] { width: 16.66666666666667% !important; margin: 0; height: auto; overflow: hidden; outline: 0; }
.hf-wheel #detail-gallery #gallery-images .gallery-nav .slick-slide[style] { width: 16.66666666666667% !important; margin: 0; height: auto; overflow: hidden; outline: 0; }
#gallery-images .gallery-nav .slick-slide img { max-width:100%; width:100%; }
#gallery-details { width:100%; margin-left: 0 !important; }
.detail-header-bar { padding: 20px 0 16px 0; margin-left: 200px; height: 200px; }
.detail-header-bar h3 { font-size:16px; }
.wheel-thumb-overlay { width: 200px; height: 200px; top: 0; left: 0; }
#detail-header-bar-button { text-align:left; margin-top:16px; }
#color-bar { width: 100%; margin-left: 0 !important; }
#primary-color { width:50%; }
#gallery-detail-bottom #gallery-specs { padding:0 !important; }
#gallery-related-left { width:100%; margin-left:0 !important; }
#gallery-related-left ul li { width:50%; display:block; float:left; }
.page-id-74922 #content #inner-content { padding:0; }
#inventory-filters .filter-content { width: 100%; float: none; clear: both; }
#inventory-filters h2 { display: block; clear: both; }
#inventory-filters #filter-column { margin-top: 0; padding-left: 0.9375rem; }
#inventory-filters #filter-options { display:block; }
.inventory-details { width: 85%; margin: 20px 7.5% !important; }
.inventory-details .row { padding: 0 15px 40px 15px; position: relative; }
.inventory-details .details-row { padding:0 0 40px 0; }
#applications { margin:0 0 15px 0; width:50%; }
.wheel-thumb-overlay img { width:100%; }
#inventory-filters #counter-column { text-align: left; margin-top: 10px; padding-right: 0; }
#inventory-filters #counter-column .filter-content { float: none; clear:both; padding-left: 0; }
#inventory-results { padding:0; }
.inventory-result-row { padding:0; }
p.ref-number { margin:0 0 10px 0; }
.inventory-overview { margin-left: 0 !important; width: 50%; }
.wheel-thumb-overlay .wheel-link h3 { opacity:1; }
#contact-page-top { padding-top: 0px; min-height: 10px; }
#contact-page-top::before { display:none; }
#contact-right form { margin: 0 20px; padding: 20px 10px; background: #fff; } .hf-wheel #engineered-menu .row { background:none; }
.hf-wheel #the-wheel .wheel-content { padding-left:0.9375rem !important; text-align:center; }
.hf-wheel #the-wheel .wheel-panel { padding: 60px 0 40px 0; }
.hf-wheel #wheel-photos { position:relative; }
.hf-wheel #wheel-photos #wheels-0, .hf-wheel #wheel-photos #wheels-1 { position:relative; padding-top: 92%; }
.hf-wheel #wheel-photos #wheels-0 img, .hf-wheel #wheel-photos #wheels-1 img { position:absolute; top:0; left:0; margin:0 1.5%; }
.hf-wheel #wheel-photos #wheels-0 img#angled, .hf-wheel #wheel-photos #wheels-1 img#angled { margin:0; }
.hf-wheel #wheel-button a.button { margin:0 auto; }
.hf-wheel #wheel-content { margin: 0 4% !important; width: 92%; position:relative; padding-top:230px; }
.hf-wheel #standard-colors { position: absolute; top: 0px; }
.hf-wheel #standard-colors h3 { margin-top:0; }
.hf-wheel #the-wheel h2 { margin-bottom:0; }
.hf-wheel #the-wheel a#custom-button { display:none; }
.hf-wheel #the-wheel .color-content { padding-bottom: 10px; }
.hf-wheel #vehicles h1.page-header { margin:0; }
.hf-wheel .gallery-row { padding:0; }
.hf-wheel #videos #primary { padding-top: 60px; padding-bottom: 10px; }
.hf-wheel #process:before, .hf-wheel #flow-form:before { font-size: 380px; top: -72%; right: -13%; }
.hf-wheel #flow-form { padding-top: 20px; padding-bottom: 90px; }
.hf-wheel #logo-header { max-width:80%; }
.hf-wheel #logo-header h1.page-header { text-align:left; }
.hf-wheel #flow-form .columns { width:46%; margin:2%; min-height: 24em; }
.hf-wheel #flow-form .columns p { letter-spacing:normal; line-height:1.5; }
.hf-wheel #flow-form .columns img { max-width: 60%; width: 60%; }
.hf-wheel #process-content { padding:30px 0; }
.hf-wheel #columns-2 { padding:20px 40px; }
.hf-wheel #columns-2.offset-band::before { top: 80px; height:84%; }
.hf-wheel #columns-2 #column-1, .hf-wheel #columns-2 #column-2 { width:50%; margin-left:0 !important; }
.hf-wheel #size-chart .tabs .tab-title { width: 18%; }
.hf-wheel #size-chart .tabs .tab-title > a { font-size: 18px; line-height: 18px; padding:16px 0; }
.hf-wheel #table-legend #legend-header { width: 30%; }
.hf-wheel #table-legend #legend-content { width: 70% }
.hf-wheel #table-legend #legend-content ul#legend-list li { margin: 0 3% 0 0; width: auto; }
.hf-wheel #wheel-gallery { padding:0; }
.hf-wheel #wheel-gallery .button-row { padding-top:10px; }
.hf-wheel #detail-gallery { padding:0; margin:0; }
.hf-wheel #detail-gallery.offset-band::before { height: 66%; }
.hf-wheel #detail-gallery #slider-photos { padding-bottom: 90px; }
.hf-wheel #detail-gallery #centered-gallery #slider-pager.row { width: 90%; margin-left: 5%; margin-right: 5%; }
#detail-header { margin:0 4%; }
#center-cap[style] { padding:0; background:none !important; }
#center-cap img.secondary-background { width: 50% !important; max-width: 50% !important; top: -10% !important; right: -13%; }
#center-cap .row { padding:0; }
#center-cap h1.page-header { font-size:22px; }
#center-cap .small-12 { width: 60%; margin-left: 5% !important; }
.hf-wheel #product-list { padding:0; }
.hf-wheel .related-product { margin:0 0 10px 0; }
.hf-wheel .related-product .content h3 { text-align:left; }
.hf-wheel .related-product .content { min-height:10px; overflow:hidden; }
.hf-wheel #related-products { padding: 0 0 40px 0; }
.hf-wheel #related-products h1.page-header { margin:0; }
#gallery-buttons .button {
margin:7px 10px;
}
}
@media screen and (min-width:641px) and (max-width:1024px) {
.gallery-card .content { min-height:15.125rem; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
#header-top-bar { display:none; } .right-small { height: 2.8125rem; position: absolute; top: 0; width: auto; border-left: none; right:auto; }
.tab-bar { background:#fff; color:#141414; height: 3.25rem; line-height: 3.25rem; box-shadow:0px 0px 12px rgba(0,0,0,0.2); }
.tab-bar ul.title-area { list-style:none; margin:0; }
.tab-bar ul.title-area img { max-height:36px; }
.tab-bar ul.title-area a { display: block; padding: 8px 20px; }
.tab-bar .menu-icon {
color:#141414; font-size:14px; letter-spacing:1px; font-weight:700; display: block; height: 3.25rem; padding: 0 20px;
position: relative; text-indent:0; text-transform:uppercase; transform: translate3d(0, 0, 0); width: auto; }
.tab-bar .menu-icon span, .left-off-canvas-menu, .tab-bar-section, .left-small { display:none; } #menu-overlay.reveal-modal {
background-color:#141414; color:#fff; background-size: cover !important;
background: url(//vossenwheels.com/wp-content/uploads/2018/01/vossen_menu_bg.jpg) no-repeat center top;
}
#menu-overlay #menu-main-menu-1 { float:none !important; list-style:none; margin:0; padding:2rem 0 0 0; }
#menu-overlay #menu-main-menu-1 li.divider { display:none; }
#menu-overlay #menu-main-menu-1 li { margin-bottom:.5rem; width: 42%; float: left; }
#menu-overlay #menu-main-menu-1 li a { color:#fff; text-transform:uppercase; font-size:22px; font-weight:200; letter-spacing:.15rem; }
#menu-overlay #menu-main-menu-1 li .sub-menu { top: auto; background: none; margin-left:0; }
#menu-overlay #menu-main-menu-1 li .sub-menu li a {  }
#menu-overlay #menu-main-menu-1 li.menu-item-74802 { display:none; }
#menu-overlay #menu-main-menu-1 li.menu-item-74802 { margin-bottom:0; }
#menu-overlay #menu-main-menu-1 li .sub-menu li a { display:block; }
#menu-overlay a#logo { display:inline-block; margin-top:2rem; }
#menu-overlay a#logo img { max-height:36px; }
#menu-overlay.reveal-modal .close-reveal-modal { font-size:14px !important; letter-spacing:1px; font-weight:700; top:18px; }
.sub-menu li:hover .vossen-menu-columns { display:none; } #home-hero { padding-bottom:0; }
#home-hero .hero-row { margin-top: 20px; }
#home-hero .hero-header { padding-left:1.875rem; margin-left: 28% !important; }
#home-hero .hero-header h1 { font-size: 36px; letter-spacing: .07rem; color:#141414; line-height: .9rem; margin-top:20px; text-shadow:none; }
#home-hero .hero-header p { font-size: 12px; color:#141414; margin:14px 0; text-shadow:none; }
#home-hero .hero-highlight { padding: 0 0 20px 0; margin-top: -380px; margin-left: 30px; }
#home-hero .hero-highlight-image { min-height: 120px; }
#home-hero .slick-slider { margin-bottom:0; }
#home-hero #slider-nav { margin: -2em 0 0 0; }
#home-promo-header { padding:40px 0; }
#home-promo-primary { min-height: 700px; }
#home-promo-primary #primary-promo.row { padding:45px 0 0 0 !important; }
#home-promo-primary #primary-promo .promo { max-width:370px; height: 350px; }
#home-promo-primary #primary-promo .promo header { min-height: 170px; }
#home-promos .promo header h2 { font-size: 22px; }
#home-promos #secondary-promos .promo header { min-height:140px; }
#home-promos #secondary-promos .promo header h2 { font-size:16px; }
#home-galleries .additional-galleries .columns { min-height: 220px; }
#home-galleries .additional-galleries .columns a.button {
font-weight: 700; height: auto; width: 70%; margin: 0 auto; display:block; font-size: 10px; color: #141414; padding: 18px 20px;
text-transform: uppercase; letter-spacing: 1px; background: #fff; border: 1px solid #141414; outline: 0;
}
.additional-5 { display:none !important; }
#home-galleries .button-row { width:100%; margin:10px 0 20px 0; min-height: 10px !important; }
#home-galleries .button-row a.button { display: inline; width: auto; margin: 0 auto; } #gallery-filters .row { padding:20px 10px; }
#gallery-filters .right, #gallery-filters .small-12 { float:left !important; width:100%; }
#gallery-filters h1 { text-align: left; margin-bottom: 20px; }
#gallery-filters h2 { margin-right:20px; }
#filter-options .facetwp-facet { margin: 0 0 5px 0 !important; display:inline-block; }
#gallery-results { padding:0; }
.gallery-card .content { height:auto; padding-bottom: 5px; }
.gallery-card .content h3 { font-size:15px; } header.gallery-header { overflow:hidden; max-height: 230px; }
header.gallery-header img { width: auto; max-width: none; height: 350px; margin-left: -900px; }
.gray-overlay .row { padding:40px 20px; }
header.gallery-header p { font-size: 14px; letter-spacing: .1rem; margin: 24px 20px 20px 20px; }
header.gallery-header h1 { font-size: 48px; letter-spacing: .25rem; line-height: 26px; }
#gallery-header {  }
#gallery-images { margin:0 !important; width:100% !important; height: auto; }
#detail-gallery #gallery-images { height:auto; }
#gallery-media { padding-bottom:0; }
#gallery-media .row { padding:0; }
.gallery-slider { width:100% !important; }
#gallery-images .gallery-nav { padding: 0; max-height: 100%; overflow: hidden; width: 100%; }
#gallery-images .gallery-nav .slick-slide[style] { width: 12.5% !important; margin: 0; height: auto; overflow: hidden; outline: 0; }
.hf-wheel #detail-gallery #gallery-images .gallery-nav .slick-slide[style] { width: 12.5% !important; margin: 0; height: auto; overflow: hidden; outline: 0; }
#gallery-images .gallery-nav .slick-slide img { max-width:100%; width:100%; }
#gallery-details { width:100%; margin-left: 0 !important; }
.detail-header-bar { padding: 20px 0 16px 0; margin-left: 200px; height: 200px; }
.detail-header-bar h3 { font-size:16px; }
.wheel-thumb-overlay { width: 200px; height: 200px; top: 0; left: 0; }
#detail-header-bar-button { text-align:left; margin-top:16px; }
#color-bar { width: 100%; margin-left: 0 !important; }
#primary-color { width:50%; }
#gallery-detail-bottom #gallery-specs { padding:0 !important; }
#gallery-related-left { width:100%; margin-left:0 !important; }
#gallery-related-left ul li { width:50%; display:block; float:left; }
.page-id-74922 #content #inner-content { padding:0; }
#inventory-filters .filter-content { width: 100%; float: none; clear: both; }
#inventory-filters h2 { display: inline-block; float: left; margin-right: .35em; }
#inventory-filters #filter-column { margin-top: 0; padding-left: 0.9375rem; }
#inventory-filters #filter-options { display:block; }
.inventory-details { width: 85%; margin: 20px 7.5% !important; }
.inventory-details .row { padding: 0 15px 40px 15px; position: relative; }
.inventory-details .details-row { padding:0 0 40px 0; }
#applications { margin:0 0 15px 0; width:70%; }
.wheel-thumb-overlay img { width:100%; }
#inventory-filters #counter-column { text-align: left; margin-top: 10px; padding-right: 0; }
#inventory-filters #counter-column .filter-content { float: none; clear:both; padding-left: 0; }
#inventory-results { padding:0; }
.inventory-result-row { padding:0; }
p.ref-number { margin:0 0 10px 0; }
.inventory-overview { margin-left: 0 !important; width: 30%; }
.wheel-thumb-overlay .wheel-link h3 { opacity:1; } .hf-wheel #engineered-menu .row { background:none; }
.hf-wheel #the-wheel .wheel-content { padding-left:0.9375rem !important; text-align:center; }
.hf-wheel #the-wheel .wheel-panel { padding: 60px 0 40px 0; }
.hf-wheel #wheel-photos { position:relative; }
.hf-wheel #wheel-photos #wheels-0, .hf-wheel #wheel-photos #wheels-1 { position:relative; padding-top: 68%; }
.hf-wheel #wheel-photos #wheels-0 img, .hf-wheel #wheel-photos #wheels-1 img { position:absolute; top:0; left:0; margin:0 15%; }
.hf-wheel #wheel-photos #wheels-0 img#angled, .hf-wheel #wheel-photos #wheels-1 img#angled { margin:0 15%; }
.hf-wheel #wheel-button a.button { margin:0 auto; }
.hf-wheel #wheel-content { margin: 0 4% !important; width: 92%; position:relative; padding-top:0; }
.hf-wheel #wheel-intro { width:55%; float:left; margin-right:7%; margin-bottom:20px; }
.hf-wheel #standard-colors { position: relative; top: 0px; width:37%; float:right; margin-top:10px; }
.hf-wheel #standard-colors h3 { margin-top:0; }
.hf-wheel #custom-colors { clear:both; }
.hf-wheel #the-wheel .tabs.custom-colors { max-width: 100%; }
.hf-wheel #the-wheel h2 { margin-bottom:0; }
.hf-wheel #the-wheel a#custom-button { display:none; }
.hf-wheel #the-wheel .color-content { padding-bottom: 10px; }
.hf-wheel #vehicles h1.page-header { margin:0; }
.hf-wheel .gallery-row { padding:0; }
.hf-wheel #videos #primary { padding-top: 60px; padding-bottom: 10px; }
.hf-wheel #process:before, .hf-wheel #flow-form:before { font-size: 380px; top: -72%; right: -13%; }
.hf-wheel #flow-form { padding-top: 20px; padding-bottom: 90px; }
.hf-wheel #logo-header { max-width:80%; }
.hf-wheel #logo-header h1.page-header { text-align:left; }
.hf-wheel #flow-form .columns { width:46%; margin:2%; min-height: 24em; }
.hf-wheel #flow-form .columns p { letter-spacing:normal; line-height:1.5; }
.hf-wheel #flow-form .columns img { max-width: 60%; width: 60%; }
.hf-wheel #process-content { padding:30px 0; }
.hf-wheel #columns-2 { padding:20px 40px; }
.hf-wheel #columns-2.offset-band::before { top: 80px; height:84%; }
.hf-wheel #columns-2 #column-1, .hf-wheel #columns-2 #column-2 { width:50%; margin-left:0 !important; }
#columns-2 #column-2 h1.page-header:before { bottom: 93px; }
.hf-wheel #size-chart .tabs .tab-title { width: 20.65%; }
.hf-wheel #size-chart .tabs .tab-title > a { font-size: 18px; line-height: 18px; }
.hf-wheel #wheel-gallery { padding:0; }
.hf-wheel #wheel-gallery .button-row { padding-top:10px; }
.hf-wheel #detail-gallery { padding:0; margin:0; }
.hf-wheel #detail-gallery.offset-band::before { height: 66%; }
.hf-wheel #detail-gallery #slider-photos { padding-bottom: 90px; }
.hf-wheel #detail-gallery #centered-gallery #slider-pager.row { width: 90%; margin-left: 5%; margin-right: 5%; }
#detail-header { margin:0 4%; }
#center-cap[style] { padding:0; background:none !important; }
#center-cap img.secondary-background { width: 50% !important; max-width: 50% !important; top: -10% !important; right: -13%; }
#center-cap .row { padding:0; }
#center-cap h1.page-header { font-size:22px; }
#center-cap .small-12 { width: 60%; margin-left: 5% !important; }
.hf-wheel #product-list { padding:0; }
.hf-wheel .related-product { margin:0 0 10px 0; }
.hf-wheel .related-product .content h3 { text-align:left; }
.hf-wheel .related-product .content { min-height:10px; overflow:hidden; }
.hf-wheel #related-products { padding: 0 0 40px 0; }
.hf-wheel #related-products h1.page-header { margin:0; }
#nutsbolts-features { margin: 90px auto 120px auto; max-width: 80%; }
}
@media screen and (min-width:768px) and (max-width:899px) {
#home-hero .hero-highlight { padding: 0 0 20px 0; margin-top: -264px; margin-left: 30px; }
#home-hero .hero-highlight p { display: none; }
}
@media screen and (min-width:768px) and (max-width:991px) {
#contact-page-top { padding-top: 0; min-height: 900px; }
#contact-page-top::before { width: 52%; top: 114px; z-index: -1; }
#contact-left, #contact-right { width:50%; }
#find-dealer .video-row h2 a { font-size: 20px; }
#contact-details { margin-top: 40px; }
#contact-details #contact-info { margin-left: 25px; }
#contact-right form { margin: 0; padding:20px 0 0 0; background: #fff; }
}
@media screen and (min-width:1024px) and (max-width:1120px) {
.gallery-card .content { min-height:18.125rem; }
}
@media screen and (min-width:1025px) and (max-width:1230px) { header.gallery-header { overflow:hidden; max-height: 230px; }
header.gallery-header img { width: auto; max-width: none; height: 350px; margin-left: -900px; }
.gray-overlay .row { padding:40px 20px; }
header.gallery-header p { font-size: 14px; letter-spacing: .1rem; margin: 24px 20px 20px 20px; }
header.gallery-header h1 { font-size: 48px; letter-spacing: .25rem; line-height: 26px; }
#gallery-header {  }
#gallery-images { margin:-40px 7.5% 0 7.5% !important; width:85% !important; height:31em; overflow: hidden; }
#detail-gallery #gallery-images { height:31em; }
#gallery-media { padding-bottom:80px; }
#gallery-media .row { padding:0; }
.gallery-slider { width:80% !important; }
.gallery-nav { width:20% !important; }
#gallery-images .gallery-nav { padding: 0; max-height: 100%; width: 100%; }
#gallery-images .gallery-nav .slick-slide[style] { width: 44% !important; margin: 0; height: auto; outline: 0; }
#gallery-images .gallery-nav .slick-slide img { max-width:100%; width:100%; height: 4em; overflow: hidden; }
#gallery-details { margin:0 7.5% !important; width:85% !important; }
.detail-header-bar { padding-left: 100px; }
.detail-header-bar h3 { font-size:16px; }
.wheel-thumb-overlay { left: -20px; }
#detail-header-bar-button { text-align:left; margin-top:16px; }
#gallery-detail-bottom #gallery-colors.row { padding-left:250px; }
#color-bar { width: 100%; margin-left: 0 !important; }
#primary-color { width:50%; }
#gallery-detail-bottom #gallery-specs { padding:0 0 0 100px !important; }
#gallery-related-left { width:50%; margin-left:250px !important; }
#gallery-related-left ul li {  }
.inventory-colors #primary-color {
padding-left: 240px;
width: 70%;
}
}
@media screen and (min-width:1025px) and (max-width:1256px) {
#top-right-nav { }
.top-bar-section { margin-left:32px; }
.top-bar-section ul li { margin-right: 30px; }
.top-bar-section ul li a { letter-spacing: .13rem; }
.menu-item-81293 { margin-right:0; }
.hero-header { padding-left:0; }
.hero-header, #home-hero .hero-highlight { margin-left:5% !important; }
#home-hero .hero-header h1 { font-size: 70px; line-height: 1; letter-spacing: .5rem; }
#home-hero .hero-header h1, #home-hero .hero-header p { text-shadow:0px 0px 12px rgba(0,0,0,.6); }
#home-hero #slider-nav { margin-top:-5em; }
}
@media only screen and (min-width:1025px) {
#inventory-filters { padding:0 15px; }
}
@media screen and (min-width:641px) and (max-width:851px) {
#nutsbolts-hero h1 { font-size:47px; margin-top: 0; }
#nutsbolts-vehicle-fit h2 { font-size: 2.4rem; }
}
@media screen and (min-width:852px) and (max-width:1081px) {
#nutsbolts-hero h1 { font-size:60px; font-weight: 900; text-transform: uppercase; line-height: 1; letter-spacing:0; margin-top:4%; margin-bottom: 30px; }
#nutsbolts-vehicle-fit h2 { font-size: 2.4rem; }
#nutsbolts-vehicle-fit h2 br { display:none; }
#nutsbolts-about:before { background:#f6f6f6; }
#nutsbolts-about-left { padding: 0 0 0 5%; }
#nutsbolts-features { margin-top: 90px; margin-bottom: 120px; }
}
@media screen and (min-width:1082px) and (max-width:1370px) {
#nutsbolts-about:before {
display:block; content:' '; width:100%; height:37rem; position:absolute; background: #ffffff; background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 7%, #f6f6f6 7%, #f6f6f6 100%); background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 7%,#f6f6f6 7%,#f6f6f6 100%); background: linear-gradient(to right,  #ffffff 0%,#ffffff 7%,#f6f6f6 7%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); }
}
@media screen and (min-width:1082px) and (max-width:1122px) {
.top-bar-section { margin-left: 40px; }
.top-bar-section ul li { margin-right: 38px; }
}
@media screen and (min-width:1123px) and (max-width:1199px) {
.top-bar-section { margin-left: 40px; }
.top-bar-section ul li { margin-right: 44px; }
}
@media screen and (min-width:1200px) and (max-width:1286px) {
.top-bar-section { margin-left: 40px; }
.top-bar-section ul li { margin-right: 50px; }
}
@media screen and (min-width:1257px) and (max-width:1400px) {
.hero-header { padding-left:0; }
.hero-header, #home-hero .hero-highlight { margin-left:5% !important; }
#home-hero .hero-header h1 { font-size: 80px; line-height: 1; letter-spacing: .5rem; }
#home-hero .hero-header h1, #home-hero .hero-header p { text-shadow:0px 0px 12px rgba(0,0,0,.6); }
#home-hero #slider-nav { margin-top:-5em; }
}
@media screen and (max-width:1400px) {
#center-cap img.secondary-background { width: 20%; max-width:20%; top:0px; }
} #header-top-bar .row { padding:0; max-width:100%; margin:0; }
#header-top-bar #top-bar-left, #header-top-bar #top-bar-right { padding:0; }
#header-top-bar ul { list-style:none; margin:0; padding:0; color:#8D8D8D; }
#header-top-bar ul li { display:inline-block; padding:0; margin:0; }
#header-top-bar #top-bar-left ul li { border-right:1px solid #f0f0f0; }
#header-top-bar #top-bar-right ul li { border-left:1px solid #f0f0f0; }
#header-top-bar ul li a { color:#8D8D8D; font-size:12px; padding:10px 24px 10px 18px; display:block; transition: all 0.35s; }
#header-top-bar ul li a:hover { color:#0e0e0e; }
#header-top-bar ul li a svg { color:#0e0e0e; font-size:14px; height:14px; margin-right:3px; margin-bottom:-2px; }
#header-top-bar #top-bar-right ul { text-align:right; } .top-bar .title-area { float:none !important; text-align:center; }
.top-bar .name, .top-bar #logo { height: auto; padding:36px 0 25px 0; text-align:center; width:161px; margin:0 auto; padding:24px 0; position:relative; }
.top-bar-section { margin:-59px 0 24px 0; margin:0; position:relative; z-index:2; }  #menu-main-menu { float:none !important; text-align:center; display:block; margin:24px 0 18px 0; z-index:9999;  position:relative; }
.top-bar-section ul:not(.sub-menu) li, .top-bar-section ul:not(.dropdown) li { float:none; display:inline-block; background: none; margin-right: 60px; position:unset !important; padding:0; }
.top-bar-section ul:not(.sub-menu) li:last-child, .top-bar-section ul:not(.dropdown) li:last-child { margin:0; }
.top-bar-section ul li#menu-item-74804 { margin-right:120px; }
.top-bar-section ul li#menu-item-74956 { margin-left:120px; }
.top-bar-section ul li.vossen-logo { 
margin:0 60px 0 0;
}
.top-bar-section ul li.vossen-logo a {
width:161px; min-height:14px; margin:0; background:url(//vossenwheels.com/wp-content/themes/vossen/assets/svg/Vossen_Logo_Red.svg) center center no-repeat !important; text-indent:-999em;
}
.top-bar-section ul li.vossen-logo a, .top-bar-section ul li.vossen-logo a:hover { border:none !important; }
.hf-wheel-2020 #engineered-menu .sub-nav dd a.button { margin-bottom:0; color: #0e0e0e; background: #fff; border: 1px solid #fff; padding: 10px 26px 11px 26px; transition: all 0.35s; }
.hf-wheel-2020 #engineered-menu .sub-nav dd a:hover.button { margin-bottom:0; color: #fff; background:#0e0e0e; border:1px solid #fff; padding: 10px 26px 11px 26px; }
.hf-wheel-2020 #engineered-menu .row { position: relative; width: 100%; max-width: 100%; }
.hf-wheel-2020 #engineered-menu .sub-nav dd a { color:#8D8D8D; }
.hf-wheel-2020 #engineered-menu .sub-nav dd a:hover,
.hf-wheel-2020 #engineered-menu .sub-nav dd.active a { color:#fff; border:none; }
.hf-wheel-2020 #engineered-menu .back-button { color:#999; width:73px; position:absolute; left:0; border-right:1px solid #363636; }
.hf-wheel-2020 #engineered-menu .back-button svg { color:#999; height:22px; }
.hf-wheel-2020 #engineered-menu .back-button a { padding:20px 25px 15px 25px; transition: all 0.35s; }
.hf-wheel-2020 #engineered-menu .quote-button { position:absolute; right:40px; top:10px; }
.hf-wheel-2020 #wheel #wheel-row { max-width:100%; padding:0; }
.hf-wheel-2020 #wheel .cs-left { padding:90px 0 0 0; border-right:1px solid #F0F0F0; }
.hf-wheel-2020 #wheel #wheel-switcher { margin-bottom:110px; }
.hf-wheel-2020 #wheel #wheel-switch-nav { background: none; }
.hf-wheel-2020 #wheel #wheel-switch-nav li a svg { fill: none; color: #EC2028; float: left; margin-right: 10px; -webkit-transition: all 0.35s; transition: all 0.35s; }
.hf-wheel-2020 #wheel #wheel-switch-nav li a:hover { color:#8D8E8D; }
.hf-wheel-2020 #wheel #wheel-switch-nav li a:hover svg { fill: none; color:#0e0e0e; }
.hf-wheel #wheel .cs-right { padding-top:90px; padding-bottom: 60px; display:initial; margin-left:4.33333%; }
.forged-series-container #wheel .cs-right{margin-left:0 !important;}
.off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow: unset; }
@media only screen and (max-width:1024px) {
.hf-wheel-2020 #wheel .cs-right { margin-left:0!important; }
.off-canvas-wrap { overflow:hidden; }
}
.hf-wheel-2020 #wheel .cs-right #cs-content { position:sticky; position:-webkit-sticky; top:120px; white-space:nowrap; }
#wheel p#status-category { font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; margin:0; }
#wheel p#status-category .new { background: #D52331; color: #fff; padding: 2px 6px; text-transform: uppercase; font-size:8px; border-radius: 2px; margin-right:4px; }
#wheel h1 { font-size:80px; font-weight:900; line-height: 1; padding: 0; margin:0 0 26px 0; }
.hf-wheel-2020 #wheel p.wheel-price::before { display:none; }
.hf-wheel-2020 #wheel p.wheel-price { color:#3A3A3A; font-size:14px; position:relative; }
.hf-wheel-2020 #wheel p.wheel-price svg { width:20px; height:20px; color:#999; margin-bottom:-4px; }
.hf-wheel-2020 #wheel p.wheel-price a.has-tip { border:none; }
.hf-wheel-2020 #wheel p.wheel-price .tooltip.tip-right { background:rgba(14,14,14,0.82); margin-top:-34px !important; }
nav#side-nav { border-top:1px solid #E1E1E1; margin:0; padding:0; }
nav#side-nav ul { margin:0; padding:0; }
nav#side-nav li { list-style:none; border-bottom:1px solid #E1E1E1; margin:0; padding:0; }
.panel-link { margin:0; padding:22px 4px; color:#000; background: #fff; display:block; transition: all 0.35s; }
.panel-link svg { margin-bottom:-4px; float:right; }
.panel-link:hover { background:#f7f7f7; cursor: pointer; }
.panel-wrap { background-color:#fff; padding: 40px 0; overflow: hidden; overflow-y:scroll; transition: all 0.3s; position: fixed;
width:50%; top: 0; right:-960px; bottom: 0; z-index:1999; box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.panel-overlay { background: rgba(0, 0, 0, 0.7); display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 900; }
.panel-close { color:#000; display:block; position:absolute; top:50px; right:40px; transition: all 0.3s; font-size:20px; font-weight:bold; }
.panel-close:hover { color:#ccc; cursor: pointer; }
.panel-wrap:hover .panel-close { opacity: 1; }
.panel-toggle { display: none; }
.panel-toggle:checked + .panel-wrap { right: 0; }
.panel-toggle:checked ~ .panel-overlay { display: block; }
.panel-title { margin:10px 46px 0 46px; font-size:31px; color:#0e0e0e; font-weight:900; letter-spacing:normal; }
.panel-list h3 { clear:both; font-size: 20px; text-transform: none; letter-spacing: normal; font-weight:600; margin:50px 0 20px 0; }
.panel-list h4 { clear:both; font-size: 20px; text-transform: none; letter-spacing: normal; font-weight:900; margin:50px 0 10px 0; letter-spacing:.1px; }
.panel-list { margin:0 46px 40px 46px; height: inherit; display: block; overflow: hidden; }
.panel-wrap:hover .panel-list { overflow-y: auto; }
.panel-list #custom-colors-nav { max-width: 100%; }
.panel-list .swatch-nav { margin: 0; list-style: none; clear:both; }
.panel-list .swatch-nav .thumb { width: 18% !important; text-align: center; margin-right: 2%; text-align:center; margin-bottom: 24px !important; display:block; float:left; }
.panel-list .swatch-nav .thumb a { display:block; padding:20px 15px 0 15px; min-height: 190px;  transition: all 0.3s; }
.panel-list .swatch-nav .thumb a img {  }
.panel-list .thumb a { border: 1px solid #f0f0f0; }
.panel-list .thumb a:hover, .panel-list .thumb a.is-active { border: 1px solid #000; }
.panel-list .swatch-nav .thumb p, .panel-list #custom-colors-nav .thumb p {
color: #0e0e0e; font-size: 15px; letter-spacing: normal; text-transform: none; font-weight: normal; line-height: normal; margin: 4px 0 20px 0; text-align: center;
}
.panel-list .list-sizes { columns: 2; column-gap: 40px; width: 241px; }
.panel-list .list-sizes p { font-size:15px; color:#3a3a3a; margin:0; line-height:1.8; }
.panel-list .columns { padding-left:0; margin:50px 0 0 0; }
.panel-list .columns p { font-size:15px; color:#3a3a3a; margin:0; line-height:1.8; }
#quote-disclaimer { margin:20px 0 30px 0; }
#quote-disclaimer a.button { background:#0e0e0e; border:1px solid #0e0e0e; width:100%; font-size:14px; text-transform:uppercase; }
#quote-disclaimer a:hover.button { background:#fff; color:#0e0e0e; border:1px solid #0e0e0e; }
#quote-disclaimer p { color:#3A3A3A; text-align:center; }
#quote-disclaimer p a { text-decoration:underline; color:#3A3A3A; transition: all 0.35s; }
#quote-disclaimer p a:hover { color:#8D8E8D; }
#additional-media .columns { padding:0; } #fitment { color:#fff; }
#fitment h2 { color:#fff; }
#galleries { background:#F1F1F1; padding-top:200px; padding-bottom: 130px; width: 100%;float: left;}
#galleries h2 { font-size:50px; font-weight:900; text-transform:uppercase; line-height:1.1; margin:0 0 64px 0; }
#galleries ul { list-style:none; margin:0; }
#galleries .large-3 iframe, #galleries .large-9 iframe { width:100%; max-width:100%; }
.hf-wheel-2020 #galleries .video-thumb[style] { width:100% !important; display:block; margin-bottom:2px; max-height:100px; overflow:hidden; }
.hf-wheel-2020 #galleries .video-thumb img { margin-top:-10%; }
#related-galleries { background:#F1F1F1; }
#related-galleries .intro h2 { font-size:50px; font-weight:900; text-transform:uppercase; line-height:1.1; margin:0 0 34px 0; }
#related-galleries .intro, #related-galleries .related-gallery { padding:.5px; float:left; }
#related-galleries .related-gallery img { width:100%; }
#related-wheel-galleries, #related-vehicle-galleries { padding:0; }
#related-galleries { padding:160px 0; clear: both;}
#related-galleries .intro a.button {
padding:0; background:none; color:#0e0e0e; font-weight:bold; font-size:11px; line-height:1.6; text-transform:uppercase; letter-spacing:1.8px; text-align:left;
}
#related-galleries .intro a.button svg { color:#D52331; display:inline-block; }
#related-galleries .intro a.button span { display:inline-block; text-align: left; line-height: 1.7; background:none; }
@media only screen and (min-width:1025px) { #related-galleries #related-vehicle-galleries .related-gallery:nth-child(2) { left:auto; right:50%; }
.forged-related-galleries-block .related-gallery:last-child{display:block!important;}
#related-wheel-galleries.forged-related-galleries-single-block .related-gallery:last-child{display:block!important;}
#related-wheel-galleries.forged-related-galleries-multiple-block .related-gallery:last-child{display:none!important;}
#related-vehicle-galleries.forged-related-galleries-single-block .related-gallery:last-child{display:block!important;}
#related-vehicle-galleries.forged-related-galleries-multiple-block .related-gallery:last-child{display:none!important;}
}
#related-vehicle-galleries .intro { padding-left:40px; }
.hf-wheel-2020 #detail-gallery { padding:200px 0 260px 0; margin:0; clear: both;}
.hf-wheel-2020 #detail-gallery #slider-photos { padding:0; }
.hf-wheel #detail-gallery h2 { font-size:50px; font-weight:900; text-transform:uppercase; line-height: 1.05; margin:0 0 40px 0; }
.hf-wheel #detail-gallery p { font-size:16px; line-height:1.75; margin-bottom:40px; }
.hf-wheel #detail-gallery a.button { padding:0; background:none; color:#0e0e0e; font-weight:bold; font-size:11px; line-height:1.6; text-transform:uppercase; letter-spacing:1.8px; text-align:left; }
.hf-wheel #detail-gallery a.button svg { color:#D52331; display:inline-block; margin-bottom: -3px; }
.hf-wheel #detail-gallery a.button span { display:inline-block; text-align: left; line-height: 1.7; background:none; }
#centered-gallery #slider-pager.row { margin-left: 0; width: 100%; }
.hf-wheel #detail-gallery #centered-gallery { -webkit-box-shadow:none; box-shadow:none; }
.hf-wheel #detail-gallery #centered-gallery #slider-nav { margin: 0 !important; width: 100% !important; height: auto !important; position: relative; }
.hf-wheel #detail-gallery #centered-gallery #slider-nav .slider-arrows { margin:-34% 0 0 0; position: absolute; width: 100%; }
.hf-wheel-2020 .slick-prev {
left: 0px; background: #fff url(//vossenwheels.com/wp-content/themes/vossen/assets/icons/arrow-left.svg) center center no-repeat; height:32px; width:32px; text-indent: -999em;
}
.hf-wheel-2020 .slick-next {
right: 0px; background: #fff url(//vossenwheels.com/wp-content/themes/vossen/assets/icons/arrow-right.svg) center center no-repeat; height:32px; width:32px; text-indent: 999em;
}
.hf-wheel #detail-gallery #centered-gallery #slider-nav .slider-dots { margin:40px 0 0 0; position: absolute; width: 100%; }
.hf-wheel #detail-gallery #centered-gallery #slider-nav ul.slick-dots { display:flex; position:relative; }
.hf-wheel #detail-gallery #centered-gallery #slider-nav ul.slick-dots li {
width: auto !important; height:2px !important; line-height: normal !important; margin: 0 1px !important; text-align: center !important; display: inline-flex; flex: 1;
}
.hf-wheel #detail-gallery #centered-gallery #slider-nav ul.slick-dots li button {
width: 100% !important; height:2px !important; color: #DFDFDF !important; background:#DFDFDF !important; border: none !important;
border-radius: 0 !important; opacity: 1 !important; overflow: hidden; padding:0; text-align: center !important;
}
.hf-wheel #detail-gallery #centered-gallery #slider-nav ul.slick-dots li.slick-active button { color:#0e0e0e !important; background:#0e0e0e !important; }
#flow-process { padding-bottom:160px; }
#flow-header { padding:0; }
#flow-header h2 { font-size:18px; font-weight:900; text-transform:uppercase; letter-spacing:1.3px; }
#flow-process img { display:block; margin: 0 auto; }
#flow-process h3 { display:inline; font-size:16px; font-weight:bold; }
#flow-process p { display:inline; font-size:16px; }
.hf-wheel #size-chart { padding:200px 0 140px 0; background:#F1F1F1; clear: both;}
.hf-wheel #size-chart h2 { font-size:50px; font-weight:900; text-transform:uppercase; line-height: 1.05; margin:0 0 40px 0; }
.hf-wheel #size-chart .large-4 p { font-size:16px; line-height:1.75; margin-bottom:40px; }
.hf-wheel #size-chart .large-4 a.button {
padding:0; background:none; color:#0e0e0e; font-weight:bold; font-size:11px; line-height:1.6; text-transform:uppercase;
letter-spacing:1.8px; text-align:left; margin-bottom:80px;
}
.hf-wheel #size-chart .large-4 a.button svg { color:#D52331; display:inline-block; }
.hf-wheel #size-chart .large-4 a.button span { display:inline-block; width: 70%; text-align: left; line-height: 1.7; background:none; }
.hf-wheel #size-chart .large-4 h3 { font-size:18px; letter-spacing:1.3px; text-transform:uppercase; font-weight:900; margin-bottom:30px; }
.hf-wheel #size-chart .large-4 ul.concave-profiles { list-style:none; padding:0; margin:0; } .hf-wheel #size-chart .large-4 ul.concave-profiles li { list-style:none; display:inline-block; width: 28%; margin:0 4% 0 0; }
.hf-wheel #size-chart .large-4 ul.concave-profiles li p { margin-top:16px; color:#3D3D3D; font-weight:bold; font-size:11px; text-transform:uppercase; letter-spacing:1.8px; }
.hf-wheel #size-chart #size-tabs #tab-header h3 { color:#3D3D3D; font-weight:800; font-size:11px; text-transform:uppercase; letter-spacing:1.8px; margin:20px 0; }
.hf-wheel #size-chart .tabs { text-align: left; margin-bottom: 20px !important; }
.hf-wheel #size-chart .tabs .tab-title > a { font-size: 14px; color: #0e0e0e; font-weight: normal; background: #ededed; padding: 22px 31px; border: 1px solid #0E0E0E; line-height: normal; }
.hf-wheel #size-chart .tabs .tab-title.active a { background: #0E0E0E; color: #fff; font-weight: bold; }
.hf-wheel #size-chart table { font-size: 16px; background:none; border: none; border-top: 1px solid #979797; }
.hf-wheel #size-chart table thead { background: none; }
.hf-wheel #size-chart th.col-1 { width: 20%; text-align:left; vertical-align: top; border-right:none; }
.hf-wheel #size-chart th { background:none; color:#3D3D3D; text-align:left; text-transform: uppercase; border-top: 20px solid transparent; font-weight:bold; font-size: 11px; letter-spacing:1.8px; padding:10px 16px 20px 20px; }
.hf-wheel #size-chart td.col-1 { width: 20%; text-align:left; vertical-align: top; border-right:none; padding: 20px; font-size: 16px; font-weight:normal; }
.hf-wheel #size-chart table td p { font-size: 16px; font-weight:normal; margin: 0 0 10px 0; line-height: normal; }
.hf-wheel #size-chart table td p strong { font-weight:normal; display: inline-block; }
.hf-wheel #size-chart tbody tr:nth-child(odd) { background:#fff; }
.hf-wheel #size-chart tbody tr:nth-child(even) { background:none; }
.hf-wheel #size-chart tbody span {
height: 16px; width: 16px; text-align: center; display: inline-block; background: #ccc; vertical-align: middle; margin-right: 10px; font-size: 11px; font-weight: bold;
}
.hf-wheel #size-chart #table-legend #legend-header h2 { color: #fff; font-size: 11px; text-transform: uppercase; text-align: left; font-weight: 700; padding: 20px; letter-spacing: 1.8px; margin:4px 0 0 0; }
.hf-wheel #size-chart #table-legend #legend-content ul#legend-list { line-height: 1; }
.hf-wheel #size-chart #table-legend #legend-content ul#legend-list li strong { font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
.hf-wheel #size-chart #table-legend #legend-content ul#legend-list li span { height: 20px; width: 20px; text-align: center; display: inline-block; vertical-align: top; margin-right: 10px; line-height: 1; }
.hf-wheel #size-chart #table-legend #legend-content ul#legend-list li span:after { font-size: 12px; font-weight: bold; }
#custom-program { padding:130px 0 140px 0; border-top:4px solid #fff; background:#f1f1f1; }
#custom-program h3 { font-size:14px; text-transform:uppercase; letter-spacing:.9px; font-weight:bold; margin-top:0; }
#custom-program h2 { font-size:50px; font-weight:900; text-transform:uppercase; line-height: 1.05; margin:0 0 40px 0; }
#custom-program p { font-size:16px; line-height:1.75; margin-bottom:40px; }
#custom-program a.button { padding:0; background:none; color:#0e0e0e; font-weight:bold; font-size:11px; line-height:1.6; text-transform:uppercase; letter-spacing:1.8px; text-align:left; }
#custom-program a.button svg { color:#D52331; display:inline-block; margin-bottom: -3px; }
#custom-program a.button span { display:inline-block; text-align: left; line-height: 1.7; background:none; }
#custom-program .large-8 img { width:100%; max-width:100%; }
#custom-program .ct-block .content { padding:40px 42px; background:#fff; }
#custom-program .ct-block .content h4 { font-size:18px; font-weight:900; letter-spacing:1.3px; text-transform:uppercase; margin:0 0 20px 0; }
#custom-program .ct-block .content p { font-size:14px; color:#3A3A3A; line-height:2; margin:0 0 20px 0; }
#custom-program .button-row a.button { color:#0e0e0e; background:#fff; font-size:14px; letter-spacing:normal; font-weight:normal; padding:18px 36px; margin-top:40px; }
html { scroll-behavior: smooth; }
.hf-wheel-2020 #related-products { padding:200px 0; overflow:hidden; }
#related-products .row { padding:0; }
#related-products h2 { font-size: 50px; font-weight: 900; text-transform: uppercase; line-height: 1.05; margin: 0 0 80px 0; }
.hf-wheel .related-product { transition: all 0.35s; }
.hf-wheel .related-product .content {
transition: all 0.35s; min-height:1px; overflow:hidden; padding:0;
background: #fff; -webkit-box-shadow:none; box-shadow: none; 
border:1px solid rgba(238,238,238,0.58);
}
.hf-wheel .related-product:hover .content { border:1px solid #d7d7d7; }
.hf-wheel .related-product .product-image { background:rgba(238,238,238,0.58); }
.hf-wheel .related-product .product-image img { width:100%; max-width:100%; mix-blend-mode: multiply; }
.hf-wheel .related-product .product-image::before {
content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1;
}
.hf-wheel .related-product .product-header { min-height:5.23rem; background:#fff; padding:20px 25px; }
.hf-wheel .related-product .content h3 { margin:0; line-height:1.3125; font-size: 16px; font-weight:600; text-transform:none; text-align:left; letter-spacing:1px; }
footer#footer { background: #0e0e0e; }
#footer-top { border-top:1px solid #363636; padding:30px 0; }
#footer-social { vertical-align:middle; padding-left:0; }
#footer-social a.social-link { width: 24px; margin-right: 24px; display: inline-block; }
#footer-logo { text-align:center; vertical-align: middle; }
#footer-top img.footer-logo { margin:0 auto; }
#footer-button { text-align:right; vertical-align:middle; padding-right:0; }
#footer-button a.button { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;
margin-bottom: 0; color: #0e0e0e; background: #fff; border: 1px solid #fff; padding: 10px 26px 11px 26px; transition: all 0.35s;
}
#footer-button a:hover.button { margin-bottom: 0; color: #fff; background: #0e0e0e; border: 1px solid #fff; padding: 10px 26px 11px 26px; }
#footer-links { border-top: 1px solid #363636; padding:75px 0; }
#footer-links .columns { padding:0; }
footer h3, footer h3 a { font-size: 12px; color: #8D8D8D; text-transform: uppercase; letter-spacing: 2px; }
#footer-links ul li { font-size: 14px; margin: 0; line-height: 2.14; }
#footer-links ul li a { color: #fff; }
#copyright { border-top: 1px solid #363636; padding:30px 0; text-align:center; }
@media only screen and (max-width:640px) {
.hf-wheel-2020 #wheel #wheel-switcher { margin-bottom: 60px; }
.hf-wheel-2020 #wheel #wheel-switch-nav li a svg {
fill: none; color: #0e0e0e; float: left; margin-right: 5px; -webkit-transition: all 0.35s; transition: all 0.35s; height: 14px; margin-top: 5px;
}
.hf-wheel #wheel .cs-right { padding-top: 0; }
.hf-wheel-2020 #wheel h1 { font-size:70px; }
.panel-wrap { width:100%; right: -110%; }
.panel-list .swatch-nav .thumb { width: 31% !important; }
#additional-mobile { position:relative; }
#additional-mobile .mobile-slides { position:relative; margin:0; }
.hf-wheel #additional-mobile #slider-pager.row { width: 100%; margin-left: 0; margin-right: 0; margin-top: -44%; position: absolute; }
.hf-wheel #additional-mobile .mobile-arrows { margin:-40% 0 0 0; position:absolute; width: 100%; }
.hf-wheel-2020 #galleries .video-thumb[style] { width:31.3% !important; margin-right: 3%; display: block; margin-bottom: 2px; max-height: 100px; }
.hf-wheel-2020 #galleries .video-thumb:last-child[style] { margin-right:0; }
.hf-wheel-2020 #galleries { padding-top:100px; }
.hf-wheel-2020 #galleries .gallery-slider { margin:0; }
.hf-wheel-2020 #galleries h2 { display:none; }
.hf-wheel-2020 .gallery-nav { padding:0; }
#related-galleries { padding:0 0.9375rem 60px 0.9375rem; }
#related-galleries .intro h2, .hf-wheel #detail-gallery h2, .hf-wheel #size-chart h2, #custom-program h2 { font-size:30px; }
#related-galleries .intro h2 { font-size:30px; float:left; }
#related-wheel-galleries { padding-top:10px; }
#related-vehicle-galleries { margin-top:100px; }
#related-vehicle-galleries .intro { padding-left:0; }
#related-galleries .intro a.button { float: right; margin: 30px 0 0 30px; }
#related-galleries .intro a.button svg { margin-bottom: -3px; }
.hf-wheel #detail-gallery { padding: 100px 0 100px 0; }
.hf-wheel #detail-gallery #slider-photos { padding-bottom: 0; }
.hf-wheel #detail-gallery #centered-gallery { margin-left:-0.9375rem; margin-right:-0.9375rem; }
.hf-wheel #detail-gallery #centered-gallery #slider-pager.row { width: 100%; margin-left: 0; margin-right: 0; }
.hf-wheel #detail-gallery #centered-gallery #slider-nav .slider-dots { display:none; }
.hf-wheel #detail-gallery h2 { margin-top:60px; }
#flow-process { padding:0 0.9375rem 80px 0.9375rem; }
#flow-process-content-mobile .tabs .tab-title { text-align:left; width:24%; }
#flow-process-content-mobile .tabs .tab-title > a {
font-size: 15px; color: #0e0e0e; text-transform: none; letter-spacing: 0; background: #fff; text-align: left; padding:0 0 20px 0;
font-weight: 400; border: none; border-bottom: 1px solid #E1E1E1; min-width: 20px; margin: 0; width: 100%;
}
#flow-process-content-mobile .tabs .tab-title.active a {
font-size: 15px; color: #0e0e0e; text-transform: none; letter-spacing: 0; background: none; text-align: left; padding: 0 0 20px 0;
font-weight: 700; outline: 0; border: none; border-bottom: 3px solid #c02620; min-width: 0px; margin: 0; width: 100%;
}
#flow-process-content-mobile .tabs-content > .content { padding: 1.875rem 2.5rem; }
.hf-wheel #size-chart { padding: 100px 0; background: #F1F1F1; }
.hf-wheel #size-chart .large-4 h3 { margin-top: 0; }
.hf-wheel #tab-header { width: 100%; float: left; }
.hf-wheel #tab-links { width: 100%; float: left; }
.hf-wheel #size-chart .tabs { display: flex; }
.hf-wheel #size-chart .tabs .tab-title { width:100%; }
.hf-wheel #size-chart .tabs .tab-title a { width:99%; }
.hf-wheel #size-chart th.col-1 { width: 40%; }
.hf-wheel #size-chart table td p[style] { width:100%; display:block !important; }
.hf-wheel-2020 #table-legend { margin-right:-1.875rem; margin-left:-1.875rem; }
.hf-wheel #table-legend #legend-header { width: 25%; float: left; }
.hf-wheel #table-legend #legend-content { width:75%; float:left; }
.hf-wheel #table-legend #legend-content ul#legend-list { text-align: left; }
.hf-wheel #table-legend #legend-content ul#legend-list li { margin: 0 3% 3% 3%; width: 36%; }
#custom-program { padding: 0 0 100px 0; border-top: none; background: #f1f1f1; }
#custom-program h3 { margin-top:40px; }
#custom-program .ct-block { margin-bottom:32px; }
#custom-program .button-row a.button { margin-top:8px; }
#footer-top { border-top:1px solid #363636; padding:30px 0; }
#footer-social { vertical-align:middle; padding:30px 0 0 0; text-align:center; }
#footer-social a.social-link { width:20px; margin-right:20px; display: inline-block; }
#footer-social a.social-link:last-child { margin:0; }
#footer-logo { text-align:center; vertical-align: middle; }
#footer-top img.footer-logo { margin:0 auto; }
#footer-button { display:none; text-align:center; vertical-align:middle; padding:0; }
#footer-links .columns { padding:0 0.9375rem; }
#footer-links ul { display: block; }
} .fitmentSectionContainer{width: 100%; float: left; padding:137px 0 85px; position: relative; background-size: cover; height: 440px; }
.fitmentSectionContainer:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0; background: linear-gradient(0deg, rgba(14,14,14,1.13) 0%, rgba(14,14,14,0.7) 100%);background: #0e0e0e; }
.fitment-content{max-width: 1010px; margin: 0 auto; position: relative; display: flex;}
.left-fitment-contents{ }
.fitment-content h2{ font-family: 'HND-ExtraBlack'; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 3rem;line-height: 1.2; margin: 0;}
.right-select-content{display: flex; margin-top: 13px; padding-left: 48px; }
.custom-field{ margin: 0 0px 0 24px; width: 32%; float: left; }
.custom-field:first-child{ width: 27%; }
.chosen-new-select{ position: relative; }
.chosen-new-select .chosen-container-single .chosen-single{ border: 1px solid #666666 !important; border-radius: 0px ; background: #0E0E0E !important; height: 50px; letter-spacing: 1px !important; font-weight: 400; font-family: 'HND-Regular'; }
.chosen-new-select .chosen-container-active .chosen-single{ letter-spacing: 1px !important; background: transparent !important; border: 1px solid #fff !important; color: #fff; }
.chosen-new-select .chosen-container-single .chosen-single span{ font-size: 12px !important; color: #949494; line-height: 49px; padding-left: 13px; font-weight: 400; }
.chosen-new-select .chosen-container-single .chosen-single div b{ background: url(//vossenwheels.com/wp-content/themes/vossen/assets/css/down-arrow.png) no-repeat 0px 2px !important; }
.quote-button-custom-field{ text-align: right; }
.quote-button-custom-field a.button{
margin-bottom: 0; color: #0e0e0e; background: #fff; border: 1px solid #fff; padding: 16px 40px 16px 40px; transition: all 0.35s; font-size: 14px;
font-weight: bold; text-transform: uppercase; letter-spacing: -1px; display: inline-block; min-width: 200px;
}
.chosen-new-select .chosen-container-single .chosen-single div{ right: 2px; top: 16px; }
.terget-filters{ width: 100%; float: left; margin-top: 30px; }
.terget-filters a{ float: left; color: #949494; font-family: 'HND-ExtraBold'; font-size: 10px; font-weight: 800; letter-spacing: 1.67px; line-height: 12px; display: inline-block;
text-transform: uppercase; padding: 0 10px 10px 10px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; border-bottom: 1px solid #666666;
}
.terget-filters a.active{ color: #fff; border-bottom: 1px solid #fff; }
.terget-filters a:first-child{ padding: 0 0px 10px 0px; }
.make_model_year_container{ width:100%; float:left; display: flex; margin-bottom: 103px; }
.wheel_size_containerDisplay{ width: 100%; display: none; margin-bottom: 62px; }
.wheel_size_container{ width: 90%; float: right; }
.wheel_size_container #tab-links{ width:100%; }
.wheel_size_container #tab-links .tabs .tab-title{ width:33%; flex: 0 0 31.2%; margin-left: 10px; margin-bottom: 10px !important; }
.wheel_size_container .tabs{ text-align: inherit; display: flex; flex-wrap: wrap; }
.wheel_size_container .tabs .tab-title > a{
min-width: 100%; 
border: 1px solid #666666 !important; 
border-radius: 0px; 
background: #0E0E0E !important; 
height: 80px; letter-spacing: 1px !important; 
color: #949494 !important;
font-size: 20px; line-height: 80px; 
padding: 0; margin: 0; 
font-family: 'HND-Regular';
font-weight:400;
}
.wheel_size_container .tabs .tab-title.active a{
min-width: 100%; 
border: 1px solid #fff !important; 
border-radius: 0px; 
background: transparent !important; 
height: 80px; letter-spacing: 1px !important; 
font-size: 20px; line-height: 80px; 
padding: 0; margin: 0;
color: #fff!important;
font-family: 'HND-Bold';
font-weight:700;
} .request_quote_form_container{ margin-bottom: 20px; display: none; }
.request_form_text{ padding-left: 25px; margin-bottom: 20px; margin-top: -80px; }
.request_form_text h4{ color: #fff; font-size: 16px; font-family: 'HND-ExtraBold'; font-weight: 800; margin: 0; letter-spacing: 0px; padding-bottom:3px; }
.request_form_text span{ color: #fff; font-size: 16px; font-family: 'HND-Medium'; font-weight: 500; letter-spacing:0px; }
.half-columns{ position: relative; padding-left: 1.5375rem; float: left; }
.quote-field input{
min-width: 100%; border: 1px solid #666666 !important; border-radius: 0px; background: #0E0E0E !important; height: 55px; letter-spacing: 1px !important;
color: #ffffff !important; padding: 1rem; text-transform: uppercase; margin: 0 0 1.5rem 0!important;
}
.quote-field input:focus{ border: 1px solid #fff !important; background: transparent !important; }
.quote-submit-box { text-align: right; margin-top: 20px; float: left; width: 100%; }
input.request__submit{
margin-bottom: 0; color: #0e0e0e!important; background: #fff!important; border: 1px solid #fff!important; padding: 16px 40px 16px 40px!important; transition: all 0.35s;
font-size: 14px!important; font-weight: bold; text-transform: uppercase; letter-spacing: -1px!important; display: inline-block; min-width: 200px !important;
}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
margin-bottom: 0; color: #0e0e0e!important; background: #fff!important; border: 1px solid #fff!important; padding: 16px 40px 16px 40px!important; transition: all 0.35s;
font-size: 14px!important; font-weight: bold; text-transform: uppercase; letter-spacing: -1px!important; display: inline-block; min-width: 200px !important;
}
.quote-field input::-webkit-input-placeholder { color: #949494; } .quote-field input::-moz-placeholder { color: #949494; } .quote-field input:-ms-input-placeholder { color: #949494; } .quote-field input:-moz-placeholder { color: #949494; } .quote-field input:focus::-webkit-input-placeholder { color: #fff; } .quote-field input:focus::-moz-placeholder { color: #fff; } .quote-field input:focus:-ms-input-placeholder { color: #fff; } .quote-field input:focus:-moz-placeholder { color: #fff; } .validation_error{ padding-left: 25px; margin-bottom: 20px; margin-top: 0; font-size: 12px; }
.validation_message{ position: absolute; top: 68%; font-size: 12px; }
.gform_footer{ padding-top: 18px; text-align: right; padding-left: 0; padding-right: 0; position: relative; }
#gform_ajax_spinner_15{ position: absolute; left: 53%; bottom: 20%; width: 20px; }
#make_err_msg,#year_err_msg,#model_err_msg{ font-size: 12px; position: absolute; left: 0; bottom: -20px; }
#gform_confirmation_message_15{ border: 1px solid #fff; padding-left: 0; margin-bottom: 20px; margin-top: 0; font-size: 14px; padding: 7px; margin-left: 23px; }
body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message { color: #D52331; }
.gform_validation_error .ginput_container [aria-invalid="true"]{ border: 1px solid #D52331 !important; } .tabgroup-forged .tab-title {
width: 13%!important;
margin: 0 8px!important;
}
.tabgroup-forged .tab-title > a{
padding: 16px 18px!important;
}
.monoblock-forgedsec h2{ 
color: #0E0E0E!important; 
font-family : 'HND-ExtraBlack'!important;
font-size: 18px !important; 
font-weight: 900!important; 
letter-spacing: 1.29px!important; 
line-height: 22px!important;
margin-bottom:16px!important;
}
.monoblock-forgedsec img {display:block!important;}
.monoblock-forgedsec{background:#fff;padding:40px;margin-left:-15px;margin-right:-15px;}
.monoblock-forgedsec #options-concave p{
color: #3A3A3A;
font-family: 'HND-Regular'!important;
font-weight:400!important;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
padding-right:0px!important;
}
.size-chart-forged-series p{
color: #3A3A3A!important;
font-size: 16px!important;;
letter-spacing: 0!important;
line-height: 28px!important;
font-family: 'HND-Regular'!important;
font-weight:400!important;
}
.chart_table_grid tbody tr {
background: #fff!important;
}
.chart_table_grid table td p{
color: #3A3A3A;
font-family: 'HND-Regular'!important;
font-weight:400!important;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
}  .forged-process-container{
background: #0E0E0E !important;
padding: 100px 0 80px 0 !important;
float: left;
width: 100%;
}
.forged-process-container h2{
color: #fff !important;
font-family: 'HND-Black';
font-size: 50px;
font-weight: 900;
letter-spacing: 0;
line-height: 55px;
}
.forged-process-container h3{
color: #fff !important;
}
.forged-process-container p{
color: #949494 !important;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
font-family: 'HND-Regular'!important;
font-weight:400!important;
}
.forged-process-container a.button span{
font-size: 11px;
font-weight: 800;
letter-spacing: 1.83px;
line-height: 18px;
color: #fff !important;
font-family: 'HND-ExtraBold';
font-weight: 800;
}
.forged-process-container .ct-block .content{
background: #191919 !important;
padding: 32px 42px !important;
}
.forged-process-container .ct-block .content h4{
color: #fff !important;
font-family: 'HND-Black';
font-weight: 900;
}
.forged-process-container .ct-block .content p{
color: #949494;
font-family: 'HND-Regular'!important;
font-weight:400!important;
font-size: 14px;
letter-spacing: 0;
line-height: 28px;
}
.forged-process-container .button-row a.button{
color: #0E0E0E;
font-family: 'HND-Bold';
font-size: 14px;
font-weight: 700;
letter-spacing: 0;
line-height: 17px;
text-align: center;
margin-top: 60px !important;
}
.forged-process-container .row {
padding: 50px 0;
}
.accessories-wheel-slider-section{
padding: 150px 0 120px 0 !important;
overflow: hidden;
float: left;
width: 100%;
} .forged-series-container #wheel-switch-nav li a span{
color: #0E0E0E;
font-family: 'HND-ExtraBold';
font-weight: 800;
font-size: 11px;  
letter-spacing: 1.83px;
line-height: 13px;
}
.forged-right-container h1{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 80px;
font-weight: 900;
letter-spacing: 0;
line-height: 96px;
}
.forged-right-container p#status-category{
color: #0E0E0E;
font-family: 'HND-Bold';
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
line-height: 17px;
}
.forged-right-container .panel-link{
color: #0E0E0E;
font-family: 'HND-Medium';
font-weight:500!important;
font-size: 15px;
letter-spacing: 0;
line-height: 25px;
}
.forged-right-container p.wheel-price{
color: #3A3A3A;
font-family: 'HND-Regular'!important;
font-weight:400!important;
font-size: 14px;
letter-spacing: 0;
line-height: 26px;
}
.forged-right-container a.button{
color: #FFFFFF;
font-family: 'HND-Bold';
font-weight:700;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-align: center;
}
.forged-right-container #quote-disclaimer p a{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight:400;
font-size: 14px;
letter-spacing: 0;
line-height: 34px;
text-align: center;
}
.forged-right-container #status-category .new{
padding: 3px 6px !important;
}
.forged-right-container #cs-wheel-links a.button{
color: #0E0E0E;
font-family: 'HND-ExtraBold';
font-weight: 800;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.2px;
line-height: 13px;
text-align: center;
padding: 10px 25px;
margin-right: 16px;
}
.forged-right-container #cs-wheel-links a.active{
background: #0E0E0E;
box-shadow: none;
color: #fff;
}
.forged-series-container .media-video video{
width: 100%;
height:100%;
}
.forged-right-container #cs-content{
white-space: normal !important;
}
.fitmentSectionContainerForged{
height: 500px;
}
.hf-series-fitment-container{height: 550px;}
.hf-series-fitment-container .right-select-content{
min-height: 300px;
}
.hf-series-fitment-container .gform_footer{
padding-top: 74px;
}
.gform_footer input[type=submit]{
height: 53px;
}
.hf-series-fitment-container .wheel_size_container .tabs .tab-title.active a{
height:60px;
line-height : 60px;
}
.hf-series-fitment-container .wheel_size_container .tabs .tab-title > a{
height:60px;
line-height : 60px;	
}
.fitmentSectionContainerForged .wheel_size_containerDisplay{
margin-bottom: 13px;
}
.fitmentSectionContainerForged .wheel_size_container .tabs .tab-title.active a{
height: 60px;
line-height: 60px;
}
.fitmentSectionContainerForged .wheel_size_container .tabs .tab-title > a{
height: 60px;
line-height: 60px;
}
.fitmentSectionContainerForged .quote-button-custom-field{
position: absolute;
right: 0;
bottom: -60px;
}
.fitmentSectionContainerForged .gform_footer{
padding-top: 6px;
position: absolute;
right: 0;
bottom: -84px;
}
.forged-series-container .right-select-content{
height: 250px;
}
.fitmentSectionContainerForged .gform_footer input[type=submit]{
height: 53px;
}
.forged-series-container #galleries h2{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 50px;
font-weight: 900;
letter-spacing: 0;
line-height: 55px;
} .forged-series-container #related-galleries .intro h2{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 50px;
font-weight: 900;
letter-spacing: 0;
line-height: 55px;
}
.forged-series-container #related-galleries .intro a.button span{
color: #0E0E0E;
font-family: 'HND-ExtraBold';
font-weight: 800;
font-size: 11px;
letter-spacing: 1.83px;
line-height: 13px;
}
.forged-series-container #detail-gallery h2{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 50px;
font-weight: 900;
letter-spacing: 0;
line-height: 55px;
}
.forged-series-container #detail-gallery p{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight:400;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
}
.forged-process-paragraph p{
padding-right: 7%;
}
.forged-series-container #related-galleries .intro a.button svg{
position: relative;
margin-bottom: -6px;
}
#wheel-feature-options{
width: 100%;
float: left;
padding: 200px 0;
background: #fff;
}
#wheel-feature-options-row {
padding: 0px 0;
}
#wheel-feature-options h2 {
font-size: 50px;
font-weight: 900;
text-transform: uppercase;
font-family: 'HND-Black';
line-height: 1.05;
margin: 0 0 40px 0;
}
.nav-pills-custom .nav-link {
color: #aaa;
background: #fff;
position: relative;
}
.nav-pills-custom .nav-link.active {
color: #45b649;
background: #fff;
}
.features_option_details_block{
display: flex;
margin-top: 30px;
}
.grid {
list-style: none;
margin-left: 0px;
}
.gc {
box-sizing: border-box;
display: inline-block;
margin-right: -.25em;
min-height: 1px;
padding-left: 40px;
vertical-align: top;
}
.gc--1-of-3 {
width: 33.33333%;
}
.gc--2-of-3 {
width: 66.66666%;
}
.naccs {
position: relative; }
.naccs .left-grid-menu div {
padding: 4px 20px 4px 20px;
margin-bottom: 7px;  cursor: pointer;
position: relative;
vertical-align: middle;
font-weight: 700;
transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
color: #828282;
font-family: 'HND-ExtraBold';
font-weight: 800;
font-size: 14px;
letter-spacing: 0.88px;
line-height: 21px;
}
.naccs .left-grid-menu div:hover { }
.naccs .left-grid-menu div span.light {
height: 41px; width: 2px;
position: absolute;
left: 7px;
top:-4px;
background-color: #DFDFDF;   transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .left-grid-menu div.active span.light {
background-color: #0E0E0E;
height: 41px; }
.naccs .left-grid-menu div.active {
color: #0E0E0E;
padding: 4px 20px 4px 20px;
font-size: 16px;
letter-spacing: 1px;
}
.naccs .left-grid-menu div small{
padding: 3px 7px;
border-radius: 3px;
background-color: #000000;
color: #FFFFFF;
font-family: 'Open Sans', sans-serif !important; 
font-weight:600;
font-size: 8px;
letter-spacing: 0.88px;
letter-spacing: 0;
line-height: 10px;
text-transform: uppercase;
margin-top: 5px;
margin-left: 5px;
}
.left-grid-menu{
margin-left: 100px;
margin-top: 60px;	
}
ul.nacc {
position: relative;
height: 0px;
list-style: none;
margin: 0;
padding: 0;
transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li {
opacity: 0; position: absolute;
list-style: none; transition: opacity 900ms ease 0s;
}
ul.nacc li.active {
transition-delay: .1s;
z-index: 2;
opacity: 1; }
ul.nacc li p {
margin: 0;
}
.feature-heading-sections-left{
color: #0E0E0E;
font-family: 'HND-Black';
font-weight: 900;
font-size: 18px;
letter-spacing: 1.29px;
line-height: 24px;
text-transform: uppercase;
display: block;
}
.feature-heading-sections-right{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight:400;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
}
.features_option_details_block small{
padding: 3px 7px;
border-radius: 3px;
background-color: #000000;
color: #FFFFFF;
font-family: 'HND-Regular';
font-weight:400;
font-size: 8px;
letter-spacing: 0.88px;
line-height: 10px;
text-transform: uppercase;
margin-top: 13px;
}
.finish_color_box {
box-sizing: border-box !important;
height: 50px!important;
width: 250px!important;
border: 1px solid #666666!important;
background-color: #0E0E0E!important;
color: #949494!important;
margin: 32px 0 0 10px!important;
font-family: "HND-Regular"!important;
font-weight: 400!important;
text-transform: uppercase;
}
.finish_color_box::placeholder {
color:#949494!important;
opacity: 1; }
.finish_color_box:-ms-input-placeholder { color:#949494!important;
}
.finish_color_box::-ms-input-placeholder { color:#949494!important;
}
.palceholder{
position: absolute;
top: 5px;
right: 14px;
color: #B1B1B1;
}
label{
font-wight: normal;
color: #B1B1B1;
} 
.star{
color: red
}
.ginput_container_phone .palceholder{
display:none!important;
}  
.forged #wheel .cs-right {
margin-left: 0px!important;
}
.forged-series-container #wheel .forged-right-container{
margin-left: 4.33333% !important;
}
.no_content_padding{padding-top:10px!important;background:#fff!important;}
.no_gallery_padding-right p{
text-align: right;
padding-right: 15px;
}
.no_gallery_padding-left p{
text-align: left;
padding-left: 5px;
} .forged-series-container #galleries{
padding-top: 100px;
padding-bottom: 60px;
}
.forged-series-container #related-galleries {
padding: 80px 0 !important;
}
.forged-series-container #detail-gallery {
padding: 100px 0 160px 0 !important;
}
.forged-series-container #size-chart {
padding: 100px 0 100px 0;
}  .row-less-padding{
padding: 0;
max-width: 1259px;
}
.porsche-wheel-series-container{
width: 100%;
float: left;
}
.custom-top-intro{
background: #fff;
padding: 88px 0 60px;
width: 100%;
float: left;
}
.custom-top-intro-left-container img{  }
.custom-top-intro-right-container {
padding-top: 100px;
padding-bottom: 60px;
margin-left: 8.33333%;
}
.custom-top-intro-right-container h1 {
color: #0E0E0E;
font-family: 'HND-Black';
text-transform: uppercase;
font-size: 60px;
font-weight: 900;
letter-spacing: 0;
line-height: 60px;
margin: 4px 0 30px;
}
.custom-top-intro-right-container .status-category{	
font-family: 'HND-Bold';
color: #0E0E0E;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
line-height: 17px;
text-transform: uppercase;
}
.custom-top-intro-right-container a.button {
color: #FFFFFF;
font-family: 'HND-Bold';
font-weight: 700;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-align: center;
background: #0e0e0e;
border: 1px solid #0e0e0e;
text-transform: uppercase;
padding: 18px 50px;
-webkit-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
}
.custom-top-intro-right-container a:hover.button{
background: #fff;
color:#0e0e0e;
}
.porsche-mx-series{
background: #fff;
padding: 88px 0 118px;
width: 100%;
float: left;
}
.porsche-mx-series-container{
width: 100%;
float: left;
padding: 60px 0 60px;
}
.mx-series-container-heading{   
margin-bottom: 30px;
}
.mx-series-container-heading h2{	
color: #0E0E0E;
font-family: 'HND-Black';
text-transform: uppercase;
font-size: 50px;
font-weight: 900;
letter-spacing: 0;
line-height: 55px;	
}
.porsche-mx-series-wheel{
text-align: center;
width: 20%;
float: left;
min-height: 300px;
padding-bottom: 0;
margin: 0 5% 0 0;
}
.porsche-mx-series-wheel h3{
color: #0E0E0E;
font-family: 'HND-Black';
text-transform: uppercase;
font-size: 18px;
font-weight: 900;
letter-spacing: 1.29px;
line-height: 24px;
text-align: center;
margin: 0 0 6px;
}
.porsche-mx-series-wheel h3 a{
color: #0E0E0E; 
}
.porsche-mx-series-wheel .wheel-thumb img{
margin: auto; }
.porsche-mx-series-wheel .series{
font-weight: 500;
font-family: 'HND-Medium';
color: #0E0E0E; 
font-size: 15px;
letter-spacing: 0;
line-height: 22px;
text-align: center;
}
.mx-series-button-container{
width: 100%;
float: left;
text-align: center;
padding: 42px 0px;
}
.mx-series-button-container a.button {
color: #FFFFFF;
font-family: 'HND-Bold';
font-weight: 700;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-align: center;
background: #0e0e0e;
border: 1px solid #0e0e0e;
text-transform: uppercase;
padding: 18px 59px;
margin: 0;
-webkit-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
}
.mx-series-button-container a:hover.button{
background: #fff;
color:#0e0e0e;
}
.seo-porsche-container{
width: 100%;
float: left;
padding: 200px 0px;
background-color: #F1F1F1;
}
.seo-porsche-container-left .mx-series-container-heading{
margin-bottom: 25px;
margin-top: 8px;
padding-right: 25px;
}
.seo-porsche-container-left p{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight: 400;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
}
.porsche-car-wheels-container{
width: auto;
flex-wrap: wrap;
justify-items: right;
}
.porsche-car-wheels{
width: 315px;
float: right;
margin: 0 5px;
}
.porsche-car-wheels img{
max-width: 315px;
}
.porsche-car-wheels h4{
color: #0E0E0E;
font-family: 'HND-ExtraBold';
font-size: 16px;
font-weight: 800;
letter-spacing: 1px;
line-height: 21px;
margin: 25px 0 30px;
}
.porsche-car-wheels h4 a{
color: #0E0E0E;
}  .car-wheels-custom-gallery .porsche-mx-series-wheel{
min-height: inherit;
width: 25%;
margin: 0 0% 0 0;
padding: 0px;
} .mx-series-container-wheel-container{
display: flex;
flex-wrap: wrap;
} #vossenXseries .row{
max-width: 1258px;
padding: 32px 0;
}
.vossenXseriesContent{
width: 100%;
float: left;
display: flex;
background: #F1F1F1;
}
.left-xrs-content {
width: 375px;
height: 128px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
clip-path: polygon(0 0, 100% 0%, calc(100% - 32px) 100%, 0% 100%);
} .right-xrs-content{
padding: 33px 45px 9px 94px;
background: #F1F1F1;
width: 73%;
display: flex;
}
.logo-text-container{
width: 75%;
padding-right: 5em;
}
.logo-content img:first-child{
margin-right: 10px;
height:22px;
}
.logo-text-container p{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight: 400;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
margin-top: 7px;
}
.x-sris-button-container{
width: 205px;
float: right;
text-align: right;
display: flex;
align-content: center;
flex-wrap: wrap;
}
#vossenXseries a.button {
color: #0E0E0E;
font-family: 'HND-Bold';
background:#fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
text-align: center;
padding:18px 25px;
text-transform: uppercase;
border:1px solid transparent;
transition: all 0.35s;
}
#vossenXseries a.button:hover{
border:1px solid #0e0e0e;
}
.collaboration-section{
float: left;
width: 100%;
padding: 100px 0;
} #collaboration .intro{
padding-right: 80px;
}
#collaboration .intro a{
color: #FF0000;
}	
#collaboration .intro h2{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 50px;
font-weight: 900;
letter-spacing: 0;
line-height: 55px;
text-transform: uppercase;
margin: 12px 0 25px;
}
#collaboration .intro h3{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 18px;
font-weight: 900;
letter-spacing: 1.29px;
line-height: 22px;
text-transform: uppercase;
margin-top: 35px;
margin-bottom: 15px;
}
#collaboration .intro p{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight: 400;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
padding-right: 5em;
}
.collaboration-right-content h2, .collaboration-right-content h3, .collaboration-right-content b{
color: #0E0E0E;
font-family: 'HND-Black';
font-size: 18px;
font-weight: 900;
letter-spacing: 1.29px;
line-height: 22px;
text-transform: uppercase;
margin-top: 35px;
margin-bottom: 15px;
display: block;
}
.collaboration-right-content p{
color: #3A3A3A;
font-family: 'HND-Regular';
font-weight: 400;
font-size: 16px;
letter-spacing: 0;
line-height: 28px;
} .media-video video{
width: 100%;
height: 100%;
} .all_custom_finishes_btn{
font-family: 'HND-Bold';
font-weight: bold;
letter-spacing: 0;
line-height: 17px;
} .embed-gallery-box{display: flex;}
.embed-gallery-box .share_vehicle_gallery{
margin-left: 10px;
position: relative;
}
.embed-gallery-box .share_wheel_gallery{
margin-left: 10px;
position: relative;
}
#copy_message {
position: absolute;
top: -37px;
left: -14px;
width: 150px;
color: #607d8b;
font-size: 14px;
background: #fff;
padding: 5px 5px;
font-size: 13px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 0px;
color: #0e0e0e;
background: #fff;
text-align: center;
display:none;
}
#copy_message:after{ 
content:"";
position: absolute;
width: 15px;
height: 15px;
border-top: solid 13px #fff;
border-left: solid 13px transparent;
border-right: solid 13px transparent;
left: 40%;
bottom: -14px;
}
.embed-gallery-box h1{
margin-top :9px;
}
.embed-gallery-box-detail-header{
float:left;
overflow:visible;
width:100%;
}
.embed-gallery-box-detail-header #detail-header-bar-button
{
float:right; padding-left:15px;
padding-top:0px;
}
.share_single_gallery_links{
position: relative;
}   .brand-guidelines-container header.content-header { 
position:relative!important; 
height:auto!important; 
max-height:none!important; 
overflow:hidden!important; 
text-align:center!important; 
color:#fff!important;
background:#141414!important; 
}
.brand-guidelines-container header.content-header .row 
{ 
padding:15% 0 !important; 
}
.brand-guidelines-container header.content-header img { 
opacity:1!important; 
z-index:1!important; 
width:100%!important;
max-width:100%!important;
}
.brand-guidelines-container header.content-header .gray-overlay 
{   
background:rgba(0,0,0,0.3)!important; 
width:100%!important; 
height:100%!important; 
z-index:2!important; 
position:absolute!important; 
top:0px; bottom:0px!important; 
}
.brand-guidelines-container header.content-header p { 
font-size:13px!important; 
font-weight:700!important; 
letter-spacing:.15rem!important; 
margin:24px 0 20px 0!important; 
text-transform:uppercase!important; 
}
.brand-guidelines-container header.content-header h1 
{ 
color:#fff!important; 
font-size:48px!important; 
font-weight:700!important; 
letter-spacing:.25rem!important; 
line-height:48px!important; 
text-transform:uppercase!important; 
}
.brand-guidelines-container header.article-header 
{ 
padding:1.4rem 0 1rem 0!important; 
margin-bottom:2rem!important; 
border-bottom:16px solid #eee!important; 
}
.brand-guidelines-container h1.entry-title { 
font-size: 33px!important; 
font-weight:200!important; 
text-transform: uppercase!important; 
letter-spacing: .15rem!important; 
text-align: center; padding: 0!important; 
margin: 18px 0 12px 0!important; 
line-height: 1.56!important; 
}
.brand-guidelines-container p.category 
{ 
color: #1E1E1E; 
font-weight: 700; 
text-transform: uppercase; 
letter-spacing: 2px; 
margin: 6px 0 0 0; 
padding: 0; 
text-align: center; 
font-size: 12px; 
}
.brand-guidelines-container p.category a, body.brand-guidelines-container p.date a 
{ 
color: #1E1E1E; 
}
.brand-guidelines-container p.date { 
color: #1E1E1E; 
font-style:italic; 
text-transform: uppercase; 
letter-spacing: 2px; 
margin: 0 0 16px 0; 
padding: 0; 
text-align: center; 
font-size: 15px; 
}
.brand-guidelines-container p.tags { 
color: #828282; 
text-transform: uppercase; 
letter-spacing: 1px; 
margin: 0 0 32px 0; 
padding: 0; 
text-align: center; 
font-size: 11px; 
}
.brand-guidelines-container p.tags a { 
color: #828282; 
}
.brand-guidelines-container p.tags a:hover { 
color:#EC2028; 
}
.brand-guidelines-container iframe { 
width: 883px; 
height: 496px; 
margin: 20px auto; 
display: block; }
.brand-guidelines-container .entry-content .aligncenter, .entry-content img.aligncenter { 
margin: 2rem auto; 
}
.brand-guidelines-container .entry-content a, body.brand-guidelines-container article footer a { 
color: #EC2028; 
}
.brand-guidelines-container article .article-footer { 
margin-bottom:70px; 
padding-top:70px; 
}
.brand-guidelines-container article .article-footer h1.page-header { 
background: #fff; 
text-align: center; 
width: 44% !important; 
font-size: 26px; 
letter-spacing: 6px; 
margin:-37px auto 40px auto; 
}
.brand-guidelines-container article .article-footer .author-avatar { 
border-radius: 200px; 
overflow: hidden; 
}
.brand-guidelines-container article .article-footer .author-description h3 { 
color:#1e1e1e; 
font-size: 20px; 
text-transform: uppercase; 
letter-spacing: 1px; 
margin: 15px 0 12px 0; 
}
.brand-guidelines-container article .article-footer .author-social-links { 
clear: both; 
margin: 12px 0 16px 0; 
}
.brand-guidelines-container article .article-footer .author-social-links a { 
display: inline-block; 
margin-right: 8px; 
} .brand-guidelines-container .wp-caption{
max-width: 32% !important;
padding: 5px;
float: left!important;
margin: 10px 0 0 10px!important;
} .single-vossen_gallery .gallery-slide img{
width: 100%;
height: 660px;
object-fit: contain;
background: #212121;
transform: scale(1.04);
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide[style] {
width: 47% !important;
height: 59px;
overflow: hidden;
outline: 0;
float: left;
margin: 1.2% !important;
background: #212121;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
transform: scale(1.08);
} .flag_hide {
display: none !important;
}
.size-list .flag_hide{
opacity: 1 !important;
font-size: 0;
position: relative;
display: block;
float: right !important;
}
.size-list .flag_hide::after {
content: '';
position: absolute;
width: 6px;
height: 25px;
background: #fff;
left: -22px;
}
.tabgroup-forged .tab-title {
width: 13%!important;
margin: 0 2px!important;
}
.wheel-result .sizes ul.size-list li {
margin: 0 4px 0 0;
padding: 0 3px 0 0;
} @media screen and (min-width:1200px) and (max-width:1366px) {
.row {
max-width: 1300px;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.fitment-content { max-width: 950px; }
.wheel_size_container #tab-links .tabs .tab-title { width: 30%; flex: 0 0 30.2%; } .tabgroup-forged .tab-title > a {
padding: 10px 9px!important;
}
.monoblock-forgedsec{
padding: 20px;
}
.sizechart-left-content-block h2{
font-size: 40px !important;
}
.forged-process-container h2{
font-size: 40px !important;	
} .forged-series-container #galleries h2{
font-size: 2.3125rem;
line-height: 1.1;
}
.video-gallery-block-section .gallery-nav {
width: 70% !important;
}
.forged-series-container #related-galleries .intro h2{
font-size: 43px;
line-height: 36px;
}
#related-galleries .intro h2{
font-size: 30px;
line-height: 1.1;
}
#galleries h2{
font-size: 2.3125rem;	
}   .custom-top-intro-left-container img {
max-width: -webkit-fill-available;
height: inherit;
}
.custom-top-intro-right-container {
padding-top: 30px;
padding-bottom: 60px;
margin-left: 2.33333%;
}
.custom-top-intro-right-container a.button{
padding: 18px 20px;
}
.porsche-car-wheels{
width: 250px;
float: left;
}
.seo-porsche-container{
padding: 100px 0px;
}
.porsche-car-wheels img {
max-width: 240px;
}
.porsche-mx-series-wheel{
width: 27%;
} #vossenXseries .row {
max-width: 960px;
padding: 32px 0;
}
.right-xrs-content {
padding: 24px 24px 9px 24px;
}
#vossenXseries a.button{
padding: 18px 15px;
}
#collaboration .intro {
padding-right: 0;
}
#collaboration .intro h2{
font-size: 40px;	
}
#collaboration .intro p{
padding-right: 0;
}
.logo-text-container p{
line-height: 22px;
}
.brand-guidelines-container iframe { 
width:100%;
height:370px;
}
.brand-guidelines-container .wp-caption{
max-width:31%!important;
font-size:16px!important;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.fitmentSectionContainer{ display: block; padding: 55px 46px 60px; height: auto; }
.fitmentSectionContainer:before{ background: linear-gradient(0deg, rgba(14,14,14,1.13) 55%, rgba(14,14,14,0.8) 100%); }
.fitment-content{ display: block; }
.fitment-content h2{font-size: 30px; }
.terget-filters{ display: none; }
.right-select-content { display: block; margin-top: 20px; padding-left: 0; }
.make_model_year_container { width: 100%; float: left; display: block; margin-bottom: 0; }
.custom-field:first-child { width: 100%; }
.custom-field{ width: 100%; margin: 0 0px 20px 0; }
.quote-button-custom-field a.button{ min-width: 100%; }
.wheel_size_containerDisplay{ width: 100%; margin-bottom: 0; }
.wheel_size_container { width: 100%; float: left; display: block; }
.wheel_size_container #tab-links .tabs .tab-title { width: 100%; flex: 0 0 100%; margin-left: 0; margin-bottom: 20px !important; }
.wheel_size_container .tabs .tab-title > a{ height: 55px; line-height: 55px; }
.wheel_size_container .tabs .tab-title.active a{ height: 55px; line-height: 55px; }
.request_form_text { display: none; }
.half-columns{ padding-left: 0; width: 100%; }
.quote-submit-box{ margin-top: 10px; }
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit]{ width: 100%; }
.validation_error { padding-left: 0; }
#gform_confirmation_message_15{ margin-left: 0; } .forged-process-container .ct-block .content{
padding: 30px 15px !important;
}
.sizechart-left-content-block h2{
font-size: 40px !important;
}
.forged-process-container h2{
font-size: 40px !important;	
} .forged-series-container #wheel .forged-right-container {
margin-left: 0% !important;
}
.forged-series-container #galleries h2{
font-size: 28px;
line-height: 1.1;
}
.video-gallery-block-section .gallery-nav {
width: 70% !important;
}
.forged-series-container #related-galleries .intro h2{
font-size: 30px;
line-height: 40px;
}
#related-galleries .intro h2{
font-size: 30px;
}
.forged-series-container #related-galleries .intro a.button svg {
position: relative;
margin-bottom: -6px;
}
.left-grid-menu{
margin-left: 0;
}
.features_option_details_block {
display: block;
margin-top: 30px;
}
.feature-heading-sections-right{
padding: 10px 0;
display: block;
}
.forged-series-container .right-select-content {
height: auto;
}
.finish_color_box{
width: 100%!important;
margin: 0px 0 0 0px!important;	
}
.fitmentSectionContainerForged .quote-button-custom-field {
position: relative;
right: 0;
bottom: 0;
}
.hf-series-fitment-container .right-select-content{
min-height: auto;
}
.hf-series-fitment-container .quote-button-custom-field{
margin-top: 20px;
}
.hf-series-fitment-container .gform_footer {
padding-top: initial;
}  .custom-top-intro-left-container img {
max-width: 100%;
height: inherit;
}
.custom-top-intro-right-container {
padding-top: 30px;
padding-bottom: 0;
margin-left: 0;
}
.custom-top-intro-right-container a.button{
padding: 18px 20px;
width: 100%;
}
.porsche-mx-series-wheel{
width: 33%;
margin: 0 0% 0 0;
}
.porsche-car-wheels{
width: inherit;
float: left;
margin: 0 10px;
}
.seo-porsche-container{
padding: 100px 0px;
}
.porsche-car-wheels img {
max-width: 315px;
}
.porsche-wheel-series-container #galleries h2{
font-size: 23px;
} #vossenXseries .row {
max-width: 720px;
padding: 32px 0;
}
.right-xrs-content {
padding: 17px 14px 9px 14px;
display: block;
}
#vossenXseries a.button{
padding: 10px 12px;
font-size: 13px;
margin-bottom: 0;
}
#collaboration .intro {
padding-right: 0;
}
#collaboration .intro h2{
font-size: 40px;	
}
#collaboration .intro p{
padding-right: 0;
}
.logo-text-container {
width: 100%;
padding-right: 0;
}
.logo-text-container p{
font-size: 13px;
line-height: 18px;
margin-bottom: 6px;
}
.left-xrs-content{
height: 148px;
}
.x-sris-button-container{
margin-top: 0px;
float: left;
text-align: left;
}
.brand-guidelines-container iframe { 
width:100%;
height:355px;
}
.brand-guidelines-container .wp-caption{
max-width:30%!important;
font-size:12px!important;
} .single-vossen_gallery #gallery-images .gallery-nav .slick-slide[style] {
width: 22.6% !important;
height: 94px !important;
}
}
@media screen and (min-width:600px) and (max-width:767px) {
.fitmentSectionContainer{ display: block; padding: 55px 46px 60px; height: auto; }
.fitmentSectionContainer:before{ background: linear-gradient(0deg, rgba(14,14,14,1.13) 55%, rgba(14,14,14,0.8) 100%); }
.fitment-content{ display: block; }
.fitment-content h2{ font-size: 30px; }
.terget-filters{ display: none; }
.right-select-content { display: block; margin-top: 28px; padding-left: 0; }
.make_model_year_container { width: 100%; float: left; display: block; margin-bottom: 5px; }
.custom-field:first-child { width: 100%; }
.custom-field{ width: 100%; margin: 0 0px 20px 0; }
.quote-button-custom-field a.button{ min-width: 100%; }
.wheel_size_containerDisplay{ width: 100%; margin-bottom: 0; }
.wheel_size_container { width: 100%; float: left; display: block; }
.wheel_size_container #tab-links .tabs .tab-title { width: 100%; flex: 0 0 100%; margin-left: 0; margin-bottom: 20px !important; }
.quote-button-custom-field { text-align: right; float: left; width: 100%; margin-top: 5px; }
.wheel_size_container .tabs .tab-title > a{ height: 55px; line-height: 55px; }
.wheel_size_container .tabs .tab-title.active a{ height: 55px; line-height: 55px; }
.request_form_text { display: none; }
.half-columns{ padding-left: 0; }
.quote-submit-box{ margin-top: 10px; }
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit]{ width: 100%; }
.validation_error { padding-left: 0; }
#gform_confirmation_message_15{ margin-left: 0; } .monoblock-forgedsec{
padding: 20px;
}
.tabgroup-forged .tab-title > a {
padding: 16px 15px!important;
} .forged-process-container{
padding: 0px 0 0px 0 !important;
}
.forged-process-container .button-row a.button{
margin-top: 0px !important;
}
.forged-process-container .ct-block .content {
padding: 25px 20px !important;
}
.accessories-wheel-slider-section {
padding: 90px 0 120px 0 !important;
}
.accessories-wheel-slider-section h2{
font-size: 40px !important;
} .forged-series-container #wheel .forged-right-container {
margin-left: 0% !important;
}
.forged-process-container h2{
font-size: 30px !important;	
}
.forged-series-container #related-galleries .intro h2{
font-size: 26px;
line-height: 34px;
}
.forged-series-container #related-galleries .intro a.button svg {
position: relative;
margin-bottom: -5px;
}
.left-grid-menu{
margin-left: 0;
margin-bottom: 20px;
}
#wheel-feature-options-row {
padding: 0px 0;
float: left;
width: 100%;
min-height: 700px;
}
#wheel-feature-options h2 {
font-size: 40px;
}
.nacc{
width: 100%;	
} 
.naccs .left-grid-menu div{
margin-bottom: 2px;	
}
.features_option_details_block {
display: block;
margin-top: 30px;
}
.forged-series-container .right-select-content {
height: auto;
}
.finish_color_box{
width: 100%!important;
margin: 0px 0 0 0px!important;	
}
.fitmentSectionContainerForged .quote-button-custom-field {
position: relative;
right: 0;
bottom: 0;
}
.hf-series-fitment-container .right-select-content{
min-height: auto;
}
.hf-series-fitment-container .quote-button-custom-field{
margin-top: 20px;
}
.hf-series-fitment-container .gform_footer {
padding-top: initial;
}
.no_gallery_padding-right p{text-align:left;}  .custom-top-intro-left-container img {
max-width: 100%;
height: inherit;
}
.custom-top-intro-right-container {
padding-top: 30px;
padding-bottom: 0;
margin-left: 0;
}
.custom-top-intro-right-container a.button{
padding: 18px 20px;
width: 100%;
}
.porsche-mx-series-wheel{
width: 48%;
margin: 0 0% 0 0;
}
.porsche-car-wheels{
width: 260px;
float: left;
margin: 0 10px;
}
.seo-porsche-container{
padding: 100px 0px;
}
.porsche-car-wheels img {
max-width: 260px;
}  .car-wheels-custom-gallery .porsche-mx-series-wheel{
width: 50%;
}
.porsche-wheel-series-container #galleries h2{
font-size: 23px;
} #vossenXseries .row {
max-width: 550px;
padding: 32px 0;
}
.collaboration-section{
padding: 40px 0;
}
.right-xrs-content {
padding: 16px 14px 9px 14px;
display: block;
}
#vossenXseries a.button{
padding: 10px 12px;
font-size: 13px;
margin-bottom: 0;
}
#collaboration .intro {
padding-right: 0;
}
#collaboration .intro h2{
font-size: 40px;	
}
#collaboration .intro p{
padding-right: 15px;
}
.logo-text-container {
width: 100%;
padding-right: 0;
}
.logo-text-container p{
font-size: 13px;
line-height: 18px;
margin-bottom: 6px;
}
.left-xrs-content{
width: 245px;
height: 148px;
}
.x-sris-button-container{
margin-top: 0px;
float: left;
text-align: left;
}
.collaboration-right-content{
margin-top: 20px;
}
.brand-guidelines-container iframe { 
width:100%;
height:300px;
}
.brand-guidelines-container .wp-caption{
max-width:47%!important;
font-size:16px!important;
} .single-vossen_gallery .gallery-slide img {
height: 312px !important;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide[style] {
width: 22.6% !important;
height: 94px !important;
}
}
@media screen and (min-width:480px) and (max-width:599px) {
.fitmentSectionContainer{ display: block; padding: 55px 46px 60px; height: auto; }
.fitmentSectionContainer:before{ background: linear-gradient(0deg, rgba(14,14,14,1.13) 55%, rgba(14,14,14,0.8) 100%); }
.fitment-content{ display: block; }
.fitment-content h2{ font-size: 30px; }
.terget-filters{ display: none; }
.right-select-content { display: block; margin-top: 28px; padding-left: 0; }
.make_model_year_container { width: 100%; float: left; display: block; margin-bottom: 5px; }
.custom-field:first-child { width: 100%; }
.custom-field{ width: 100%; margin: 0 0px 20px 0; }
.quote-button-custom-field a.button{ min-width: 100%; }
.wheel_size_containerDisplay{ width: 100%; margin-bottom: 0; }
.wheel_size_container { width: 100%; float: left; display: block; }
.wheel_size_container #tab-links .tabs .tab-title { width: 100%; flex: 0 0 100%; margin-left: 0; margin-bottom: 20px !important; }
.wheel_size_container .tabs .tab-title > a{ height: 55px; line-height: 55px; }
.wheel_size_container .tabs .tab-title.active a{ height: 55px; line-height: 55px; }
.quote-button-custom-field { text-align: right; float: left; width: 100%; margin-top: 5px; }
.request_form_text { display: none; }
.half-columns{ padding-left: 0; }
.quote-submit-box{ margin-top: 10px; }
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit]{ width: 100%; }
.validation_error { padding-left: 0; }
#gform_confirmation_message_15{ margin-left: 0; } .monoblock-forgedsec{
padding: 20px;
}
.tabgroup-forged .tab-title > a {
padding: 10px 10px!important;
}
.tabgroup-forged .tab-title {
width: 13%!important;
margin: 0 8px 0 0!important;
} .forged-process-container{
padding: 0px 0 0px 0 !important;
}
.forged-process-container .button-row a.button{
margin-top: 0px !important;
}
.forged-process-container .ct-block .content {
padding: 25px 20px !important;
}
.accessories-wheel-slider-section {
padding: 90px 0 120px 0 !important;
}
.accessories-wheel-slider-section h2{
font-size: 40px !important;
} .forged-series-container #wheel .forged-right-container {
margin-left: 0% !important;
}
.forged-series-container #related-galleries .intro h2{
font-size: 30px;
line-height: 28px;
}
.video-gallery-block-section{
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.forged-series-container #related-galleries .intro a.button svg {
position: relative;
margin-bottom: -6px;
}
#wheel-feature-options{
padding: 80px 0;	
}
.left-grid-menu{
margin-left: 0;
margin-bottom: 20px;
}
#wheel-feature-options-row {
padding: 0px 0;
float: left;
width: 100%;
min-height: 800px;
}
#wheel-feature-options h2 {
font-size: 40px;
}
.nacc{
width: 90%;	
} 
.naccs .left-grid-menu div{
margin-bottom: 2px;	
}
.features_option_details_block {
display: block;
margin-top: 30px;
}
.forged-series-container .right-select-content {
height: auto;
}
.finish_color_box{
width: 100%!important;
margin: 0px 0 0 0px!important;	
}
.fitmentSectionContainerForged .quote-button-custom-field {
position: relative;
right: 0;
bottom: 0;
}
.hf-series-fitment-container .right-select-content{
min-height: auto;
}
.hf-series-fitment-container .quote-button-custom-field{
margin-top: 20px;
}
.hf-series-fitment-container .gform_footer {
padding-top: initial;
}
.no_gallery_padding-right p{text-align:left;}  .custom-top-intro{
padding: 38px 0 38px;
}
.custom-top-intro-left-container img {
max-width: 100%;
height: inherit;
}
.custom-top-intro-right-container {
padding-top: 30px;
padding-bottom: 0;
margin-left: 0;
}
.custom-top-intro-right-container a.button{
padding: 18px 20px;
width: 100%;
}
.porsche-mx-series-wheel{
width: 48%;
margin: 0 0% 0 0;
}
.porsche-car-wheels{
width: inherit;
float: none;
margin: 0 auto;
}
.seo-porsche-container-left .mx-series-container-heading{
text-align: center;	
padding-right: 0;
}
.mx-series-container-heading h2{
font-size: 47px;
}
.seo-porsche-container{
padding: 100px 0px;
}
.porsche-car-wheels-container{
text-align: center;
}
.porsche-car-wheels img {
max-width: 315px;
}
.porsche-car-wheels h4{
margin: 15px 0 30px;
}
.seo-porsche-container-left p{
text-align: center;
}  .car-wheels-custom-gallery .porsche-mx-series-wheel{
width: 50%;
} #vossenXseries .row {
max-width: 100%;
padding: 32px 15px;
}
.collaboration-section{
padding: 40px 0;
}
.right-xrs-content {
padding: 13px 14px 9px 14px;
display: block;
}
#vossenXseries a.button{
padding: 10px 12px;
font-size: 13px;
margin-bottom: 0;
}
#collaboration .intro {
padding-right: 0;
}
#collaboration .intro h2{
font-size: 40px;	
}
#collaboration .intro p{
padding-right: 15px;
}
.logo-text-container {
width: 100%;
padding-right: 0em;
}
.logo-text-container p{
font-size: 13px;
line-height: 18px;
margin-bottom: 6px;
}
.vossenXseriesContent{
display: block;
padding-bottom: 20px;
}
.left-xrs-content{
width: 100%;
height: 148px;
clip-path: polygon(0 0, 100% 0%, calc(100% - 0px) 100%, 0% 100%);
}
.x-sris-button-container{
margin-top: 0px;
float: left;
text-align: left;
}
.collaboration-right-content{
margin-top: 20px;
}
.brand-guidelines-container iframe { 
width:100%;
height:350px;
}
.brand-guidelines-container .wp-caption{
max-width:31%!important;
font-size:14px!important;
} .single-vossen_gallery .gallery-slide img {
height: 312px !important;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide[style] {
width: 30.93% !important;
height: 94px !important;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide img {
object-fit: cover !important;
}
}
@media screen and (min-width:240px) and (max-width:479px) {
.fitmentSectionContainer{ display: block; padding: 55px 46px 60px; height: auto; }
.fitmentSectionContainer:before{ background: linear-gradient(0deg, rgba(14,14,14,1.13) 55%, rgba(14,14,14,0.8) 100%); }
.fitment-content{ display: block; }
.fitment-content h2{ font-size: 30px; }
.terget-filters{ display: none; }
.right-select-content { display: block; margin-top: 28px; padding-left: 0; }
.make_model_year_container { width: 100%; float: left; display: block; margin-bottom: 0px; }
.custom-field:first-child { width: 100%; }
.custom-field{ width: 100%; margin: 0 0px 20px 0; }
.quote-button-custom-field { text-align: right; float: left; width: 100%; margin-top: 5px; }
.quote-button-custom-field a.button{ min-width: 100%; }
.wheel_size_containerDisplay{ width: 100%; margin-bottom: 0; }
.wheel_size_container { width: 100%; float: left; display: block; }
.wheel_size_container #tab-links .tabs .tab-title { width: 100%; margin-left: 0; margin-bottom: 20px !important; flex: 0 0 100%; }
.wheel_size_container .tabs .tab-title > a{ height: 55px; line-height: 55px; }
.wheel_size_container .tabs .tab-title.active a{ height: 55px; line-height: 55px; }
.wheel_size_container .tabs .tab-title > a{ height: 55px; line-height: 55px; }
.wheel_size_container .tabs .tab-title.active a{ height: 55px; line-height: 55px; }
.request_form_text { display: none; }
.half-columns{ padding-left: 0; }
.quote-submit-box{ margin-top: 10px; }
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit]{ width: 100%; }
.validation_error { padding-left: 0; }
#gform_confirmation_message_15{ margin-left: 0; }
.chosen-new-select select{
border: 1px solid #666666 !important; border-radius: 0px; background: url(//vossenwheels.com/wp-content/themes/vossen/assets/css/down-arrow.png) #0E0E0E; height: 60px!important;
background-repeat: no-repeat; background-position: 92% center; letter-spacing: 1px !important; font-weight: 400; font-family: 'HelveticaNowDisplay';
font-size: 12px !important; color: #949494 !important; line-height: 35px; padding-left: 13px; text-transform: uppercase;
}
#make_err_msg{ bottom: -5px!important; }
select.default-select-style{ border: 1px solid #fff !important; color: #fff !important; } .tabgroup-forged .tab-title > a {
padding: 6px 5px!important;
font-size:12px !important;
}
.tabgroup-forged .tab-title {
width: 16%!important;
margin: 0 7px 0 0!important;
}
.monoblock-forgedsec{
padding: 20px;
} .forged-process-container{
padding: 0px 0 0px 0 !important;
}
.forged-process-container .button-row a.button{
margin-top: 0px !important;
}
.forged-process-container .ct-block .content {
padding: 25px 20px !important;
}
.accessories-wheel-slider-section {
padding: 90px 0 120px 0 !important;
}
.accessories-wheel-slider-section h2{
font-size: 40px !important;
} .forged-series-container #wheel .forged-right-container {
margin-left: 0% !important;
}
.forged-series-container #related-galleries .intro h2{
font-size: 30px;
line-height: 28px;
}
.video-gallery-block-section{
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.hf-wheel-2020 #galleries{
padding-top: 40px;
padding-bottom: 40px;
}
.forged-series-container #related-galleries .intro a.button svg {
position: relative;
margin-bottom: -6px;
}
#wheel-feature-options{
padding: 80px 0;	
}
.left-grid-menu{
margin-left: 0;
margin-bottom: 20px;
}
#wheel-feature-options-row {
padding: 0px 0;
float: left;
width: 100%;
min-height: 570px;
}
#wheel-feature-options h2 {
font-size: 40px;
}
.nacc{
width: 90%;	
} 
.naccs .left-grid-menu div{
margin-bottom: 2px;	
}
.features_option_details_block {
display: block;
margin-top: 30px;
}
.forged-series-container .right-select-content {
height: auto;
}
.finish_color_box{
width: 100%!important;
margin: 0px 0 0 0px!important;	
}
.fitmentSectionContainerForged .quote-button-custom-field {
position: relative;
right: 0;
bottom: 0;
}
.hf-series-fitment-container .right-select-content{
min-height: auto;
}
.hf-series-fitment-container .quote-button-custom-field{
margin-top: 20px;
}
.hf-series-fitment-container .gform_footer {
padding-top: initial;
}
.no_gallery_padding-left, .no_gallery_padding-right{
margin-top:15px;
}
.forged-series-container #related-galleries .intro a.button{
margin: 30px 0 0 0 !important;
}
.no_gallery_padding-right p{
text-align: left;
}  .custom-top-intro{
padding: 38px 0 38px;
}
.custom-top-intro-right-container h1{
font-size: 50px;
line-height: 50px;
}
.custom-top-intro-left-container img {
max-width: 100%;
height: inherit;
}
.custom-top-intro-right-container {
padding-top: 30px;
padding-bottom: 0;
margin-left: 0;
}
.custom-top-intro-right-container a.button{
padding: 18px 10px;
width: 100%;
}
.porsche-mx-series-wheel{
width: 100%;
margin: 0 0% 0 0;
border-bottom: 0;
}
.porsche-car-wheels{
width: inherit;
float: none;
margin: 0 auto;
}
.seo-porsche-container-left .mx-series-container-heading{
text-align: center;	
padding-right: 0;
}
.mx-series-container-heading h2{
font-size: 43px;
text-align: center;
line-height: 43px;
}
.seo-porsche-container{
padding: 100px 0px;
}
.porsche-car-wheels-container{
text-align: center;
}
.porsche-car-wheels img {
max-width: 315px;
}
.porsche-car-wheels h4{
margin: 15px 0 30px;
}
.seo-porsche-container-left p{
text-align: center;
}  .car-wheels-custom-gallery .porsche-mx-series-wheel{
width: 50%;
} #vossenXseries .row {
max-width: 100%;
padding: 32px 15px;
}
.collaboration-section{
padding: 40px 0;
}
.right-xrs-content {
padding: 13px 14px 9px 14px;
display: block;
width: 100%;
}
#vossenXseries a.button{
padding: 10px 8px;
font-size: 11px;
margin-bottom: 0;
}
#collaboration .intro {
padding-right: 0;
}
#collaboration .intro h2{
font-size: 36px;	
}
#collaboration .intro p{
padding-right: 15px;
}
.logo-text-container {
width: 100%;
padding-right: 0em;
}
.logo-text-container p{
font-size: 13px;
line-height: 15px;
margin-bottom: 6px;
}
.vossenXseriesContent{
display: block;
padding-bottom: 20px;
}
.left-xrs-content{
width: 100%;
height: 148px;
clip-path: polygon(0 0, 100% 0%, calc(100% - 0px) 100%, 0% 100%);
}
.x-sris-button-container{
margin-top: 0px;
float: left;
text-align: left;
}
.collaboration-right-content{
margin-top: 20px;
}
.brand-guidelines-container iframe { 
width:100%;
height:250px;
}
.brand-guidelines-container .wp-caption{
max-width:46%!important;
font-size:11px!important;
} .single-vossen_gallery .gallery-slide img {
height: 312px !important;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide[style] {
width: 30.93% !important;
height: 94px !important;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide img {
object-fit: cover !important;
}
} .bfdPageWrap {
width: 100%;
float: left;
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 0 12px;
border-top: 1px solid #F0F0F0;
}
.bfd__container {
width: 1266px;
float: left;
}
.bfdInner {
width: 100%;
float: left;
margin: 38px 0 141px 0;
}
.topBlocks {
width: 100%;
float: left;
display: flex;
flex-flow: row wrap;
gap: 29px;
justify-content: center;
}
.topBox {
width: 618px;
height: 608px;
border-radius: 16px;
overflow: hidden;
float: left;
background-color: #000;
}
.topBox img {
width: 100%;
height: 100%;
object-fit: cover;
}
.topBox video {
width: 100%;
height: 100%;
object-fit: cover;
}
.midSection {
width: 100%;
float: left;
display: flex;
flex-flow: column;
align-items: center;
justify-content: baseline;
margin: 89px 0 60px 0;
}
.midSection h2 {
width: 100%;
float: left;
text-align: center;
color: #121212;
text-align: center;
font-family: 'Open Sans';
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.phoneBox {
width: 648px;
border-radius: 16px;
background: #212121;
float: left;
margin: 25px 0 0 0;
overflow: hidden;
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 49px;
}
.phoneBox span {
background: #D52331;
float: left;
background: #D52331;
padding: 20px 21px 20px 24px;
color: #FFF;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
}
.phoneBox p {
float: left;
margin: 0;
color: #D7D7D7;
text-align: center;
font-family: 'Open Sans';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
span.exe {
width: 100%;
float: left;
margin: 19px 0 0 0;
color: #616060;
text-align: center;
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.productsWrap {
width: 100%;
float: left;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
row-gap: 30px;
column-gap: 30px;
} .productBox {
width: 618px;
float: left;
border-radius: 16px;
border: 1px solid rgba(0, 0, 0, 0.10);
overflow: hidden;
}
.pb__top {
width: 100%;
float: left;
display: flex;
flex-flow: row;
padding: 32px 32px 16px 32px;
gap: 15px;
align-items: center;
justify-content: space-between;
}
.pb__top picture {
min-width: 267px;
max-width: 267px;
height: 257px;
float: left;
}
.pb__top picture img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.pb__top .price {
width: 100%;
float: left;
}
.pb__top .price h2 {
width: 100%;
float: left;
margin: 0 0 0 0;
color: #D52331;
font-family: 'Open Sans';
font-size: 60px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-align: left;
}
.pb__top .price h2 small {
width: 100%;
float: left;
color: #000;
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
margin: 0 0 -9px 0;
}
.pb__top .price p {
width: 100%;
float: left;
color: #D52331;
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
} .priceSetWrap {
min-width: 256px;
max-width: 256px;
float: left;
font-family: 'Open Sans';
}
.priceSetWrap h3 {
width: 100%;
float: left;
margin: 0;
display: flex;
align-items: baseline;
text-transform: uppercase;
letter-spacing: 1.83px;
}
.priceSetWrap h3 strong {
font-size: 24;
font-weight: 700;
color: #000;
}
.priceSetWrap h3 small {
font-size: 12px;
font-weight: 700;
color: #000;
margin: 0 0 0 8px;
}
.priceSetBox {
width: 100%;
float: left;
margin: 5px 0 0 0;
display: flex;
flex-flow: row wrap;
row-gap: 1px;
column-gap: 25px;
}
.priceSet {
width: 100px;
float: left;
display: flex;
gap: 10px;
align-items: center;
}
.priceSet small {
font-size: 14px;
font-weight: 700;
color: #000;
}
.priceSet strong {
font-size: 28px;
font-weight: 300;
color: #D52331;
}
.productsWrapWithHeader {
width: 100%;
float: left;
margin: 0 0 75px 0;
}
.productsWrapWithHeader h1 {
width: 100%;
float: left;
font-family: 'Open Sans';
font-size: 60px;
font-weight: 300;
color: #000;
margin: 0 0 35px 0;
} .blackFrydayFormWrap {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 99999;
display: none;
}
.bffContainer {
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: -100px;	
display: flex;
flex-direction: column;
justify-content: center;
opacity: 0;
transition: 0.5s ease-in-out;
}
.showPop.bffContainer {
left: 0;
opacity: 1;
}
.bffContainer .fitmentSectionContainer::before {
display: none;
}
.bffContainer .fitment-content h2 {
font-family: 'Open Sans';
color: #0E0E0E !important;
text-transform: uppercase;
font-weight: 300;
font-size: 60px;
line-height: 1.2;
margin: 0;
}
.blacfFridayAnchor{ width: 100%; float: left; margin-top: 30px; }
.blacfFridayAnchor a{ float: left; color: #949494; font-family: 'HND-ExtraBold'; font-size: 10px; font-weight: 800; letter-spacing: 1.67px; line-height: 12px; display: inline-block;
text-transform: uppercase; padding: 0 10px 10px 10px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; border-bottom: 1px solid #666666;
}
.blacfFridayAnchor a.active{ color: #fff; border-bottom: 1px solid #fff; }
.blacfFridayAnchor a:first-child{ padding: 0 0px 10px 0px; }
.bffContainer .blacfFridayAnchor a {
font-family: 'Open Sans' !important;
font-size: 12px !important;
}
.bffContainer .blacfFridayAnchor a.active {
color: #0E0E0E !important;
border-bottom: 1px solid #0E0E0E !important;
}
.bffContainer .blacfFridayAnchor a.activeThing {
color: #0E0E0E !important;
border-bottom: 1px solid #0E0E0E !important;
}
.bffContainer .chosen-new-select .chosen-container-single .chosen-single {
background-color: #fff !important;
height: 60px !important;
border: 1px solid #0E0E0E !important;
color: #0E0E0E !important;
width: 166px;
padding: 0 9px;
}
.bffContainer .custom-field:first-child {
width: 100% !important;
}
.bffContainer .custom-field {
width: 100% !important;
margin: 0 0px 0 11px !important;
}
.bffContainer .chosen-new-select .chosen-container-single .chosen-single span {
background-color: #fff !important;
line-height: 60px !important;
color: #0E0E0E;
font-size: 14px !important;
}
.bffContainer .chosen-new-select .chosen-container-single .chosen-single div {
right: 2px !important;
top: 21px !important;
}
.bffContainer .hf-series-fitment-container .right-select-content {
min-height: unset !important;
}
.bffContainer .hf-series-fitment-container .quote-button-custom-field a.button {
background: #0e0e0e !important;
color: #fff !important;
}
.bffContainer .make_model_year_container {
margin-bottom: 27px !important;
}
.bffContainer .quote-field input.medium {
border: 1px solid #0E0E0E !important;
border-radius: 0px;
background: #fff !important;
height: 59px;
letter-spacing: 1px !important;
color: #0E0E0E !important;
}
.bffContainer .quote-field input.medium::placeholder {
color: #0E0E0E !important;
}
.bffContainer .request_form_text h4 {
color: #616060;
font-size: 16px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 28px;
margin: 0;
}
.bffContainer .request_form_text span {
color: #616060;
font-size: 16px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 28px;
margin: 0;
}
.bffContainer .gform_wrapper .gform_footer input[type="submit"].gform_button {
background: #0e0e0e !important;
color: #fff !important;
}
.bffContainer .gform_wrapper .gform_footer {
padding-top: 0 !important;
}
.bffContainer .request_form_text {
margin-top: -15px !important;
}
.bffContainer .custom-field.bffPage:first-child {
width: 201px !important;
}
.bffPage .chosen-container {
width: 100% !important;
}
.bffPage .chosen-single {
width: 100% !important;
}
.bffContainer .finish_color_box {
box-sizing: border-box !important;
height: 60px !important;
width: 260px !important;
border: 1px solid #666666 !important;
background-color: #fff !important;
color: #949494 !important;
margin: 0px 0 0 13px !important;
font-weight: 400 !important;
text-transform: uppercase;
float: left;
font-family: 'Open Sans' !important;
}
.bffContainer .finish_color_box::placeholder {
color: #949494 !important;
}
.bffContainer .wheel_size_containerDisplay {
margin-bottom: 20px !important;
}
.bffContainer .chosen-container.chosen-with-drop .chosen-drop {
left: 0 !important;
width: 166px;
}
.bffContainer .chosen-container .chosen-results {
background: #f8f8f8 !important;
}
.bffContainer .chosen-container .chosen-results li {
padding: 9px 15px;
}
.closeFormPop {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 80px;
height: 65px;
background: #e7403e;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.closeFormPop i {
font-size: 59px;
-webkit-text-stroke: 9px #e7403e;
color: #fff;
margin: -8px 0 0 0;
}
.pb_info {
width: 100%;
float: left;
padding: 32px;
background-color: #212121;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row;
}
.pb_info h3 {
float: left;
color: #FFF;
font-family: 'Open Sans';
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0;
max-width: 220px;
}
.pb_info h3 b {
width: 100%;
float: left;
font-family: 'Open Sans';
font-size: 24px;
font-weight: 700;
margin: -9px 0 2px 0;
}
.forWheelSize .chosen-drop {
width: 201px !important;
}
@media only screen and (min-width: 240px)  and (max-width: 990px) {
.closeFormPop {
width: 42px;
height: 42px;
}
.closeFormPop i {
font-size: 34px;
-webkit-text-stroke: 5px #e7403e;
margin: -2px 0 0 0;
}
.bffContainer {
overflow: auto;
justify-content: flex-start;
}
.bffContainer .fitmentSectionContainer {
padding: 26px 15px 25px;
}
.bffContainer .fitment-content h2 {
font-size: 38px;
}
.blacfFridayAnchor {
width: 100%;
display: flex;
justify-content: space-between;
margin: 15px 0 42px 0;
border-bottom: 1px solid #666666;
}
.bffContainer .blacfFridayAnchor a {
float: left;
padding: 10px 0;
font-size: 10px !important;
margin: 0 0 -1px 0;
}
.bffContainer .custom-field {
margin: 0 0px 0 0px !important;
}
.bffContainer .chosen-new-select select {
border: 1px solid #0E0E0E !important;
background: url(//vossenwheels.com/wp-content/themes/vossen/assets/css/down-arrow.png) #fff !important;
background-repeat: no-repeat !important;
background-position: 92% center !important;
height: 59px !important;
color: #0e0e0e !important;
padding-left: 20px !important;
font-family: "Open Sans" !important;
}
.bffContainer .make_model_year_container {
margin-bottom: 0 !important;
}
.bffContainer .hf-series-fitment-container .quote-button-custom-field {
margin-top: 0px;
}
.bffContainer .custom-field.bffPage:first-child {
width: 100% !important;
}
.bffContainer .finish_color_box {
width: 100% !important;
margin: 0px 0 24px 0px !important;
}
}  .gform_confirmation_message_20 {
color: #616060;
font-size: 16px;
font-family: 'Open Sans';
font-weight: 400;
line-height: 28px;
margin: -7px 0 0 26px;
}
#gform_ajax_spinner_20{ position: absolute; left: 53%; bottom: 20%; width: 20px; }
#gform_wrapper_20 .validation_error{color:#D52331;} .pb_info h3 small {
width: 100%;
float: left;
color: #FFF;
font-family: 'Open Sans';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; 
}
.pb__bttns__wrap {
float: left;
width: 100%;
display: flex;
flex-flow: row;
align-items: center;
gap: 24px;
justify-content: end;
}
.pb__bttns__wrap a.withBorders {
display: flex;
padding: 14px 16px;
border-radius: 8px;
border: 1px solid #FFF;
float: left;
color: #FFF;
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
transition: 0.3s ease-in-out;
}
.pb__bttns__wrap a.withBorders:hover {
border: 1px solid #fff;
background-color: #fff;
color: #000;
}
.pb__bttns__wrap a.withOutBorders {
display: flex;
padding: 14px 0;
border-radius: 8px;
float: left;
color: #FFF;
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
transition: 0.3s ease-in-out;
}
.pb__bttns__wrap a.withOutBorders img {
transition: 0.3s ease-in-out;
margin: 0 0 0 5px;
}
.pb__bttns__wrap a.withOutBorders:hover {
opacity: .5;
} .pWrapNewStyle {
padding: 24px 58px;
width: 939px;
}
.pWrapInner {
width: 581px;
float: left;
}
.pWrapInner h2 {
width: 100%;
float: left;
margin: 0;
padding: 0;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 43px;
}
.pWrapInner .panel-title {
padding: 0;
margin: 0;
}
.szTabLinkWrap {
width: 100%;
float: left;
margin: 24px 0;
border-bottom: 1px solid #DCDCDC;
}
.szTabLinkWrap .links {
position: relative;
float: left;
}
.szTabLinkWrap .links .underLine {
width: 172px;
position: absolute;
height: 2px;
background: #D52331;
left: 161px;
bottom: -1px;
transition: all 300ms cubic-bezier(0.4, 0.5, 0.3, 1.3) 100ms;
}
.szTabLinkWrap .links.standered .underLine {
left: 0;
}
.szTabLinkWrap .links a.tabLink {
color: #0E0E0E;
font-family: "Open Sans";
font-size: 11px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
float: left;
padding: 0px 27px 16px 27px;
}
.cpBox {
width: 100%;
float: left;
border-radius: 4px;
border: 1px solid #E1E1E1;
padding: 8px 19px;
display: flex;
align-items: center;
gap: 32px;
flex-flow: row;
}
.cpBox h4 {
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 700;
float: left;
display: flex;
margin: 0;
line-height: normal;
width: 153px;
}
.cpContents {
width: 100%;
float: left;
display: flex;
flex-flow: row wrap;
row-gap: 11px;
column-gap: 24px;
}
.cpContents p {
display: flex;
float: left;
margin: 0;
padding: 0 0 0 25px;
font-family: 'Open Sans';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
color: #000;
position: relative;
}
.cpContents p.flat::after {
content: 'F';
position: absolute;
display: flex;
width: 16px;
height: 16px;
border-radius: 4px;
background: #FFB943;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
}
.cpContents p.deep::after {
content: 'D';
position: absolute;
display: flex;
width: 16px;
height: 16px;
border-radius: 4px;
background: #DB2739;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
color: #fff;
}
.cpContents p.profile-flat::after {
content: 'F';
position: absolute;
display: flex;
width: 16px;
height: 16px;
border-radius: 4px;
background: #FFB943;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
}
.cpContents p.profile-deep::after {
content: 'D';
position: absolute;
display: flex;
width: 16px;
height: 16px;
border-radius: 4px;
background: #DB2739;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
color: #fff;
}
.cpContents p.profile-mid::after {
content: 'M';
position: absolute;
display: flex;
width: 16px;
height: 16px;
border-radius: 4px;
background:#00AF5B;
color:#141414;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
}
.cpContents p.profile-superdeep::after {
content: 'SD';
position: absolute;
display: flex;
width: 20px;
height: 16px;
border-radius: 4px;
background:#65378F;
color:#fff;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
font-size: 9px;
line-height: .5px;
}
.cpContents p.profile-ultradeep::after {
content: 'UD';
position: absolute;
display: flex;
width: 20px;
height: 16px;
border-radius: 4px;
background:#48C693;
color:#000;
justify-content: center;
align-items: center;
font-weight: 700;
left: 0;
font-size: 9px;
line-height: .5px;
}
.profileBlank {
display: none !important;
}
.mainInfoBox {
width: 100%;
float: left;
margin: 24px 0 0 0;
display: none;
}
.mainInfoBox:first-child {
display: block;
}
.mainInfoBox h3 {
width: 100%;
float: left;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 43px;
margin: 0 0 0 0;
}
.miBoxes {
width: 100%;
float: left;
margin: 24px 0 0 0;
display: none;
}
.miBoxes:first-of-type{
margin: 16px 0 0 0;
}
.miBoxes.showMiBoxes {
display: flex !important;
flex-flow: column;
}
h3 {
width: 100%;
float: left;
color: #0E0E0E;
font-family: 'Open Sans';
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0 0 12px 0;
padding: 0;
}
.miPanel {
width: 100%;
float: left;
border-top: 1px solid #DADADA;
align-items: center;
padding: 8px 0px;
display: none;
}
.miPanel.showMiPanel {
display: flex !important;
gap: 24px;
}
.miPanel span {
min-width: 75px;
max-width: 75px;
float: left;
color: #3A3A3A;
font-family: 'Open Sans';
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 27px;
margin: 0;
padding: 0;
}
.finishedCompleteWrap {
padding: 0 0;
width: 939px;
}
.finishTopPart {
width: 100%;
float: left;
padding: 24px 41px 0 67px;
}
.finishTopPart h2 {
width: 100%;
float: left;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 43px;
margin: 0;
}
.panelListNew {
width: 100%;
float: left;
padding: 0 0;
margin: 24px 0 0 0;
overflow: auto !important;
}
.panelListNew::-webkit-scrollbar {
display: none !important;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav {
width: 100%;
float: left;
margin: 0 0;
padding: 0 0;
display: flex;
flex-flow: row wrap;
gap: 16px;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb {
width: 150px !important;
float: left;
margin: 0 0;
padding: 0;
margin-bottom: 0;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb a {
width: 100%;
height: 190px;
min-height: unset;
float: left;
border-radius: 8px;
border: 1px solid #DCDCDC;
background: #FFF;
padding: 23px 14px;
margin: 0 0;
display: flex;
flex-flow: column;
align-items: center;
gap: 13px;
transition: 0.3s ease-in-out;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb a:hover {
border-color: #000;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb a.is-active {
border: 1px solid #000;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb a img {
width: 104px;
height: 99px;
object-fit: contain;
object-position: center;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb a p {
width: 100%;
float: left;
color: #0E0E0E;
text-align: center;
font-family: "Open Sans";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.customColors {
width: 100%;
float: left;
background: #F6F6F6;
padding: 33px 48px 60px 66px;
margin: 40px 0 0 0;
}
.customColors .ccTopPart {
width: 100%;
float: left;
display: flex;
gap: 123px;
flex-flow: row wrap;
align-items: center;
}
.customColors .ccTopPart h3 {
width: 274px;
float: left;
display: flex;
flex-flow: column;
margin: 0 0;
gap: 12px;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 43px;
}
.customColors .ccTopPart h3 small a {
float: left;
color: #353535;
font-family: "Open Sans";
font-size: 11px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 7px;
}
.customColors .ccTopPart picture {
float: left;
}
.customColors .ccTopPart picture img {
max-width: 100%;
float: left;
}
.ccTabPart {
width: 100%;
float: left;
margin: 50px 0 0 0;
}
.cctabNav {
width: 100%;
float: left;
border-bottom: 1px solid #DCDCDC;
}
.ccTabLink {
float: left;
padding: 0px 14px 16px 14px;
border-bottom: 2px solid transparent;
margin: 0 0 -1px 0;
text-decoration: none;
color: #0E0E0E !important;
font-family: "Open Sans";
font-size: 11px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.833px;
text-transform: uppercase;
transform: 0.3s ease-in-out;
}
.ccTabLink:hover {
color: #D52331 !important;
}
.ccTabLink.active {
border-color: #D52331;
}
.ccTabBoxesWrap {
width: 100%;
float: left;
margin: 24px 0 0 0;
}
.ccTabBoxContain {
width: 100%;
float: left;
display: none;
}
.ccTabBoxContain .tabBoxWrap {
width: 100%;
float: left;
display: flex;
flex-flow: row wrap;
row-gap: 24px;
column-gap: 16px;
}
.ccTabBoxContain:first-child {
display:  block;
}
.ccTabBoxContain .tabBox {
border-radius: 8px;
border: 1px solid #DCDCDC;
background: #FFF;
min-width: 121px;
max-width: 121px;
height: 162px;
padding: 10px 8px;
display: flex;
gap: 2px;
flex-flow: column;
}
.ccTabBoxContain .tabBox picture {
width: 100px;
height: 95px;
float: left;
}
.ccTabBoxContain .tabBox picture img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.ccTabBoxContain .tabBox picture img:first-child {
display: none !important;
}
.ccTabBoxContain .tabBox p {
width: 100%;
float: left;
text-align: center;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.reveal-modal {
z-index: 99999;
}
.reveal-modal-bg {
z-index: 9999;
}
.forgedGalleryContainer .gallery-modal-nav-container {
display: none !important;
}
.forgedGalleryContainer .slick-track {
height: 500px;
}
.forgedGalleryContainer .slick-track img {
height: 100%;
object-fit: contain;
object-position: center;
}
.aboutPopComplete {
width: 939px;
}
.forgedpanel {
margin: 0;
display: flex;
flex-flow: column;
gap: 40px;
}
.panelListNew h3 {
width: 100%;
float: left;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 43px;
margin: 0 0 24px 0;
}
.hybridForgedpanel {
margin: 0;
display: flex;
flex-flow: column;
gap: 40px;
}
.infoTabsWrap {
width: 100%;
float: left;
} #gallery-images .gallery-slider .gallery-slide img{
-webkit-touch-callout: default!important;
-webkit-user-select: default!important;
}
.single-vossen_gallery #gallery-images .gallery-nav .slick-slide img {
-webkit-touch-callout: default!important;
-webkit-user-select: default!important;
}  .genSeriesWrap {
width: 100%;
float: left;
background-color: #0E0E0E;
padding: 80px 0 132px 0;
display: flex;
flex-flow: column;
align-items: center;
}
.gsContainer {
width: 1266px;
float: left;
}
.gsContainer h2 {
width: 100%;
float: left;
font-family: "Open Sans";
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 112%;
text-transform: uppercase;
color: #fff;
}
.totalGsTabWrap {
width: 100%;
float: left;
margin: 60px 0 0 0;
border: 1px solid #545454;
}
.gsTabNav {
display: flex;
padding: 0 38px;
white-space: nowrap;
cursor: default;
overflow: auto;
overflow: scroll hidden;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-padding: 0px 1.25rem;
scrollbar-width: none;
}
.gsTabNav a {
position: relative;
padding: 23px 14px 15px;
float: left;
text-decoration: none;
color: #919191;
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 1.4px;
text-transform: uppercase;
border-bottom: 2px solid transparent;
}
.gsTabNav a.active {
color: #fff;
border-color: #D52331;
}
.gsTabBoxes {
width: 100%;
float: left;
border-top: 1px solid #545454;
margin: -1px 0 0 0;
min-height: 100px;
}
.gsTabBox {
width: 100%;
float: left;
padding: 40px 40px 85px 40px;
}
.gsTabBox.overView {
width: 100%;
float: left;
}
.gsTabBox.overView .overviewInner {
width: 100%;
float: left;
display: flex;
justify-content: space-around;
align-items: center;
gap: 20px;
}
.gsTabBox.overView article {
width: 401px;
float: left;
}
.gsTabBox.overView article p {
width: 100%;
float: left;
color: #9B9B9B;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; margin: 0;
}
.gsTabBtnStyle {
float: left;
margin: 16px 0 0 0;
padding: 14px 16px;
border: 1px solid #fff;
color: #fff;
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
text-decoration: none !important;
transition: 0.3s ease-in-out;
}
.gsTabBtnStyle:hover {
background: #fff;
border-color: #fff;
color: #000 !important;
}
.gsTabBox.overView picture {
width: 511px;
height: 398px;
float: left;
background-color: #545454;
}
.gsTabBox.overView picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gsTabBox.overView picture video {
width: 100%;
height: 100%;
object-fit: cover;
}
.gsTabBox.stepBlock {
width: 100%;
float: left;
display: none;
}
.gsTabBox.stepBlock .stepBlockInner {
width: 100%;
float: left;
display: flex;
flex-flow: column;
}
.gsTabBox.stepBlock .stepBlockInner article {
width: 933px;
float: left;
}
.gsTabBox.stepBlock .stepBlockInner article h4 {
width: 100%;
float: left;
color: #fff;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 0 0;
}
.gsTabBox.stepBlock .stepBlockInner article p {
width: 100%;
float: left;
margin: 8px 0 0 0;
color: #9B9B9B;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 175%;
}
.gsTabBox.stepBlock .stepBlockInner .gsProductImages {
width: 100%;
float: left;
margin: 40px 0 0 0;
display: flex;
flex-flow: row wrap;
gap: 22px;
}
.gsTabBox.stepBlock .stepBlockInner .gsProductImages .productImageBox {
width: 218px;
height: 255px;
float: left;
}
.gsTabBox.stepBlock .stepBlockInner .gsProductImages .productImageBox img {
width: 100%;
float: left;
height: 196px;
object-fit: cover;
}
.gsTabBox.stepBlock .stepBlockInner .gsProductImages .productImageBox span {
width: 100%;
float: left;
background: #292929;
padding: 19px 0;
text-align: center;
color: #fff;
text-align: center;
font-family: "Open Sans";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 20px;
} @media only screen and (min-width: 240px)  and (max-width: 630px) {
.bfd__container {
width: 100%;
float: left;
}
.topBox {
width: 100%;
height: auto;
}
.topBox img {
width: 100%;
height: auto;
}
.topBox video {
width: 100%;
height: auto;
}
.phoneBox span {
padding: 15px 0;
width: 100%;
text-align: center;
}
.midSection {
margin: 50px 0;
}
.phoneBox {
width: 100%;
margin: 25px 0 0 0;
gap: 11px;
}
.phoneBox p {
width: 100%;
float: left;
text-align: center;
margin: 0 0 15px 0;
}
.productBox {
width: 100%;
float: left;
}
.pb__top {
flex-flow: column;
}
.pb__top .price {
text-align: center;
}
.pb__top .price h2 {
text-align: center;
}
.pb_info {
align-items: center;
flex-flow: column;
gap: 26px;
padding: 29px 8px;
}
.pb_info h3 {
text-align: center;
}
.pb__bttns__wrap {
justify-content: center;
gap: 9px;
}
.productsWrap {
row-gap: 75px;
}
.pWrapNewStyle {
padding: 5px 5px;
}
.pWrapInner {
width: 100%;
float: left;
}
.cpContents {
gap: 12px;
}
.miPanel {
gap: 8px;
}
.panel-close {
top: 7px;
right: 19px;
}
.pWrapNewStyle {
padding: 50px 18px 0;
}
.panel-wrap {
width: 100% !important;
}
.finishTopPart {
padding: 10px;
}
.customColors {
padding: 25px 10px;
}
.ccTabBoxContain .tabBox {
min-width: 47% !important;
max-width: 47% !important;
}
.ccTabBoxContain .tabBox picture {
width: 100%;
}
.customColors .ccTopPart {
gap: 30px;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb {
width: 47% !important;
} .gsContainer {
width: 100%;
padding: 0 12px;
}
.gsTabNav {
padding: 0 0;
flex-flow: row;
overflow: auto;
white-space: nowrap;
}
.gsTabNav::-webkit-scrollbar {
display: none;
}
.gsTabBox {
padding: 12px;
}
.overviewInner {
flex-flow: row wrap;
}
.gsTabBox.overView picture {
height: auto;
}
.gsTabBox.overView picture img {
height: auto;
}
.gsTabBox.stepBlock .stepBlockInner article {
width: 100%;
} .page-template-page-vehicle-galleries #filter-options {
width: 100%;
float: left;
display: flex;
flex-direction: column;
gap: 6px;
}
.page-template-page-vehicle-galleries #filter-options .facetwp-facet:nth-child(1) {
margin: 0 !important;
padding: 0 1px !important;
display: flex;
gap: 6px;
}
.page-template-page-vehicle-galleries #filter-options .facetwp-facet:nth-child(1) .facetwp-hierarchy_select {
width: 100% !important;
float: left;
margin: 0 !important;
min-width: 50% !important;
margin-right: 0 !important;
}
}
@media only screen and (min-width: 631px)  and (max-width: 950px) {
.pWrapNewStyle {
padding: 20px;
width: 100%;
}
.panel-wrap {
width: 100% !important;
}
.finishTopPart {
padding: 10px;
}
.customColors {
padding: 25px 10px;
}
.ccTabBoxContain .tabBox {
min-width: 31% !important;
max-width: 31% !important;
}
.ccTabBoxContain .tabBox picture {
width: 100%;
}
.customColors .ccTopPart {
gap: 30px;
}
.finishedCompleteWrap .finishTopPart ul.wheelsNav li.ftThumb {
width: 31% !important;
} .page-template-page-vehicle-galleries #filter-options {
width: 100%;
float: left;
display: flex;
flex-direction: column;
gap: 6px;
}
.page-template-page-vehicle-galleries #filter-options .facetwp-facet:nth-child(1) {
margin: 0 !important;
padding: 0 1px !important;
display: flex;
gap: 6px;
}
.page-template-page-vehicle-galleries #filter-options .facetwp-facet:nth-child(1) .facetwp-hierarchy_select {
width: 100% !important;
float: left;
margin: 0 !important;
min-width: 50% !important;
margin-right: 0 !important;
}
}
@media only screen and (min-width: 631px)  and (max-width: 1300px) {
.productsWrap {
justify-content: center;
}
.pWrapInner {
width: 100%;
float: left;
} .gsContainer {
width: 100%;
padding: 0 12px;
}
.gsTabNav {
padding: 0 0;
flex-flow: row;
overflow: auto;
white-space: nowrap;
}
.gsTabNav::-webkit-scrollbar {
display: none;
}
.gsTabBox {
padding: 12px;
}
.overviewInner {
flex-flow: row wrap;
}
.gsTabBox.overView picture {
height: auto;
}
.gsTabBox.overView picture img {
height: auto;
}
.gsTabBox.stepBlock .stepBlockInner article {
width: 100%;
}
}
@media only screen and (min-width: 631px)  and (max-width: 900px) {
.topBox {
width: 300px;
height: 308px;
}
}
@media only screen and (min-width: 901px)  and (max-width: 1290px) {
.topBox {
width: 400px;
height: 408px;
}
}
@media only screen and (min-width: 1025px)  and (max-width: 1290px) {
ul.top-bar-menu li {
margin-right: 15px !important;
}
}
.page-template-page-vehicle-galleries #gallery-filters #gallery-filters h2 {
margin: 0 8px 0 0;
}  .hfx-wheel-right-container #cs-wheel-links a.active{
background: #0E0E0E;
box-shadow: none;
color: #fff;
}
.hfx-wheel-right-container #cs-wheel-links a.button {
color: #0E0E0E;
padding: 10px 25px;
margin-right: 16px;
}
.hfx-wheel-right-container #cs-wheel-links a.active {
background: #0E0E0E;
box-shadow: none;
color: #fff!important;
}
#wheel .hfx-wheel-right-container h1{
font-size: 72px;
}
#home-blog .row.blog-post h3 {
margin: 24px 0;
text-align: center;
line-height: 1.6;
padding: 0 20px;
}
.gallery-card .content h3 {
padding: 18px 10px 6px 10px;
white-space: nowrap;
overflow: hidden;
position: relative;
margin: 0;
}
#related-vehicle-galleries .intro {
padding-left: 10px;
}
#wheel .hfx-wheel-right-container h1{
white-space: normal;
}
.revBox {
height: 228px;
}
.revBox img {
width: 100%;
object-fit: cover;
height: 100%;
}
@media only screen and (min-width: 240px)  and (max-width: 500px) {
.revBox {
height: unset !important;
}
#related-galleries .gallery-image {
height: 120px;
float: left;
width: 100%;
}
#related-galleries .gallery-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom right;
}
}
.postid-210523 .cus{display: none;}
.postid-210523 #customSize{display: none;}
.postid-210523 .underLine{left: 0;}
.slide-menu{
z-index: 99999;
position: fixed; 
} .page-template-page-finishing .reveal-modal .close-reveal-modal { z-index: 999 !important;
top: 22px;
right: 7px;
width: 45px !important;
height: 45px !important; }
.wheel-result .sizes ul.size-list {
font-size: 13px;
margin: 0 0 9px 0;
text-align: center;
font-weight: 700;
padding: 0;
display: flex;
justify-content: center;
flex-flow: row wrap;
gap: 13px;
width: 100%;
float: left;
}
.wheel-result .sizes ul.size-list li {
margin: 0;
padding: 0;
font-size: 12px;
position: relative;
border: 0 !important;
}
.wheel-result .sizes ul.size-list li::after {
content: '' !important;
margin-left: 0;
width: 2px !important;
position: absolute;
display: block;
left: 25px !important;
height: 15px;
background: #646464;
top: -1px;
}
.wheel-result .sizes ul.size-list li:last-child::after {
display: none !important;
}
.page-template-page-wheel-search #sorting-wheels{
display:none!important;
} .single-wheel .archiveBoxContainer {
width: 100%;
float: left;
display: flex;
flex-flow: column;
align-items: center;
padding: 90px 15px;
}
.single-wheel .archiveBoxContainer p {
display: flex;
justify-content: center;
gap: 12px;
width: 100%;
float: left;
margin: 22px 0 0 0;
}
.single-wheel .archiveBoxContainer h1 {
width: 100%;
float: left;
font-size: 72px;
font-weight: 900;
line-height: 1;
padding: 0;
margin: 0 0 26px 0;
color: #222222;
text-align: center;
}
.single-wheel .archiveBoxContainer h1 small {
width: 100%;
float: left;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 8px 0;
color: #222;
}
.single-wheel .archiveBoxContainer p a.button {
margin: 0;
background-color: #000;
transition: 0.3s ease-in-out;
}
.single-wheel .archiveBoxContainer p a.button:hover {
background-color: #D52331;
}
.single-wheel .archiveBoxContainer .archiveBoxNotice {
max-width: 1080px;
float: right;
border: 1px solid #D9D9D9;
padding: 12px 22px;
border-radius: 8px;
margin: 0 0;
}
.single-wheel .archiveBoxNotice p {
width: 100%;
float: left;
color: #222222;
font-size: 16px;
line-height: 25.6px;
font-weight: 400;
margin: 0;
display: block;
text-align: center;
}
.single-wheel .archiveBoxNotice p b {
color: #D52331;
width: 100%;
float: left;
} .storeBlockWrap {
display: none;
}  
@media screen and (min-width: 240px) and (max-width:900px) {
#menu-overlay.reveal-modal {
background-image: none !important;
background-color: #f8f9fa !important;
border: 0;
border-radius: 0;
padding: 16px 24px !important;
overflow: auto;
}
#menu-overlay.reveal-modal::after {
content: '';
position: absolute;
height: 60px;
width: 100%;
background-color: #ffffff;
top: 0;
left: 0;
}
#menu-overlay a#logo {
margin: 0 0 0 0 !important;
z-index: 9;
position: relative;
}
#menu-overlay a#logo  img {
width: 140px !important;
}
#menu-overlay #menu-main-menu-1.top-bar-menu {
margin: 60px 0 0 0 !important;
width: 100%;
float: left !important;
padding: 0 !important;
position: relative !important;
z-index: 9;
}
#menu-overlay #menu-main-menu-1.top-bar-menu li {
z-index: 9;
width: 100%;
float: left;
background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrowRight.svg);
background-repeat: no-repeat;
background-position: right center;
margin: 0 0 17px 0 !important;
}
#menu-overlay #menu-main-menu-1.top-bar-menu li.menu-item-153010 {
display: none;
}
#menu-overlay #menu-main-menu-1.top-bar-menu li a {
color: #000 !important;
text-transform: capitalize;
letter-spacing: 1px;
font-size: 18px;
font-weight: 600 !important;
width: 100%;
float: left;
text-align: left;
}
.storeBlockWrap {
width: 100%;
min-height: 50px;
z-index: 999999;
padding: 0 0px;
float: left;
margin: 4px 0 0 0;
position: relative;
display: block;
}
.storeBlockInner {
width: 100%;
float: left;
border-top: 1px solid #A7A7A7;
padding: 24px 0;
}
.storeBlockInner h5 {
width: 100%;
float: left;
color: #838383;
font-family: "Open Sans";
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 12px;
letter-spacing: 2.4px;
text-transform: uppercase;
margin: 0 0 0 0;
}
.storeBlockInner a.storeLink {
width: 100%;
float: left;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
margin: 10px 0 0 0;
background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/arrowRight.svg);
background-repeat: no-repeat;
background-position: right center;
}
.storeBlockInner a.btnNav {
width: 100%;
float: left;
border: 1px solid #2B2929;
padding: 20px 16px;
text-align: center;
color: #000;
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
margin: 24px 0 0 0;
}
.phoneLink {
width: 100%;
float: left;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.4px;
margin: 24px 0 0 0;
}
.noScroll {
overflow: hidden;
}
#menu-overlay.reveal-modal .close-reveal-modal {
height: 27px !important;
font-size: 0 !important;
width: 27px !important;
background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/closeIcon.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 88%;
top: 14px;
z-index: 99;
}
.tab-bar ul.title-area img {
max-height: 36px;
float: left;
margin: 11px 0 0 0;
}
.right-small {
right: 0px;
}
.tab-bar .menu-icon {
font-size: 0;
width: 87px;
height: 52px;
background-image: url(//vossenwheels.com/wp-content/themes/vossen/assets/images/menuBar.svg) !important;
background-position: center;
background-repeat: no-repeat;
background-size: 29px;
}
} .top-bar-section ul li#menu-item-74804 {
margin-right: 60px;
}
.top-bar-section ul li#menu-item-74956 {
margin-left: 0px;
}
.underButtonLink {
width: 100%;
float: left;
text-align: center;
margin: 10px 0 0 0;
}
.underButtonLink b {
background: #0E0E0E;
color: #fff;
font-size: 12px;
text-transform: uppercase;
line-height: 100%;
padding: 2px 8px;
border-radius: 6px;
font-weight: 700;
} .page-id-80842 #contact-right form {
margin: 30px !important;
padding: 40px 20px 63px 20px !important;
background: #fff !important;
}
#field_12_18{
float: left!important;
position: relative!important;
padding: 0 16px!important;
}
#field_12_18 #validation_message_12_18 {
top: -17px !important;
}
#contact-page-top::before {
height: 950px !important;
}
.single-wheel #field_15_14 {
width: 304px !important;
position: relative !important;
padding: 0 !important;
margin: 0 0 0 24px !important;
z-index: 1 !important;
float: left;
}
.page-id-207679 .gform_body ul {
position: relative!important;
float: left!important;
}
.page-id-207679 #field_20_15 {
position: absolute!important;
bottom: -70px!important;
margin: 0 0 0 25px!important;
z-index: 1!important;
}
#field_20_15 .validation_message{
top: inherit!important;
bottom: 0!important;
} .infobubble_container {
min-width: 118px !important;
padding: 12px 8px !important;
min-height: 130px !important;
}
.infobubble_container::-webkit-scrollbar {
display: none !important;
}
#field_3_130 {
position: relative !important;
left: 15px !important;
z-index: 1 !important;
float: left;
}
.page-id-8566 .gform_footer {
padding-right: 15px;
float: right;
margin: -72px 0 0px 0;
}
.single-wheel .forged-series-container .right-select-content {
max-height: 250px !important;
height: unset !important;
}
.single-wheel #field_20_15 {
position: relative !important;
z-index: 1 !important;
float: left !important;
margin: 0 0 0 23px !important;
}
.single-wheel .bffContainer .gform_wrapper .gform_footer {
padding-top: 0 !important;
margin: -62px 0 0 0;
float: right;
width: 100%;
}
.star {
color: red;
margin: 0 8px 0 0px;
}
.hf-series-fitment-container .right-select-content {
min-height: 0 !important;
}
.hf-series-fitment-container .gform_footer {
padding-top: 0;
margin: -67px 0 0 0;
float: right;
width: 100%;
}
@media screen and (min-width: 240px) and (max-width: 991px){
.single-wheel #field_15_14 {
position: relative!important;
padding: 0!important;
margin: 0 0 14px 0!important;
z-index: 99!important;
bottom: 0!important;
width: 304px!important;
float: left!important;
}
.page-id-207679 #field_20_15 {
position: relative !important;
bottom: 0px !important;
margin: 0 0 10px 0 !important;
z-index: 9 !important;
width: 100%!important;
float: left!important;
}
.single-wheel .fitmentSectionContainerForged .gform_footer {
padding-top: 0;
position: relative;
right: 0;
bottom: 0;
}
.single-wheel .bffContainer .gform_wrapper .gform_footer {
margin: 0;
}
.page-id-8566 .gform_footer {
padding: 0 15px;
width: 100%;
margin: 19px 0 22px 0;
}
.hf-series-fitment-container .gform_footer {
margin: 0;
}
}
.single-vossen_gallery #field_20_15{
width:100% !important;
} .page-template-page-blog-php #blog-post-columns.row .post_div .row {
display: flex !important;
flex-flow: row wrap !important;
row-gap: 20px !important;
}
.page-template-page-blog ul.pagination li a {
min-width: 36px !important;
width: auto !important;
}
.page-template-page-blog #blog-homepage {
padding: 0px 0 0 0 !important;
}
.category article header.article-header {
background: transparent !important;
padding: 0px 28px !important;
top: 20px !important;
position: relative !important;
}
.category article header.article-header p.left {
max-width: 74% !important;
}
.category article header.article-header p.left a:hover {
color: #d52331 !important;
}
.category article footer.article-footer {
background: transparent !important;
padding: 0px 28px !important;
top: 20px !important;
}
.category article footer.article-footer p.tags {
width: 100% !important;
position: relative !important;
}
@media screen and (min-width: 240px) and (max-width: 900px) {
.category #content article .row {
flex-direction: column;
display: flex;
padding: 0 0 25px 0;
}
.category #content article .row a img {
width: 100%;
}
.category #content article .row .columns {
padding: 0;
width: 100%;
margin: 0 0 0 0;
}
.category header.content-header img {
height: 205px !important;
object-fit: cover!important;
}
ul.pagination li {
margin: 0 0 0 0 !important;
}
.page-template-page-blog ul.pagination li a {
margin: 0 !important;
}
.page-template-page-blog .slick-slide img {
height: 468px !important;
object-fit: cover !important;
}
.page-template-page-blog #blog-slider .slide .row {
padding: 0px !important;
width: 100% !important;
margin: 0 !important;
}
.page-template-page-blog #blog-slider .slide .row h1 {
font-size: 30px !important;
}
.page-template-page-blog #sub-menu ul.menu {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
overflow: auto !important;
}
.page-template-page-blog #blog-slider .slick-arrow {
display: none !important;
}
}  .page-template-page-warranty-policy .warranty-container {
width: 100%;
float: left;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px;
margin: 72px 0 139px 0;
}
.page-template-page-warranty-policy .warranty-container .warranty-content {
width: 100%;
float: left;
max-width: 835px;
}
.page-template-page-warranty-policy .warranty-container .warranty-content h1 {
width: 100%;
float: left;
color: #0E0E0E;
font-family: "Open Sans";
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 110%;
text-transform: uppercase;
}
.page-template-page-warranty-policy .warranty-container .warranty-content .downloadWarrantyBox {
width: 100%;
float: left;
margin: 24px 0 0 0;
display: flex;
flex-flow: row wrap;
gap: 24px;
}
.page-template-page-warranty-policy .warranty-container .warranty-content .downloadWarrantyBox a{
border: 1px solid #2B2929;
backdrop-filter: blur(2px);
padding: 14px 16px;
color: #000;
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
transition: 0.3s ease-in-out;
}
.page-template-page-warranty-policy .warranty-container .warranty-content .downloadWarrantyBox a.downloadWarantyPolicy {
background: #2B2929;
color: #FFF;
}
.page-template-page-warranty-policy .warranty-container .warranty-content .downloadWarrantyBox a:hover {
border-color: #D52331;
color: #D52331;
}
.page-template-page-warranty-policy .warranty-container .warranty-content .downloadWarrantyBox a.downloadWarantyPolicy:hover {
background: #D52331;
color: #FFF;
}
.page-template-page-warranty-policy .warranty-container .warranty-content h5 {
width: 100%;
float: left;
color: #3A3A3A;
font-family: "Inter";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 155.556%;
margin: 24px 0 0 0;
}
.page-template-page-warranty-policy .warranty-container .warranty-content p {
width: 100%;
float: left;
color: #616060;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 7px 0 0 0;
}
.page-template-page-warranty-policy .warranty-container .warranty-content ul {
width: 100%;
float: left;
margin: 4px 0 24px 0;
padding: 0 0 0 25px;
}
.page-template-page-warranty-policy .warranty-container .warranty-content ol {
width: 100%;
float: left;
margin: 4px 0 24px 0;
padding: 0 0 0 25px;
}
.page-template-page-warranty-policy .warranty-container .warranty-content ul li {
width: 100%;
float: left;
color: #616060;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0 0 0 0;
}
.page-template-page-warranty-policy .warranty-container .warranty-content ol li {
width: 100%;
float: left;
color: #616060;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0 0 0 0;
} #engineered-menu {
background: #0E0E0E !important;
z-index: 9;
width: 100%;
}
@media screen and (min-width: 240px) and (max-width:900px) {
.storeBlockWrap {
display: none;
}
.reveal-modal.open .storeBlockWrap {
display: block !important;
}
}