/* remove extra space caused by exelate tag */
body img[src*="exelator"] {position: absolute; top: 0; left: 0;}
/* modal window */
button.close {font-size: 23px;margin-top: -4px;position: absolute;right: -8px;border: 1px solid #fff;border-radius: 50%;width: 27px;height: 27px;opacity: 1;background: #000;top: -5px;z-index: 999999999999;color: #fff;outline: none;	}
button.close:hover {opacity: 1;color: #fff;}
.modal-content{ border: none; border-radius: 0; }
/* specials block */
/* buttons */
#special-buttons .ctas a { width: calc(33.333% - 5px); height: 74px; padding: 0; margin-bottom: 15px; line-height: 74px; }
div[id*="general-content"] .noSpecial{ text-align: center; margin-left: -7%; padding-bottom: 15px; }
div[id*="general-content"] .loadingSpecials{ text-align: center !important; }
#listing-block .filters h4.panel-title a, .panel-body .option span.text-wrap{ text-align: left !important; }
    /* modern */
div[class*=specials-widget-]{background:white;border:1px solid #e1e1e1;margin-left:-1px;margin-top:40px;}
div[class*=specials-widget-] .title{padding:0 10px;margin:40px 0 0;font-weight:bold;text-transform:uppercase;}
div[class*=specials-widget-] .price{font-size:150%;font-weight:bold;}
/*#content-block > .col div[class*=specials-widget-] .description{width:80%;margin:40px 10%;text-align:center;}*/
div[class*=specials-widget-] .description{width:100%;margin:0;text-align:center;}
div[class*=specials-widget-] .description h2{font-size:20px;}
div[class*=specials-widget-] ul,
div[class*=specials-widget-] ol{text-align:left}
div[class*=specials-widget-] .btn{width:100%;padding:20px 0;border:1px solid;border-radius:0 !important;margin:0 0 0 0px!important;border-top: 3px solid #e1e1e1;}
div[class*=specials-widget-] .btn.single{width:100%;}
    /* traditional */
div[class*=specials-widget-] .specialPrintableSection{padding:0;}
div[class*=specials-widget-] .special{border:none;display:initial;}
div[class*=specials-widget-] .category{display:none;}
div[class*=specials-widget-] .btn .fa{display:none;}
    /* flip card */
div[class*=specials-widget-] .cardFace.front .front-title{height:25%;display:table !important;opacity:0.8;}
div[class*=specials-widget-] .cardFace.front .front-title h2{font-size:20px;text-transform:uppercase;text-align:center;display:table-cell;vertical-align:middle;}
div[class*=specials-widget-] .cardFace.back{padding:0 10px;text-align:center;}
div[class*=specials-widget-] .cardFace.back h2{font-size:20px;text-transform:uppercase;}
div[class*=specials-widget-] .cardFace.back .btn{width:calc(100% + 20px);height:18%;position:relative !important;left:-10px;}

.special .multi .multi-item{ border: 2px solid #e1e1e1; padding: 10px 5px; position: relative; }
.special .multi .multi-item .exp{ display: none; font-weight: bold; }
.special .multi .multi-item .viewBtn{ color: #428bca; }
.special .image { height: 100% !important; }
.special .multi .multi-item .specials-link{ padding: 10px 0; color: #0577BB; }
.special .expire-date{ margin-top: 0px; padding-bottom: 10px; font-size: 13px; border-bottom: 2px solid #e1e1e1; }
.special .image img{ height: 100% !important; }
.specials-widget-0-New_Vehicle_Specials{ display: none; }
.headline.exp .close { font-size: 28px; margin-right: -10px; outline: none; display:none; }

.special .multi .multi-item .lease-amount{ font-size: 18px; }
.special .multi .multi-item .credit-cash{ display: none; }
.special .multi .multi-item .specials-link {display: none !important;}
@media (max-width:767px) {
  #special-buttons .ctas a {font-size: 12px !important;width: 80%;}
  #content-block > .col div[class*=specials-widget-] .btn{width:100%;}
  .multi .multi-item .headline:not(.exp){ height: auto !important; }
  .modal-dialog{ margin-left: 4%; }
}
@media (min-width: 768px){
   div[id*="general-content"] { padding-right: 10px; }
  	div[class*=specials-widget-] .btn{ display: none; }
	.specials-widget-0-New_Vehicle_Specials{ width: 100%; }
    .special .first-column{ width: 25%; }
    .special .multi{ width: 75%; position: absolute; right: 0; height: 100%; }
    .special .multi .multi-item{ width: 33.3%; display: inline-block;vertical-align: top;}
    .multi .multi-item b{ font-size: 12px; }
    .multi .multi-item .headline{ font-size: 12px; }
    .special .multi .multi-item .exp{ overflow-y:scroll; height: 230px; }
    /*UPDATE*/	
    .special .multi .multi-item {width: calc(33.33% - 20px) !important;margin-top: 20px;margin-right: 15px; height: 70% !important; }
    .special .multi .multi-item.expanded{ overflow-y: auto; height: 84% !important;}
    .special .multi .multi-item.expanded .headline{ height: auto !important; }
    .special .multi .multi-item .exp {height: auto !important;overflow-y: auto !important;}
    div[class*=specials-widget-] .special .btn {display: none !important;}
    .special .expire-date { border-bottom: 0 solid #e1e1e1 !important;}
}
@media (min-width: 992px){
  #special-buttons .ctas a { width: 100%; height: 74px; padding: 0; margin-bottom: 15px; line-height: 74px; }
  #side-buttons a { font-size: 0.85vw; }
  .multi .multi-item b{ font-size: 12px; }
  .multi .multi-item .headline{ font-size: 13px; }
  .special .multi .multi-item .exp{ height: 208px; font-size: 12px; }
}
@media (min-width: 1200px){
  	.multi .multi-item b{ font-size: 14px; }
  	.multi .multi-item .headline{ font-size: 13px;height: 90px; }
  	.special .multi .multi-item .exp{ height: 230px; font-size: 13px; }
  	.multi .multi-item .headline:not(.exp){ height: 104px; }
}
@media (min-width: 1400px){
  	.multi .multi-item b{ font-size: 15px; }
  	.special .multi .multi-item .exp{ font-size: 14px; }
  	.multi .multi-item .headline:not(.exp){ height: 110px; }
}
@media (min-width: 1600px){
  .multi .multi-item .headline:not(.exp){ height: auto; }
}
@media (min-width: 808px) and (max-width: 991px){
  .multi .multi-item .headline:not(.exp){ height: 102px; }
  .special .multi .multi-item{ height: 75% !important; }
  .special .multi .multi-item .exp{ height: 194px;}
  .special .multi .multi-item .specials-link{ padding: 5px 0; }
  .special .multi .multi-item .viewBtn{ font-size: 12px; }
  .special .title{ font-size: 20px; }
  .special .title{ margin: 5px 0 0 !important; }
  .special .multi .multi-item .viewBtn{ font-size: 12px; }
}
@media (min-width: 768px) and (max-width: 807px){
  .multi .multi-item .headline:not(.exp){ height: 102px; }
  .special .multi .multi-item{ height: 75% !important; }	
  .special .multi .multi-item .exp{ height: 200px; }
  .special .multi .multi-item .specials-link{ padding: 20px 0; }
  .special .title{ font-size: 20px; }
  .special .title{ margin: 5px 0 0 !important; }
  .special .multi .multi-item .viewBtn{ font-size: 12px; }
}
@media (min-width: 992px) and (max-width: 1199px){
  .multi .multi-item .headline:not(.exp){ height: 92px; }
  .special .multi .multi-item .viewBtn{ font-size: 12px; }
}

@media (min-width: 768px) and (max-width: 1599px){
  ::-webkit-scrollbar {-webkit-appearance: none;}
  ::-webkit-scrollbar:vertical {width: 12px;}
  ::-webkit-scrollbar:horizontal {height: 12px;}
  ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 10px;border: 2px solid #ffffff;}
  ::-webkit-scrollbar-track {border-radius: 10px;  background-color: #ffffff; }
}
/*NS 3905127: Show view inventory*/
.special .multi .multi-item .viewBtn {display: block;}