/* ============================================================================ */
/* BASE CSS FOR PRICE VIEW - USED THROUGHOUT ENTIRE SITE */
/* ============================================================================ */


/* ============================================================================ */
/* PRICE VIEW BLOCK */
/* ============================================================================ */
.af-pricing-desktop {
  margin: 20px auto;
  width: 90%;
}

.af-vehicle-pricing {
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #fff;
  transition: width .4s;
  -webkit-transition: width .4s;
  margin: 0 auto;
  padding: 10px 0 0;
  width: 100%;
  display: block;
}
.af-vehicle-pricing.af-drop-shadow,
.af-vehicle-cta .af-drop-shadow {
  -webkit-box-shadow: 1px 1px 5px 2px #dbdbdb;
  -moz-box-shadow: 1px 1px 5px 2px #dbdbdb;
  box-shadow: 1px 1px 5px 2px #dbdbdb;
  filter: progid:DXImageTransform.Microsoft.dropshadow( OffX=1px, OffY=1px, Color='#dbdbdb', Positive='false' );
  border-collapse: separate;
}


/* ============================================================================ */
/* PRICE TABLE */
/* ============================================================================ */
.af-white-border {
  border-top: 1px solid white;
  width: 100%;
  margin: 0 auto;
}

.af-vehicle-cash,
.af-vehicle-final-price {
  margin-left: 5px;
  width: calc(100% - 80px);
  padding: 15px 0;
  position: relative;
  transition: width .4s;
  -webkit-transition: width .4s;
  transition: margin .4s;
  -webkit-transition: margin .4s;
}

.af-vehicle-cash table,
.af-vehicle-final-price table {
  width: 100%;
  margin: 0 auto;
}
/* ===== DRIVEMOTORS TEMP FIX: COMMENT THIS OUT, UNCOMMENT BELOW IT */

.af-vehicle-cash {
  width: 100% !important;
  margin: 0 auto;
  max-width: none;
  cursor: pointer;
}

/* .af-vehicle-cash {
  width: 100% !important;
  margin: 0 auto 25px auto;
  max-width: none;
  cursor: pointer;
} */
/* ===== DRIVEMOTORS TEMP FIX END*/


.af-vehicle-btn .af-vehicle-cash table {
  border-collapse: collapse !important;
  margin: 0 auto;
  min-height: 36px;
}

.af-vehicle-cash table td{
  font-size: 14px;
}
.af-vehicle-cash tr{
  border: 0;
}
.af-vehicle-cash .af-price-value {
  font-size: 16px;
  color: #666;
  display: table-cell;
  margin-bottom: 0;
  text-align: right;
}
.af-vehicle-cash .af-price-label {
  font-weight: 800;
  color: #666;
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
}
.af-vehicle-cash .af-final-price-label {
  font-weight: bold;
  color: #0091ea !important;
  font-size: 16px;
}
.af-vehicle-cash .af-final-price-value {
  font-weight: bold;
  color: #0091ea !important;
  font-size: 16px;
}

.af-vehicle-cash .af-final-price-label,
.af-vehicle-cash .af-final-price-value,
.af-vehicle-pricing-no-breakdown .af-vehicle-pricing-label,
.af-vehicle-pricing-no-breakdown .af-vehicle-pricing-price {
  font-size: 16px;
  padding-top: 4px;
}

.af-vehicle-btn {
  display: table;
  font-size: 18px;
  background: transparent;
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}
.af-vehicle-btn {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.af-vehicle-btn:hover,
.af-vehicle-btn:focus {
  text-decoration: none;
  transition: color .2s;
  -webkit-transition: color .2s;
}
.af-vehicle-btn span {
  vertical-align: middle;
  width: 100%;
}
.af-vehicle-btn span.af-instant-font {
  position: relative;
  left: 0;
  vertical-align: baseline;
  text-transform: uppercase;
}
.af-vehicle-btn .af-quote,
.af-vehicle-btn span.block {
  font-size: 12px;
  font-weight: lighter;
  display: inline;
  margin-left: 5px;
  white-space: nowrap;
}
.af-vehicle-btn:last-of-type {
  margin-bottom: 0;
}

.af-specials-vehicle .af-vehicle-cta .af-drop-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.dropshadow( OffX=0px, OffY=0px, Color='#dbdbdb', Positive='false' );
}

.modal .af-vehicle-cash span.af-instant-font {
  color: #000;
  width: 100%;
  display:block;
  text-align: center;
  left:0;
  font-weight: 700;
}

.af-price-label-rebate,
.af-price-value.af-price-label-rebate {
  color: #666;
  text-decoration: none;
}
.af-price-value-rebate  {
  color: #000;
}
.af-price-label-rebate span  {
  font-weight: 600;
  color: #000;
}


/* ============================================================================ */
/* INCENTIVES */
/* ============================================================================ */
.af-vehicle-incentive table {
  width: 100%;
  margin: 0 auto;
}
.af-vehicle-incentive tr {
  border: 0;
}

/* ============================================================================ */
/* DISCLAIMER */
/* ============================================================================ */
.af-vehicle-disclaimer {
  font-size: 14px;
  text-align: center;
  background: #fff;
  padding: 5px;
  font-style: italic;
  color: #7a7a7a;
}

/* ============================================================================ */
/* ACCELERIDE MODAL LINK */
/* ============================================================================ */

/* ===== DRIVEMOTORS TEMP FIX: COMMENT THIS OUT, UNCOMMENT BELOW IT */

.acceleride-link {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

a.acceleride-video-link,
span.acceleride-video-link {
  border-bottom: 1px solid #EB0A1E !important;
  color: #EB0A1E !important;
  cursor: pointer;
}


/* .acceleride-link {
  text-align: center;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  bottom: -25px;
  left: 0;
  right: 0;
}

a.acceleride-video-link,
span.acceleride-video-link {
  border-bottom: 1px solid #EB0A1E !important;
  color: #EB0A1E !important;
  font-size: 14px;
  cursor: pointer;
} */
/* ===== DRIVEMOTORS TEMP FIX END */


/* ============================================================================ */
/* AUTOFI / DRIVEMOTORS BUTTONS */
/* ============================================================================ */
.af-vehicle-btn-container .af-vehicle-btn:last-of-type {
  margin-bottom: 8px;
}

.af-autofi-btn {
  background: #ddd;
  margin-right: 0 !important;
  font-weight: 700;
  font-size: 17px;
  font-family: 'Helvetica Neue','Helvetica','Arial','Lucida Grande',sans-serif;
  line-height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  text-align: center;
}

.af-autofi-btn.af-vehicle-btn span {
  color: #000;
}
/* .autofi-button-2.af-vehicle-btn,
.autofi-button-3.af-vehicle-btn {
  border: 1px solid #707070;
} */
/* .autofi-button-4.af-vehicle-btn {
  background: #0091ea !important;
}
.autofi-button-4.af-vehicle-btn:hover {
  background: #0091ea !important;
} */
.autofi-button-4.af-vehicle-btn span {
  color: #fff  !important;
}

.af-autofi-btn svg {
  vertical-align: sub;
  margin-right: 5px;
}

/* .drivemotors.dm-button.vdp .dm-cta-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.drivemotors.dm-button .dm-cta-container .inner-container .button-list {
	padding: 0 0 10px 0 !important;
}
.drivemotors.dm-button .dm-cta-container .inner-container .button-list .button-item.monthly-button {
	height: 40px !important;
	line-height: 40px !important;
}

.af-vehicle-pricing .drivemotors.dm-button {
	margin-bottom: 0 !important;
	margin-top: 0;
} */

@media (max-width: 767px) {
	.af-autofi-btn.af-vehicle-btn {
		margin-bottom: 8px;
	}
}


.af-contact-btn:focus {
  color: #fff;
  outline: none;
}


@media (min-width: 768px) {
  .af-pricing-desktop {
    width:280px;
  }

  .af-vehicle-btn.af-customize-payment-btn span.af-instant-font {
    top: 2px;
    text-align: left;
  }

  .af-vehicle-incentive {
    /* padding: 20px 10px; */
    position: relative;
  }
  .af-vehicle-incentive-tag {
    width: 50px;
  }
  .af-incentiveDollar-icon {
    fill: #a3a3a3;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin: auto 20px auto 0;
    transform: translateY(-50%);
  }
  .af-vehicle-incentive p {
    font-size: 12px;
    position: relative;
    vertical-align: middle;
  }
}
/* ============================================================================ */
/* EXCESS CSS NOT IN USE 09/2019 */
/* ============================================================================ */
/* .af-vehicle-payment-type-label {
color: #fff;
display: table;
font-size: 10px;
position: absolute;
text-transform: uppercase;
transition: left .4s;
-webkit-transition: left .4s;
height: 20px;
left: -20px;
top: 18px;
width: 55px
}

.af-vehicle-payment-type-label:after {
content: "";
display: block;
position: absolute;
height: 0;
left: 5px;
top: 13px;
width: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
transform: rotate(135deg);
-webkit-transform: rotate(135deg)
} */
/* .af-vehicle-payment-type-label span {
display: table-cell;
text-align: center;
vertical-align: middle
} */

/*

.af-vehicle-cash-label:after {
border-right: 9px solid #7a0026
}

.af-vehicle-finance-label {
background: #25ca26;
background: -webkit-linear-gradient(#25ca26,#1c991c);
background: -o-linear-gradient(#25ca26,#1c991c);
background: -moz-linear-gradient(#25ca26,#1c991c);
background: linear-gradient(#25ca26,#1c991c)
}

.af-vehicle-finance-label:after {
border-right: 9px solid #006f41
}

.af-vehicle-lease-label {
background: #0098fd;
background: -webkit-linear-gradient(#0098fd,#0074c1);
background: -o-linear-gradient(#0098fd,#0074c1);
background: -moz-linear-gradient(#0098fd,#0074c1);
background: linear-gradient(#0098fd,#0074c1)
}

.af-vehicle-lease-label:after {
border-right: 9px solid #2d30a3
} */

/* .af-vehicle-finance table, .af-vehicle-lease table {
color: #333;
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
margin-top: 10px
} */

/* .af-vehicle-finance .af-vehicle-finance-highlight, .af-vehicle-lease .af-vehicle-lease-highlight {
font-size: 16px;
display: block
}

.af-vehicle-finance .af-vehicle-finance-highlight {
color: #009514
}

.af-vehicle-lease .af-vehicle-lease-highlight {
color: #09f
} */

/* .af-vehicle-finance td, .af-vehicle-lease td {
text-align: center;
width: 33%;
color: #222;
font-size: 10px
}

.af-vehicle-finance td:first-of-type, .af-vehicle-lease td:first-of-type {
text-align: left
}

.af-vehicle-finance td:last-of-type, .af-vehicle-lease td:last-of-type {
text-align: right;
border-right: 0
} */
/* .af-vehicle-btn .arrowsIcon {
position: absolute;
right: 16px;
top: 50%;
margin: auto 0;
transform: translateY(-10%);
border: 1px solid gray;
border-radius: 50%;
padding: 7px;
background: #cacaca;
background: -moz-linear-gradient(top, #cacaca 0%, #eaeaea 40%, #cacaca 100%);
background: -webkit-linear-gradient(top, #cacaca 0%,#eaeaea 40%,#cacaca 100%);
background: linear-gradient(to bottom, #cacaca 0%,#eaeaea 40%,#cacaca 100%)
} */

/* .af-vehicle-btn .af-double-arrows-rounded {
display: block;
position: relative;
right: -1px;
top: -1px
} */

/* .af-customize-payment-btn {
color: #fff;
padding: 15px 10px;
border: 1px solid #fff;
height: 100px
}

.af-vehicle-btn.af-customize-payment-btn:hover,.af-vehicle-btn.af-customize-payment-btn:focus {
color: #fff
} */

/* .af-vehicle-btn.af-customize-payment-btn span.af-instant-font {
text-align: center;
left: 0;
display: block
} */

/* .af-vehicle-btn.af-customize-payment-btn .arrowsIcon {
background: transparent;
transform: translateX(60%);
right: 50%;
top: 47px
} */
/* .af-buy-now-btn,
.modal-quote h1,
.modal-quote .h1text,
.af-buy-now-btn:hover, .af-buy-now-btn:focus, .af-buy-now-btn .af-double-arrows-rounded, .modal-quote .af-see-more {
color: #ca0000;
fill: #ca0000
} */

/* .af-finance-quote-btn, .modal-finance h1, .modal-finance .h1text, .af-finance-quote-btn:hover, .af-finance-quote-btn:focus, .af-finance-quote-btn .af-double-arrows-rounded, .modal-finance .af-see-more {
color: #009514;
fill: #009514
} */

/* .af-lease-quote-btn, .modal-lease h1, .modal-lease .h1text, .af-lease-quote-btn:hover, .af-lease-quote-btn:focus, .af-lease-quote-btn .af-double-arrows-rounded, .modal-lease .af-see-more {
color: #09f;
fill: #09f
} */
@media (min-width: 1200px) {
/* .af-vehicle-payment-type-label {
left:-30px
} */

/* .af-vehicle-cash {
margin-left: 15px
} */

}


.af-quote-green-btn {
  background: #2eb534;
  color: #fff;
  height: 60px;
  margin: 10px 0 10px 0;
  line-height: 60px;
  text-align: center;
  border: 1px solid #707070;
  font-weight: 700;
  font-size: 18px;
  font-family: Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
  margin-top: 0;
}
.af-quote-green-btn:hover,
.af-quote-green-btn:focus {
  color: #fff !important;
}