@import url('../css/form.css');
#vdp {background-color: #E5E5E5; font-size: 14px; line-height: 27px;}
#vdp #vdp-stats {margin: 20px 0; background-color: #fff;}
#vdp .section-title {font-size: 18px; line-height: 21px; letter-spacing: .1em;}
.module-vehicleImageWidget {display: none !important;}
/* price block */
#vdp #price-block {background-color: #198667; color: #fff;}
#vdp #price-block .fee-widget .fee-row {padding: 0;}
#vdp #price-block .fee-widget .fee-row .fee-value {font-weight: bold;}
#vdp #price-block .fee-widget .fee-row.discount .fee-value {color: #fff;}
#vdp #price-block .fee-widget .fee-row.dealerPrice {padding: 60px 0;margin-top: 0;float: none;margin-bottom: 0;font-size: 18px;line-height: 21px;text-transform: uppercase;background-color: transparent;}
#vdp #price-block .fee-widget.normal-price {padding: 0; margin-top: 0; float: none; margin-bottom: 0; font-size: 18px; line-height: 21px; text-transform: uppercase; background-color: transparent;}
#vdp #price-block .fee-widget .fee-row ~ .fee-row.dealerPrice:before {display: none;}
#vdp #price-block .fee-widget .fee-row.dealerPrice .fee-value, 
#vdp #price-block .fee-widget .fee-row.dealerPrice .fee-label {background-color: transparent;padding: 0;font-size: 18px;line-height: 21px;}
#vdp #price-block .fee-widget .fee-row.priceTaxDisclosure {background-color: transparent; display: none;}
#vdp #price-block .fee-widget.call-for-price, 
#vdp #price-block .fee-widget.normal-price {padding-bottom:40px; margin-top: 0;float: none;margin-bottom: 0;font-size: 18px; font-weight:bold; line-height: 21px;text-transform: uppercase;background-color: transparent;}
#vdp #price-block .fee-widget.normal-price .price-label {background-color: transparent;padding: 0;font-size: 18px;line-height: 21px;}
#vdp #price-block #quote-button .btn.btn-primary {font-family: "Oswald", Arial, sans-serif; font-size:20px; letter-spacing: .1em; width: 100%; text-transform: uppercase;}
#price-block .btn.btn-secondary {font-size: 16px !important;}
/* highlights */
#vdp #vdp-highlights .module-vehicleBulletsWidget {display: inline-block; width: 100%; list-style-type: none; color: #707070;}
#vdp #vdp-highlights .module-vehicleBulletsWidget > span {display: block;color: #000; font-weight: bold;}

/* summary */
#vdp #vdp-summary .dealer-comments {color: #000;}
/* specs */
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-pane ul {margin-left: 5px;}
/*#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li {width: 100%;text-align: left;}*/
/*#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li > a {padding: 20px; background-color: #E7E7E7; border: none; color: #000; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 14px;}*/
/*#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li > a:after {content: '\f078'; font-family:"FontAwesome"; float: right;}*/
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div[id^=vehicle_options_widget_].tab-pane{
  height:300px;overflow-y:scroll;overflow-x:clip;scrollbar-width:thin;scrollbar-color:#707070 #FFFFFF;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div[id^=vehicle_options_widget_].tab-pane::-webkit-scrollbar{width:5px;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div[id^=vehicle_options_widget_].tab-pane::-webkit-scrollbar-thumb {background: #707070;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div[id^=vehicle_options_widget_].tab-pane::-webkit-scrollbar-track {background:#FFFFFF; -webkit-box-shadow:inset 0 0 1px #000;}

#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs{width: 100%;text-align: left;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li {text-align: left;display:inline-block}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li > a {padding:20px;background-color:#E7E7E7;border:none;color:#000;font-weight:bold;text-transform:uppercase;font-size:12px;line-height:14px;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li > a:after {content: '\f078';font-family:"FontAwesome";float:right;padding-left:20px;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .nav-tabs li.active a{background-color:#1A1D53;color:#FFF;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div[id^=vehicle_options_widget_].tab-pane > div{width:100%}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div[id^=vehicle_options_widget_].tab-pane > ul >li{word-break:break-word;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul{column-count:1;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul > li{page-break-inside:avoid;break-inside:avoid;float:none;width:auto;}
#vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul > .clearfix{display:none !important;}

/* dealer info & map */
#vdp #vdp-dealerinfo span {display: block;}
#vdp #vdp-dealerinfo .gray {color: #707070;}
#vdp #vdp-dealerinfo a[href*='tel'] {font-weight: bold;}
#vdp #vdp-dealerinfo a[href*='map'] {font-weight: bold;}
#vdp #vdp-dealerinfo .btn.btn-secondary {font-family: "Oswald", Arial, sans-serif; font-size:14px; letter-spacing: .1em; width: 100%; text-transform: uppercase;}
/* similar vehicles */
#vdp .similar-vehicles .vehicle {font-family:"Oswald", Arial, sans-serif; border: none;}
#vdp .similar-vehicles .vehicle .padding {padding: 0;}
#vdp .similar-vehicles .vehicle .vehicle-padding {padding: 30px;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-title {font-size: 16px; line-height: 28px; font-weight: bold; text-transform: uppercase;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vtitle-trim {font-size: 12px; line-height: 14px; text-transform: uppercase;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices {padding: 20px 0;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsWasPriceWrapper {display: block;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsWasPrice {color: #000; font-weight: bold; font-size: 16px; line-height: 28px;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsSelectedPrice,
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsSelectedPrice a.dealer-price {cursor: initial; color: #000; font-weight: bold; font-size: 16px; line-height: 28px;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsSelectedPrice a.dealer-price:after {display: none;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsSelectedPrice .popover.fade.top.in {display: none !important;}
#vdp .similar-vehicles .vehicle .vehicle-padding .vehicle-prices .vehicleResultsCallForPrice {color: #000; font-weight: bold; font-size: 16px; line-height: 28px;}
#vdp .similar-vehicles .vehicle .price-header .priceLabel {display: none;}
#vdp .similar-vehicles .vehicle .tax-disclosure {display: none;}
#vdp .similar-vehicles .vehicle .vehicle-padding ul[itemprop="description"] {font-size: 14px; line-height: 27px;}
#vdp .similar-vehicles .vehicle .button.quick-view {background: transparent; text-transform: uppercase; font-size: 14px; line-height: 14px; font-style: normal; padding: 15px 30px; font-family:"Oswald", Arial, sans-serif; letter-spacing: .1em;}
#vdp .carousel-wrap .carousel{margin: 0 -10px;width: calc(100% + 20px);}
#vdp .carousel-wrap .carousel .carousel-indicators{display:none;}
#vdp .carousel-wrap .carousel .carousel-indicators li{pointer-events: none;}
#vdp .carousel-wrap .carousel .carousel-inner{display: block;overflow:hidden;margin:0;white-space:nowrap;}
#vdp .carousel-wrap .carousel .carousel-inner .item{width:calc(100% - 20px);opacity:1;display: inline-block;margin: 0 10px;}
#vdp .carousel-wrap .carousel a.carousel-control{display:none;pointer-events:none;}

#vdp .carousel-wrap .carousel.module-vehicleImageCarouselWidget i[data-dir]{display:block;width:84px;height:44px;background-color:#198667;position:absolute;left:-10px;bottom:0;text-align:left;cursor:pointer;}
#vdp .carousel-wrap .carousel.module-vehicleImageCarouselWidget i[data-dir=right]{left:auto;right:-10px;text-align:right;}
#vdp .carousel-wrap .carousel.module-vehicleImageCarouselWidget i[data-dir]:before{content:'\f053';font-family:"FontAwesome";color:#fff;font-style: normal;line-height:44px;margin-left:50px;}
#vdp .carousel-wrap .carousel.module-vehicleImageCarouselWidget i[data-dir=right]:before{content:'\f054';margin-right:50px;margin-left: 0;}
#vdp .carousel .carousel-inner[data-count="1"] ~ [data-dir]{opacity:0;}

#vdp-similars .similar-vehicles .wrap > .col .vehicle .vehicle-image-wrap:before {content:"";display:block;width:100%;height:0;padding-top: 75%;margin-right: -100%;float: left;pointer-events:none;}
#vdp-similars .similar-vehicles .wrap > .col .vehicle .vehicle-image-wrap:after{content:"";clear:left;width:100%;display:table;}
#dealerMap{min-height:480px;}
#vdp-dealerinfo .salesHours .hours-list tr td{text-transform:capitalize;padding:3px 20px 3px 10px;}
#vdp-dealerinfo .salesHours .hours-list tr:nth-last-of-type(odd)/*{background-color:#e5e5e5;}*/
#vdp-detailspecs .module-vehicleOptionsWidget .tab-content .tab-pane ul li{padding-right:24px}
#vdp-dealerinfo #wrapper{padding-top:40px;}
#vdp-dealerinfo #wrapper, #mapwrapper{padding-top:40px;}
#vdp-dealerinfo .smrReview:not(:empty){padding:40px 0;}

@media(min-width: 768px) {
  #vdp .carousel-wrap .carousel .carousel-inner .item{width:calc((100% - 40px)/2);}
  #vdp .carousel-wrap .carousel .carousel-inner[data-count="1"] .item{margin-left:calc(25% + 10px) !important;}
  #vdp-dealerinfo #wrapper{padding-top:0px}
  #vdp .carousel .carousel-inner[data-count="2"] ~ [data-dir]{opacity:0;}
  #vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul{column-count:2;}
}
@media(min-width: 992px) {
  #vdp .carousel-wrap .carousel .carousel-inner .item{width:calc((100% - 60px)/3);}
  #vdp .carousel-wrap .carousel .carousel-inner[data-count="2"] .item:nth-child(1){margin-left:calc((100% - 40px)/6) !important;}
  #vdp .carousel-wrap .carousel .carousel-inner[data-count="1"] .item{margin-left:calc((100% - 60px)/3) !important;}
  #vdp-dealerinfo #wrapper{padding-top:40px;}
  #vdp #vdp-highlights .module-vehicleBulletsWidget {width: 50%; padding-bottom: 20px;}
  #vdp .carousel .carousel-inner[data-count="3"] ~ [data-dir]{opacity:0;}
  #vdp-dealerinfo > div.col:first-of-type{padding-right:10px}
  #vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul{column-count:3;}
}
@media(min-width: 1200px) {
  #vdp #vdp-stats >*{width:calc(100% - 390px)}
  #price-block{width:390px;position:absolute;right:-390px}
  #vdp #vdp-stats[data-scrolled="true"] #price-block{position:fixed;top:20px;right:40px;}
  #mapwrapper{padding-top:0px;}
  #vdp #vdp-detailspecs .module-vehicleOptionsWidget h2 {font-size: 24px;}
  #vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul{column-count:2;}
}
@media (min-width: 1440px) {
  #vdp #vdp-stats {margin: 40px 0;}
  #price-block{right:-390px}
  #vdp #vdp-stats[data-scrolled="true"] #price-block{right:80px;}
  #vdp .carousel-wrap .carousel.module-vehicleImageCarouselWidget i[data-dir]{left:-30px;}
  #vdp .carousel-wrap .carousel.module-vehicleImageCarouselWidget i[data-dir=right]{left:auto;right:-30px;text-align:right;}
  #vdp #vdp-highlights .module-vehicleBulletsWidget {width: 33.33%;}
  #vdp #vdp-detailspecs .module-vehicleOptionsWidget h2 {font-size: 36px;}
  #vdp #vdp-detailspecs .module-vehicleOptionsWidget .tab-content div.tab-pane > div > ul{column-count:3;}
}
@media (min-width: 1620px) {
  #vdp-dealerinfo #lefty{width:50%;}
  #vdp-dealerinfo #wrapper{clear:none;width:50%;padding-top:0}
}