:root{
  --multiwidth:calc(100% / 12);
  --multiwrapwidth: 1200%;
  @media (min-width: 768px){
    --multiwidth:calc(100% / 24)
  }  
  @media (min-width: 1200px){
    --multiwidth:calc(100% / 36);
  }  
}
.special .multi .multi-item {width:var(--multiwidth);}

/* specials widget */
div[id*="general-content"] .noSpecial{ text-align: center; margin-left: -7%; padding-bottom: 15px; }
div[id*="general-content"] .loadingSpecials{ text-align: center !important; }
div[class*=specials-widget-] {background:white;}
div[class*=specials-widget-] .special{padding:20px;}
div[class*=specials-widget-] .special .first-column{display:flex;flex-flow: wrap;border:1px solid #616161;}
div[class*=specials-widget-] .title {padding:10px;font-weight:bold;text-transform:uppercase;}
div[class*=specials-widget-] .special .first-column > .image{order:2}
div[class*=specials-widget-] .special .first-column .title{order:1;word-break:keep-all;}
div[class*=specials-widget-] .btn.detail-btn{display:block;width:100%;font-size:16px;border-radius: 0 !important;margin:1px 0 0 0 !important;padding:20px 5px;}
div[class*=specials-widget-] .special .first-column .btn.print-btn {order:4;display:block !important;}
div[class*=specials-widget-] .special .first-column .btn.print-btn[href*=avascrip] {display: none !important;}
div[class*=specials-widget-] .special .first-column .btn.detail-btn.print-btn + .btn.detail-btn {order:3}

.special .multi .multi-item{ border: 1px solid #000;padding:5px;}
.special .multi .multi-item .viewBtn + a {display:block !important;bottom:auto;position:relative;}
.special .expire-date{ margin-top: 0px; padding-bottom: 10px; font-size: 13px; border-bottom: 2px solid #e1e1e1; }
.headline.exp .close { font-size: 28px; margin-right: -10px; outline: none; display:none; }
.special .multi .multi-item .headline.exp{font-size:14px;display:none;position:absolute;bottom:25px;background-color:#eee;left:5px;right:5px;padding:5px;max-height:calc(100% - 75px);overflow-y:auto;}
.special .multi .multiwrap{height:340px;display:block;width: var(--multiwrapwidth);}
.special .multi .multi-item{display: block;height:100%;float:left;margin:0;border:1px solid #000;position: relative;}
.special .multi .multi-item .headline .offertype{text-transform: uppercase;background-color:#f7f7f7;padding:5px 0;color:#2F537E;font-weight:700;} 
.special .multi .multi-item .headline ~ .viewBtn{display: block;position:absolute;bottom:5px;width:calc(100% - 10px);}
.special .multi .multi-item .headline.exp + .viewBtn{display:block;position:absolute;bottom:5px;width:calc(100% - 10px);}
.special .multi .multi-item .headline.exp[style*=block] + .viewBtn{display:block;}
.special .multi .multi-item .headline.exp[style*=block] + .viewBtn + a.button{display:none !important;}
.special .multi .multi-item .headline .headline-title{margin-top:20px}
.special .multi .multi-item .headline .headline-finance{margin-top:10px}
.special .multi .multi-item .headline .headline-title .headline-title-model{display:block;font-size:16px;font-weight:700;text-transform:uppercase;}
.special .multi .multi-item .headline .headline-title .headline-title-trim{display:block;font-size:16px;}
.special .multi .multi-item .headline .headline-finance .headline-finance-incentive{font-size:30px;color:#2F537E;font-weight:700;}
.special .multi .multi-item .headline .headline-finance .headline-finance-term{font-size:16px;color:#2F537E;font-weight:700;line-height:1.2;}
.special .multi .multi-item .headline .headline-finance .headline-finance-addon{font-size:12px;}
.special .multi .arrows {}
.special .multi .arrows > span {display:inline-block;width:25px;height:25px;}
.special .multi .arrows > span::before{content:"\f053";font-family:fontawesome;background-color:#1d4580;color:#fff;display:inline-block;width:25px;line-height:25px;border-radius:2px;}
.special .multi .arrows > span.next{margin-left:10px}
.special .multi .arrows > span.next::before{content:"\f054";}

@media (max-width:767px) {
  .multi .yrSpan{padding:20px 0}
  .multi .multi-item .headline:not(.exp){height:auto !important;max-height:calc(100% - 30px);overflow-y:auto;}
  .modal-dialog{ margin-left: 4%; }
  .multi .multi-item b{font-size: 16px;}
  .multi .multi-item .headline{ font-size: 18px; }
}
@media (min-width: 768px){
  div[class*=specials-widget-]{ width: 100%; }
   .special .first-column {width: 25%; float: left;z-index:1;}
   .special .multi {width: 75%; float: right; padding: 10px 0;}
   .special .multi .multi-item {display: inline-flex;flex-direction:column;justify-content:space-between;vertical-align:top;margin:10px 15px 10px 0;overflow-y:auto;height:200px;}
   .special .multi .multi-item.exp-adjust-flex {justify-content: flex-start;} 
   .special .multi .multi-item.expanded .headline.exp{display: none; height: 230px;}
   .special .multi .multi-item.expanded .headline{display:flex;flex-direction:column;height:auto !important;max-height:calc(100% - 40px);overflow-y:auto;}
   ::-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; }
  .special .first-column{width:25%;display:flex;flex-flow:wrap;margin-top:12px;min-height: 380px;align-content: end;position: relative;}
  .special .first-column > .image{order:2;margin-bottom:1px;align-self:end;}
  .special .first-column > .image + .title{background-color:#fff;margin-top:20px;position:absolute;z-index:2;}
  .special .first-column a.detail-btn{width:100%;align-self:self-start;padding:20px 10px;align-self:flex-end;}
  .special .first-column a.detail-btn + .detail-btn{margin-top:1px;order:4;align-self:self-end;}
  .special > .specialPrintableSection::after{content:"";display:table;clear:both;}
  .special .multi{width:calc(75% - 30px);height:400px;overflow-x:hidden;} 
  .special .multi .yrSpan{height:40px;text-align:left;}
  .special .multi .arrows {position:absolute;top:10px;right:5px}
  .special .multi .multiwrap{height:calc(100% - 40px);width:var(--multiwrapwidth);display:block;}
  .special .multi .multi-item{display: block;height:100%;float:left;margin:0 -1px 0 0;border:1px solid #000}
  div[class*=Ongoing] .special .multi .multi-item.expanded{display:inline-block;}
  div[class*=Ongoing] .special .multi .multi-item.expanded .headline{display:block;position:relative;}
  div[class*=Ongoing] .special .multi .multi-item.expanded .headline.exp{display:none;}
  div[class*=Ongoing] .special .multi .multi-item.expanded .headline div:first-of-type{position:unset;width:100%;}
  div[class*=Ongoing] .special .multi .multi-item.expanded .headline div:first-of-type ~ div{}
  div[class*=Ongoing] .special .multi .multi-item.expanded .headline + .viewBtn{width:100%;position:unset}
  .special .multi .multi-item.expanded .headline.exp.showing,
  .special .multi .multi-item.expanded .headline.exp:hover{display:block;}
  .special .multi .multi-item.expanded .headline.exp:hover + .viewBtn + a.button,
  .special .multi .multi-item .headline.exp.showing + .viewBtn + a.button{display:none !important;}
}
@media (min-width: 992px) {
  .multi .multi-item b{font-size: 14px;}
  .multi .multi-item .headline{ font-size: 16px; }
}
@media (min-width: 1200px){
  .multi .multi-item b{font-size: 16px;}
  .multi .multi-item .headline{ font-size: 18px;height: 90px;}
}
@media (min-width: 1440px) {
  div[class*=specials-widget-] .btn.detail-btn {width:50%;}
  div[class*=specials-widget-] .btn.detail-btn + .detail-btn{margin-top:0px !important;padding:31.5px 10px;}
  div[class*=specials-widget-] .btn.detail-btn.print-btn {width:calc(50% - 1px);margin:0 0 0 1px !important;}
}
@media (min-width: 1990px) {
  div[class*=specials-widget-] .btn.detail-btn + .detail-btn{margin-top:0px !important;padding:20px 10px;}
}

.general-content[data-bodystyle] .all[data-bodystyle]{display:none}
.general-content[data-bodystyle] .all[data-bodystyle=""]{display:block}
.general-content[data-bodystyle="SUVycrossovers"] .all[data-bodystyle*="SUV y crossovers"],
.general-content[data-bodystyle="Camiones"] .all[data-bodystyle*="Camiones"],
.general-content[data-bodystyle="Automóviles"] .all[data-bodystyle*="Automóviles"],
.general-content[data-bodystyle="Eléctricos"] .all[data-bodystyle*="Eléctricos"]{display:block}

.retailLeaseChecks ul li{display:inline;font-size:16px;}
.retailLeaseChecks ul li + li{margin-left:2ch}
.retailLeaseChecks input[type=checkbox]{width:18px;height:18px;vertical-align:text-bottom;margin-right:6px;accent-color:#1d4580;cursor:pointer;display:none;}
.retailLeaseChecks ul li label{cursor:pointer}
.retailLeaseChecks ul li label::before{content:"";display:inline-block;width:18px;height:18px;border:1px solid #616161;
  margin-right:6px;vertical-align:text-top;border-radius:2px;}
.retailLeaseChecks input[type=checkbox]:checked + label::before{content:"\f00c";color:#fff;font-family:fontawesome;line-height:16px;
  background-color:#1d4580;font-weight:normal;}
.retailLeaseChecks ul li#go2ongoing{font-weight:700;cursor:pointer;color:#1d4580;}
.retailLeaseChecks ul li#go2ongoing::before{content:"\f021";color:#1d4580;font-family:fontawesome;display:inline-block;width:18px;height:18px;border:none;
  margin-right:6px;vertical-align:text-top;border-radius:2px;font-weight:normal;text-align:center;line-height:1.1;
}

#bodyStyleBlock{text-align:center;margin-top:24px;}
#bodyStyleBlock > div{display:inline-block;font-size:20px}
#bodyStyleBlock > div + div{margin-left:3vw}
#bodyStyleBlock input{display:none}
#bodyStyleBlock input + label{cursor:pointer;}
#bodyStyleBlock input:checked + label{color:#1d4580;border-bottom:3px solid #1d4580; }

.general-content[data-lrfilter=""] .special .multi .multi-item{display:none;}
.general-content[data-lrfilter="retailFilter|leaseFilter"]  .special .multi .multi-item[data-multioffertype],
.general-content[data-lrfilter="retailFilter"] .special .multi .multi-item[data-multioffertype = "Retail"],
.general-content[data-lrfilter="leaseFilter"] .special .multi .multi-item[data-multioffertype = "Lease"]{display:block;}
.general-content[data-lrfilter="retailFilter"] .special .multi .multi-item[data-multioffertype = "Lease"],
.general-content[data-lrfilter="leaseFilter"] .special .multi .multi-item[data-multioffertype = "Retail"]{display:none;}
.general-content .special .specialPrintableSection .multi div.sorry{padding:20px;position:absolute;top:50px;left:10px;right:10px;}
.general-content .special .specialPrintableSection .multi div.sorry a{color:#035280;text-decoration:underline;}
.vertical-padded-elements > .clearfix {margin-bottom:0px;}

@media (max-width: 767px){
  #bodyStyleBlock{background-color:#f4f4f4;width:50%;height:70px;text-align:left;padding-left:0px;float:left;margin-top:0;overflow:visible;z-index:0;}
  #bodyStyleBlock::before{font-family:FontAwesome,Roboto,Arial,sans-serif;content:"Estilos de cuerpo (1) \f107";font-size:20px;font-weight:700;line-height:70px;position:relative;color:#2F537E}
  #bodyStyleBlock[data-openmenu='open']::before{content:"Estilos de cuerpo (1) \f106"}
  #bodyStyleBlock > div,
  #bodyStyleBlock > div + div{display:block;font-size:20px;margin-left:0px;padding:20px 0 20px 20px;text-align:left;white-space:nowrap;z-index:1;width: 200%;background-color: #f4f4f4;border-top: 1px solid #fff;}
  #bodyStyleBlock > div > label{line-height:25px;display:block;border-style:none;}
  #bodyStyleBlock > div > label::before{content:"";display:inline-block;width:25px;height:25px;background-color:#d9d9d9;vertical-align:middle;margin-right:10px}
  #bodyStyleBlock > div > input:checked + label{color:#1d4580;border-style:none; }
  #bodyStyleBlock > div > input:checked + label::before{background-color:#2F537E;}
  #bodyStyleBlock[data-openmenu='open']{z-index:100;position:relative;}

  .retailLeaseChecks{background-color:#f4f4f4;display:block;width:calc(50% - 1px);border-left:1px solid #fff;height:70px;float:left;overflow-y:visible;z-index:0;}
  .retailLeaseChecks::before{font-family:FontAwesome,Roboto,Arial,sans-serif;content:"Tipo de oferta \f107";font-size:20px;font-weight:700;line-height:70px;color:#2F537E;}
  .retailLeaseChecks[data-openmenu='open']{z-index:100;position:relative;}
  .retailLeaseChecks::before{font-family:FontAwesome,Roboto,Arial,sans-serif;content:"Tipo de oferta (" attr(data-chknum) ") \f107";font-size:20px;font-weight:700;line-height: 70px;}
  .retailLeaseChecks[data-openmenu='open']::before{content:"Offer Type (" attr(data-chknum) ") \f106";}
  .retailLeaseChecks ul{text-align: left;margin:0 -1px 0 0;padding-left:0;border-style:none;}
  .retailLeaseChecks ul li{padding:20px;display: block;font-size: 20px;background-color:#f4f4f4;border:1px none #fff;border-top-style:solid;outline:none;}
  .retailLeaseChecks ul li{border-top:1px solid #FFF;}
  .retailLeaseChecks ul li + li{margin-left:0}
  .retailLeaseChecks input[type=checkbox] + label::before,
  .retailLeaseChecks input[type=checkbox]:checked + label::before{width:25px;height:25px;text-align:center;line-height:25px;}
  .retailLeaseChecks ul li#go2ongoing::before{width:25px;height:25px;text-align:center;line-height:25px;font-weight:normal;cursor:pointer;}
  .general-content .special .specialPrintableSection .multi div.sorry{padding:20px 20px 40px;}
}

@media (min-width: 768px){
  .general-content[data-lrfilter="retailFilter|leaseFilter"]  .special .multi .multi-item[data-multioffertype],
  .general-content[data-lrfilter="retailFilter"] .special .multi .multi-item[data-multioffertype = "Retail"],
  .general-content[data-lrfilter="leaseFilter"] .special .multi .multi-item[data-multioffertype = "Lease"]{display:inline-flex;}
}
.multi .yrSpan span{font-size:16px;cursor:pointer}
.multi .yrSpan span + span{margin-left:2ch}
.multi .yrSpan span::before{content:"";display:inline-block;width:18px;height:18px;border:1px solid #616161;vertical-align:text-top;margin:0 6px 0 10px;border-radius:2px;}
.multi .yrSpan span[data-active="on"]::before{background-color:#1d4580;content:"\f00c";color:#fff;font-family:fontawesome;line-height:18px}
.multi .yrSpan span.allYr{cursor:auto;}
.multi .yrSpan span[data-active="off"] ~ span.allYr{cursor:pointer}