@import url("global.css");


/* ## VEHICLE DETAILS ## */
#detail-block{background:url(https://blueprint.cdn.cloud.searchoptics.net/589b4772fee6d4e1972d9008f98f95d4/background_VDP.jpg) no-repeat 50% 100%; background-size: cover;padding:80px 0;}

/* Pricing */
.priceCol{ margin: 0 0 40px 0; }
.priceCol .vehicle-title {display: block;font-size: 20px;text-transform: uppercase;margin: 0 0 20px 0;letter-spacing: 10px;}
.priceCol .vehicle-title b {display: block;font-size: 40px;padding: 5px 0 10px 0;font-family: 'MillerB Light'; font-weight: normal;letter-spacing: 0;}
.priceCol .priceBlock {border-top: 1px solid rgba(0,0,0,0.25);padding: 20px 0 0 0;}
.priceCol .priceBlock strong{float:right}
.priceCol .priceBlock .finalPrice{color:#b45f1a;line-height:30px;}
.priceCol .priceBlock .finalPrice strong{font-size:30px;}
.priceCol .priceBlock .theMSRP{color:#b45f1a;line-height:30px;}
.priceCol .priceBlock .theMSRP strong{font-size: 36px;font-weight:normal;}

/* Carousel */
#detail-block #sliderCol{padding:0 80px 0 0 !important; margin-bottom: 80px !important;}
#detail-block #sliderCol .media-holder{display:none;}
#detail-block #sliderCol .media-holder.active{display:block;}
#detail-block #sliderCol .carousel-wrap{margin-bottom:18%;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget{margin:0 auto;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-inner .item img.img-responsive,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-inner .item a img.img-responsive{width:100%;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control{width:30px;height:18.5%;top: 105%;background-color:transparent;background-image:none;opacity:1;text-shadow:none;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control.left{left:-35px; color: #000}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control .icon-prev,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control .icon-next {margin-top: 0;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control.right{right: -50px;color: #000;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control .glyphicon{width:100%;height:20px;left:0;margin:0;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control .glyphicon::before{width:100%;height:100%;font-family:"FontAwesome";font-size:20px;color:#666;display:block;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control .glyphicon-chevron-left::before{content:"\f104";}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-control .glyphicon-chevron-right::before{content:"\f105";}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs{width:calc(100% + 20px);height:auto;margin:0;top:calc(100% + 15px);left:-10px;bottom:auto;background-color:transparent;display:none;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs{display:block;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.active{width:25%;height:auto;padding:0 5px;margin:0;border:none !important;background:none}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-indicators li img,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li img{opacity:.6;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-indicators li.active img,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.active img,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li:hover img{opacity:1;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li{display:none;opacity:0;transition:opacity 0.6s linear 0s;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.mid,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.active,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.active + li{display:inline-block;opacity:0;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.first{border-left:1px solid white;}
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.first,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.first + li,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.first + li + li,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.first + li + li + li,
#detail-block #sliderCol .carousel-wrap .module-vehicleImageCarouselWidget .carousel-thumbs li.mid + li{display:inline-block !important;opacity:1;}

/* Details */
#detail-block #detailCol { margin: 0 0 40px 0;  }
#detail-block #detailCol h1.h1 { font-size: 32px;margin: 0;padding: 0 0 20px 0;}
#detail-block #detailCol h1.h1:after { display: none; }
#detail-block #detailCol li.module-vehicleBulletsWidget{color: #b45f1a;border-bottom: 1px solid rgba(0,0,0,0.25);list-style:none;line-height:200%;text-align:left;}
#detail-block #detailCol li.module-vehicleBulletsWidget span{color: #000;font-weight:bold;float:right;}
#detail-block #detailCol .vehicleQuickPopupsWidget{text-align:center;}
#detail-block #detailCol .vehicleQuickPopupsWidget .btn{margin:40px 0 0;}
#detail-block .btn {padding-left:0;padding-right:0;width: 100%;}

@media only screen and (max-width:1024px) {
    #detail-block { padding: 40px 0; }
    #detail-block #sliderCol {padding: 0 40px 0 0 !important; }
}

@media only screen and (max-width:991px) {
	.priceCol .vehicle-title { font-size: 16px; text-align: center; }
	.priceCol .vehicle-title b { font-size: 32px; }
    #detail-block #sliderCol { padding-right: 0 !important; }
}

@media only screen and (max-width:767px) {
    #detail-block #detailsCol { padding: 0 !important; }
}

@media only screen and (max-width:480px) {    
    #detail-block { padding: 40px 0; }
    #detail-block .priceCol { margin: 0 0 20px 0; }
	#detail-block #sliderCol .carousel-wrap{ margin: 0 0 20px 0; }
	#detail-block #detailCol { margin: 0 0 20px 0; }
}


/* ## BANNER ## */
#banner { background: #000; color: #FFF; letter-spacing: 8px; padding: 20px 40px; text-align: center; text-transform: uppercase; }

@media only screen and (max-width:1024px) { #banner { letter-spacing: 5px; padding: 40px; } }


/* ## OPTIONS ## */
#options-block { padding: 80px 0; background:#f4f4f4; }
#options-block .module-vehicleOptionsWidget .nav-tabs { text-align:left; }
#options-block .module-vehicleOptionsWidget .nav-tabs li {width:33.333%;max-width:350px;padding:0;margin:0 -1px 0 0;display:block;float:left;}
#options-block .module-vehicleOptionsWidget .nav-tabs li a{width:100%;padding:0;border-color:#DDD;margin:0;color:black;font-weight:bold;text-transform:uppercase;text-align:center;height:50px;line-height:50px;font-size: 16px;letter-spacing: 2px;}
#options-block .module-vehicleOptionsWidget .nav-tabs li a:hover { background: none; }
#options-block .module-vehicleOptionsWidget .nav-tabs li.active a{background:#FFF;border-bottom:1px solid #FFF;}
#options-block .module-vehicleOptionsWidget .tab-content{padding:40px;background:#FFF;border:1px solid #DDD;margin-top:-1px;}
#options-block .module-vehicleOptionsWidget .tab-content .tab-pane{height:300px;padding:0;overflow:hidden;}
#options-block .module-vehicleOptionsWidget .tab-content .tab-pane div[class^="col-"]{padding: 0 20px 0 0;margin-right: -1.5%;display: inline-table;float:none;}
#options-block .module-vehicleOptionsWidget .tab-content h2 { font-weight: bold; font-size: 14px; margin: 0 0 10px 0; text-transform: uppercase; }
#options-block .module-vehicleOptionsWidget .tab-content ul {margin: 10px 20px 40px 16px;padding: 0;}
#options-block .module-vehicleOptionsWidget .tab-content li, .tab-content li.list {font-size: 12px;margin: 0 0 10px 0;padding: 0;line-height: 16px !important;}
#options-block .btn { backface-visibility: hidden; background: rgba(0,0,0,0.1); color: #000; display: inline-block; font-size: 14px; letter-spacing: 5px; line-height: 10px; margin: 0; padding: 10px 35px 25px 40px; position: relative; text-decoration: none; text-transform: uppercase; transition-duration: .1s; transition-property: color; transform: translateZ(0); vertical-align: middle; }
#options-block .btn:before { background: #000; bottom: 0; content: ""; left: 0; position: absolute; right: 0; transform: scaleX(0); transition-duration: .1s; transform-origin: left; transition-property: transform; transition-timing-function: ease-in; top: 0; z-index: -1; }
#options-block .btn:hover, #options-block .btn:focus, #options-block .btn:active { color: #FFF; text-decoration: none; }
#options-block .btn:hover:before, #options-block .btn:focus:before, #options-block .btn:active:before { transform: scaleX(1); transform-origin: right; }
#options-block .btn:after { font-family: 'Pe-icon-7-filled'; font-size: 32px; line-height: 24px; content:"\e611";position: relative;top: 9px;margin: 0 0 0 20px;}

@media (max-width:767px) {
	#options-block { padding: 40px 0; }
	#options-block .module-vehicleOptionsWidget .nav-tabs li{width:100%;max-width:100%;}
	#options-block .module-vehicleOptionsWidget .nav-tabs li a{ }
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li > div h2{ font-weight: bold; font-size: 14px; margin: 0 0 10px 0; text-transform: uppercase; }
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li > div ul{ margin: 0 0 20px 0;overflow: auto;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li > div ul li{display:list-item;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li .theOpts{height:0;overflow:hidden;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li .theStnds{height:0;overflow:hidden;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li .theComm{height:0;overflow:hidden;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li > a,
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li > a:hover
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.active > a,
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.active > a:hover{width:100%;padding: 20px 0;border: 1px solid #222 !important;border-right: 0 !important;border-left: 0px !important;margin:0;background-color:#f2f2f2 !important;color:#222 !important;text-align:left;text-decoration:none !important;text-transform:uppercase;font-size: 14px;font-weight: 400;border-bottom: 0 !important;height: inherit;line-height: 14px;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li:last-child > a { border-bottom: 1px solid #000 !important; }
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li > a::after{font-family:'Pe-icon-7-stroke';font-weight:normal;content:'\e623';position:absolute;right: 0;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.expanded .theOpts,
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.expanded .theStnds,
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.expanded .theComm{height:auto;padding: 0;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.expanded > a{color:#aaa !important;}
	#options-block .module-vehicleOptionsWidget .nav.nav-tabs > li.expanded > a::after{content:'\e644';}
	#options-block .module-vehicleOptionsWidget .tab-content{display:none;}
}


/* ## SIMILAR VEHICLES ## */
#similar-block { padding: 80px 0; }
#similar-block h1, #similar-block h1.h1 { margin: 0 0 40px 0 ; text-align: center; }
#similar-block .similar-vehicles .wrap { width: 100%; padding: 0; margin: 0; display: block; float: left; }
#similar-block .similar-vehicles .wrap.mobile .col{width:100%;}
#similar-block .similar-vehicles .wrap.tablet .col{width:50%;}
#similar-block .similar-vehicles .wrap.laptop .col{width:25%;}
#similar-block .similar-vehicles .wrap.desktop .col{width:25%;} 
#similar-block .similar-vehicles .wrap .col{padding:0;margin:0;display:block;float:left;}
#similar-block .similar-vehicles .wrap .col .similar { border: 1px solid #b7b7b7; padding: 0; margin: 0 -1px 0 0; }
#similar-block .similar-vehicles .wrap .col .similar .padding {padding: 0 0 20px 0;}
#similar-block .similar-vehicles .wrap .col .similar .padding .imagewrap{ width: 100%; }
#similar-block .similar-vehicles .wrap .col .similar .padding .imagewrap a{ display: block; height: 100%; overflow: hidden; width: 100%; }
#similar-block .similar-vehicles .wrap .col .similar .padding .imagewrap a img { height: 100%; max-width: 100000px; min-width: 100%; width: auto; }
#similar-block .similar-vehicles .wrap .col .similar .padding .text-center { margin: 0; padding: 20px 20px 0; text-align: center; }
#similar-block .similar-vehicles .wrap .col .similar .padding .text-center div:first-child { color: #000; display: block; font-family: 'MillerB Light'; margin: 0 0 10px 0; }
#similar-block .similar-vehicles .wrap .col .similar .padding .text-center div:last-child {display: block;font-size: 12px;/* margin: 0 0 80px 0; */}
#similar-block .similar-vehicles .wrap .col .similar .padding .text-center div:last-child strong { color: #b45f1a; font-size: 16px; }
#similar-block .similar-vehicles .wrap .col .similar .padding .text-center .price-header div#theMSRP { font-family: 'Proxima Light'; font-size: 12px; }
#similar-block .similar-vehicles .wrap .col .similar .padding .text-center .price-header div#theMSRP strong { color: #b45f1a; font-size: 16px; } 
#similar-block .similar-vehicles .wrap .col .similar .btn-primary {padding:20px;width:100%;}
#similar-block .similar-vehicles .wrap .col .similar .btn-primary:after { display: none; }

@media only screen and (max-width:1024px) {
	#similar-block { padding: 40px 0; }
	#similar-block h1, #similar-block h1.h1 { font-size: 64px; }
	#similar-block hr { margin: 0 auto 40px; }
	#similar-block .similar-vehicles .wrap .col{ margin:0 0 40px; }
}

@media only screen and (max-width:767px) {
	#similar-block h1, #similar-block h1.h1 { font-size: 48px; }
}

@media only screen and (max-width:480px) {
	#similar-block { padding: 20px 0; }
	#similar-block .similar-vehicles .wrap .col{ margin:0 0 20px; }
}