@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;}
/* 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 .vehiclePriceWidgetWasPrice.hidden + .fee-widget.normal-price:not(:empty):before{content:"You Pay";display:inline-block;float:left;}
#vdp #price-block #quote-button .btn.btn-primary {font-family: "Oswald", Arial, sans-serif; font-size:14px; letter-spacing: .1em; width: 100%; text-transform: uppercase;}
#price-block .btn.btn-secondary {font-size: 16px !important;}
/* jdp badges */
#vdp #price-block .fee-widget.normal-price {padding-bottom: 30px;}
#vdp .jdp {margin-bottom: 10px; font-size: 18px;}
#vdp .jdp .jdp-label {text-transform: uppercase; font-weight: bold;}
#vdp .jdp em {cursor: pointer;}
#vdp .jdp em.fa-question-circle:before {font-family: "FontAwesome"; font-style: normal; font-weight: normal; padding-left: 5px;}
#vdp .jdp.active-jdp .jdp-disc {display: block !important;background-color: #fff;color: #000;border: 1px solid #707070;font-size: 12px;position: absolute;padding: 20px 20px 10px 10px;line-height: 16px; text-align: left;}
#vdp .jdp.active-jdp .jdp-disc .mfp-close {color: #000; width: 30px; height: 30px; line-height: 30px; opacity: 1; font-size: 20px;}
#vdp .jdp.active-jdp .jdp-disc .jdp-diff {font-weight: bold; font-size: 16px;}
#vdp .jdp.active-jdp .jdp-disc img.img-responsive {max-width: 60px; display: inline-block;}
#vdp .jdp .jdp-desc {font-size: 14px; line-height: 22px; padding-top: 10px;}
#vdp .jdp .jdp-desc .jdp-diff {font-weight: bold; font-size: 16px;}
#vdp .jdp .jdp-desc img.img-responsive {max-width: 70px; display: inline-block;}
/* jdp badges - similar vehicles */
.similar-vehicles .vehicle .padding .jdp-badge {display: block;position: absolute;width: 50%;left: 15px;top: 30px;z-index: 1;background-color: transparent; color: #fff;text-transform: uppercase;font-weight: bold;padding: 10px 50px 10px 25px;overflow: hidden; text-align: left;}
.similar-vehicles .vehicle .padding .jdp-badge:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: #25c998;*/ -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); z-index: -1;}
.similar-vehicles .vehicle .padding .jdp-badge.great-deal:after {background: #198667;}
.similar-vehicles .vehicle .padding .jdp-badge.fair-deal:after {background: #FFBE23;}
.similar-vehicles .vehicle .padding .jdp-badge.good-deal:after {background: #4974a5;}
.similar-vehicles .vehicle .padding .jdp-badge.high-price:after {background: #D43131;}
.similar-vehicles .vehicle .padding .jdp-badge .jdp-label {}
.similar-vehicles .vehicle .padding .jdp-badge em {font-style: normal; font-weight: normal; padding-left: 5px; cursor: pointer;}
.similar-vehicles .vehicle .padding .jdp-badge em::before {font-family: "FontAwesome";}
.similar-vehicles .vehicle .padding .jdp.active-jdp .jdp-disc {display: block !important;background-color: #fff;color: #000; border: 1px solid #707070; font-size: 12px; position: absolute;top: 50px;left: 5px;width: calc(100% - 50px);z-index: 1;padding: 20px 20px 10px 10px;}
.similar-vehicles .vehicle .padding .jdp.active-jdp .jdp-disc .mfp-close {color: #000; width: 30px; height: 30px; line-height: 30px; opacity: 1; font-size: 20px;}
.similar-vehicles .vehicle .padding .jdp.active-jdp .jdp-disc .jdp-disc-label {display: block; text-transform: uppercase; font-weight: bold;}
.similar-vehicles .vehicle .padding .jdp.active-jdp .jdp-disc .jdp-diff {font-weight: bold;}
.similar-vehicles .vehicle .padding .jdp.active-jdp .jdp-disc img.img-responsive {max-width: 60px; display: inline-block;}
@media (min-width: 600px) {
  .similar-vehicles .vehicle .padding .jdp-badge {width: 35%;}
}
@media (min-width: 768px) {
  .similar-vehicles .vehicle .padding .jdp-badge {width: 55%;}
}
@media (min-width: 992px) {
  .similar-vehicles .vehicle .padding .jdp-badge {padding: 10px 40px 10px 15px;}
}

/* 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-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}
}