/*@font-face { font-family: "fontawesome-webfont"; src: url("../fonts/fontawesome-webfont.ttf"); font-weight: normal; font-style: normal; }*/ @import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); @font-face { font-family: 'HND-Regular'; src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Regular.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Regular.ttf') format('truetype'); font-weight: 400; } @font-face { font-family: 'HND-Medium'; src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Medium.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Medium.ttf') format('truetype'); font-weight: 500; } @font-face { font-family: 'HND-Bold'; src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Bold.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Bold.ttf') format('truetype'); font-weight: 700; } @font-face { font-family: 'HND-ExtraBold'; src: url('../fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtraBold.ttf') format('truetype'); font-weight: 800; } @font-face { font-family: 'HND-Black'; src: url('../fonts/HelveticaNowDisplay-Black.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Black.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Black.ttf') format('truetype'); font-weight: 900; } @font-face { font-family: 'HND-ExtraBlack'; src: url('../fonts/HelveticaNowDisplay-ExtBlk.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtBlk.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtBlk.ttf') format('truetype'); font-weight: 900; } /* Colors New Red: #EC2028 Black: #141414 */ /* Live Chat */ .admin-bar #chat-widget-container { display:none !important; } html.is-reveal-open { overflow: hidden; } /* Base Styles */ a:link, a:visited:link { /* This highlights links on iPhones/iPads. Similar to the :hover selector for mobile devices. */ -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; } /* Navigation */ .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; } /* Megamenu */ .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; } .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; } /* Default WP Posts & Content Styles */ #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; } /* Comment Styles */ #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; } /* Comment Form Styles */ .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; } /* Sidebars & Asides */ .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 Styles */ .footer { clear: both; margin-top: 1em; } /* Foundation Styles */ .clearing-assembled.clearing-blackout a:hover { background: none; } /* Image Gallery */ [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; } /* plugin Styles */ .gform_body ul { list-style: none outside none; margin: 0; } /* Print Styles */ @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; } } /* Typography Overrides */ body { font-family: 'Open Sans', sans-serif !important; } /* Admin Bar Adjustments to Sticky Menus */ body.admin-bar #nav-1.fixed[style] { top:32px !important; } body.admin-bar #engineered-menu[style] { top:32px !important; } /* Design & Layout Styles */ .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; } /* Navigation */ /*#header-top-bar { background:#fff; color:#8D8D8D; font-size:12px; font-weight:400; letter-spacing:.4px; border-bottom:1px solid #f0f0f0; } #header-top-bar .row { padding:0; max-width:100%; margin:0; } #header-top-bar .row .columns { } #header-top-bar #top-bar-right { text-align:right; } #header-top-bar em { font-style:normal; font-weight:700; color:#EC2028; } #header-top-bar a { color:#fff; } #header-top-bar a:hover { color:#EC2028; } */ #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; } /*/////////////13-01-2021//////////////////////*/ .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;} /*/////////////13-01-2021//////////////////////*/ /*/////////////15-01-2021/////////////////////////*/ .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; } } /* //////////////////13-09-2022////////////////// */ .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; /* background-color: #fff !important; color: #0E0E0E !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; } /*////////////15-01-2021/////////////////////////*/ /*@media only screen and (min-width: 64.0625em) {}*/ /* OLD 8*/ 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; /*max-width:1370px;*/ height:auto; } /*.top-bar-section { margin-left:80px; position:static; }*/ .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: 99; left:0px; top: auto !important; } .top-bar-section .has-dropdown > .dropdown { display:block !important; top: 100px; } /* End Old */ #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; } /* Begin New */ @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; /*display: inline-block;*/ 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('/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; } /* End New */ /* Hero Section */ #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 Section */ #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; } /* Menu */ #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; } /* Engineered Page Header */ 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 */ .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('../images/view_arrow.gif') left center no-repeat; text-transform:uppercase; font-size:11px; padding-left:9px; font-weight:700; } /* Landing Page Factory Section (differing heights from home page) */ .page-id-2700 .grid-block { min-height:340px; margin-bottom:30px; } /* Wheels Grid */ #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 Section */ #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 Blocks */ .grid-block img { width:100%; max-width:100%; height:auto; } /*.grid-block iframe { width:100% !important; height: 100% !important; }*/ /* Bottom CTA's */ #bottom-ctas { } #bottom-ctas .bottom-cta { padding:70px 0; text-align:center; /*background-size:100%; min-height:206px;*/ } #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; /*top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);*/ } #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#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; } /* Wheel Pages */ .single-wheel #hero p strong { font-style:normal; font-weight:600; text-transform:uppercase; letter-spacing:3px; } /* Wheel Rotator */ #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; } } /* Wheel Sizing */ #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('../images/icon_check.png') center center no-repeat; } /* Hide for NV2 */ .postid-26247 #sizing tr.size-23, .postid-26247 #sizing tr.size-24 { display:none; } /* Wheel Options */ #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%; /*border-top:1px solid #c7c7c7;*/ } #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; } /* Wheel Details */ /* VFS Color Options */ #the-wheel { padding:0; margin:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadada+0,dadada+34,ffffff+34 */ } #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; } /* VFS Wheel Switcher */ 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; } /* VFS Slider */ #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; /*z-index:2 !important;*/ } #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 Wheel Finishing Options */ #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 Available Sizes */ #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 */ #vfs-video { padding:80px 0; } #vfs-video iframe { margin:0 auto; display:block; } /* VFS Flow Forming Process */ #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; } /* Vehicle Gallery */ #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.gallery-image, #wheel-gallery .columns a.gallery-image { background:#141414; }*/ #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); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ 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; } /* Buttons */ /* Dark Buttons */ #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; } /* Light Buttons */ #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; } /* Play Video Buttons */ 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; } /* Wheel Manufacturing */ .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; } /* Slick Carousels/Sliders */ #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('../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('../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; } /* Finishing Page */ #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 Section */ #colors p { /*text-align:center;*/ font-size:13px; margin:0; } #colors h2 { /*text-align:center;*/ 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; } /* Colors Tabs */ .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; } /* Colors Grid Blocks */ .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 a.link-gallery { border-right:1px solid #6b6b6b; padding-right:2px; margin-right:5px; }*/ #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%; /*margin-top: -34px;*/ } .page-template-page-finishing .gallery-modal-nav-container { display:none; } /* Banners */ #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; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+20,141414+100&1+20,0+100 */ background: -moz-linear-gradient(left, rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); /* IE6-9 */ } #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; } /* Dealers + Maps */ .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(../images/arrow_icon.png) no-repeat 96% center ; background-size: 6%; border:none; border-bottom: 3px solid #EC2028; color: #fff; font-weight: 300; /* background-image: none; */ 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; /* Browsers without rgba support */ 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; /*margin-top: -20px;*/ } #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; /* Browsers without rgba support */ 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) { /* Wheel Hero Section */ #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 Section */ .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 */ #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 */ .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, .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 */ #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; } /* Manufacturing */ .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; } /*#manufacturing .grid-block:nth-of-type(7) { width: 100%; overflow:hidden; } #manufacturing .grid-block:nth-of-type(7) img { width:148.314606741573% !important; }*/ /* Grid Blocks */ .grid-block img { width:100%; max-width:100%; height:auto; } /* Options (Concave) */ #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%; /*border-top:1px solid #c7c7c7;*/ } #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 */ #prefooter { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab161c+0,ab161c+50,cf1c23+50,cf1c23+100 */ background: #ab161c; /* Old browsers */ background: -moz-linear-gradient(top, #ab161c 0%, #ab161c 50%, #cf1c23 50%, #cf1c23 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab161c), color-stop(50%,#ab161c), color-stop(50%,#cf1c23), color-stop(100%,#cf1c23)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); /* IE10+ */ background: linear-gradient(to bottom, #ab161c 0%,#ab161c 50%,#cf1c23 50%,#cf1c23 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab161c', endColorstr='#cf1c23',GradientType=0 ); /* IE6-9 */ } #prefooter #warranty { padding:1.8275rem 0.9375rem; } #prefooter #questions { padding:1.5rem 0.9375rem 1.8275rem 1.8275rem; } /* Footer */ footer.footer { background:url('../images/footer_background.jpg') center center no-repeat; background-size:cover; color:#fff; margin:0; min-height:600px; } #footer-bottom { background:url('../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; } /* Banners */ #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; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+20,141414+100&1+20,0+100 */ background: -moz-linear-gradient(left, rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); /* IE6-9 */ } #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 Queries */ @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; } /* Finishing Page */ .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; } /* Finishing Page */ .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; } /* Menu */ #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 */ .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 Blocks */ .grid-block img { width:100%; max-width:100%; height:auto; } /* Gallery */ #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 */ #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 (Concave) */ #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%; /*border-top:1px solid #c7c7c7;*/ } #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; } /* Banners */ #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; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+20,141414+100&1+20,0+100 */ background: -moz-linear-gradient(left, rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); /* IE6-9 */ } #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 */ #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; } /*#manufacturing .grid-block:nth-of-type(7) { width: 100%; }*/ /* Banners */ #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; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+20,141414+100&1+20,0+100 */ background: -moz-linear-gradient(left, rgba(20,20,20,1) 20%, rgba(20,20,20,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(20,20,20,1) 20%,rgba(20,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#00141414',GradientType=1 ); /* IE6-9 */ } #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 Section */ .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 */ .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 */ #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) */ #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%; /*border-top:1px solid #c7c7c7;*/ } #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("../images/arrow_icon.png") no-repeat scroll 98% center / 2% auto; } } @media only screen and (min-width:1025px) { /* Slides */ .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; } /*.slides .slide-bg[style] { min-height:30px; background-size:75%, 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:15% !important; } /* Finishing */ #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("../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; } /* Mobile */ @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; } } /* Tablet */ @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/Lightbox */ .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('../images/slick_arrow_prev_dark.png'); } .gallery-modal .slick-prev:hover { background-image: url('../images/slick_arrow_prev.png'); } .gallery-modal .slick-next { background-image: url('../images/slick_arrow_next_dark.png'); } .gallery-modal .slick-next:hover { background-image: url('../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 { /*max-width: 1200px;*/ padding: 10px 20px; margin: auto; } .gallery-modal-header img { margin-right: 20px; } .gallery-modal-close { width: 40px; height: 40px; background: url('../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; } /* Keep body from scrolling when modal is open */ body.modal-open { overflow: hidden; position: relative; } /* Wheel Gallery Section Override */ .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; } /* Fix non-cap modals (Videos) from being the smaller size */ .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 */ .standalone #hero { text-align:center; position:relative; height:685px; } .standalone #hero .flex-video { position:absolute; /*top:-44%;*/ z-index:-1; height:100%; width:100%; /*max-height:90%; overflow:hidden;*/ 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 */ #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 .offset-bg:before { background:#c52828; width:166px; height:2px; display:block; z-index:10; bottom:0; left:47%; position:absolute; }*/ #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 */ #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('../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 */ #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: Bottom Video */ #standalone-video { padding:80px 0; } #standalone-video iframe { margin: 0 auto; display: block; } /* Standalone: Repeated/Generic Styles */ .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; } /* Lambo NV1 Wheel: Repeated/Generic Styles */ .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; } /* Lambo: Hero */ #nv1-hero { text-align:center; position:relative; /*max-height:90%; overflow:hidden;*/ } #nv1-hero .flex-video { position:absolute; /*top:-44%;*/ z-index:-1; height:100%; width:100%; /*max-height:90%; overflow:hidden;*/ 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; } /* Lambo: Philosophy */ #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; } /* Lambo: Design & Manufacturing */ #nv1-design-mfg { background:url('../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('../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('../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('../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('../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('../images/nv1/video_bg.jpg') no-repeat; background-size:cover; padding:158px 0 126px 0; position:relative; } .postid-26247 #nv1-gallery { background:url('../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('../images/nv1/nv1_purchase_bg.jpg') top center no-repeat; background-size:cover; padding:230px 0 100px 0; } .postid-26247 #nv1-purchase { background:url('../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('../images/nv1/nv1_hero_bg.jpg') left top no-repeat; background-size:cover; } .postid-26247 #nv1-hero { background:url('../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 #wheels img#angled { margin-top: -76%; }*/ #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("../images/arrow_icon.png") no-repeat scroll 98% center / 5% auto; } /* Home */ #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('../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("../images/arrow_icon.png") no-repeat scroll 98% center / 5% auto; } .embed-gallery-box-detail-header #detail-header-bar-button{ padding-left:15px!important; /* float:none!important; padding-top: 0!important; padding-left: 0px!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('../images/nv1/nv1_hero_bg.jpg') left top no-repeat; background-size:cover; } .postid-26247 #nv1-hero { background:url('../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; /* float:none!important; padding-top: 0!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('../images/nv1/nv1_hero_bg.jpg') left top no-repeat; background-size:cover; } .postid-26247 #nv1-hero { background:url('../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-wheel #wheels img#angled { margin-top: -109%; }*/ #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; /* float:none!important; padding-top: 0!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('../images/nv1/nv1_hero_bg.jpg') left top no-repeat; background-size:cover; } .postid-26247 #nv1-hero { background:url('../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-wheel #wheels img#angled { margin-top: -109%; }*/ #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; } } /* CV SERIES */ #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 { } /* CG Series */ /*.postid-5802 #gallery.vehicle-gallery, .postid-6124 #gallery.vehicle-gallery, .postid-6504 #gallery.vehicle-gallery, .postid-6941 #gallery.vehicle-gallery, .postid-7975 #gallery.vehicle-gallery, .postid-7429 #gallery.vehicle-gallery { display:none; }*/ /* VW Series (Vossen Work) */ .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 { /*margin-right:26%;*/ 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; } /* Round Play Button Ripple */ #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 Page */ #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); } /*.cspml_options_bar_initial { display:none; }*/ #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(../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; } /*here start hover redbutton*/ /*.distributor_class .grid a:hover.button.red{ border:1px solid #EC2028 !important; color:#000!important; background: transparent !important; } div.distributor_class a:hover{ border: 1px solid #ec2028 !important; color: #000!important; background: transparent !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; } /* Dealers: Individual */ #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; } /* Maps */ 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; } /* Faceted Wheel Search */ /* Facets */ 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="cv-series"], .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-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"] { display:block; } /* reset indent */ .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('../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('../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('../images/checkbox_on.png') 0 50% no-repeat !important; background-size: 14px 14px; } /* Mobile Facets/Filters UI */ #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; } /* Desktop overrides for accordion + tabbed mobile UI (we don't need it for desktops) */ #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; } } /* Facets Sorting Options */ #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 Thumb */ #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; /*border-bottom:1px solid #B6B6B6;*/ 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 Text */ .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; } /* Color Options */ 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('../images/wheel_color_gradient.png') top center no-repeat; padding-top:14px; text-align:center; font-size:13px; text-align:center; letter-spacing:.5px; } /* Wheel Results: Category Descriptions */ .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, #HF-8.cat-description, /* #HF-4T.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, #HF6-1.cat-description, #NV2.cat-description, #CV10.cat-description, #EVO-1.cat-description, #EVO-1R.cat-description { display:block; clear:left; } 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-nv1.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-hf6-1, #hr-nv2, #hr-evo-1, #hr-evo-1r, #hr-cv10 { 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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; /*border-bottom:1px solid #B6B6B6;*/ 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("../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("../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;} /* New Home Page Design */ #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-slide.slick-active .hero-row, #home-hero .hero-slide.slick-active .hero-highlight { -webkit-animation-name: faderight; -webkit-animation-duration: 1s; -webkit-animation-delay: 1s; animation-name: faderight; animation-duration: 1s; animation-delay: 1s; opacity:1; } @-webkit-keyframes faderight { 0% { left:100px; opacity:0; } 100% { left:0px; opacity:1; } } @keyframes faderight { 0% { left:100px; opacity:0; } 100% { left:0px; opacity:1; } } */ #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; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0b0b0b+40,0b0b0b+100&0+0,0.92+40,0.92+100 */ 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%); /* FF3.6-15 */ 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%); /* Chrome10-25,Safari5.1-6 */ 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%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb0b0b0b',GradientType=0 ); /* IE6-9 */ } #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('../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('../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: 20.15rem; } /*.gallery-card:hover .content { box-shadow: 0 0 6px 0 rgba(0,0,0,.75); -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.75); }*/ .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; /*border-top:1px solid #d9d9d9;*/ } .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 * { border-top:1px solid red; }*/ #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('../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; } /* Inventory Wheels/Stock */ .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 */ #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; /*top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);*/ } #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; } /* Content Bottom section as #hero */ .page-id-80842 #hero { position:relative; } .page-id-80842 #hero h1 { margin: 0; position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } /* 404 Error Page */ .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 Series / HF1 */ .hf-wheel #engineered-menu .row { } .hf-wheel #engineered-menu .row.hf-series { background:url('../images/hf_series_logo.png') center left no-repeat; background-size: 139px, auto; } .hf-wheel #engineered-menu .row.cv-series { background:url('../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]) { cursor: default; min-width: 10px; color: #343434; background: #fff; padding: 12px 12px; border: 1px solid #fff; 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 { /*padding-right:20%;*/ } .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('../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('../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:18%; margin: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; /*border-spacing: 5px;*/ } .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:20%; display:inline-block; } */ #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%; } } /* Archives */ 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; 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; } /* Blog Home */ /* Blog Slider */ #hero-slider { position:relative; } #blog-slider { position:relative; margin-bottom:0; } #blog-slider .slide { /*min-height:680px;*/ /*max-height: 670px;*/ } #blog-slider .slide img { z-index:-1; } #blog-slider .slide .row { position: absolute; top: 50%; margin: 0 15%; width: 70%; transform: translateY(-50%); /*padding-top:12.5%; padding-bottom: 8%; margin-top: -35%;*/ } #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; } /* New Sub Nav */ #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; /*border-bottom: 4px solid #bb1a20; background: none; border-radius: 0;*/ } #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; } /* Blog Post */ 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; } 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; } /* Lug Nuts & Bolts */ #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 { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,0e0e0e+50,0e0e0e+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #0e0e0e 50%, #0e0e0e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#0e0e0e 50%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#0e0e0e 50%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 */ } #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; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,f6f6f6+50,f6f6f6+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 19%, #f6f6f6 19%, #f6f6f6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 19%,#f6f6f6 19%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%,#ffffff 19%,#f6f6f6 19%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ } #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('../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; } /* Menu */ .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; } /* Overlay Menu */ #menu-overlay.reveal-modal { background-color:#141414; color:#fff; background-size: cover !important; background: url('/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; margin } #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 */ #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 Grid Listings */ #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; } /* Gallery Detail */ 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; } /* HF1 */ .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; } /*#footer-links { padding:0 15px; } #footer-links-row, #footer-bottom { width:50%; float:left; clear:none; margin:0; } footer h3 { margin-bottom: 5px; margin-top: 15px; letter-spacing:1px; } */ } @media screen and (min-width:561px) and (max-width:640px) { /* Home */ #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 Grid Listings */ #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; } /* Menu */ .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; } /* Overlay Menu */ #menu-overlay.reveal-modal { background-color:#141414; color:#fff; background-size: cover !important; background: url('/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 */ #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 Grid Listings */ #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 Detail */ 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; } /* HF1 */ .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; } /* Menu */ .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; } /* Overlay Menu */ #menu-overlay.reveal-modal { background-color:#141414; color:#fff; background-size: cover !important; background: url('/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 */ #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 Grid Listings */ #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; } /* Gallery Detail */ 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; } /* HF1 */ .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) { /* Gallery Detail */ 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 { /*width: 200px; height: 200px; top: 0;*/ 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; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,f6f6f6+50,f6f6f6+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 7%, #f6f6f6 7%, #f6f6f6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 7%,#f6f6f6 7%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffffff 0%,#ffffff 7%,#f6f6f6 7%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ } } @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; } } /* [2020] New Styles */ #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; } /*@media only screen and (min-width: 64.0625em) {}*/ .top-bar .title-area { float:none !important; text-align:center; } .top-bar .name, .top-bar #logo { height: auto; padding:36px 0 25px 0; /*display: inline-block;*/ 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:-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('/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:-60%; 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: 19% !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; } /*#additional-media .media-video video { display:block; }*/ #fitment { color:#fff; /* background:#0e0e0e; */ } #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-gallery:last-child { display:none; } */ #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('/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('/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: 30%; margin:0 3% 0 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: 30px 40px; 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; /* border-spacing: 5px; */ } .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; } } /* ================newstyle Fitment Section=========== */ .fitmentSectionContainer{width: 100%; float: left; padding:137px 0 85px; /* background: url("https://2pus8t1yk38z3kihxp31m2fa-wpengine.netdna-ssl.com/wp-content/uploads/2015/09/Vossen-Forged-Wheel-Manufacturing-Facility-Miami-Florida-USA-©-Vossen-Wheels-2015-Design.jpg");*/ 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{ /* padding-top: 45px; */ } .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('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; /*font-weight: 800; letter-spacing: 0.1px; */ 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; /* font-size: 17px; font-weight: 800; letter-spacing: 0.1px; */ line-height: 80px; padding: 0; margin: 0; color: #fff!important; font-family: 'HND-Bold'; font-weight:700; } /* ==============RequestQuote=============== */ .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; /* padding-right: 0.9375rem; */ 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; } /* Chrome/Opera/Safari */ .quote-field input::-moz-placeholder { color: #949494; } /* Firefox 19+ */ .quote-field input:-ms-input-placeholder { color: #949494; } /* IE 10+ */ .quote-field input:-moz-placeholder { color: #949494; } /* Firefox 18- */ .quote-field input:focus::-webkit-input-placeholder { color: #fff; } /* Chrome/Opera/Safari */ .quote-field input:focus::-moz-placeholder { color: #fff; } /* Firefox 19+ */ .quote-field input:focus:-ms-input-placeholder { color: #fff; } /* IE 10+ */ .quote-field input:focus:-moz-placeholder { color: #fff; } /* Firefox 18- */ .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; } /* .chosen-new-select select{ border: 1px solid #666666 !important; border-radius: 0px; background: url(down-arrow.png) #0E0E0E; height: 50px; 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; } */ .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-series-container{ padding: 200px 0; overflow: hidden; } */ /* ================newchanges-26-03-2021============== */ .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%; } /* ================newchanges-27-03-2021============== */ .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; } /* new style 30-3-2021 */ .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; /* max-width: 1230px; */ } .naccs .left-grid-menu div { padding: 4px 20px 4px 20px; margin-bottom: 7px; /* color: $base-color; background: $second-color; */ /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */ 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 { /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */ } .naccs .left-grid-menu div span.light { height: 41px; /* width: 10px; */ width: 2px; position: absolute; left: 7px; top:-4px; background-color: #DFDFDF; /* top: 24px; left: 15px; */ /* background-color: $base-color; */ /* border-radius: 100%; */ 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; /*left: 0; height: 100%; width: 3px; top: 0; border-radius: 0; */ } .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; /* transform: translateX(50px); */ position: absolute; list-style: none; /* transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); */ transition: opacity 900ms ease 0s; } ul.nacc li.active { transition-delay: .1s; z-index: 2; opacity: 1; /* transform: translateX(0px); */ } 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; /* Firefox */ } .finish_color_box:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#949494!important; } .finish_color_box::-ms-input-placeholder { /* Microsoft Edge */ 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; } /* new style 14-4-2021 */ .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; } /* style add on 03-05-2021 */ /* custom wheels(PORSCHE) */ .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{ /* max-width: 722px; */ /* height: 591px; */ } .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; /* max-width: 240px; */ } .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; } /* style add on 07-05-2021 */ /* custom wheels(PORSCHE) */ .car-wheels-custom-gallery .porsche-mx-series-wheel{ min-height: inherit; width: 25%; margin: 0 0% 0 0; padding: 0px; } /* 13-05-2021 */ .mx-series-container-wheel-container{ display: flex; flex-wrap: wrap; } /* ////////////////////////////////24-09-2021///////////////////////// Vossen-x-series///////////////////////////////////////////////////*/ #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%); } /* .left-xrs-content img{ height: 100px; } */ .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-section .row{ max-width: 1258px; padding: 32px 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; } /* new changes 5-10-2021 */ .media-video video{ width: 100%; height: 100%; } /* new changes 6-10-2021 */ .all_custom_finishes_btn{ font-family: 'HND-Bold'; font-weight: bold; letter-spacing: 0; line-height: 17px; } /* new changes 31-01-2022 */ .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:75px; */ padding-left:15px; padding-top:0px; } .share_single_gallery_links{ position: relative; } /* new changes 31-01-2022 */ /*new changes 17-05-2022 */ /* Brand Page */ .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; } /*new changes 17-05-2022 */ .brand-guidelines-container .wp-caption{ max-width: 32% !important; padding: 5px; float: left!important; margin: 10px 0 0 10px!important; } /************** new changes 24-08-2022******************/ .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); } /* =============================Responsive style=============================== */ @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%; } /* ================newchanges-25-03-2021============== */ .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; } /* ================newchanges-30-03-2021============== */ .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; } /* .forged-series-container #wheel .forged-right-container { margin-left: 0 !important; } */ /* style add on 03-05-2021 */ /* custom wheels(PORSCHE) */ .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%; } /* ////////////////////////////////24-09-2021///////////////////////// Vossen-x-series///////////////////////////////////////////////////*/ #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{ /* display: block; */ 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; } /* ================newchanges-26-03-2021============== */ .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; } /* ================newchanges-30-03-2021============== */ .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; } /* style add on 03-05-2021 */ /* custom wheels(PORSCHE) */ .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; } /* ////////////////////////////////24-09-2021///////////////////////// Vossen-x-series///////////////////////////////////////////////////*/ #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; } /********* new changes 24-08-2022 ***************/ .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{ /* display: block; */ 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; } /* ================newchanges-25-03-2021============== */ .monoblock-forgedsec{ padding: 20px; } .tabgroup-forged .tab-title > a { padding: 16px 15px!important; } /* ================newchanges-26-03-2021============== */ .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; } /* ================newchanges-30-03-2021============== */ .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;} /* style add on 03-05-2021 */ /* custom wheels(PORSCHE) */ .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; } /* style add on 07-05-2021 */ /* custom wheels(PORSCHE) */ .car-wheels-custom-gallery .porsche-mx-series-wheel{ width: 50%; } .porsche-wheel-series-container #galleries h2{ font-size: 23px; } /* ////////////////////////////////24-09-2021///////////////////////// Vossen-x-series///////////////////////////////////////////////////*/ #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; } /********* new changes 24-08-2022 ***************/ .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{ /* display: block; */ 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; } /* ================newchanges-25-03-2021============== */ .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; } /* ================newchanges-26-03-2021============== */ .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; } /* ================newchanges-30-03-2021============== */ .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;} /* style add on 03-05-2021 */ /* custom wheels(PORSCHE) */ .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; } /* style add on 07-05-2021 */ /* custom wheels(PORSCHE) */ .car-wheels-custom-gallery .porsche-mx-series-wheel{ width: 50%; } /* ////////////////////////////////24-09-2021///////////////////////// Vossen-x-series///////////////////////////////////////////////////*/ #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; } /********* new changes 24-08-2022 ***************/ .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{ /* display: block; */ 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(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; } /* ================newchanges-25-03-2021============== */ .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; } /* ================newchanges-26-03-2021============== */ .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; } /* ================newchanges-30-03-2021============== */ .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; } /* style add on 03-05-2021 */ /* custom wheels(PORSCHE) */ .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; } /* style add on 07-05-2021 */ /* custom wheels(PORSCHE) */ .car-wheels-custom-gallery .porsche-mx-series-wheel{ width: 50%; } /* ////////////////////////////////24-09-2021///////////////////////// Vossen-x-series///////////////////////////////////////////////////*/ #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; } /********* new changes 24-08-2022 ***************/ .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; } }