/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0;} ol, ul{list-style: none;}
img{max-width:100%; height:auto; image-rendering: -webkit-optimize-contrast;}

/* TYPOGRAPHY */

::-moz-selection{background: #CD0000; color: #fff; text-shadow: none} ::selection{background: #CD0000; color: #fff; text-shadow: none}



p{font-size: 15px; line-height: 26px;}
a{color:inherit; transition: all .2s ease-in-out;}
a:hover{color: inherit;}
.button{display: inline-block; background: #CD0000; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; color: #fff; padding: 12px 50px; margin: 10px 0; box-sizing: border-box;}
.button:hover{background: #B50000; color: #fff;}
.img-right{float: right; padding: 0 0 25px 25px;}
.center{text-align: center;}
.red{color: #CD0000;}

/* FRAMEWORK */

html, body{font-family: urw-din, sans-serif; font-size: 14px; -webkit-text-size-adjust: none}
.main{padding: 35px 0;}
.container{    max-width: 1500px;
    position: relative;
    margin: 0 auto;
    padding: 0 25px;}
.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float:left; padding: 0 25px 0 0; box-sizing: border-box;}
.column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .clear{clear:both;}

.disclaimer h1{text-transform: uppercase; color: #CD0000;}
/* HEADER */
.shop-home .page-header-title h1 {color: #000 !important;}
.header{background: #222; padding: 25px 0; color: #fff;}
.logo{float: left; width: 500px;}
.logo img { max-width: 100%; width: 300px;}
.header-right{float: left; width: calc(100% - 750px);}
.header-phone{font-size: 36px; font-weight: 700; text-align: right; margin: 5px 0;}
.header-phone a{margin: 0 2px 0 15px; text-decoration: none;color:#fff!important;} .header-phone a:hover{color: #CD0000!important;}
.header-container{top: -100px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); transition: all .5s linear; z-index: 999;}
.stick{position: fixed; top: 0; width: 100%}
.stick .logo img{max-width: 150px;}
.stick .header{padding: 10px 0;}
.stick .header-phone{display: none;}
.push{height: 207px;}

.bbb {width:250px;float:right;padding-left:50px;box-sizing:border-box;margin-top:25px;}
.disclaimer-contain {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
	width: 90%;
	
}
.disclaimer span {color:#222;}

/* SLIDESHOW */

.slider{background: #333; max-width: 100%; height: 450px; position: relative; z-index: 0; overflow: hidden;}
.slide_group{position: relative; width: 100%;}
.slide{display: none; height: auto; position: absolute; width: 100%;}
.slide:first-child{display:block;}
.slide img{display: block; margin: 0 auto;}
.slide_buttons{text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -20px;  z-index: 9;}
.slide_btn{font-size: 30px; color: #fff; margin: 0 1px; transition: all 0.4s ease-in-out;}
.slide_btn.active, .slide_btn:hover{font-size: 30px; color: #CD0000; cursor: pointer;}
.caption{position: absolute; left: 0; width: 50%; margin: 50px 0 0 0; padding: 30px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); border-left: 10px #CD0000 solid; color: #fff; z-index: 9;}
.caption h2{font-size: 30px; text-transform: uppercase;}
.caption a{display: inline-block; background: #CD0000; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; padding: 12px 25px; margin: 15px 0; box-sizing: border-box; border: 1px #fff solid;}
.caption a:hover{background: #B50000;}
.caption img{display: block; max-width: 100%; width: auto; height:auto; position: relative; margin: 0;}

@media screen and (max-width: 1920px){
	.slide img{display: block; position: absolute; right: 0; z-index: 0; max-width: 1920px; width: 1920px; height: 500px;}
}

/* SLICK SLIDER */

.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: inline-block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev, .slick-next {font-size:0; line-height:0; position: absolute; top:50%; display:block; width: 40px; height:40px; padding:0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; background: none; outline: none; z-index:999999;}
.slick-prev{left: -25px;}
.slick-next{right: -25px;}
.slick-prev:before, .slick-next:before{font-family: FontAwesome; font-size: 24px; position: absolute; top: 10px; line-height: 1; color: #999;}
.slick-prev:before{content: '\f053'; left: 10px;}
.slick-next:before{content: '\f054'; right: 10px;}
.category-container{display: block; margin: 25px 0;}
.categories{padding: 2px 10px; box-sizing: border-box; text-align: center;} .categories a:hover{opacity: .5;}

/* ZOOM CONTAINER */

.zoom-container{display: block; float: left; width: 33.3333%; position: relative; overflow: hidden; border: 1px solid #fff; box-sizing: border-box;}
.zoom-container img{display: block; width: 100%; height: auto; transition: all .5s ease;}
.zoom-container .zoom-caption{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, .25); text-transform: uppercase; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); transition: all .5s ease;}
.zoom-container .zoom-caption .zoom-caption-text{position: absolute; bottom: 15px; left: 15px; font-size: 36px; font-weight: 700; line-height: 40px;}
.zoom-container .zoom-caption .zoom-caption-text .products{font-size: 24px; font-weight: 400; line-height: 26px;}
.zoom-container:hover .zoom-caption{background: rgba(205, 0, 0, 0.75);}

.parts-zoom .zoom-container{width: 100%; max-height: 147px;}

.showroom-zoom .zoom-container{width: 25%;}
.showroom-zoom .zoom-container .zoom-caption .zoom-caption-text{font-size: 20px; line-height: 24px;}

/* SEARCH */

.search-box{display:none; position:fixed; top:0; right:0; height:100%; z-index:99999999999; width:320px; background:#333; border-left: 1px #ccc solid; box-shadow:-2px 0 3px rgba(0,0,0,.4)}
.search-box h3{color: #fff;}
.search-box .close-search{width:100%; display:block; border-bottom:1px #aaa solid; cursor:pointer; font-size: 14px; text-align: right; color: #fff; padding: 5px 20px; box-sizing: border-box;}
.search-box .close-search:hover{background: #555;}
.search-box form{margin: 15px 0;}
.search-box strong{font-size: 14px; color: #fff;}
.search-box input, .search-box select{display:block; width:100%; background:#fff; padding:8px 10px; color:#333; box-sizing:border-box; border:1px #ccc solid !important;}
.search-box input[type="submit"]{float: none; display: block; width: 100%; background: #CD0000; margin: 10px 0; padding: 10px; box-sizing: border-box; font-family: urw-din, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: none; cursor: pointer;}
.search-box input[type="submit"]:hover{background: #B50000;}
.tab-buttons .tab-button{display: block; width: 100%; padding: 12px 5px; box-sizing: border-box; font-weight: 700; text-align: center; color: #aaa; border-bottom:1px #aaa solid; cursor: pointer;}
.tab-buttons .tab-button:hover{background: #CD0000; color: #fff;}
.tab-buttons .active{background: #CD0000; color: #fff;}
.tab-container{padding: 20px; box-sizing: border-box; color: #fff;}
.tab-content{display:none;}
.tab-content strong{display:block; margin-top: 10px;}

/* STYLES */

.promotion{display: block; padding: 15px 0; border-top: 1px #ccc solid;}
.promotion strong{display: block; font-size: 18px; color: #CD0000; margin: 0 0 10px;}
.locations{max-height: 500px; height: 500px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.locations .location-scroll{float: left; height: 100%; width: 350px; overflow-y: scroll;}
.locations .location-scroll .location-list{font-size: 15px; line-height: 26px; color: #333; padding: 25px; box-sizing: border-box; border-top: 1px #ccc solid;}
.locations .location-scroll .location-list h2{color: #333; margin: 0 0 5px;}
.locations .location-scroll .location-list a{font-weight: 700; color: #CD0000;}
.locations .location-map{float: left; width: calc(100% - 350px);}
.location-container{padding: 0 25px; box-sizing: border-box;}
.location-container .zoom-container{width: 20%;}
.location-container .zoom-container .zoom-caption .zoom-caption-text{font-size: 24px; line-height: 32px; bottom: 10px;}
.showroom{float: left; width: calc(25% - 10px); border: 2px #ccc solid; margin: 5px; padding: 10px; box-sizing: border-box; font-weight: 700; text-align: center;}
.showroom:hover{border: 2px #CD0000 solid; transition: all .5s ease;}
.showroom img{max-height: 50px; margin: 5px 0;}
.showroom a{display: block; text-decoration: none;}

/* FORM */

#form{background: #fafafa; padding: 25px; box-sizing: border-box; border: 1px #ccc solid;}
#form input[type="text"], #form input[type="email"], #form select, #form textarea{width: 100%; padding: 10px 5px; border: 1px solid #ccc; margin: 5px 0 15px; box-sizing: border-box;}
#form textarea{height: 90px;}
#form label{cursor: pointer;}
#form input[type="checkbox"]{margin: 15px 10px 0 0;}
#form input[type="submit"]{display: inline-block; max-width: 300px; width: 100%; background: #CD0000; margin: 10px 0; padding: 15px; box-sizing: border-box; font-family: urw-din, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: none; cursor: pointer;}
#form input[type="submit"]:hover{background: #B50000;}
.CaptchaPanel{margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; text-align: left !important; line-height: normal !important;}
.CaptchaAnswerPanel input{width: 300px !important; margin: 10px 0; padding: 10px 5px; box-sizing: border-box;}
.CaptchaImagePanel{margin: 0 0 0 0; padding: 0 0 0 0;}
.CaptchaMessagePanel{padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; font-weight: normal !important; font-size: 12px; line-height: 14px;}
.CaptchaAnswerPanel{margin: 0 0 0 0; padding: 2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel{line-height: 0; margin: 0 0 0 0; padding: 8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a{color: #000;}
.CaptchaWhatsThisPanel a:hover{text-decoration: none;} 

/* FOOTER */

.footer{background: #222; line-height: 24px; color: #ccc; padding: 50px 0 20px;}
.footer img{max-width: 200px;}
.footer ul li{margin: 10px 0;}
.footer ul li a{font-weight: 700; text-transform: uppercase; text-decoration: none;}
.footer ul li a:hover{color: #fff;}
.footer .bottom-footer{font-weight: 700; text-transform: uppercase; color: #aaa; padding: 50px 0 0;}
.footer .bottom-footer .host{float: left;}
.footer .bottom-footer .copyright{float: right;}
.advanced-search{position: fixed; bottom: 0; left: 35px; background: #CD0000; padding: 10px 25px; box-sizing: border-box; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; cursor: pointer; box-shadow: 0 0 10px 0 rgba(0,0,0,.25); z-index: 9999;}
.advanced-search:hover{background: #B50000;}
.email-frame{width: 100%; height: 50px;}
.email-form h4{color: #fff;}
.email-form input[type="email"]{display: inline-block; width: calc(100% - 155px); position: relative; top: -1px; padding: 11px; box-sizing: border-box; border: none;}
.email-form input[type="submit"]{display: inline-block; width: 150px; background: #CD0000; padding: 10px; box-sizing: border-box; font-family: urw-din, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: none; cursor: pointer;}
.email-form input[type="submit"]:hover{background: #B50000;}

/* RESPONSIVE */
@media screen and (max-width: 1320px) {
.bbb {
    width: 200px;
    padding-left: 10px;
}
	
	.header-right {
    width: calc(100% - 500px);
}

}
@media screen and (max-width: 1060px){
	.logo{float: left; width: 300px;}
	.header-right{width: calc(100% - 300px);}
	.zoom-container .zoom-caption .zoom-caption-text{font-size: 30px; line-height: 32px;}
	.location-container .zoom-container{width: 33.3333%;}
.bbb {margin-top: 0;}
}
@media screen and (max-width: 900px){
	.header-container{position: relative; top: 0;}
	.header-push, .push{display:none;}
	.stick .header{display: block;}
	.stick{position: relative;}
	.column9, .column8, .column4, .column3{float: none; width: 100%; padding: 0; margin: 0 0 15px;}
	.column9 iframe{max-height: 200px;}
	#form .column4{margin: 0;}
	.slider{height: 300px;}
	.caption{margin: 25px 0 0; width: 100%; border: none;}
	.caption h2{font-size: 18px;}
	.caption a{display: block; margin: 10px 0;}
	.zoom-container, .parts-zoom .zoom-container, .location-container .zoom-container{float: none; width: 100%; height: 150px; max-height: 150px;}
	.zoom-container img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .showroom-zoom .zoom-container{float: left; width: 50%;}
	.locations{height: auto; max-height: none;}
	.locations .location-scroll, .locations .location-map{float: none; width: 100%;}
	.showroom{width: calc(50% - 10px);}
	.footer .column2, .footer .column3{display: none;}
	.footer .last, .footer .column6{display: block; float: none; width: 100%; text-align: center;}

}
@media screen and (max-width: 650px){
	.header{padding: 15px 0 5px;}
	.logo, .header-right{float: none; width: 100%; text-align: center;}
	.logo img{width: 100%;max-width: 250px;}
	.header-phone{font-size: 28px; text-align: center;}
	.img-right{float: none; padding: 0; margin: 0 0 15px;}
	.showroom-zoom .zoom-container{float: none; width: 100%; height: 100px; max-height: 100px;}
	.showroom-row{display: block;} .showroom{flex: inherit; float: left; width: calc(50% - 10px);} .showroom img{max-height: 40px;}
	.footer .bottom-footer .host, .footer .bottom-footer .copyright{float: none; width: 100%; text-align: center;}
	.bbb {padding: 0 !important;width: 100%;text-align: center;}
	input, select{-webkit-appearance: none;}
	.disclaimer h1 {font-size: 16px;text-transform: none;}
}
@media screen and (max-width: 480px){
	.showroom{width: 100%; margin: 5px 0;}
}