@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900&display=swap");
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, ul {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  margin: 0;
}

/* latin-ext */
@font-face {
  font-family: "Fjalla One";
  font-style: normal;
  font-weight: 400;
  src: local("Fjalla One"), local("FjallaOne-Regular"), url(font/SHXJdWnWW6HDq-6DpcG8PyEAvth_LlrfE80CYdSH47w.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Fjalla One";
  font-style: normal;
  font-weight: 400;
  src: local("Fjalla One"), local("FjallaOne-Regular"), url(font/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "Audi Normal";
  src: url(/Content/font/AudiTypeV03-Normal.otf) format("woff");
  font-style: normal;
  font-weight: 400;
  src: local("Audi Normal"), local("AudiTypeV03-Normal"), url(font/AudiTypeV03-Normal.otf) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
@font-face {
  font-family: "Audi ExtendedBold";
  src: url("/Content/font/AudiTypeV03-ExtendedBold.otf") format("woff");
  font-style: normal;
  font-weight: 800;
  src: local("Audi ExtendedBold"), local("AudiTypeV03-ExtendedBold"), url(font/AudiTypeV03-ExtendedBold.otf) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
@font-face {
  font-family: "Audi Normal";
  src: url(/Content/font/AudiTypeV03-Normal.otf) format("woff");
  font-style: normal;
  font-weight: 400;
  src: local("Audi Normal"), local("AudiTypeV03-Normal"), url(font/AudiTypeV03-Normal.otf) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
@font-face {
  font-display: swap;
  font-family: CadillacSans;
  font-style: normal;
  font-weight: 500;
  src: url("../Content/font/CadillacSansWeb-Medium.woff2") format("woff2"), url("../Content/font/CadillacSansWeb-Medium.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: CadillacSans;
  font-style: normal;
  font-weight: 700;
  src: url("../Content/font/CadillacSansWeb-Bold.woff2") format("woff2"), url("../promo/Content/font/CadillacSansWeb-Bold.woff") format("woff2");
}
html {
  overflow-x: auto;
}

/* Fancy Title */
.fancy-title, .savings-title {
  margin-bottom: 40px;
  font-size: 40px;
}

.fancy-title .rebate-title {
  font-size: 25px;
}

h2.fancy-title {
  margin-top: 10px;
  margin-bottom: 20px;
}

.fancy-title:after {
  content: "";
  background: #d8d8d8;
  display: block;
  height: 1px;
  margin: 0;
  position: relative;
  width: 100%;
}

.fancy-title span:after {
  content: "";
  display: block;
  height: 5px;
  margin: 20px 0 -3px;
  position: relative;
  width: 10%;
  z-index: 2;
}

.text-center.fancy-title:after {
  content: "";
  background: #d8d8d8;
  display: block;
  height: 1px;
  margin: 0 auto;
  position: relative;
  width: 30%;
}

.text-center.fancy-title span:after {
  content: "";
  display: block;
  height: 5px;
  margin: 20px auto -3px;
  position: relative;
  width: 10%;
}

.text-right.fancy-title:after {
  content: "";
  background: #d8d8d8;
  display: block;
  height: 1px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.text-right.fancy-title span:after {
  content: "";
  display: block;
  height: 5px;
  margin: 20px 0 -3px 90%;
  position: relative;
  width: 10%;
}

h5.fancy-title span:after, h6.fancy-title span:after {
  margin-top: 10px !important;
}

h5.fancy-title, h6.fancy-title {
  margin-bottom: 20px !important;
}

@media screen and (min-width: 451px) and (max-width: 767px) {
  .fancy-title, .savings-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 450px) {
  .fancy-title, .savings-title {
    font-size: 20px;
  }
}
.box .fancy-title, box .savings-title {
  margin-bottom: 20px;
  font-size: 18px;
}

/*
    example how to use break point mixins 
    body {
    css for (xs) 

    @include bp(sm) {
        border: 10px solid red;
    }
    @include bp(md) {
        border: 10px solid red;
    }
    @include bp(lg) {
        border: 10px solid red;
    }
}
*/
body {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  overflow-x: auto;
}

ul.list-disc {
  margin-left: 40px;
}
ul.list-disc li {
  list-style: disc;
  margin-bottom: 10px;
}

.text-shadow {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

.dotted-line, .dotted-vline {
  width: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  padding-left: 0px;
  bottom: 0;
  transform: translateY(50%);
}
.dotted-line li, .dotted-vline li {
  width: 4px;
  height: 20px;
  background: #303030 0% 0% no-repeat padding-box;
  opacity: 1;
  margin-bottom: 5px;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: solid 1px #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 auto 15px;
}

.color-white {
  color: rgb(255, 255, 255) !important;
}

.text-shadow {
  text-shadow: 1px 1px 5px black;
}

.white-space.space-xsmall {
  padding: 10px 0;
}

.white-space.space-small {
  padding: 20px 0;
}

.white-space {
  display: block;
  width: 100%;
}

/* Modals */
.modal {
  z-index: 9999 !important;
}
.modal .modal-body h3 {
  font-size: 18px;
}
.modal .modal-body ul, .modal .modal-body ol, .modal .modal-body option, .modal .modal-body input, .modal .modal-body textarea, .modal .modal-body select, .modal .modal-body button {
  font-weight: 300;
}
.modal .modal-body ul, .modal .modal-body ol {
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.modal .modal-body ol li {
  margin-bottom: 10px;
  line-height: normal;
}
.modal .modal-body ul li {
  margin-bottom: 5px;
  line-height: 1.2;
}
.modal .modal-body a {
  white-space: pre-wrap;
  text-decoration: underline;
}
.modal .modal-body .btn {
  text-decoration: none;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: rgb(74, 67, 67);
}

.list-unstyled li {
  margin-bottom: 5px;
}

#onetrust-pc-sdk #ot-pc-desc a {
  text-decoration: underline;
}

.modal-open {
  overflow: hidden;
}

/* Promo base */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.bold {
  font-weight: bold;
}

.flex-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 767px) {
  .flex-box-tablet-up {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pull-right-tablet-up {
    float: right;
  }
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.offset-section {
  padding-top: 50px;
  margin-top: -50px;
}

.padding-5 {
  padding: 5px !important;
}

/*========== White Space ==========*/
.white-space {
  display: block;
  width: 100%;
}

.white-space.space-xmini {
  padding: 2px 0;
}

.white-space.space-mini {
  padding: 5px 0;
}

.white-space.space-xsmall {
  padding: 10px 0;
}

.white-space.space-small {
  padding: 20px 0;
}

.white-space.space-medium {
  padding: 25px 0;
}

.white-space.space-big {
  padding: 50px 0;
}

/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
.space-xxs {
  width: 100%;
  margin: 5px;
}

.space-xs {
  width: 100%;
  margin: 10px;
}

.space-sm {
  width: 100%;
  margin: 20px;
}

.space-md {
  width: 100%;
  margin: 30px;
}

.space-lg {
  width: 100%;
  margin: 40px;
}

.space-xl {
  width: 100%;
  margin: 50px;
}

.casePage .bg-buick {
  background-image: url("../Content/img/Case/hero-case-buick.jpg") !important;
}
.casePage .bg-chevrolet {
  background-image: url("../Content/img/Chevrolet/banner/Chevy_BrandHero-1987x1024.jpg") !important;
}
.casePage .bg-chevrolet-2 {
  background-image: url("../Content/img/Case/hero-case-tahoe-chevy.jpg") !important;
}
.casePage .bg-volvo {
  background-image: url("../Content/img/Volvo/banner/Volvo_Brand_Hero-1987x1024.jpg") !important;
}
.casePage .bg-jaguar {
  background-image: url("../Content/img/Case/hero-case-jaguar.jpg") !important;
}
.casePage .bg-buick-sm {
  background-image: url("../Content/img/Case/hero-case-buick-xs.jpg") !important;
}
.casePage .bg-chevrolet-sm {
  background-image: url("../Content/img/Case/hero-case-chevrolet-xs.jpg") !important;
}
.casePage .bg-chevrolet-2-sm {
  background-image: url("../Content/img/Case/hero-case-xs.jpg") !important;
}
.casePage .bg-volvo-sm {
  background-image: url("../Content/img/Case/hero-case-volvo-xs.jpg") !important;
}
.casePage #caseHeroMobile {
  height: auto;
  position: relative !important;
  background-color: #E7EBEE;
  display: block;
}
@media only screen and (min-width: 992px) {
  .casePage #caseHeroMobile {
    display: none;
  }
}
.casePage #caseHeroMobile .hero-row-container {
  display: flex;
  flex-direction: column;
}
.casePage #caseHeroMobile .hero-row-container .hero-text-container {
  flex: 7;
  background-color: #284560;
  padding: 30px;
}
@media (max-width: 992px) {
  .casePage #caseHeroMobile .hero-row-container .hero-text-container {
    flex: none;
  }
}
.casePage #caseHeroMobile .hero-row-container .hero-text-container h2, .casePage #caseHeroMobile .hero-row-container .hero-text-container p, .casePage #caseHeroMobile .hero-row-container .hero-text-container ul, .casePage #caseHeroMobile .hero-row-container .hero-text-container li {
  color: #ffffff;
}
.casePage #caseHeroMobile .hero-row-container .hero-text-container h2 {
  font-size: 22px;
  margin-bottom: 0px;
}
.casePage #caseHeroMobile .hero-row-container .hero-text-container ul {
  margin-bottom: 15px;
}
.casePage #caseHeroMobile .hero-row-container .hero-text-container li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 15px;
  margin-bottom: 3px;
}
.casePage #caseHeroMobile .hero-row-container .hero-text-container p, .casePage #caseHeroMobile .hero-row-container .hero-text-container li {
  font-size: 14px;
}
.casePage #caseHeroMobile .headline-cta-clear {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #caseHeroMobile .headline-cta-clear {
    padding: 15px 25px;
  }
}
.casePage #caseHeroMobile .headline-cta-clear:hover:before, .casePage #caseHeroMobile .headline-cta-clear:focus:before, .casePage #caseHeroMobile .headline-cta-clear:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #caseHeroMobile .headline-cta-clear::before {
  background: #000;
}
.casePage #caseHeroMobile .headline-cta-clear:hover {
  color: #fff;
  text-decoration: none;
}
.casePage #caseHeroMobile .headline-cta-clear:focus {
  color: #fff;
  text-decoration: none;
}
@media (max-width: 992px) {
  .casePage #caseHeroMobile .row-hero-text-top .col-md-6 {
    padding: 0;
  }
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-top-container {
  background-color: #284560;
  padding: 15px;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-top-container > * {
  margin: 0;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-middle-container {
  background-color: #ffffff;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-middle-container > * {
  margin: 0;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container {
  background-color: #284560;
  padding: 15px;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container > * {
  margin: 0;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red {
  background-color: #BF0A30;
  color: #fff;
  padding: 20px 30px;
  font-size: 24px;
  display: block;
  text-align: center;
  margin-right: 0px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red:hover:before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red:focus:before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red::before {
  background: #000;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red:hover {
  text-decoration: none;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red:focus {
  text-decoration: none;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white {
  background-color: #ffffff;
  color: #000000;
  padding: 20px 30px;
  font-size: 24px;
  display: inline-block;
  text-align: center;
}
@media (max-width: 992px) {
  .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white {
    width: 100%;
    margin: 5px 0;
  }
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white {
    display: inline-block;
    margin-top: 0px;
  }
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white {
    padding: 15px 25px;
  }
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white:hover:before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white:focus:before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white::before {
  background: #000;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white:hover {
  text-decoration: none;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white:focus {
  text-decoration: none;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media (max-width: 992px) {
  .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear {
    width: 100%;
    margin: 5px 0;
  }
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear {
    padding: 15px 25px;
  }
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear:hover:before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear:focus:before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear::before {
  background: #000;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear:hover {
  color: #fff;
  text-decoration: none;
}
.casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear:focus {
  color: #fff;
  text-decoration: none;
}
.casePage #caseHeroMobile .row-hero-text-top .headline-cap {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 20px;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 20px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .row-hero-text-top .headline-cap {
    font-size: 30px;
  }
}
.casePage #caseHeroMobile .row-hero-text-top .headline-savings {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-weight: 900;
  font-size: 33px;
  line-height: 33px;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .row-hero-text-top .headline-savings {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1340px) {
  .casePage #caseHeroMobile .row-hero-text-top .headline-savings {
    font-size: 70px;
    line-height: 70px;
  }
}
.casePage #caseHeroMobile .row-hero-text-top .headline-date {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-top: 5px;
}
.casePage #caseHeroMobile .row-hero-text-top .headline-p {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0;
}
.casePage #caseHeroMobile .row-hero-text-top ul {
  list-style: none;
  color: #ffffff;
}
.casePage #caseHeroMobile .row-hero-text-top ul li {
  margin-bottom: 5px;
  margin-left: 20px;
  position: relative;
}
.casePage #caseHeroMobile .row-hero-text-top ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ffffff; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.casePage #caseHeroMobile #hero-bg-image {
  -webkit-transition: background 2s linear !important;
  -o-transition: background 2s linear !important;
  transition: background 2s linear !important;
  position: relative;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 30% 0%;
  display: block;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile #hero-bg-image {
    background-size: cover;
    height: 600px;
  }
}
@media only screen and (min-width: 768px) {
  .casePage #caseHeroMobile #hero-bg-image {
    background-position: 40% 70%;
    background-size: cover;
  }
}
@media only screen and (min-width: 992px) {
  .casePage #caseHeroMobile #hero-bg-image {
    display: none;
  }
}
.casePage #caseHeroMobile .row-hero-text-bottom {
  padding: 0 15px;
  text-align: center;
}
.casePage #caseHeroMobile .row-hero-text-bottom .oem-logos {
  margin-bottom: 25px;
}
.casePage #caseHeroMobile .row-hero-text-bottom .oem-logos img {
  display: block;
  margin: 0 auto;
}
.casePage #caseHeroMobile .svg-white {
  position: absolute;
  bottom: 50px;
  left: 0px;
  width: 100%;
  fill: #fff;
  stroke: #fff;
  stroke-width: 10px;
  height: 55px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .svg-white {
    bottom: 100px;
    height: 110px;
    display: block;
  }
}
.casePage #caseHeroMobile .svg-red {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  fill: #BF0A30;
  height: 100px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .svg-red {
    height: 200px;
    display: block;
  }
}
.casePage #caseHeroMobile .svg-grey {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  fill: #E7EBEE;
  height: 50px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHeroMobile .svg-grey {
    height: 100px;
    display: block;
  }
}
.casePage #caseHero {
  /*-webkit-transition: background 2s linear !important;
  -o-transition: background 2s linear !important;
  transition: background 2s linear !important;
  height: auto;
  position: relative !important;
  background-image: none;
  background-color: #E7EBEE;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0% 0%; */
  display: none;
}
@media (min-width: 992px) {
  .casePage #caseHero {
    display: block;
  }
}
.casePage #caseHero .hero-row-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.casePage #caseHero .hero-row-container:first-child {
  border-bottom: 1px solid #fff;
}
.casePage #caseHero .hero-row-container .hero-text-container {
  flex: 7;
  background-color: #284560;
  padding: 30px;
}
.casePage #caseHero .hero-row-container .hero-text-container h2, .casePage #caseHero .hero-row-container .hero-text-container p, .casePage #caseHero .hero-row-container .hero-text-container ul, .casePage #caseHero .hero-row-container .hero-text-container li {
  color: #ffffff;
}
.casePage #caseHero .hero-row-container .hero-text-container h2 {
  font-size: 32px;
  margin-bottom: 0px;
}
.casePage #caseHero .hero-row-container .hero-text-container ul {
  margin-bottom: 15px;
}
.casePage #caseHero .hero-row-container .hero-text-container li {
  margin-bottom: 3px;
}
.casePage #caseHero .hero-row-container .hero-text-container p, .casePage #caseHero .hero-row-container .hero-text-container li {
  font-size: 16px;
}
.casePage #caseHero .scroll-to-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  border-radius: 35px;
  transition: all 0.3s ease;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.casePage #caseHero .scroll-to-button > p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20%;
  font-size: 30px;
  color: #000;
  transition: all 0.3s ease-in-out;
}
.casePage #caseHero .scroll-to-button:hover > p {
  transform: translateY(-6px);
}
.casePage #caseHero .bg-hero {
  background-color: #284560;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}
.casePage #caseHero .bg-hero > * {
  padding: 20px;
}
.casePage #caseHero .bg-hero__info-block > * {
  color: #ffffff;
}
.casePage #caseHero .bg-hero__logo-block {
  background-color: #ffffff;
}
.casePage #caseHero .row-hero {
  padding-left: 0px;
}
@media (max-width: 1230px) and (min-width: 992px) {
  .casePage #caseHero .row-hero {
    padding-left: 80px;
  }
}
.casePage #caseHero .headline-cap {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 22px;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 20px;
}
.casePage #caseHero .headline-savings {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-weight: 900;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 10px;
  font-size: 36px;
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #caseHero .headline-savings {
    font-size: 35px;
    line-height: 35px;
  }
}
.casePage #caseHero .headline-date {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-top: 5px;
}
.casePage #caseHero .headline-p {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 20px;
  letter-spacing: 0px;
  color: #ffffff;
  line-height: 1.2;
}
.casePage #caseHero ul {
  margin-top: 20px;
  list-style: none;
  color: #303030;
  margin-left: 15px;
}
.casePage #caseHero ul li {
  font-size: 20px;
  margin-bottom: 5px;
  margin-left: 20px;
  position: relative;
}
.casePage #caseHero ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ffffff; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.casePage #caseHero .headline-cta-white {
  background-color: #ffffff;
  color: #000000;
  padding: 20px 30px;
  font-size: 24px;
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHero .headline-cta-white {
    display: inline-block;
    margin-top: 0px;
  }
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #caseHero .headline-cta-white {
    padding: 15px 25px;
  }
}
.casePage #caseHero .headline-cta-white:hover:before, .casePage #caseHero .headline-cta-white:focus:before, .casePage #caseHero .headline-cta-white:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #caseHero .headline-cta-white::before {
  background: #000;
}
.casePage #caseHero .headline-cta-white:hover {
  text-decoration: none;
  color: #ffffff;
}
.casePage #caseHero .headline-cta-white:focus {
  text-decoration: none;
}
.casePage #caseHero .headline-cta-clear {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #caseHero .headline-cta-clear {
    padding: 15px 25px;
  }
}
.casePage #caseHero .headline-cta-clear:hover:before, .casePage #caseHero .headline-cta-clear:focus:before, .casePage #caseHero .headline-cta-clear:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #caseHero .headline-cta-clear::before {
  background: #000;
}
.casePage #caseHero .headline-cta-clear:visited {
  color: #000;
  text-decoration: none;
}
.casePage #caseHero .headline-cta-clear:hover {
  color: #fff;
  text-decoration: none;
}
.casePage #caseHero .headline-cta-clear:focus {
  color: #fff;
  text-decoration: none;
}
.casePage #caseHero .big-spacer {
  width: 100%;
  margin: 200px 0;
}
.casePage #caseHero .oem-logos {
  position: absolute;
  bottom: 230px;
  left: 20rem;
}
@media only screen and (min-width: 992px) {
  .casePage #caseHero .oem-logos {
    left: 5rem;
    bottom: 180px;
  }
}
.casePage #caseHero .oem-logos img {
  display: inline-block;
}
.casePage #caseHero .vehicles-lineup-img {
  display: inline-block;
  position: absolute;
  bottom: -10px;
  right: 0;
  z-index: 8;
}
@media only screen and (min-width: 992px) {
  .casePage #caseHero .vehicles-lineup-img {
    max-width: 70% !important;
  }
}
.casePage #caseHero .svg-white {
  position: absolute;
  bottom: 50px;
  left: 0px;
  width: 100%;
  fill: #fff;
  stroke: #fff;
  stroke-width: 10px;
  height: 55px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHero .svg-white {
    bottom: 100px;
    height: 110px;
    display: block;
  }
}
.casePage #caseHero .svg-red {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  fill: #BF0A30;
  height: 100px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHero .svg-red {
    height: 200px;
    display: block;
  }
}
.casePage #caseHero .svg-grey {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  fill: #E7EBEE;
  height: 50px;
}
@media only screen and (min-width: 480px) {
  .casePage #caseHero .svg-grey {
    height: 100px;
    display: block;
  }
}
.casePage #how {
  position: relative;
  background-color: #E7EBEE;
  padding: 2rem 0 0;
}
.casePage #how #howLink {
  position: absolute;
  top: -60px;
}
.casePage #how h2 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 30px;
  letter-spacing: 0px;
  color: #303030;
}
@media only screen and (min-width: 480px) {
  .casePage #how h2 {
    font-size: 60px;
  }
}
.casePage #how .circle {
  text-align: center;
  font-size: 35px;
  letter-spacing: 0px;
  color: #303030;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 80px;
  border: 3px solid #303030;
  margin-bottom: 20px;
}
.casePage #how p {
  color: #303030;
  line-height: 1.1;
  font-size: 18px;
  text-align: center;
  margin-bottom: 24px;
}
.casePage #how .btn-cta-view-special {
  position: absolute;
  z-index: 8;
  background-color: #000;
  color: #34516A;
  border: 3px solid #fff;
  padding: 20px 30px;
  text-align: center;
  font-size: 28px;
  border-radius: 200px;
  display: block;
  bottom: -5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  height: 82px;
  bottom: -41px;
}
@media only screen and (min-width: 480px) {
  .casePage #how .btn-cta-view-special {
    font-size: 24px;
    padding: 25px 35px;
    display: inline-block;
  }
}
.casePage #how .btn-cta-view-special:hover {
  text-decoration: none;
}
.casePage #how .btn-cta-view-special:focus {
  text-decoration: none;
}
.casePage #how .svg-red {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  fill: #BF0A30;
  height: 50px;
}
@media only screen and (min-width: 480px) {
  .casePage #how .svg-red {
    height: 100px;
    display: block;
  }
}
.casePage #searchByBrand {
  position: relative;
  background-color: #284560;
  padding: 8rem 0 13rem;
}
.casePage #searchByBrand #searchByBrandLink {
  position: absolute;
  top: -50px;
}
.casePage #searchByBrand h2 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 30px;
  letter-spacing: 0px;
  color: #fff;
}
@media only screen and (min-width: 480px) {
  .casePage #searchByBrand h2 {
    font-size: 60px;
  }
}
.casePage #searchByBrand p {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0px;
  color: #fff;
}
.casePage #searchByBrand h3 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0px;
  color: #fff;
}
.casePage #searchByBrand .logos-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .casePage #searchByBrand .logos-container {
    flex-direction: column;
  }
}
.casePage #searchByBrand .logos-container .logo-item {
  background-color: #fff;
  position: relative;
  margin: 10px;
}
.casePage #searchByBrand .logos-container .logo-item a {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.casePage #searchByBrand .svg-white {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  fill: #fff;
  height: 50px;
}
@media only screen and (min-width: 480px) {
  .casePage #searchByBrand .svg-white {
    height: 100px;
    display: block;
  }
}
.casePage #promo-section {
  background-image: url("/save/Content/img/Jaguar/banner/Jaguar_Hero-1987x1024.jpg");
  min-height: 500px;
  background-position: center;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-repeat: no-repeat;
  margin-bottom: -30px;
}
@media (max-width: 992px) {
  .casePage #promo-section {
    background: none;
    flex-direction: column;
    min-height: 300px;
    margin-bottom: 0px;
  }
  .casePage #promo-section:after {
    content: "";
    position: absolute;
    left: calc(50% - 60px);
    top: calc(100% - 2px);
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 30px solid #fff;
    z-index: 8;
    clear: both;
  }
}
.casePage #promo-section .promo-text-container {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  width: 40%;
  margin-left: 5%;
  padding: 20px 15px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
  .casePage #promo-section .promo-text-container {
    display: none;
  }
}
.casePage #promo-section .promo-text-container .promo-text-header {
  display: flex;
  justify-content: space-between;
  max-height: 75px;
  margin-bottom: 15px;
}
.casePage #promo-section .promo-text-container .promo-text-header h2 {
  font-weight: 700;
}
.casePage #promo-section .promo-text-container .promo-text-header .img-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
}
.casePage #promo-section .promo-text-container .promo-text-header .img-container img {
  padding: 10px;
  height: 100%;
}
.casePage #promo-section .promo-text-container .member-savings {
  font-weight: bold;
  font-size: 20px;
}
.casePage #promo-section .promo-text-container ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 15px;
}
.casePage #promo-section .promo-text-container ul li {
  font-size: 16px;
}
.casePage #promo-section .promo-text-container h2 {
  font-size: 26px;
}
.casePage #promo-section .promo-text-container p {
  margin-bottom: 10px;
}
.casePage #promo-section .promo-text-container a {
  font-size: 14px;
  text-decoration: underline;
}
.casePage #promo-section .promo-mobile-image {
  display: none;
}
@media (max-width: 992px) {
  .casePage #promo-section .promo-mobile-image {
    display: block;
  }
}
.casePage #promo-section .promo-mobile-text-container {
  padding: 40px 20px;
  display: none;
}
.casePage #promo-section .promo-mobile-text-container .member-savings {
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 992px) {
  .casePage #promo-section .promo-mobile-text-container {
    display: block;
  }
}
.casePage #promo-section .promo-mobile-text-container ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 25px;
  margin-bottom: 10px;
}
.casePage #promo-section .promo-mobile-text-container ul li {
  font-size: 16px;
  margin-bottom: 10px;
}
.casePage #promo-section .promo-mobile-text-container p {
  line-height: 15px;
}
.casePage #promo-section .promo-mobile-text-container h2 {
  margin: 0 0 10px 0;
}
.casePage #promo-section .headline-cta-clear {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 20px 30px;
  font-size: 24px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1332px) and (min-width: 992px) {
  .casePage #promo-section .headline-cta-clear {
    padding: 15px 25px;
  }
}
.casePage #promo-section .headline-cta-clear:hover:before, .casePage #promo-section .headline-cta-clear:focus:before, .casePage #promo-section .headline-cta-clear:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.casePage #promo-section .headline-cta-clear::before {
  background: #000;
}
.casePage #promo-section .headline-cta-clear:hover {
  color: #fff;
  text-decoration: none;
}
.casePage #promo-section .headline-cta-clear:focus {
  color: #fff;
  text-decoration: none;
}
.casePage #searchByType {
  position: relative;
  padding: 5rem 0;
  /*&:after {
      content: '';
      position: absolute;
      left: calc(50% - 60px);
      top: calc(100% - 2px);
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-top: 30px solid #fff;
      z-index: 8;
      clear: both;
  }*/
}
.casePage #searchByType h2 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 26px;
  letter-spacing: 0px;
  color: #303030;
}
.casePage #searchByType img {
  display: block;
  margin: 0 auto;
}
.casePage #searchByType h3 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0px;
  color: #303030;
  text-align: center;
  margin-bottom: 18px;
  margin-top: -10px;
}

#moreServices {
  background-color: #152F46;
}
#moreServices h2 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 25px;
  letter-spacing: 0px;
  color: #fff;
}
@media only screen and (min-width: 480px) {
  #moreServices h2 {
    font-size: 36px;
  }
}
#moreServices p {
  text-align: center;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: 0px;
  color: #fff;
}
#moreServices .card {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  max-width: 300px;
  margin: 20px auto;
}
#moreServices .card .card-body {
  padding: 10px;
  background-color: #fff;
}
@media (min-width: 992px) {
  #moreServices .card .card-body {
    height: 230px;
  }
}
#moreServices .card .card-body h3 {
  margin-top: 5px;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 22px;
  letter-spacing: 0px;
  color: #303030;
}
#moreServices .card .card-body p {
  text-align: left;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #303030;
}
#moreServices .card .card-body .rebates-title {
  margin-top: 5px;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 22px;
  letter-spacing: 0px;
  color: #303030;
}
#moreServices .card a {
  color: #fff;
  text-align: center;
  display: block;
  padding: 25px 0;
  font-size: 20px;
  background-color: #3071A9;
}
#moreServices .card a:hover {
  text-decoration: none;
}

.case-landing-nav {
  z-index: 100;
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
}
.case-landing-nav .cap-logo:hover {
  text-decoration: none;
}
.case-landing-nav .navbar-nav li {
  border-left: 1px solid #CECECE;
}
.case-landing-nav .navbar-nav li .dropdown-menu li {
  border-bottom: 1px solid #cecece;
}
@media screen and (max-width: 768px) {
  .case-landing-nav .cap-logo-hd {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .case-landing-nav .js-navbar-collapse {
    padding: 0;
  }
  .case-landing-nav .navbar-nav {
    display: block;
    width: 100%;
    margin: 0;
  }
  .case-landing-nav .navbar-nav li {
    display: block;
    width: 100%;
    border-left: none;
  }
  .case-landing-nav .navbar-nav li .moi-link {
    white-space: normal;
    text-align: center;
  }
}
.case-landing-nav .promo-main-nav {
  border-radius: 0 !important;
  background: #eeeeee;
  border-bottom: 0 !important;
}
.case-landing-nav .navbar {
  margin-bottom: 0;
}
@media (min-width: 767px) {
  .case-landing-nav .navbar-collapse {
    padding-right: 0px;
  }
}
.case-landing-nav .navbar-nav {
  background-color: #F8F8F8;
}
.case-landing-nav .navbar-nav .dropdown-toggle,
.case-landing-nav .navbar-nav .dropdown-menu {
  width: 100%;
}
.case-landing-nav .navbar-nav .dropdown-toggle li a,
.case-landing-nav .navbar-nav .dropdown-menu li a {
  color: #414141;
}
@media (min-width: 767px) {
  .case-landing-nav .navbar-nav .dropdown-toggle li a,
  .case-landing-nav .navbar-nav .dropdown-menu li a {
    border-left: solid 1px #CBCBCB;
    padding: 15px 30px;
  }
}
.case-landing-nav .navbar-nav .dropdown-toggle li .moi-link,
.case-landing-nav .navbar-nav .dropdown-menu li .moi-link {
  /*white-space: normal; */
  text-align: center;
}
.case-landing-nav .navbar-nav .dropdown-toggle li.open > a,
.case-landing-nav .navbar-nav .dropdown-menu li.open > a {
  background-color: #414141;
  color: #ffffff;
}
.case-landing-nav .navbar-nav .dropdown-toggle li a.model-list,
.case-landing-nav .navbar-nav .dropdown-menu li a.model-list {
  background-color: #c70131;
  color: #fff;
}
.case-landing-nav .navbar-nav .dropdown-toggle li.open > a:hover, .case-landing-nav .navbar-nav .dropdown-toggle li.open a:focus, .case-landing-nav .navbar-nav .dropdown-toggle li a:hover,
.case-landing-nav .navbar-nav .dropdown-menu li.open > a:hover,
.case-landing-nav .navbar-nav .dropdown-menu li.open a:focus,
.case-landing-nav .navbar-nav .dropdown-menu li a:hover {
  background-color: #000000;
  color: #fff;
}
.case-landing-nav .navbar-nav .moi-links {
  text-align: center;
  position: relative;
}
.case-landing-nav .navbar-nav .moi-links .dropdown-menu {
  position: absolute;
  width: 235px;
  left: -50px;
}
@media (max-width: 766px) {
  .case-landing-nav .navbar-nav .moi-links .dropdown-menu {
    width: 100%;
    position: relative;
    left: initial;
  }
}
@media only screen and (min-width: 768px) {
  .case-landing-nav .navbar-nav .limited-time-specials {
    width: 290px;
  }
}
.case-landing-nav .sticky-nav {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  border-top: 0;
}
@media screen and (min-width: 769px) {
  .case-landing-nav .navbar-header {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .case-landing-nav .navbar-header {
    background: #eeeeee;
    border: none;
    padding: 10px 0;
  }
  .case-landing-nav .navbar-nav {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .case-landing-nav .navbar-nav li {
    border-bottom: solid 1px #CBCBCB;
    text-align: center;
  }
  .case-landing-nav .navbar-nav li:first-child {
    border-top: solid 1px #CBCBCB;
  }
  .case-landing-nav .navbar-nav li:last-child {
    border-bottom: none;
  }
  .case-landing-nav .navbar-nav li a {
    padding: 20px 0px;
  }
}
@media screen and (max-width: 768px) {
  .case-landing-nav .navbar-collapse.collapse {
    display: none !important;
  }
  .case-landing-nav .navbar-collapse.collapse.in {
    display: block !important;
  }
}
.case-landing-nav .dropdown-large {
  position: static !important;
}
.case-landing-nav .dropdown-menu {
  padding: 0;
  z-index: 9;
  width: 100%;
}
.case-landing-nav .dropdown-menu a {
  padding: 20px !important;
}
@media only screen and (min-width: 480px) {
  .case-landing-nav .dropdown-menu a {
    padding: 15px 30px;
  }
}
.case-landing-nav .dropdown-menu-large {
  padding: 20px 0px;
  right: 0;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
}
@media (max-width: 766px) {
  .case-landing-nav .dropdown-menu-large {
    height: 400px;
    overflow-y: scroll;
  }
}
.case-landing-nav .dropdown-menu-large .col-md-8 {
  margin-right: -150px;
}
@media (max-width: 992px) {
  .case-landing-nav .dropdown-menu-large .flex-box {
    display: block;
    align-content: initial;
    align-items: initial;
  }
  .case-landing-nav .dropdown-menu-large .col-md-8 {
    margin-right: 0px;
  }
}
.case-landing-nav .dropdown-menu-large li ul {
  padding: 0;
  margin: 0;
}
.case-landing-nav .dropdown-menu-large li li {
  list-style: none;
}
.case-landing-nav .dropdown-menu-large li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 300;
  line-height: 1.428571429;
  color: #414141;
  white-space: normal;
}
.case-landing-nav .dropdown-menu-large li a:hover, .case-landing-nav .dropdown-menu-large li a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.case-landing-nav .dropdown-menu-large .owl-carousel .owl-item img {
  width: 200px;
  margin: 0 auto;
}
.case-landing-nav .dropdown-menu-large .owl-carousel .owl-item .cash-card-img {
  max-width: 20%;
  margin: 0;
}
.case-landing-nav .dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 16px;
}
@media (min-width: 767px) {
  .case-landing-nav .navbar-collapse.collapse {
    display: block;
  }
  .case-landing-nav .dropdown-menu-large {
    margin-left: -1px;
    margin-right: -1px;
  }
  .case-landing-nav .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .case-landing-nav .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .case-landing-nav .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
  .case-landing-nav .navbar-nav {
    float: right;
  }
}
.case-landing-nav .promo-thin-nav {
  border-bottom: solid 1px rgb(221, 221, 221);
  background-color: #EEEEEE;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
}
.case-landing-nav .promo-thin-nav ul {
  float: right;
  display: flex;
  flex-direction: row;
  margin: 10px 0 8px;
}
.case-landing-nav .promo-thin-nav ul li {
  font-size: 12px;
}
.case-landing-nav .promo-thin-nav ul li:last-child {
  border-right: none;
}
.case-landing-nav .promo-thin-nav ul li a {
  color: #000000;
  padding: 0px 10px;
  color: #414141;
  text-decoration: underline;
}

.case-info-section {
  background-color: #000;
  padding: 20px;
  display: inline-block;
  width: 100%;
}
.case-info-section > * {
  color: #fff;
}
@media (max-width: 992px) {
  .case-info-section {
    background-color: #fff;
  }
}
.case-info-section ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 20px;
}
.case-info-section ul li {
  margin: 5px 0;
}
.case-info-section ul li:before {
  margin-left: -18px;
}
@media (max-width: 992px) {
  .case-info-section > * {
    color: #000;
  }
  .case-info-section p, .case-info-section h2, .case-info-section li {
    color: #000;
  }
}

.landing-not-active {
  padding-bottom: 20px !important;
}
.landing-not-active .landing {
  background-image: url("Content/img/Cadillac/banner/Cadillac_Brand_Hero-1987x1024.webp");
  min-height: 70vh;
}
.landing-not-active .hero-container {
  background-color: #000;
  color: #fff !important;
  padding: 15px 20px;
}
.landing-not-active .hero-container h1 {
  font-size: 32px;
}
.landing-not-active .hero-container p {
  font-size: 16px;
}
.landing-not-active .hero-container ul li {
  font-size: 16px !important;
}
.landing-not-active .hero-container h2 {
  color: #fff;
}
.landing-not-active .hero-container ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 20px;
}
.landing-not-active .hero-container ul li {
  font-size: 14px;
}
.landing-not-active .hero-container a {
  color: #fff;
  text-decoration: underline;
}

.landing-not-active-sm {
  background-color: #000;
}
.landing-not-active-sm .bg-img {
  width: 100%;
  height: 100%;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-table;
}
.landing-not-active-sm .landing-not-active-sm-content {
  display: block;
  background-color: #000;
  padding: 1.5em;
}
.landing-not-active-sm .landing-not-active-sm-content > * {
  color: #fff;
}
.landing-not-active-sm .landing-not-active-sm-content h2 {
  color: #fff;
}
.landing-not-active-sm .landing-not-active-sm-content .headline {
  line-height: 1;
  font-size: 32px;
  color: #fff;
}
.landing-not-active-sm .landing-not-active-sm-content .p-h2 {
  line-height: 1;
  font-size: 25px;
  color: #fff;
}
.landing-not-active-sm .landing-not-active-sm-content ul {
  list-style: disc;
  padding-left: 40px;
  margin-bottom: 20px;
}
.landing-not-active-sm .landing-not-active-sm-content li {
  color: #fff;
  margin: 8px 0;
  line-height: 1.2;
  font-size: 16px;
}
.landing-not-active-sm .landing-not-active-sm-content a {
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .chevy-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Chevy_768x400.jpg") !important;
  }
  .gmc-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_GMC_768x400.jpg") !important;
  }
  .cadillac-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Cadillac_768x400.jpg") !important;
  }
  .gmenergy-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_GMEnergy_768x400.jpg") !important;
  }
  .volvo-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Volvo_768x400.jpg") !important;
  }
}
@media screen and (max-width: 1024px) {
  .chevy-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Chevy_1024x960.jpg") !important;
  }
  .gmc-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_GMC_1024x960.jpg") !important;
  }
  .cadillac-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Cadillac_1024x960.jpg") !important;
  }
  .gmenergy-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_GMEnergy_1024x960.jpg") !important;
  }
  .volvo-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Volvo_1024x960.jpg") !important;
  }
}
@media screen and (min-width: 1024px) {
  .chevy-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Chevy_3840x714.jpg") !important;
  }
  .gmc-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_GMC_3840x714.jpg") !important;
  }
  .cadillac-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Cadillac_3840x714.jpg") !important;
  }
  .gmenergy-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_GMEnergy_3840x714.jpg") !important;
  }
  .volvo-hero {
    background-image: url("https://cdn.affinitydev.com/webmedia/capus/moi/case/25Q2CASE_Landing_Hero_Carousel_Volvo_3840x714.jpg") !important;
  }
}
.dealer-body h1, .dealer-body h2, .dealer-body h3 {
  color: inherit;
  font-family: "Fjalla One", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
  line-height: 1.1;
}
.dealer-body h4, .dealer-body h5, .dealer-body h6 {
  color: inherit;
  font-family: "Fjalla One", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizelegibility;
  line-height: 1.5;
}
.dealer-body h3 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.dealer-body .form-checkbox {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}
.dealer-body .create-coupon .editmemberlabel {
  font-size: 14px;
  font-weight: bold;
  color: #3a3a3a;
}
.dealer-body .create-coupon .form-group {
  margin-top: 12px;
}

.parallax-background-special-offers {
  background-image: url(/Content/img/parallax/parallax-back-special-offers.jpg);
  background-position: 50% -68.8px;
}

.top {
  padding-top: 20px;
}

h2 {
  line-height: 1.5;
}

h2 {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
}

p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
  text-rendering: optimizelegibility;
  line-height: 20px;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.mega-menu-list > li.active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .fancy-title span:after, .text-center.fancy-title span:after, .text-right.fancy-title span:after, .carousel .owl-controls .owl-buttons div, .carousel .owl-controls .owl-page span, .btn-primary, .btn-primary.btn-alt:hover, .btn-primary.btn-alt:focus, .btn-primary.btn-alt:active, .btn-primary.btn-alt.active, .open .dropdown-toggle.btn-primary.btn-alt, .progress-bar, hr.hr-fancy:after, .label-primary, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pricing-table .pricing-table-head .pricing-head-title, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .blog-post .blog-post-side .blog-post-date, ul#filters li a.filter.selected, .colio-theme-gfx .colio-close, .colio-theme-gfx .colio-navigation a, .nav-tabs.tabs-alt > li.active > a:after, .accordion.accordion-alt .accordion-toggle, .accordion.accordion-alt .accordion-toggle.collapsed:hover, .overlay-bg, .o-tooltip-inner, .cl-effect-2 a::before, .cl-effect-2 a::after, .cl-effect-5 a::before, .cl-effect-5 a::after, .cl-effect-6 a::before, .cl-effect-6 a::after {
  background-color: rgb(48, 113, 169);
}

h1, h2, h3 {
  color: inherit;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
  line-height: 1.1;
}

.carbox2 {
  border: 1px solid rgb(204, 204, 204);
  background-color: rgb(255, 255, 255);
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  border-radius: 3px;
  webkit-border-radius: 3px;
  padding: 8px;
}
.carbox2 img {
  width: 100%;
  margin-bottom: 15px;
}

.img-responsive-gallery,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9 ;
  width: 100%;
  height: auto;
}

#oemForm .modal-dialog .modal-body .form-group {
  margin-right: 0;
  margin-left: 0;
}
#oemForm .modal-dialog .modal-body ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#oemForm .modal-dialog .modal-body a {
  white-space: pre-wrap;
}

.member-incentinves h4 small {
  color: #575757;
}

.oem-button-container {
  margin-bottom: 10px;
}
.oem-button-container .img-responsive {
  width: 100%;
}

#rebates-header-subtitle {
  margin-bottom: 35px;
  margin-top: 15px;
}

.incentives-header {
  /*background-color: #B72025;*/
  background-color: #34516A;
  min-height: 300px;
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.incentives-header h2 {
  color: #fff;
}
.incentives-header p {
  text-align: center;
  font-size: 20px;
}
.incentives-header .form-horizontal {
  width: 100%;
}
.incentives-header .form-horizontal > * {
  width: 100%;
}
.incentives-header .form-horizontal fieldset {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.incentives-header .form-group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.incentives-header .form-group a {
  text-transform: capitalize;
  width: 70%;
}
.incentives-header .form-group input {
  width: 70%;
}
.incentives-header .form-control {
  height: 60px;
  font-size: 20px;
}
.incentives-header .rebates-makesection {
  padding: 0 15px;
}
.incentives-header .rebates-makesection .rebates-makes-xs a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.incentives-header .rebates-makesection .rebates-makes-xs > * {
  margin: 10px 0;
}

@media (max-width: 992px) {
  #rebates-yearsection1 .row .rebates-boxcolumn {
    width: 100%;
  }
}
#rebates-yearsection1 .row #rebates-moi1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#rebates-yearsection1 .row #rebates-moi1 a {
  margin-top: 20px;
  width: 80%;
  border-radius: 5px;
  border-color: #ccc;
  text-transform: capitalize;
  font-size: 19px;
  color: #494949;
}
@media (max-width: 992px) {
  #rebates-yearsection1 .row {
    flex-wrap: wrap;
  }
}

@media (max-width: 992px) {
  #rebates-yearsection2 .row .rebates-boxcolumn {
    width: 100%;
  }
}
#rebates-yearsection2 .row #rebates-moi2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#rebates-yearsection2 .row #rebates-moi2 a {
  margin-top: 20px;
  width: 80%;
  border-radius: 5px;
  border-color: #ccc;
  text-transform: capitalize;
  font-size: 19px;
  color: #494949;
}
@media (max-width: 992px) {
  #rebates-yearsection2 .row {
    flex-wrap: wrap;
  }
}

#rebates-model-description1 #rebates-model-name {
  color: #8393A2;
}
#rebates-model-description1 #rebates-model-name span {
  font-weight: bold;
  line-height: normal;
}
#rebates-model-description1 p {
  text-align: center;
  margin: 50px;
}

#rebates-model-description2 #rebates-model-name {
  color: #8393A2;
}
#rebates-model-description2 #rebates-model-name span {
  font-weight: bold;
  line-height: normal;
}
#rebates-model-description2 p {
  text-align: center;
  margin: 50px;
}

.bg-red {
  background-color: #B72025 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.offer-disclaimer-alert {
  text-decoration: underline;
}

.rebates-title {
  font-weight: bold;
}

.purchase ul, .purchase ol {
  list-style-position: outside;
}

.purchase ul {
  list-style-type: disc;
  padding: 0 0 1em 2em;
}

.purchase ol {
  list-style-type: decimal;
  padding: 0 0 1em 2em;
}

.purchase li {
  line-height: 20px;
  font-family: Helvetica Neue, Helvetica, Arial, Roboto sans-serif;
}

.purchase ol li {
  padding-top: 1em;
}

.purchase h1, .purchase h2, .purchase h3 {
  font-family: "Fjalla One", sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
}

.purchase h3 {
  font-size: 19px;
}

.purchase p {
  line-height: 20px;
  font-family: Helvetica Neue, Helvetica, Arial, Roboto sans-serif;
}

.purchase p.padless {
  padding: 0;
  margin: 0;
}

[class^=legend-],
[class*=" legend-"] {
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-top: 1px;
  *margin-right: 0.3em;
  line-height: 16px;
  vertical-align: text-top;
  background-image: url("img/research/legend-options.png");
  background-position: 16px 17px;
  background-repeat: no-repeat;
}

.legend-selected {
  background-position: 0 0;
}

.legend-unchecked {
  background-position: 0 -17px;
}

.legend-included {
  background-position: 0 -34px;
}

.legend-required {
  background-position: 0 -51px;
}

.legend-upgrade {
  background-position: 0 -68px;
}

.color-swatch {
  margin: 0 auto;
  width: auto;
}

#MainContent_buildVehicle1_buidTrimConfiguration_ctl00_colorOptions1_colorOptions {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-flow: wrap;
}

.swatch {
  height: 50px;
  width: 50px;
  display: inline-block;
  border: solid 1px #C1C1C1;
  border-radius: 50px;
  margin-right: 5px;
  margin-bottom: 15px;
}

.swatch a {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 50px;
}

.select-type {
  float: right;
  width: 300px;
  padding-left: 105px;
  margin-bottom: 30px;
}
@media (max-width: 766px) {
  .select-type {
    width: 100%;
    padding: 0px 20px;
  }
}
@media (min-width: 767px) {
  .select-type {
    width: 600px;
  }
}
.select-type p {
  color: #5a5a5a;
}
.select-type .input-group-addon {
  background-color: #000;
  color: #fff;
  padding: 0px 15px;
}
@media (min-width: 1200px) {
  .select-type .input-group-addon {
    padding: 0px 30px;
  }
}
.select-type .form-control {
  height: 50px;
}
@media (min-width: 1200px) {
  .select-type .form-control {
    height: 70px;
    font-size: 24px;
  }
}

/*header top*/
.header-top {
  background: #fff;
  border-bottom: 1px solid #ececec;
  color: #555566;
  font-size: 12px;
  position: relative;
  z-index: 1;
}

.header-top ul, .header-top ol, .header-top dl {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 0;
}

.header-top p {
  margin: 0;
}

.header-top-left {
  float: left;
  width: 100%;
}

.header-top-right {
  float: right;
  width: 100%;
}

/*header top navigation */
.top-menu {
  list-style: none;
  padding-left: 0;
  float: right;
}

.top-menu li:first-child {
  border-left: 1px solid #ececec;
}

.top-menu li {
  border-right: 1px solid #ececec;
  display: inline-block;
}

.top-menu li a {
  color: inherit;
  padding: 15px 12px;
  display: block;
}

.header-top .dropdown:hover .dropdown-menu {
  display: block;
}

.header-top .dropdown-menu {
  border: 1px solid #ececec;
  margin-top: 0px;
  margin-left: -4px;
}

.header-top .dropdown-menu > li {
  display: block;
  border: none;
}

/* End of header styles */
.thin-nav {
  background: rgb(240, 240, 240);
  border-bottom: solid 1px rgb(221, 221, 221);
  font-weight: normal;
  font-size: 14px;
  color: rgb(34, 34, 34);
  padding: 1px 0;
}
.thin-nav .thin-nav-links {
  padding: 5px;
}
.thin-nav .glyphicon {
  font-size: 1rem;
}
.thin-nav a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: rgb(85, 85, 85);
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 2px;
}

@media screen and (min-width: 993px) {
  .gm-main-nav .navbar-nav li a {
    color: rgb(85, 85, 85);
    font-size: 13px;
    font-weight: bold;
    border: 0;
    min-width: 6.5vw;
    text-align: center;
    padding: 15px 3.5vw;
    transition: background 0s;
    vertical-align: top;
    border-right: solid 1px rgb(221, 221, 221);
  }
}

@media screen and (min-width: 993px) {
  .gm-main-nav {
    height: 50px !important;
  }
}
.gm-main-nav img {
  height: 50px !important;
}
.gm-main-nav ul {
  float: right;
}
.gm-main-nav ul .menu-item {
  height: 50px;
}

.navbar {
  margin-bottom: 0;
}

.navbar-default .navbar-collapse {
  width: 100%;
  border-color: #fff !important;
}

.navbar-default .navbar-nav > li > a {
  color: #707070;
}

.navbar-nav {
  float: none;
  display: flex;
  flex-direction: row;
}
.navbar-nav .special-incentives-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-nav .special-incentives-item .specials-dropdown {
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.navbar-nav .special-incentives-item .specials-dropdown .specials-dropdown-menu {
  min-width: 250px;
  top: 230%;
  left: -30%;
}
.navbar-nav .special-incentives-item .specials-dropdown .specials-dropdown-menu li .specials-item .row {
  display: flex;
  align-items: center;
}
.navbar-nav .special-incentives-item .specials-dropdown .specials-dealer-dropdown-menu {
  min-width: 250px;
  top: 240%;
  left: -50%;
}
.navbar-nav .special-incentives-item .specials-dropdown .specials-dealer-dropdown-menu li .specials-item .row {
  display: flex;
  align-items: center;
}

.show {
  display: block;
}

.navbar-collapse.collapse {
  display: none;
}

.navbar-collapse.collapse.in {
  display: block;
}

.navbar-header .collapse, .navbar-toggle {
  display: block;
}

.navbar-header {
  float: none;
}

.collapsed-icon:after {
  margin-top: 0px;
  font-size: 20px;
}

.btn-path {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .navbar-nav {
    float: none;
    display: flex;
    flex-direction: column;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-header .collapse, .navbar-toggle {
    display: block !important;
  }
  .navbar-header {
    float: none;
  }
  .collapsed-icon:after {
    margin-top: 0px;
    font-size: 20px;
  }
  .collapsed-icon:after {
    margin-top: -5px;
    font-size: 25px;
  }
}
.privacy-bar {
  z-index: 100;
}

.no-scroll {
  overflow-y: hidden;
}

.body-content .banner-container {
  background: #C12121;
  display: none;
  position: relative;
  z-index: 5;
  color: #ffffff;
  width: 35%;
  margin: 7% 0% 0 5%;
  text-align: left;
  padding-top: 15px;
}
.body-content .banner-container .case-headline-logo {
  padding: 25px;
  display: flex;
  justify-content: center;
}
.body-content .banner-container .case-headline-logo img {
  max-width: 50%;
}
@media (min-width: 1200px) {
  .body-content .banner-container .case-headline-logo img {
    max-width: 30%;
  }
}
@media (min-width: 992px) {
  .body-content .banner-container {
    display: block;
  }
}
.body-content .banner-container .banner-logo-container {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  height: 125px;
  width: 100%;
  justify-content: space-around;
  padding: 2% 15%;
  /*img {
      width: 35%;
  }*/
}
.body-content .banner-container .case-headline-description .headline-date {
  width: 70%;
  border-bottom: 1px solid white;
  margin: 3% auto;
}
.body-content .banner-container .brand-logo-container {
  width: 100%;
}
.body-content .banner-container .banner__btn-group {
  margin: 10px 0;
  display: flex;
  justify-content: center;
}
.body-content .banner-container .banner__btn-group .how-it-works-btn {
  display: inline-block;
}
.body-content .banner-container .banner__btn-group .view-features-btn {
  display: none;
}
.body-content .banner-container .case-headline {
  font-size: 22px;
  padding-bottom: 0;
  color: #fff;
  /*text-transform: uppercase;*/
  margin-bottom: 10px;
}
.body-content .banner-container .case-headline .headline-small {
  font-size: 25px;
  padding-bottom: 0;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .body-content .banner-container .case-headline .headline-small {
    line-height: 1em;
  }
}
.body-content .banner-container .case-headline .headline-large {
  font-size: 45px;
  text-transform: capitalize;
}
.body-content .banner-container .case-headline-description p small {
  color: #fff;
  font-weight: 100;
  font-size: 15px;
}
.body-content .banner-container .case-headline-description ul {
  margin-left: 40px;
  margin-top: 0;
  list-style-type: disc;
}
.body-content .banner-container .case-headline-description ul li {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}
.body-content.model-detail-page {
  min-height: 120vh;
}
@media (max-width: 991px) {
  .body-content.model-detail-page {
    background-position: center -20px;
  }
}
@media (min-width: 767px) {
  .body-content.model-detail-page {
    min-height: 600px;
  }
  .body-content.model-detail-page .landing-overlay {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
  }
}
.body-content.model-detail-page .brand-how {
  display: none;
}
.body-content.model-detail-page .landing .banner__btn-group .how-it-works-btn {
  display: inline-block;
}
.body-content.model-detail-page .landing .banner__btn-group .view-features-btn {
  display: inline-block;
}
.body-content.model-detail-page .landing .landing__bottom-bar .landing__bottom-model-name {
  display: block;
  color: #ffffff;
  transform: rotate(3deg);
  text-transform: uppercase;
  font-size: 21px;
}
.body-content.model-detail-page .brand-how {
  /*display: none;*/
}
.body-content.model-detail-page .case-headline-container {
  margin-left: 0 !important;
}
.body-content.model-detail-page .landing__hero {
  background-position: center bottom;
}
.body-content #features {
  padding-top: 10px;
}
@media (max-width: 992px) {
  .body-content #features {
    padding-top: 70px;
    margin-top: -10px;
  }
}
.body-content #features .models-description {
  padding: 0 15%;
}
.body-content #features .models-description h2 {
  font-size: 65px;
}
@media (max-width: 992px) {
  .body-content #features .models-description h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 240px) {
  .body-content #features .models-description h2 {
    font-size: 2rem;
  }
}
.body-content #features .models-description p {
  font-size: 18px;
}
.body-content #features .case-brand-description {
  margin-left: 4%;
  font-size: 18px;
  padding: 0 2%;
  text-align: center;
  color: #000;
  width: 50%;
}
.body-content .landing {
  position: relative;
  padding: 0;
  z-index: 1;
  overflow-y: hidden;
  background-size: cover;
  display: flex;
  flex-direction: column;
  /*@include for-mobile-tablet {
      min-height: 60vh;
  }*/
  /* Mobile ui for slant container */
  /*.slant-container {

      position: absolute;
      bottom: -15%;
      background: $background-gray;
      width: 120%;
      transform: rotate(-8deg);
      left: -10%;
      border-top: 3px solid $white;

      @include for-mobile-only {
          top: 290px;
      }

      .slant-items {
          width: 100%;
          height: 100%;
          transform: rotate(8deg);
          display: flex;
          justify-content: center;
          position: relative;

          .case-headline-description-mobile {
              letter-spacing: 0;
              color: #FFFFFF;
              opacity: 1;
              margin: 0;
              font-weight: 100;
              line-height: 30px;

              padding {
                  font-size: 1.2rem;
              }

              @include for-mobile-only {
                  color: $black;
                  font-size: .8rem;
                  text-align: center;
                  margin-top: 100px;

                  p {
                      font-size: 18px;
                      font-weight: 400;
                  }

                  div.case-headline-disclaimer p {
                      font-size: 12px;
                      line-height: 15px;
                      margin-top: 30px;
                  }

                  p.case-headline-mobile {
                      font-size: 30px;
                      line-height: 20px;

                      span {
                          font-size: 18px;

                          &::before {
                              content: "\A";
                              white-space: pre;
                          }
                      }

                      p {
                          margin-bottom: 2px;
                      }
                  }



                  .case-headline-brand-container {
                      p {
                          a {
                              text-decoration: underline;
                          }
                      }
                  }

                  p:last-of-type {
                      margin-bottom: 35px;
                  }

                  .incentive-discount {
                      font-size: 45px;
                      margin-top: 30px;
                      margin-bottom: 20px;
                  }
              }
          }

          .logo-container {
              position: absolute;
              top: -25%;
              background: $white;
              max-width: 150px;

              .logo-row {
                  display: flex;
                  justify-content: center;
                  align-items: center;

                  .logo-image-container {
                      margin: 0 5px;
                      padding: 20px;
                  }
              }
          }
      }
  }*/
}
@media (min-width: 992px) {
  .body-content .landing {
    flex-direction: column;
  }
}
.body-content .landing.landing-not-active:after {
  content: none;
}
.body-content .landing.landing-not-active:before {
  content: none;
}
@media (min-width: 767px) {
  .body-content .landing.landing-not-active .landing-content {
    padding: 40px 30px;
  }
}
@media (min-width: 1600px) {
  .body-content .landing.landing-not-active .landing-content {
    min-height: 83vh;
  }
}
.body-content .landing .landing__top-bar {
  height: 100px;
  width: 40%;
  position: absolute;
  z-index: 10;
  top: 5%;
  left: -1%;
  transform: rotate(-5deg);
  background-color: rgba(142, 7, 12, 0.6);
  clip-path: polygon(0 30%, 100% 5%, 100% 75%, 0% 100%);
}
.body-content .landing .landing__bottom-bar {
  height: 100px;
  width: 25%;
  position: absolute;
  z-index: 10;
  bottom: 9%;
  right: -1%;
  transform: rotate(-3deg);
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(0 20%, 100% 0%, 100% 75%, 0% 95%);
}
.body-content .landing .landing__bottom-bar .landing__bottom-model-name {
  display: none;
}
@media (max-width: 992px) {
  .body-content .landing .landing__top-bar {
    height: 75px;
    width: 40%;
    top: 1%;
    left: -1%;
    transform: rotate(0deg);
    clip-path: polygon(0 30%, 100% 5%, 100% 75%, 0% 100%);
  }
  .body-content .landing .landing__bottom-bar {
    display: none;
  }
}
@media (min-width: 1350px) {
  .body-content .landing .landing__top-bar {
    transform: rotate(-3deg);
  }
  .body-content .landing .landing__bottom-bar {
    transform: rotate(-2deg);
  }
}
.body-content .landing .landing__hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .body-content .landing .landing__hero {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .body-content .landing .landing__hero .case-mobile-bannerimg {
    display: none;
  }
}
.body-content .landing .case-disclaimer-container {
  /*position: absolute;
  bottom: 0;
  left: 0;*/
  max-width: 100%;
  color: #fff;
  z-index: 1;
}
.body-content .landing .case-disclaimer-container #case-modelhero-disclaimer {
  /*margin-bottom: 25px;*/
  margin: 15px 0 30px 0;
  font-size: 14px;
  background-color: transparent;
  border-radius: 5px;
  color: #fff;
  text-align: left;
}
.body-content .landing .case-disclaimer-container #case-modelhero-disclaimer a {
  color: white !important;
  text-decoration: underline !important;
}
.body-content .landing .case-disclaimer-container #case-makehero-disclaimer {
  margin: 15px 0 30px 0;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
}
.body-content .landing .case-disclaimer-container #case-makehero-disclaimer a {
  color: white !important;
  text-decoration: underline !important;
}
.body-content .landing .view-features-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 5%;
}
.body-content .landing .view-features-btn {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.body-content .landing .view-features-btn > * {
  font-size: 22px;
  color: #fff;
  margin-bottom: 1%;
}
.body-content .landing .view-features-btn > * ion-icon {
  font-size: 30px;
}
.body-content .landing .model-mobile {
  min-height: 390px;
}
.body-content .landing .brand-mobile {
  min-height: 340px;
}
.body-content .landing .landing-content {
  padding-top: 3%;
  margin-left: 1%;
}
@media (min-width: 767px) {
  .body-content .landing .landing-content {
    min-height: 270px;
    padding: 30px;
    margin-top: -20px;
  }
}
@media (max-width: 766px) {
  .body-content .landing .landing-content {
    width: 100%;
    margin: 0;
    padding: 30px;
  }
}
.body-content .landing .landing-content .type-badge {
  height: 50px;
  position: absolute;
  top: 5px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  min-width: 100px;
  background-color: #000;
  color: #fff;
  border-left: 2px solid #c70131;
}
@media (max-width: 766px) {
  .body-content .landing .landing-content .type-badge {
    top: 0px;
    height: 30px;
    position: absolute;
    right: 0;
    line-height: 30px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 30px;
    background-color: #000;
    color: #fff;
    border-left: 2px solid #c70131;
    font-size: 15px;
  }
}
.body-content .landing .landing-content .case-headline-details {
  margin-top: 20px;
  color: #ffffff;
}
@media (max-width: 766px) {
  .body-content .landing .landing-content .case-headline-details {
    color: #ffffff;
    margin: 0;
  }
}
.body-content .landing .landing-content .case-headline-details p:nth-child(1) {
  font-size: 18px;
  margin: 0 0 10px 0;
}
.body-content .landing .landing-content .case-headline-details p:nth-child(2) {
  font-size: 15px;
}
.body-content .landing .landing-content .case-headline-container {
  border-radius: 5px;
  margin: 150px 0;
}
.body-content .landing .landing-content .case-headline-container .banner-container {
  background: #000;
  display: block;
  position: relative;
  border-radius: 5px;
  padding: 0 35px 5px 35px;
  z-index: 5;
}
.body-content .landing .landing-content .case-headline-container .banner-container:after {
  content: "";
  border-radius: 5px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -50%);
}
.body-content .landing .landing-content .case-headline-container .banner-container button {
  border: 1px solid #fff;
  color: #B72025;
}
.body-content .landing .landing-content .case-headline-container .banner-container .banner__btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.body-content .landing .landing-content .case-headline-container .banner-container .banner__btn-group button {
  margin: 5px;
}
.body-content .landing .landing-content .case-headline-container .banner-container .banner__btn-group .transparent-btn {
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
  border: 1px solid #fff;
  width: 100%;
}
.body-content .landing .landing-content .case-headline-container .banner-container .banner__btn-group .transparent-btn:hover, .body-content .landing .landing-content .case-headline-container .banner-container .banner__btn-group .transparent-btn:focus {
  color: #000000;
}
.body-content .landing .landing-content .case-headline-container .bg-hero {
  display: none;
  background-color: #284560;
  backdrop-filter: blur(5px);
  border-radius: 5px;
}
.body-content .landing .landing-content .case-headline-container .bg-hero > * {
  padding: 10px;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block > * {
  color: #ffffff;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block p {
  font-size: 16px;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.2;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block ul {
  margin-left: 0;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block ul li {
  font-size: 16px;
  margin-bottom: 5px;
  margin-left: 20px;
  position: relative;
  font-weight: bold;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block .headline-cap {
  font-size: 18px;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block .headline-savings {
  font-weight: 900;
  letter-spacing: 0;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 28px;
  line-height: 35px;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block .headline-date {
  margin-top: 5px;
  margin-bottom: 15px;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__info-block .headline-date small {
  font-size: 18px;
  letter-spacing: 0;
  color: #fff;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__logo-block {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-height: 150px;
  justify-content: center;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__logo-block .bg-hero__logo-container {
  padding: 0 15px;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__logo-block .bg-hero__logo-container a {
  height: 100%;
  width: 100%;
  display: block;
}
.body-content .landing .landing-content .case-headline-container .bg-hero__logo-block .bg-hero__logo-container a img {
  margin: auto;
  display: block;
  max-width: 100%;
  height: 100%;
}
.body-content .landing .landing-content .case-headline-container .bg-hero button {
  margin-top: 0;
}
.body-content .landing .landing-content .case-headline {
  letter-spacing: 0;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 766px) {
  .body-content .landing .landing-content .case-headline {
    font-size: 2rem;
    display: flex;
    flex-direction: column;
  }
  .body-content .landing .landing-content .case-headline > * {
    margin-right: 2px;
  }
}
.body-content .landing .landing-content .case-headline p {
  color: #ffffff;
}
.body-content .landing .landing-content .case-headline .headline-bold {
  font-weight: 900;
}
.body-content .landing .landing-content .case-headline .headline-light {
  font-weight: 100;
  font-size: 25px;
  padding-bottom: 0px;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #ffffff;
}
@media (min-width: 992px) {
  .body-content .landing .landing-content .case-headline .headline-light {
    font-size: 35px;
    padding-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .body-content .landing .landing-content .case-headline .headline-light {
    font-size: 50px;
    line-height: 1em;
  }
}
@media (min-width: 1200px) {
  .body-content .landing .landing-content .case-headline {
    font-size: 65px;
  }
}
@media (max-width: 766px) {
  .body-content .landing .landing-content .case-headline > * {
    display: block;
  }
}
.body-content .landing .landing-content .case-headline .headline-small {
  font-size: 22px;
  padding-bottom: 0px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .body-content .landing .landing-content .case-headline .headline-small {
    line-height: 1em;
  }
}
@media (min-width: 1200px) {
  .body-content .landing .landing-content .case-headline .headline-small {
    line-height: 0.5em;
  }
}
.body-content .landing .landing-content .case-headline .headline-large {
  font-size: 5rem;
  line-height: 40px;
  text-transform: capitalize;
}
.body-content .landing .landing-content .case-headline-description {
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
  font-size: calc(1rem + 7.4 * (100vw - 300px) / 1600);
  margin: 0;
  font-weight: 100;
}
.body-content .landing .landing-content .case-headline-description p a {
  text-decoration: underline;
  color: #ffffff;
}
.body-content .landing .landing-content .case-headline-description .case-headline-highlight {
  color: rgb(238, 227, 4);
}
.body-content .landing .landing-content .case-headline-description .cap-link {
  color: #F6FF00;
  text-decoration: underline;
}
.body-content .landing .landing-content .case-headline-description .cap-link:hover {
  color: #f6fb69;
}
@media (max-width: 766px) {
  .body-content .landing .landing-content .case-headline-description {
    color: #ffffff;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 2px;
  }
}
@media (min-width: 767px) {
  .body-content .landing .landing-content .case-headline-description {
    /*> p:last-of-type {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 300;
    }*/
  }
  .body-content .landing .landing-content .case-headline-description p {
    font-size: 18px;
  }
  .body-content .landing .landing-content .case-headline-description p > small {
    color: #ffffff;
    font-weight: 100;
    font-size: 15px;
  }
  .body-content .landing .landing-content .case-headline-description ul {
    margin-left: 40px;
    margin-top: 0px;
    list-style-type: disc;
    /*li:first-of-type {
        font-weight: 700
    }*/
  }
  .body-content .landing .landing-content .case-headline-description ul li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
  }
  .body-content .landing .landing-content .case-headline-description ul li .yellow-highlight {
    color: #F6FF00;
  }
  .body-content .landing .landing-content .case-headline-description li.sublist-item {
    margin-left: 60px;
  }
}
.body-content .landing .landing-content .image-container {
  width: 200px;
  margin-bottom: 20px;
}
@media (max-width: 766px) {
  .body-content .landing .landing-content .image-container {
    width: 100%;
  }
}
.body-content .landing .landing-content button {
  margin-top: 30px;
  padding: 20px 50px;
  color: #000000;
}
.body-content .landing .landing-content .brand-logo-container {
  width: 300px;
  padding: 44px 20px 30px 20px;
  margin: auto;
}
.body-content .landing .landing-content .cadillac-logo-container {
  display: flex;
  justify-content: center;
}
.body-content .landing > * {
  font-size: calc(1.6rem + 4.4 * (100vw - 300px) / 1600);
  line-height: 1.3;
}
.body-content .mobile-hero-info {
  background-color: #34516A;
  display: block;
}
@media (min-width: 992px) {
  .body-content .mobile-hero-info {
    display: none;
  }
}
.body-content .mobile-hero-info .logo-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -25px;
}
@media (max-width: 700px) {
  .body-content .mobile-hero-info .logo-container {
    margin-top: -25px;
  }
}
.body-content .mobile-hero-info .logo-container .logo-row {
  width: 100%;
  display: flex;
  justify-content: center;
}
.body-content .mobile-hero-info .logo-container .logo-row > .logo-image-container {
  background-color: #fff;
  padding: 25px 0px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  width: 75%;
}
.body-content .mobile-hero-info .logo-container .logo-row > .logo-image-container img {
  max-width: 45%;
}
.body-content .mobile-hero-info .landing-content .row {
  /*border: 1px solid white;*/
  border-radius: 5px;
}
.body-content .mobile-hero-info .case-headline-description-mobile {
  color: #ffffff;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 30px;
  padding-bottom: 25px;
  flex-direction: column;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container {
  display: flex;
  flex-direction: column;
  justify-content: left;
  padding: 0 20px;
  width: 100%;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-mobile-detail-container {
  text-align: center;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-mobile-detail-container .case-headline-discount {
  font-size: 62px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container button:hover, .body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container button:active, .body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container button:focus {
  color: #000;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container p {
  font-size: 17px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container ul {
  margin-left: 35px;
  list-style: disc;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container ul li {
  margin-bottom: 12px;
  font-size: 14px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .list-disc {
  display: block;
}
@media (max-width: 992px) {
  .body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .list-disc {
    display: none;
  }
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-discount-container {
  background-color: #fff;
  width: 55%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-discount-container > * {
  color: #000;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-discount-container h3 {
  margin-bottom: 5px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-discount-container p {
  font-size: 16px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container h2 {
  font-size: 36px;
  color: #fff;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-mobile {
  text-align: center;
  line-height: 28px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-mobile sup {
  font-size: 1.2rem !important;
  top: -1.5em !important;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-date {
  margin-top: -15px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .case-headline-disclaimer {
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container h3 .case-headline-discount {
  font-size: 36px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .incentive-discount {
  font-size: 36px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-model-container .incentive-discount span > sup {
  font-size: 18px;
  vertical-align: middle;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container {
  display: flex;
  flex-direction: column;
  justify-content: left;
  padding: 0 20px;
  /*h3 {
      font-size: 36px;
  }*/
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container ul {
  margin-left: 35px;
  list-style: disc;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container ul li {
  margin-bottom: 12px;
  font-size: 14px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-date {
  border-bottom: 2px solid white;
  font-size: 16px;
  padding-bottom: 15px;
}
@media (max-width: 350px) {
  .body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-date {
    font-size: 21px;
  }
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-mobile-detail-container {
  text-align: center;
}
@media (max-width: 350px) {
  .body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-mobile-detail-container {
    font-size: 24px;
  }
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-mobile-detail-container .case-headline-discount {
  font-size: 62px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-discount-container {
  background-color: #fff;
  width: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 3% auto;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-discount-container > * {
  color: #000;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-discount-container h3 {
  margin-bottom: 5px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-discount-container p {
  font-size: 16px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-mobile {
  line-height: 35px;
  text-align: center;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-mobile sup {
  font-size: 1.3rem !important;
  top: -1.3em !important;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container h3 .case-headline-discount {
  font-size: 36px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container > * {
  text-align: left;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container p {
  font-size: 17px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .case-headline-date {
  margin-top: -15px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .incentive-discount strong {
  font-size: 36px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container button {
  /*width: 130%;*/
  color: #fff;
  margin-top: 0;
  border-radius: 5px;
  margin-bottom: 5px;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container button:hover, .body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container button:focus {
  color: #34516A;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .btn-cta-view-special {
  border-radius: 5px;
  padding: 20px 50px;
  text-align: center;
}
.body-content .mobile-hero-info .case-headline-description-mobile .case-headline-brand-container .hero-disclaimer {
  font-size: 12px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
.body-content .mobile-hero-info .case-headline-description-mobile #case-modelhero-mobile-disclaimer {
  padding: 3%;
  text-align: center;
  line-height: 2rem;
  font-size: 14px;
}
.body-content .mobile-hero-info .case-headline-description-mobile #case-makehero-mobile-disclaimer {
  padding: 3%;
  text-align: center;
  line-height: 1.5rem;
}
.body-content [class$=countdown] {
  background-color: #f7d038;
  text-align: center;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
  font-size: 18px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .body-content [class$=countdown] {
    flex-direction: row;
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .body-content [class$=countdown] .promo-countdown__text {
    font-size: 24px;
  }
}
.body-content [class$=countdown] .promo-countdown__date {
  display: flex;
}
.body-content [class$=countdown] .promo-countdown__date .promo-countdown__date-container {
  margin: 0 5px;
}
.body-content [class$=countdown] .promo-countdown__date .promo-countdown__date-container .promo-countdown__date-text {
  background-color: #fff;
  border-radius: 5px;
  font-weight: 900;
  padding: 5px;
  font-size: 24px;
  margin-bottom: 2px;
}
.body-content [class$=countdown] .promo-countdown__date .promo-countdown__date-container .promo-countdown__date-time {
  font-size: 14px;
  margin-bottom: 0;
}
.body-content [class$=countdown] .promo-countdown__date .promo-countdown__date-colon {
  color: #fff;
  font-size: 24px;
}
@media (max-width: 991px) {
  .body-content [class$=countdown] .promo-countdown__register {
    width: 40%;
  }
}
.body-content [class$=countdown] .promo-countdown__register a {
  font-weight: 900;
  border-radius: 25px;
  text-transform: capitalize;
  background-color: #fff !important;
  padding: 15px 30px;
  color: #000 !important;
  transition: all 0.1s ease-in-out;
  text-wrap: nowrap;
}
@media (max-width: 991px) {
  .body-content [class$=countdown] .promo-countdown__register a {
    padding: 10px;
  }
}
@media (max-width: 400px) {
  .body-content [class$=countdown] .promo-countdown__register a {
    font-size: 14px;
  }
}
.body-content [class$=countdown] .promo-countdown__register a:hover {
  border-radius: 25px;
  background-color: #000 !important;
  color: #fff !important;
}
.body-content [class$=countdown] .promo-countdown__register button {
  font-weight: 900;
  border-radius: 25px;
  text-transform: capitalize;
  background-color: #fff;
  padding: 15px 30px;
  color: #000;
  transition: all 0.1s ease-in-out;
}
@media (max-width: 991px) {
  .body-content [class$=countdown] .promo-countdown__register button {
    padding: 10px;
  }
}
.body-content [class$=countdown] .promo-countdown__register button:hover {
  border-radius: 25px;
  background-color: #000;
  color: #fff;
}
.body-content .fullaccessory {
  padding: 10% 0 10% 5%;
  background: url("../Content/img/Audi/AudiCare/banner/22Q3_AudiCare_MOI_HPHero_1987x700.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .body-content .fullaccessory {
    background-image: url("../Content/img/Audi/AudiCare/banner/22Q3_AudiCare_SmallBanner_476x357.jpg") !important;
    min-height: 300px;
    background-size: cover;
  }
}
.body-content .fullaccessory .banner-container {
  width: 50%;
  background: transparent !important;
  margin: 0;
  text-align: left;
}
.body-content .fullaccessory .banner-container .banner__btn-group {
  display: inline-block;
}
.body-content .fullaccessory .banner-container .case-headline {
  color: #000;
  font-weight: bold;
  font-size: 45px;
}
.body-content .fullaccessory .banner-container > * {
  color: black;
}
.body-content .fullaccessory .banner-container #case-modelhero-disclaimer {
  background: transparent !important;
}
.body-content .fullaccessory .banner-container .hero-disclaimer {
  margin-top: 40px;
}
.body-content .fullaccessory-mobile-hero-info {
  padding-top: 0;
}
.body-content .fullaccessory-mobile-hero-info > * {
  font-size: calc(1.6rem + 4.4 * (100vw - 300px) / 1600);
  line-height: 1.3;
}
.body-content .fullaccessory-mobile-hero-info .case-headline-description-mobile {
  padding: 7%;
}
.body-content .fullaccessory-mobile-hero-info .case-headline-description-mobile .case-headline-brand-container ul {
  margin: 0 0 5% 5%;
  list-style: disc;
  text-align: left;
}
.body-content .fullaccessory-mobile-hero-info .case-headline-description-mobile button {
  color: #000 !important;
}

.case-landing {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 766px) {
  .case-landing {
    min-height: unset;
  }
}
@media (min-width: 767px) {
  .case-landing {
    min-height: 600px;
  }
}
@media (min-width: 1200px) {
  .case-landing {
    min-height: 700px;
  }
}
.case-landing.hero-case h1.case-headline {
  color: #303030;
  font-size: 2rem;
}
.case-landing.hero-case h1.case-headline .headline-light {
  font-weight: 100;
}
@media (min-width: 767px) {
  .case-landing.hero-case h1.case-headline {
    font-size: 60px;
  }
}
@media (min-width: 1200px) {
  .case-landing.hero-case h1.case-headline {
    font-size: 100px;
  }
}
.case-landing.hero-case .landing-content .case-headline-description {
  color: #303030;
  text-shadow: none;
  font-weight: 400;
}
.case-landing.hero-case .landing-content .case-headline-description p small {
  color: #303030;
}
@media (max-width: 766px) {
  .case-landing.hero-case .landing-content .case-headline-description p:last-of-type {
    font-size: 1rem;
  }
}
.case-landing .case-mobile-btn {
  width: 100%;
  position: fixed;
  background-color: #E62E41;
  bottom: 0;
  z-index: 100;
  color: #ffffff;
  padding: 20px 0px;
  text-align: center;
  font-weight: 400;
  font-size: 1.3rem;
}
.case-landing .view-features-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.case-landing .view-features-btn {
  text-decoration: none;
  text-align: center;
}
.case-landing .view-features-btn > * {
  font-size: 22px;
  color: #fff;
  margin-bottom: 1%;
  cursor: pointer;
}
.case-landing .view-features-btn > * ion-icon {
  font-size: 30px;
}
.case-landing .slant-container {
  position: absolute;
  bottom: -15%;
  background: #e4e0e0;
  height: 200px;
  width: 110%;
  transform: rotate(-5deg);
  left: -5%;
  border-top: 3px solid #ffffff;
}
.case-landing .slant-container .slant-items {
  width: 100%;
  height: 100%;
  transform: rotate(5deg);
  display: flex;
  justify-content: center;
}
.case-landing .slant-container .slant-items .case-headline-description-mobile {
  letter-spacing: 0;
  color: #FFFFFF;
  opacity: 1;
  margin: 0;
  font-weight: 100;
}
.case-landing .slant-container .slant-items .case-headline-description-mobile padding {
  font-size: 1.2rem;
}
@media (max-width: 766px) {
  .case-landing .slant-container .slant-items .case-headline-description-mobile {
    color: #000000;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 2px;
  }
  .case-landing .slant-container .slant-items .case-headline-description-mobile p {
    font-size: 18px;
  }
  .case-landing .slant-container .slant-items .case-headline-description-mobile p a {
    text-decoration: underline;
  }
  .case-landing .slant-container .slant-items .case-headline-description-mobile h1 {
    font-size: 40px;
  }
}
.case-landing .slant-container .slant-items .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -25%;
}
.case-landing .slant-container .slant-items .logo-container .logo-row > .logo-image-container {
  background-color: #000;
  padding: 7% 0%;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}
.case-landing .slant-container .slant-items .logo-container .logo-row > .logo-image-container img {
  max-width: 80%;
}
.case-landing .landing-content {
  margin-top: 5%;
  margin-left: 5%;
}
@media (min-width: 767px) {
  .case-landing .landing-content {
    min-height: 600px;
  }
}
@media (max-width: 766px) {
  .case-landing .landing-content {
    width: 100%;
    padding-top: 20px;
    margin: 0;
  }
}
.case-landing .landing-content .case-headline {
  letter-spacing: 0;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 766px) {
  .case-landing .landing-content .case-headline {
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
  }
  .case-landing .landing-content .case-headline > * {
    margin-right: 2px;
  }
}
.case-landing .landing-content .case-headline .headline-bold {
  font-weight: 900;
}
.case-landing .landing-content .case-headline .headline-light {
  font-weight: 300;
}
@media (min-width: 1200px) {
  .case-landing .landing-content .case-headline {
    font-size: 65px;
  }
}
@media (max-width: 766px) {
  .case-landing .landing-content .case-headline > * {
    display: block;
  }
}
.case-landing .landing-content .case-headline .headline-small {
  font-size: 40px;
  margin-bottom: 5px;
  font-weight: 100;
  text-transform: uppercase;
}
.case-landing .landing-content .case-headline-description {
  letter-spacing: 0;
  color: #FFFFFF;
  opacity: 1;
  font-size: calc(1rem + 7.4 * (100vw - 300px) / 1600);
  margin: 0;
  font-weight: 100;
}
@media (max-width: 766px) {
  .case-landing .landing-content .case-headline-description {
    color: #ffffff;
    font-size: 0.8rem;
    text-align: left;
    margin-top: 2px;
  }
}
@media (min-width: 767px) {
  .case-landing .landing-content .case-headline-description > p:first-of-type {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .case-landing .landing-content .case-headline-description p > small {
    color: #000;
    font-weight: 300;
    font-size: 15px;
  }
  .case-landing .landing-content .case-headline-description ul {
    margin-left: 40px;
    margin-top: 0px;
    list-style-type: disc;
    /*li:first-of-type {
        font-weight: 700
    }*/
  }
  .case-landing .landing-content .case-headline-description ul li {
    margin-bottom: 10px;
  }
  .case-landing .landing-content .case-headline-description li.sublist-item {
    margin-left: 60px;
  }
}
.case-landing .landing-content .image-container {
  width: 200px;
  margin-bottom: 20px;
}
@media (max-width: 766px) {
  .case-landing .landing-content .image-container {
    width: 100%;
  }
}
.case-landing .landing-content button {
  margin-top: 30px;
  padding: 20px 60px;
}
.case-landing > * {
  font-size: calc(1.6rem + 4.4 * (100vw - 300px) / 1600);
  line-height: 1.3;
}

.filter-headline h2 {
  font-size: 65px;
  margin-bottom: 50px;
}
@media (max-width: 766px) {
  .filter-headline h2 {
    font-size: 45px;
  }
}

.model-lineup {
  position: absolute;
  bottom: -60px;
  right: 0;
  display: flex;
  align-items: baseline;
  flex-flow: row-reverse;
  z-index: 1;
}
.model-lineup picture {
  display: inline-block;
  vertical-align: bottom;
}
.model-lineup img {
  max-width: none;
  width: 100%;
}
.model-lineup .col-sm-3, .model-lineup .col-lg-4 {
  padding-left: 0px;
}

.mobile-case-bg {
  position: relative;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.mobile-case-bg img {
  right: 0;
  position: absolute;
}

@media (max-width: 766px) {
  .dotted-line.push-mobile {
    margin-top: 200px;
  }
}

@media (max-width: 766px) {
  .bg-how-case.push-mobile {
    margin-top: 270px;
  }
}

.clip-path {
  position: relative;
  background: #F8F8F8;
}
@media (max-width: 766px) {
  .clip-path {
    height: 80vh;
    min-height: unset;
  }
}
@media (min-width: 767px) {
  .clip-path {
    min-height: 600px;
  }
}
@media (min-width: 1200px) {
  .clip-path {
    min-height: 700px;
  }
}
.clip-path-2, .clip-path-3 {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.clip-path-2 {
  height: 100px;
  background: #fff;
}
@media (max-width: 766px) {
  .clip-path-2 {
    height: 60px;
  }
}
.clip-path-3 {
  height: 90px;
  background: #EFEFEF;
}
@media (max-width: 766px) {
  .clip-path-3 {
    height: 55px;
  }
}
.clip-path-white {
  height: 100px;
  background: #fff;
}

.bg-how-case {
  background: #F8F8F8;
  padding: 80px 0px 100px 0px;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 80px;
}
.bg-how-case .circle {
  color: #284560;
  border: solid 3px #284560;
  font-weight: 400;
  width: 100px;
  height: 100px;
  font-size: 35px;
}
.bg-how-case h2 {
  font-size: 65px;
  margin-bottom: 50px;
}
@media (max-width: 766px) {
  .bg-how-case h2 {
    font-size: 45px;
  }
}
@media (max-width: 766px) {
  .bg-how-case p {
    margin-bottom: 50px;
  }
  .bg-how-case .circle {
    width: 80px;
    height: 80px;
    font-size: 30px;
  }
}
.bg-how-case ul.dotted-line {
  margin-top: 40px;
}

.rotate-bg {
  -moz-transform: skew(0deg, -6deg);
  -webkit-transform: skew(0deg, -6deg);
  -o-transform: skew(0deg, -6deg);
  -ms-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}

.rotate-content {
  -moz-transform: skew(0deg, 6deg);
  -webkit-transform: skew(0deg, 6deg);
  -o-transform: skew(0deg, 6deg);
  -ms-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}

.wait {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wait .clip-path {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.wait ion-icon {
  font-size: 180px;
}
.wait img {
  width: 200px;
}
.wait h1 {
  font-weight: 400;
  font-size: 80px;
  text-transform: uppercase;
}
@media (max-width: 766px) {
  .wait h1 {
    font-size: 30px;
  }
}
.wait h1 span {
  font-weight: 900;
}

@media (max-width: 766px) {
  #Buick .slant-container {
    top: 280px;
    min-height: 420px;
  }
}
#Buick .logo-container {
  top: -12%;
  padding: 10px 20px;
}
#Buick .brand-view {
  margin-top: 0px;
}

@media (max-width: 766px) {
  #Cadillac .slant-container {
    top: 280px;
    min-height: 320px;
  }
}
#Cadillac .logo-container {
  max-width: 200px;
}
#Cadillac .logo-container {
  min-width: 20px;
}
#Cadillac .logo-container {
  top: -10%;
  padding: 10px 50px;
}
#Cadillac .brand-view {
  margin-top: 0px;
}
#Cadillac .body-content.model-detail-page .banner__btn-group .brand-btn {
  display: none !important;
}
#Cadillac .body-content.model-detail-page .banner__btn-group .models-btn {
  display: block !important;
}
#Cadillac .body-content .banner__btn-group .brand-btn {
  display: block;
}
#Cadillac .body-content .banner__btn-group .models-btn {
  display: none;
}

@media (max-width: 766px) {
  #GMC .slant-container {
    top: 280px;
    min-height: 420px;
  }
}
#GMC .logo-container {
  top: -35%;
  padding: 10px 20px;
}
#GMC .white-btn {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #212121;
  color: #212121;
  text-transform: uppercase;
}
#GMC .white-btn::before {
  background: #212121;
  color: #ffffff;
}
#GMC .white-btn:hover, #GMC .white-btn:focus {
  background-color: #212121;
  color: #fff !important;
}
#GMC .white-btn:hover:before, #GMC .white-btn:focus:before, #GMC .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

@media (max-width: 766px) {
  #Volvo .slant-container {
    top: 280px;
  }
}
#Volvo .slant-container .logo-container {
  top: -22%;
  background-color: #000;
  min-width: 20px;
}
#Volvo .brand-mobile {
  min-height: 300px;
}
#Volvo .model-mobile {
  min-height: 380px;
}
#Volvo .landing {
  background-position: center right;
}

#Mercedes-Benz .logo-container {
  padding: 0;
  background: #000000;
  top: -17%;
}

#Cadillac > * {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
}

#Chevrolet .mobile-hero-info {
  background: #222222;
  color: black !important;
}
#Chevrolet .mobile-hero-info .case-headline-model-container {
  color: white;
}
#Chevrolet .logo-container .logo-row {
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 140px;
}
#Chevrolet .landing-overlay {
  background: rgb(0, 0, 0);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0));
}
#Chevrolet .landing__hero {
  background-size: cover;
}
@media (max-width: 766px) {
  #Chevrolet .landing__hero {
    background-position: center bottom;
  }
}
@media (min-width: 767px) {
  #Chevrolet .landing__hero {
    min-height: 350px;
  }
}
@media (min-width: 900px) {
  #Chevrolet .landing__hero {
    background-position: center center;
  }
}
@media (min-width: 767px) {
  #Chevrolet .model-detail-page {
    min-height: 950px;
  }
}
#Chevrolet .white-btn {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #0077D9;
  color: #0077D9;
  text-transform: uppercase;
}
#Chevrolet .white-btn::before {
  background: #0077D9;
  color: #ffffff;
}
#Chevrolet .white-btn:hover, #Chevrolet .white-btn:focus {
  background-color: #0077D9;
  color: #fff !important;
}
#Chevrolet .white-btn:hover:before, #Chevrolet .white-btn:focus:before, #Chevrolet .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#Volvo .logo-row > .logo-image-container {
  background-color: #fff;
  padding: 0px 10px;
}
#Volvo .logo-row > .logo-image-container img {
  max-width: 80%;
}
@media (max-width: 766px) {
  #Volvo .landing {
    background-position: center -20px;
    min-height: 350px;
  }
}
@media (max-width: 580px) {
  #Volvo .landing {
    min-height: 200px;
  }
}
@media (max-width: 345px) {
  #Volvo .landing {
    min-height: 150px;
  }
}
#Volvo .white-btn {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #304668;
  color: #304668;
  text-transform: uppercase;
}
#Volvo .white-btn::before {
  background: #304668;
  color: #ffffff;
}
#Volvo .white-btn:hover, #Volvo .white-btn:focus {
  background-color: #304668;
  color: #fff !important;
}
#Volvo .white-btn:hover:before, #Volvo .white-btn:focus:before, #Volvo .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#Honda .model-mobile {
  min-height: 400px;
}
#Honda .brand-mobile {
  min-height: 400px;
}
#Honda .logo-container {
  padding: 0;
  background: #000000;
  top: -17%;
}
#Honda .case-headline {
  text-transform: initial;
}
#Honda .case-headline .headline-small {
  text-transform: initial;
}

#Cadillac .case-headline-mobile {
  /*font-size: 30px;*/
  font-size: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#Cadillac .case-headline-cap-mobile {
  font-size: 20px;
  margin-bottom: 15px;
}
#Cadillac .case-headline-cap-mobile img {
  padding: 10px 60px;
}
#Cadillac .brand-how .container .btn-cta-view-special {
  background: #000 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 2% 5%;
  border: 3px solid #fff;
  color: #fff;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  #Cadillac .brand-how .container .btn-cta-view-special {
    border-radius: 35px;
    color: white;
    background-color: black;
    border: 3px solid white;
  }
}
#Cadillac .case-headline-model-container .case-headline-mobile p {
  font-size: 16px;
}
#Cadillac .white-btn {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #212121;
  color: #212121;
  text-transform: uppercase;
}
#Cadillac .white-btn::before {
  background: #212121;
  color: #ffffff;
}
#Cadillac .white-btn:hover, #Cadillac .white-btn:focus {
  background-color: #212121;
  color: #fff !important;
}
#Cadillac .white-btn:hover:before, #Cadillac .white-btn:focus:before, #Cadillac .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#Polestar .white-btn {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #212121;
  color: #212121;
  text-transform: uppercase;
}
#Polestar .white-btn::before {
  background: #212121;
  color: #ffffff;
}
#Polestar .white-btn:hover, #Polestar .white-btn:focus {
  background-color: #212121;
  color: #fff !important;
}
#Polestar .white-btn:hover:before, #Polestar .white-btn:focus:before, #Polestar .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#Audi {
  /* remove CASE styles*/
  /* END remove CASE styles*/
}
#Audi .blue-btn {
  background: #4C4D4D 0% 0% no-repeat padding-box;
}
#Audi .black-btn {
  background: #4c4d4d 0% 0% no-repeat padding-box;
  color: #ffffff;
}
#Audi .black-btn:hover, #Audi .black-btn:focus {
  border: 1px solid #4c4d4d;
}
#Audi .white-btn {
  background: #fff 0% 0% no-repeat padding-box;
  border: 1px solid #4c4d4d;
  color: #4c4d4d;
  text-transform: uppercase;
}
#Audi .white-btn::before {
  background: #4c4d4d;
  color: #ffffff;
}
#Audi .white-btn:hover, #Audi .white-btn:focus {
  background-color: #4c4d4d;
  color: #fff !important;
}
#Audi .white-btn:hover:before, #Audi .white-btn:focus:before, #Audi .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#Audi .banner-container {
  text-align: center;
}
#Audi .banner-container .banner-container-incentive {
  border: 1px solid #fff;
  padding: 3% 0;
  margin: 3% 0;
  text-transform: capitalize;
}
#Audi .brand-mobile {
  height: 400px;
}
#Audi .brand-mobile .logo-container {
  background: #000000;
  top: -13%;
  padding: 18px 30px;
}
#Audi .brand-mobile .case-headline-description-mobile {
  margin-top: 50px;
}
#Audi .case-headline-description-mobile .case-headline-model-container {
  width: 80%;
  text-align: center;
}
#Audi .case-headline-description-mobile .case-headline-model-container .banner-container-incentive {
  padding: 3% 0;
  margin: 3% 0;
  text-transform: capitalize;
  width: 100%;
}
#Audi .bg-gallery-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
#Audi .model-mobile {
  min-height: 320px;
}
#Audi .model-mobile .logo-container {
  background: #000000;
  top: -17%;
}
#Audi .body-content .case-headline-container .banner-container {
  background-color: #fff;
  color: #000;
}
#Audi .body-content .mobile-hero-info {
  background-color: #C12121;
}
#Audi .body-content .case-headline-mobile {
  /*font-size: 30px;*/
  font-size: 20px;
}
#Audi .landing__top-bar, #Audi .landing__bottom-bar {
  display: none;
}
#Audi .landing {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
#Audi .landing .landing-content {
  padding: 10px 0px;
  margin-top: -30px;
}
#Audi .landing .landing-content .case-headline-description p > small {
  color: #000;
}
#Audi .landing .landing-content .case-headline-container {
  margin-left: auto;
}
#Audi .landing .landing-content .case-headline-container h2 {
  font-size: 42px;
  color: #fff;
}
#Audi .landing .landing-content .case-headline-container .banner-container .banner__btn-group {
  justify-content: left;
}
#Audi .landing .landing-content .case-headline-container .banner-container button {
  border: 1px solid #000;
  color: #fff;
}
#Audi .landing .landing-content .case-headline-container .banner-container .case-headline-btn {
  background-color: #000;
  color: #fff;
}
#Audi .landing .landing-content .case-headline-container .headline-small {
  color: #000;
}
#Audi .landing .landing-content .headline-small {
  color: #000;
}
#Audi .landing .case-headline-description {
  color: #fff;
}
#Audi .landing .landing__hero {
  clip-path: none;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#Audi .landing .landing__hero .case-headline-logo {
  margin: 7% 7% 0 0;
}
#Audi .landing .landing__hero .case-headline-logo img {
  width: 60%;
  margin-left: 25%;
  background-color: transparent;
  padding: 5%;
  border-radius: 5px;
}
@media (max-width: 992px) {
  #Audi .landing .case-bannerimg {
    /*height: 600px;*/
    background-position: top;
  }
}
@media (max-width: 766px) {
  #Audi .landing .case-bannerimg {
    /*height: 350px;*/
  }
}
#Audi .landing:before {
  display: none;
}
#Audi .landing .audi-countdown {
  left: 0;
  right: auto;
  top: 40px;
}
@media (max-width: 766px) {
  #Audi .landing .audi-countdown {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
#Audi .landing .logo-image-container {
  background-color: #fff;
}
#Audi .arrow-right::after {
  border-left: 22px solid #4c4d4d;
}
@media (min-width: 767px) {
  #Audi .bg-how, #Audi .slide-out-close {
    background-color: #C12121;
  }
}
#Audi #microchip > .microchip-container {
  clip-path: none;
}
#Audi .view-features-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0px;
}
#Audi .headline-light {
  color: #000;
}

#case .microchip-container.no-brand {
  display: none;
}
#case .logo-container {
  display: none;
}
#case .case-landing {
  position: relative;
}
@media (min-width: 1200px) {
  #case .case-landing {
    min-height: 625px;
  }
}
#case .case-landing .case-bannerimg {
  background-image: url("../Content/img/Chevrolet/banner/2022_USQ4_CASE_Hero_Chevy_1987x1024.jpg") !important;
  background-size: cover;
  background-position: center;
}
#case .case-landing .case-bannerimg .banner-logo-container {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  height: 125px;
  width: 100%;
  justify-content: space-around;
  padding: 2% 15%;
}
#case .case-landing .case-bannerimg .banner-logo-container .banner-logo-box {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#case .case-landing .case-bannerimg .banner-logo-container .banner-logo-box > img {
  height: 100%;
}
@media (min-width: 992px) {
  #case .case-landing .case-bannerimg .banner-logo-container {
    display: none;
  }
}
@media (max-width: 766px) {
  #case .case-landing .case-bannerimg .banner-logo-container {
    padding: 35px;
  }
}
@media (max-width: 992px) {
  #case .case-landing .case-bannerimg .banner-logo-container {
    margin-top: 20px;
  }
}
#case .case-landing .case-bannerimg .banner-container {
  background: #C12121;
  display: none;
  position: relative;
  z-index: 5;
  color: #ffffff;
  width: 40%;
  margin: 0% 0% 0 5%;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 114px;
}
@media (min-width: 992px) {
  #case .case-landing .case-bannerimg .banner-container {
    display: block;
  }
}
#case .case-landing .case-bannerimg .banner-container .banner-description-container {
  padding: 7% 35px 5px 35px;
}
#case .case-landing .case-bannerimg .banner-container .banner-logo-container {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  height: 125px;
  width: 100%;
  justify-content: space-around;
  padding: 3% 15%;
  /*img {
      width: 35%;
  }*/
}
#case .case-landing .case-bannerimg .banner-container .case-headline-description .headline-date {
  width: 70%;
  border-bottom: 1px solid white;
  margin: 3% auto;
}
#case .case-landing .case-bannerimg .banner-container .brand-logo-container {
  width: 190px;
  padding: 44px 20px 30px 20px;
  margin: auto;
}
#case .case-landing .case-bannerimg .banner-container .banner__btn-group {
  margin: 10px 0;
  display: flex;
  justify-content: flex-start;
}
#case .case-landing .case-bannerimg .banner-container .banner__btn-group .how-it-works-btn {
  display: inline-block;
}
#case .case-landing .case-bannerimg .banner-container .banner__btn-group .view-features-btn {
  display: none;
}
#case .case-landing .case-bannerimg .banner-container .case-headline {
  font-size: 22px;
  padding-bottom: 0;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#case .case-landing .case-bannerimg .banner-container .case-headline .headline-small {
  font-size: 25px;
  padding-bottom: 0;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  #case .case-landing .case-bannerimg .banner-container .case-headline .headline-small {
    line-height: 1em;
  }
}
#case .case-landing .case-bannerimg .banner-container .case-headline .headline-large {
  font-size: 45px;
}
#case .case-landing .case-bannerimg .banner-container .case-headline-description p small {
  color: #fff;
  font-weight: 100;
  font-size: 15px;
}
#case .case-landing .case-bannerimg .banner-container .case-headline-description ul {
  margin-left: 40px;
  margin-top: 0;
  list-style-type: disc;
}
#case .case-landing .case-bannerimg .banner-container .case-headline-description ul li {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}
#case .case-landing .landing__modellineup {
  position: absolute;
  z-index: 8;
  bottom: -75px;
  display: inline-block;
}
@media (max-width: 992px) {
  #case .case-landing .landing__modellineup {
    display: none;
  }
}
#case .case-landing .landing__modellineup picture img {
  width: 90%;
}
#case .case-landing .mobile-hero-info .landing-content {
  padding-top: 0;
}
#case .case-landing .mobile-hero-info .landing-content .row {
  padding-top: 0;
}
#case .case-landing .mobile-hero-info .landing-content .row .case-headline-description-mobile {
  margin-top: 10px;
}
#case .case-landing .mobile-hero-info .landing-content .row .case-headline-description-mobile .case-headline-brand-container h2 {
  color: #fff;
  font-size: 45px;
}
@media (max-width: 992px) {
  #case .case-landing .mobile-hero-info .landing-content .row .case-headline-description-mobile .case-headline-brand-container h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 240px) {
  #case .case-landing .mobile-hero-info .landing-content .row .case-headline-description-mobile .case-headline-brand-container h2 {
    font-size: 2rem;
  }
}

#bodyType .landing .bg-hero {
  display: block;
}
#bodyType .landing .bg-hero .case-headline-btn {
  background-color: #fff;
  color: #000;
}
#bodyType .landing .bg-hero .case-headline-btn:hover {
  color: #fff;
}
#bodyType.luxurysuvs .bg-hero__logo-block .bg-hero__logo-container.chevy {
  display: none;
}
#bodyType.luxurysuvs .bg-hero__logo-block .bg-hero__logo-container.jaguar {
  display: none;
}
#bodyType.luxurysuvs .logo-container .logo-image-container {
  margin: 0;
  padding: 0;
}
#bodyType.luxurysuvs .logo-container .logo-row {
  background-color: #fff;
  padding: 3% 6%;
  border-radius: 15px;
}
#bodyType.trucks .bg-hero__logo-block .bg-hero__logo-container.jaguar {
  display: none;
}
#bodyType.trucks .bg-hero__logo-block .bg-hero__logo-container.volvo {
  display: none;
}
#bodyType.trucks .mobile-hero-info .logo-image-container {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 5px;
}
#bodyType.largesuvs .bg-hero__logo-block .bg-hero__logo-container.jaguar {
  display: none;
}
#bodyType.largesuvs .bg-hero__logo-block .bg-hero__logo-container.volvo {
  display: none;
}
#bodyType.largesuvs .mobile-hero-info .logo-image-container {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 5px;
}
#bodyType.electricvehicles .bg-hero__logo-block .bg-hero__logo-container.jaguar {
  display: none;
}
@media (max-width: 766px) {
  #bodyType.electricvehicles .landing {
    background-position: center -20px;
    min-height: 350px;
  }
}
#bodyType.electricvehicles .logo-container {
  width: 100%;
  transform: none;
  margin-left: 0;
  margin-top: 17px;
}
#bodyType.electricvehicles .logo-container .logo-row {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-radius: 5px;
}
#bodyType.electricvehicles .logo-container .logo-image-container {
  margin: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
}
#bodyType.electricvehicles .logo-container .logo-image-container img {
  width: 90%;
  height: 90%;
}
#bodyType .landing {
  background-position: center center;
}
#bodyType .case-bannerimg {
  -webkit-transition: background 2s linear !important;
  -o-transition: background 2s linear !important;
  transition: background 2s linear !important;
}
#bodyType .case-bannerimg .logo-container {
  max-width: 80%;
  min-width: 150px;
}
#bodyType .bg-chevy-ev-2021 {
  background-image: url("../Content/img/bodytypes/hero/EV/TypeHero_EV_Bolt20-21-1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-ev-2021 {
    background-image: url("../Content/img/bodytypes/hero/EV/TypeHero_EV_Bolt20-21-960x640.jpg") !important;
  }
}
#bodyType .bg-chevy-ev-2022 {
  background-image: url("../Content/img/bodytypes/hero/EV/TypeHero_EV_Bolt22-1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-ev-2022 {
    background-image: url("../Content/img/bodytypes/hero/EV/TypeHero_EV_Bolt22-960x640.jpg") !important;
  }
}
#bodyType .bg-chevy-ev-evu {
  background-image: url("../Content/img/bodytypes/hero/EV/TypeHero_EV_BoltEVU-1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-ev-evu {
    background-image: url("../Content/img/bodytypes/hero/EV/TypeHero_EV_BoltEVU-960x640.jpg") !important;
  }
}
#bodyType .bg-volvo-ev-c40recharge {
  background-image: url("../../img/Volvo/banner/C40Recharge/25Q2_Volvo_Model_Hero_C40Recharge_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-ev-c40recharge {
    background-image: url("../../img/Volvo/banner/C40Recharge/25Q2_Volvo_Model_Hero_C40Recharge_1024x600.jpg") !important;
  }
}
#bodyType .bg-volvo-ev-xc40recharge {
  background-image: url("../../img/Volvo/banner/XC40Recharge/25Q2_Volvo_Model_Hero_XC40Recharge_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-ev-xc40recharge {
    background-image: url("../../img/Volvo/banner/XC40Recharge/25Q2_Volvo_Model_Hero_XC40Recharge_1024x600.jpg") !important;
  }
}
#bodyType .bg-cadillac-ev-lyriq {
  background-image: url("../Content/img/Cadillac/banner/24USQ4CASE_Cadillac_Brand_Hero_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-cadillac-ev-lyriq {
    background-image: url("../Content/img/Cadillac/banner/24USQ4CASE_Cadillac_Brand_Hero_1024x600.jpg") !important;
  }
}
#bodyType .bg-polestar-ev-polestar3 {
  background-image: url("../Content/img/Polestar/banner/24USQ4CASE_Polestar_Brand_Hero_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-polestar-ev-polestar3 {
    background-image: url("../Content/img/Polestar/banner/24USQ4CASE_Polestar_Brand_Hero_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-ev-blazerev {
  background-image: url("../../img/Chevrolet/banner/BlazerEV/25USQ2CASE_Chevy_Model_Hero_BlazerEV_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-ev-blazerev {
    background-image: url("../../img/Chevrolet/banner/BlazerEV/25USQ2CASE_Chevy_Model_Hero_BlazerEV_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-ev-equinoxev {
  background-image: url("../../img/Chevrolet/banner/EquinoxEV/25USQ2CASE_Chevy_Model_Hero_EquinoxEV_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-ev-equinoxev {
    background-image: url("../../img/Chevrolet/banner/EquinoxEV/25USQ2CASE_Chevy_Model_Hero_EquinoxEV_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-ev-silveradoev {
  background-image: url("../../img/Chevrolet/banner/Silverado1500EV/25USQ2CASE_Chevy_Model_Hero_SilveradoEV_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-ev-silveradoev {
    background-image: url("../../img/Chevrolet/banner/Silverado1500EV/25USQ2CASE_Chevy_Model_Hero_SilveradoEV_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-brightdrop-400 {
  background-image: url("../../img/Chevrolet/banner/BrightDrop400/25USQ2CASE_Chevy_Model_Hero_BrightDrop400_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-brightdrop-400 {
    background-image: url("../../img/Chevrolet/banner/BrightDrop400/25USQ2CASE_Chevy_Model_Hero_BrightDrop400_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-brightdrop-600 {
  background-image: url("../../img/Chevrolet/banner/BrightDrop600/25USQ2CASE_Chevy_Model_Hero_BrightDrop600_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-brightdrop-600 {
    background-image: url("../../img/Chevrolet/banner/BrightDrop600/25USQ2CASE_Chevy_Model_Hero_BrightDrop600_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-largesuv-tahoe {
  background-image: url("../Content/img/Chevrolet/banner/Tahoe/24USQ4CASE_Chevy_Model_Hero_Tahoe_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-largesuv-tahoe {
    background-image: url("../Content/img/Chevrolet/banner/Tahoe/24USQ4CASE_Chevy_Model_Hero_Tahoe_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-largesuv-suburban {
  background-image: url("../Content/img/Chevrolet/banner/Suburban/24USQ4CASE_Chevy_Model_Hero_Suburban_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-largesuv-suburban {
    background-image: url("../Content/img/Chevrolet/banner/Suburban/24USQ4CASE_Chevy_Model_Hero_Suburban_1024x600.jpg") !important;
  }
}
#bodyType .bg-gmc-fullsize-yukon {
  background-image: url("../Content/img/gmc/banner/yukon/24USQ4CASE_GMC_Model_Hero_Yukon_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-fullsize-yukon {
    background-image: url("../Content/img/gmc/banner/yukon/24USQ4CASE_GMC_Model_Hero_Yukon_1024x600.jpg") !important;
  }
}
#bodyType .bg-gmc-fullsize-yukonxl {
  background-image: url("../Content/img/gmc/banner/yukonxl/24USQ4CASE_GMC_Model_Hero_YukonXL_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-fullsize-yukonxl {
    background-image: url("../Content/img/gmc/banner/yukonxl/24USQ4CASE_GMC_Model_Hero_YukonXL_1024x600.jpg") !important;
  }
}
#bodyType .bg-volvo-luxsuv-xc40 {
  background-image: url("../../img/Volvo/banner/XC40/25Q2_Volvo_Model_Hero_XC40_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxsuv-xc40 {
    background-image: url("../../img/Volvo/banner/XC40/25Q2_Volvo_Model_Hero_XC40_1024x600.jpg") !important;
  }
}
#bodyType .bg-volvo-luxsuv-xc60 {
  background-image: url("../../img/Volvo/banner/XC60/25Q2_Volvo_Model_Hero_XC60_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxsuv-xc60 {
    background-image: url("../../../CContent/img/Volvo/banner/XC60/25Q2_Volvo_Model_Hero_XC60_1024x600.jpg)") !important;
  }
}
#bodyType .bg-volvo-luxsuv-xc90 {
  background-image: url("../../img/Volvo/banner/XC90/25Q2_Volvo_Model_Hero_XC90_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxsuv-xc90 {
    background-image: url("../../img/Volvo/banner/XC90/25Q2_Volvo_Model_Hero_XC90_1024x580.jpg") !important;
  }
}
#bodyType .bg-volvo-luxwagon-v90cc {
  background-image: url("../Content/img/volvo/banner/v90cc/23q4_volvo_model_hero_v90cc_1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxwagon-v90cc {
    background-image: url("../Content/img/volvo/banner/v90cc/23q4_volvo_model_hero_v90cc_960x640.jpg") !important;
  }
}
#bodyType .bg-volvo-luxcar-s60 {
  background-image: url("../Content/img/volvo/banner/s60/23q4_volvo_model_hero_s60_1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxcar-s60 {
    background-image: url("../Content/img/volvo/banner/s60/23q4_volvo_model_hero_s60_960x640.jpg") !important;
  }
}
#bodyType .bg-volvo-luxphev-xc60phev {
  background-image: url("../../img/Volvo/banner/XC60Plug-In/25Q2_Volvo_Model_Hero_XC60Plugin_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxphev-xc60phev {
    background-image: url("../../img/Volvo/banner/XC60Plug-In/25Q2_Volvo_Model_Hero_XC60Plugin_1024x580.jpg") !important;
  }
}
#bodyType .bg-volvo-luxphev-xc90phev {
  background-image: url("../../img/Volvo/banner/XC90Plug-In/25Q2_Volvo_Model_Hero_XC90Plugin_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-luxphev-xc90phev {
    background-image: url("../../img/Volvo/banner/XC90Plug-In/25Q2_Volvo_Model_Hero_XC90Plugin_1024x580.jpg") !important;
  }
}
#bodyType .bg-chevy-truck-silverado1500 {
  background-image: url("../Content/img/Chevrolet/banner/Silverado1500/24USQ4CASE_Chevy_Model_Hero_Silverado1500_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-truck-silverado1500 {
    background-image: url("../Content/img/Chevrolet/banner/Silverado1500/24USQ4CASE_Chevy_Model_Hero_Silverado1500_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-truck-colorado {
  background-image: url("../../img/Chevrolet/banner/Colorado/25USQ2CASE_Chevy_Brand_Hero_Colorado_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-truck-colorado {
    background-image: url("../../img/Chevrolet/banner/Colorado/25USQ2CASE_Chevy_Brand_Hero_Colorado_1024x600.jpg") !important;
  }
}
#bodyType .bg-gmc-truck-sierraev {
  background-image: url("../../img/GMC/banner/SierraEV/25Q2_GMC_Model_Hero_SierraEV_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-truck-sierraev {
    background-image: url("../../img/GMC/banner/SierraEV/25Q2_GMC_Model_Hero_SierraEV_1024x600.jpg") !important;
  }
}
#bodyType .bg-gmc-truck-sierra1500 {
  background-image: url("../../img/GMC/banner/Sierra1500/24USQ4CASE_GMC_Model_Hero_Sierra1500_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-truck-sierra1500 {
    background-image: url("../../img/GMC/banner/Sierra1500/24USQ4CASE_GMC_Model_Hero_Sierra1500_1024x600.jpg") !important;
  }
}
#bodyType .bg-gmc-hummer-ev-pickup {
  background-image: url("../../img/GMC/banner/HummerPickup/25Q2_HummerEV_Model_Hero_Pickup_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-hummer-ev-pickup {
    background-image: url("../../img/GMC/banner/HummerPickup/25Q2_HummerEV_Model_Hero_Pickup_1024x600.jpg") !important;
  }
}
#bodyType .bg-gmc-hummer-ev-suv {
  background-image: url("../../img/GMC/banner/HummerSUV/25Q2_HummerEV_Model_Hero_SUV_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-hummer-ev-suv {
    background-image: url("../../img/GMC/banner/HummerSUV/25Q2_HummerEV_Model_Hero_SUV_1024x600.jpg") !important;
  }
}
#bodyType .bg-chevy-suv-equinox {
  background-image: url("../Content/img/Chevrolet/banner/Equinox/23Q4_Chevy_Model_Hero_Equinox_1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-chevy-suv-equinox {
    background-image: url("../Content/img/Chevrolet/banner/Equinox/23Q4_Chevy_Model_Hero_Equinox_960x640.jpg") !important;
  }
}
#bodyType .bg-buick-suv-enclave {
  background-image: url("../Content/img/Buick/banner/Enclave/23Q4_Buick_Brand_Hero_1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-buick-suv-enclave {
    background-image: url("../Content/img/Buick/banner/Enclave/23Q4_Buick_Brand_Hero_960x640.jpg") !important;
  }
}
#bodyType .bg-gmc-suv-terrain {
  background-image: url("../Content/img/GMC/banner/Terrain/23Q4_GMC_Model_Hero_Terrain_1987x1024.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-gmc-suv-terrain {
    background-image: url("../Content/img/GMC/banner/Terrain/23Q4_GMC_Model_Hero_Terrain_960x640.jpg") !important;
  }
}
#bodyType .bg-cadillac-ev-optiq {
  background-image: url("../../img/Cadillac/banner/OPTIQ/Cadillac_Model_Hero_OPTIQ_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-cadillac-ev-optiq {
    background-image: url("../../img/Cadillac/banner/OPTIQ/Cadillac_Model_Hero_OPTIQ_1024x600.jpg") !important;
  }
}
#bodyType .bg-cadillac-ev-vistiq {
  background-image: url("../../img/Cadillac/banner/VISTIQ/Cadillac_Model_Hero_VISTIQ_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-cadillac-ev-vistiq {
    background-image: url("../../img/Cadillac/banner/VISTIQ/Cadillac_Model_Hero_VISTIQ_1024x600.jpg") !important;
  }
}
#bodyType .bg-cadillac-ev-escaladeiq {
  background-image: url("../../img/Cadillac/banner/EscaladeIQ/Cadillac_Model_Hero_EscaladeIQ_3840x714.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-cadillac-ev-escaladeiq {
    background-image: url("../../img/Cadillac/banner/EscaladeIQ/Cadillac_Model_Hero_EscaladeIQ_1024x600.jpg") !important;
  }
}
#bodyType .bg-volvo-ev-ex90 {
  background-image: url("../../img/Volvo/banner/EX90/25Q2_Volvo_Model_Hero_EX90_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-ev-ex90 {
    background-image: url("../../img/Volvo/banner/EX90/25Q2_Volvo_Model_Hero_EX90_1024x580.jpg") !important;
  }
}
#bodyType .bg-volvo-ev-ex40 {
  background-image: url("../../img/Volvo/banner/EX40/25Q2_Volvo_Model_Hero_EX40_3840x580.jpg") !important;
}
@media (max-width: 992px) {
  #bodyType .bg-volvo-ev-ex40 {
    background-image: url("../../img/Volvo/banner/EX40/25Q2_Volvo_Model_Hero_EX40_1024x580.jpg") !important;
  }
}

@media (max-width: 766px) {
  .models {
    margin-top: 0;
  }
}
#caseLayoutFooter #footer-top {
  background-color: #2B353E;
}
#caseLayoutFooter #footer-top .info-section {
  background-color: #E5E5E5;
  clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
  padding-bottom: 100px;
  padding-top: 120px;
}
#caseLayoutFooter #footer-top .info-section .promo-info-bottom-container {
  margin-top: 80px;
}
#caseLayoutFooter #footer-top .info-section .promo-info-bottom-container p {
  font-size: 20px;
  text-align: center;
  color: #000;
}
#caseLayoutFooter #footer-top .info-section .promo-info-circle i {
  font-size: 35px;
}
#caseLayoutFooter #footer-top .info-section .promo-info-circle .fa-mobile-phone {
  color: #5CC262;
}
#caseLayoutFooter #footer-top .info-section .promo-info-circle .fa-comments {
  color: #6BA6D9;
}
#caseLayoutFooter #footer-top .info-section .promo-info-circle .fa-envelope {
  color: #FF6E41;
}
#caseLayoutFooter #footer-top .promo-info-item-container {
  text-align: center;
  min-height: 200px;
}
#caseLayoutFooter #footer-top .promo-info-item-container .promo-info-circle-container {
  margin-bottom: 10px;
  height: 90px;
  width: 90px;
  position: relative;
  margin-left: 50%;
  transform: translateX(-50%);
}
#caseLayoutFooter #footer-top .promo-info-item-container .promo-info-circle-container .promo-info-outer-circle {
  margin-top: 10px;
  background-color: #fff;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: relative;
  top: 0;
  justify-content: center;
  align-items: center;
}
#caseLayoutFooter #footer-top .promo-info-item-container .promo-info-circle-container .promo-info-outer-circle .promo-info-circle {
  height: 80px;
  width: 80px;
  border: 3px solid #ddd;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  margin-left: 5px;
  margin-top: 5px;
}
#caseLayoutFooter #footer-top .promo-info-item-container .promo-info-circle-container .promo-info-outer-circle .promo-info-circle p {
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  margin-top: 50%;
  transform: translateY(-50%);
}
#caseLayoutFooter #footer-top .promo-info-item-container p {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#caseLayoutFooter #footer-top .promo-info-item-container .promo-info-btn {
  background-color: #fff;
  color: #000;
  border: solid 1px #cbcbcb !important;
  border: none;
  padding: 10px 40px;
  width: 200px;
  height: 40px;
  border-radius: 25px;
}
#caseLayoutFooter #footer-top .promo-info-item-container .promo-info-btn:hover {
  text-decoration: none;
}
#caseLayoutFooter footer {
  position: relative;
  background-color: #2B353E;
}
#caseLayoutFooter footer .center-back-to-top-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -35px;
}
#caseLayoutFooter footer .promo-back-to-top-btn {
  width: 80px;
  height: 80px;
  background-color: #2B353E;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 1;
  position: relative;
  font-size: 50px;
  color: #fff;
  display: block;
}
#caseLayoutFooter footer .promo-back-to-top-btn i {
  margin-left: 50%;
  margin-top: 50%;
  transform: translate(-50%, -50%);
}
#caseLayoutFooter footer .footer-bg-color {
  position: relative;
  padding: 30px 0 80px;
  background-color: #2B353E;
  color: #C2C4C6;
}
#caseLayoutFooter footer .footer-bg-color .social-media-container {
  align-items: center;
  background-color: white;
  padding: 3px;
  margin-bottom: 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  width: fit-content;
  justify-content: space-evenly;
}
#caseLayoutFooter footer .footer-bg-color .social-media-container > a > img {
  max-width: 100%;
  height: 100%;
}
#caseLayoutFooter footer .footer-bg-color:before {
  content: "";
  position: absolute;
  top: -500px;
  width: 100%;
  height: 500px;
  background-color: #2B353E;
  z-index: -1;
}
#caseLayoutFooter footer .footer-bg-color p {
  font-size: 16px;
}
#caseLayoutFooter footer .footer-bg-color li {
  margin: 0px 0;
}
#caseLayoutFooter footer .footer-bg-color a {
  display: block;
  text-decoration: underline;
  color: #C2C4C6;
  font-size: 14px;
  min-height: 44px;
}
#caseLayoutFooter footer .footer-bg-color-light {
  padding: 30px 0 10px 0;
  text-align: center;
  background-color: #3B4751;
  color: #C2C4C6;
}
#caseLayoutFooter footer .footer-bg-color-light p {
  margin-bottom: 5px;
}
#caseLayoutFooter .footer-bg-color .container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 480px) {
  #caseLayoutFooter .footer-bg-color .container-fluid {
    padding-right: 100px;
    padding-left: 100px;
  }
}

h1.wait-js-header {
  font-weight: 100;
  font-size: 20px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
@media (max-width: 766px) {
  h1.wait-js-header {
    font-size: 15px;
  }
}

h2.wait-js-subheader {
  font-weight: 100;
  font-size: 70px;
  margin-bottom: 0px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0px;
}
@media (max-width: 766px) {
  h2.wait-js-subheader {
    font-size: 35px;
  }
}

.alert-tip {
  background-color: #fefdbb;
  border-color: #e8e7b4;
  color: #494949;
}

.alert h1, .alert h2, .alert h3 {
  color: inherit;
  font-family: "Fjalla One", sans-serif;
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
  line-height: 1.1;
}

.landing-overlay {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}

.disclaimer {
  width: 100%;
  background-color: rgb(236, 237, 238);
  color: rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5% 10%;
}
.disclaimer .case-disclaimer {
  color: #5a5a5a;
  font-size: 12px;
  line-height: 14px;
}

.row-dealer-disclaimer {
  background-color: #3465a7;
  padding-bottom: 20px;
  color: #fff;
}

footer {
  position: relative;
  /* OneTrust Cookie Consent Override*/
}
footer .center-back-to-top-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -35px;
}
footer .row-1 {
  background-color: #284f83;
  padding-bottom: 20px;
  color: #fff;
}
footer .row-1 input {
  width: 100%;
}
footer .row-1 h2 {
  padding-top: 20px;
  color: #fff;
}
footer .row-1 .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
footer .row-2 {
  background-color: #1d3f6c;
  padding-bottom: 40px;
}
footer .row-2 h2 {
  padding-top: 20px;
  color: #fff;
}
footer .row-2 h4 {
  color: #fff;
}
footer .row-2 p {
  color: #fff;
}
footer .row-2 ul li {
  line-height: 30px;
}
footer .row-2 ul li a {
  color: #fff;
}
footer .row-2 a:hover {
  color: #fff;
  text-decoration: none;
}
footer .ot-sdk-show-settings {
  cursor: pointer;
}

/* The container must be positioned relative: */
.filter-select {
  position: relative;
  font-family: Arial;
}

.filter-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.red-btn, .gray-btn, .blue-btn, .transparent-btn, .black-btn:not(.hiw-btn), .white-btn, .casePage #caseHeroMobile .headline-cta-clear, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear, .casePage #caseHero .headline-cta-white, .casePage #caseHero .headline-cta-clear, .casePage #promo-section .headline-cta-clear {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.red-btn::before, .gray-btn::before, .blue-btn::before, .transparent-btn::before, .black-btn:not(.hiw-btn)::before, .white-btn::before, .casePage #caseHeroMobile .headline-cta-clear::before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-red::before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-white::before, .casePage #caseHeroMobile .row-hero-text-top .hero-description-bottom-container .headline-cta-clear::before, .casePage #caseHero .headline-cta-white::before, .casePage #caseHero .headline-cta-clear::before, .casePage #promo-section .headline-cta-clear::before, #GMC .white-btn::before, #Chevrolet .white-btn::before, #Volvo .white-btn::before, #Cadillac .white-btn::before, #Polestar .white-btn::before, #Audi .white-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.white-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 5% 5%;
  border: 1px solid #000000;
  color: #284e80;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .white-btn {
    padding: 20px 40px;
  }
}
.white-btn::before {
  background: #284e80;
  color: white !important;
}
.white-btn:hover {
  color: white;
}
.white-btn:hover:before, .white-btn:focus:before, .white-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.white-btn:focus {
  color: white;
}

.black-btn:not(.hiw-btn) {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 5% 5%;
  border: 1px solid #284e80;
  color: #000;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .black-btn:not(.hiw-btn) {
    padding: 20px 40px;
  }
}
.black-btn:not(.hiw-btn)::before {
  background: #fff;
}
.black-btn:not(.hiw-btn):hover, .black-btn:not(.hiw-btn):active, .black-btn:not(.hiw-btn):focus {
  color: #000000 !important;
  background: #284e80;
  border: 1px solid #000;
  text-decoration: none;
}
.black-btn:not(.hiw-btn):hover:before, .black-btn:not(.hiw-btn):focus:before, .black-btn:not(.hiw-btn):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.transparent-btn {
  background: rgba(0, 0, 0, 0) 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 5% 5%;
  border: 1px solid #FFFFFF;
  color: #fff;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .transparent-btn {
    padding: 20px 40px;
  }
}
.transparent-btn::before {
  background: #FFFFFF;
}
.transparent-btn:hover, .transparent-btn:focus {
  color: #284e80;
}
.transparent-btn:hover:before, .transparent-btn:focus:before, .transparent-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.blue-btn {
  background: #284e80 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 5% 5%;
  color: #ffffff;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .blue-btn {
    padding: 20px 40px;
  }
}
.blue-btn:hover {
  color: white;
}
.blue-btn:hover:before, .blue-btn:focus:before, .blue-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.blue-btn:focus {
  color: white;
}

.gray-btn {
  background: #222222 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 5% 5%;
  color: #ffffff;
  border: solid 1px #284560;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .gray-btn {
    padding: 20px 40px;
  }
}
.gray-btn:hover {
  color: white;
}
.gray-btn:hover:before, .gray-btn:focus:before, .gray-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.gray-btn:focus {
  color: white;
}

.red-btn {
  background: #BF0A30 0% 0% no-repeat padding-box;
  border-radius: 0;
  padding: 5% 5%;
  color: #ffffff;
  border: solid 1px #000000;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .red-btn {
    padding: 20px 40px;
  }
}
.red-btn::before {
  background: #000;
}
.red-btn:hover {
  color: white;
}
.red-btn:hover:before, .red-btn:focus:before, .red-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*Wrap text within an anchor tag*/
a.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* css-3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: normal;
}

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  border-radius: 35px;
  display: none;
  transition: all 0.3s ease;
}
#return-to-top i {
  color: #ffffff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  transition: all 0.3s ease;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #ffffff;
  top: 5px;
}

.btn-oem {
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-oem .rebates-makelogo {
  background-color: #fff;
  border-radius: 5px;
  margin: 0 5px;
  padding: 30px 25px;
}
@media (max-width: 766px) {
  .btn-oem .rebates-makelogo {
    padding: 5px;
    width: 130px;
  }
}

.btn-rebates {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
}
.btn-rebates h3 {
  height: 20px;
  color: #494949;
}

/* ADA required skip link button for screen readers */
.skip-main-btn {
  z-index: -1;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  width: 15%;
  padding: 5px;
  text-align: center;
  color: #007bff;
  text-decoration: none;
  background-color: #fff;
  opacity: 0;
  left: -100%;
}
.skip-main-btn:focus {
  z-index: 999;
  left: 0;
  opacity: 1;
}
.skip-main-btn:active {
  z-index: 999;
  left: 0;
  opacity: 1;
}

.btn-moi-red {
  background-color: #B72025;
  color: #fff;
}

.btn-coupon {
  font-size: 18px;
}
@media (max-width: 1300px) {
  .btn-coupon {
    font-size: 15px;
  }
}

.description, .models #case-models .model-detail .offer-details-section .offer-detail-description, .models #case-models .model-detail .detail-description-container .detail-description {
  height: 100%;
}
.description h3, .models #case-models .model-detail .offer-details-section .offer-detail-description h3, .models #case-models .model-detail .detail-description-container .detail-description h3 {
  font-size: 32px;
  text-align: left;
  opacity: 1;
  color: #303030;
}
@media (min-width: 1200px) {
  .description h3, .models #case-models .model-detail .offer-details-section .offer-detail-description h3, .models #case-models .model-detail .detail-description-container .detail-description h3 {
    font-size: 45px;
  }
}
@media (min-width: 1800px) {
  .description h3, .models #case-models .model-detail .offer-details-section .offer-detail-description h3, .models #case-models .model-detail .detail-description-container .detail-description h3 {
    font-size: 65px;
  }
}
.description h3 sup, .models #case-models .model-detail .offer-details-section .offer-detail-description h3 sup, .models #case-models .model-detail .detail-description-container .detail-description h3 sup {
  font-size: 0.4em;
  vertical-align: super;
  position: relative;
  right: 0.5rem;
}
.description p, .models #case-models .model-detail .offer-details-section .offer-detail-description p, .models #case-models .model-detail .detail-description-container .detail-description p {
  text-align: left;
  letter-spacing: 0;
  opacity: 1;
  color: #303030;
  font-size: 15px;
  line-height: normal;
  /*@include for-big-desktop-up {
      font-size: 23px;
  }*/
}
@media (min-width: 1200px) {
  .description p, .models #case-models .model-detail .offer-details-section .offer-detail-description p, .models #case-models .model-detail .detail-description-container .detail-description p {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .description ul li, .models #case-models .model-detail .offer-details-section .offer-detail-description ul li, .models #case-models .model-detail .detail-description-container .detail-description ul li {
    font-size: 16px;
  }
}

.fullaccessory-models #case-models .model-detail #feature-link h2 {
  font-size: 40px;
}
.fullaccessory-models #case-models .model-detail #feature-link p {
  font-size: 18px;
  padding: 0 5%;
}
.fullaccessory-models #case-models .model-detail .detail-description-container .detail-description h3 {
  font-size: 30px;
}
.fullaccessory-models #case-models .model-detail .detail-description-container .detail-description p {
  font-size: 16px;
}
.fullaccessory-models #case-models .model-detail .detail-description-container .detail-description p small {
  font-size: 12px;
}
.fullaccessory-models #case-models .model-detail .detail-description-container .detail-description .feature-disclaimer {
  margin-top: 40px;
  font-size: 14px;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
.fullaccessory-models #case-models .model-detail .detail-description-container .detail-description ul {
  list-style: disc;
  margin-left: 25px;
  font-size: 1.4rem;
}
.fullaccessory-models #case-models .model-detail .detail-description-container .detail-description ul li {
  font-size: 16px;
}

.models {
  /*
  @include for-mobile-only {
      margin-top: 380px;
  }
      */
}
@media (min-width: 992px) {
  .models #case-filters .filter-headline h2 {
    font-size: 22px;
  }
  .models #case-filters .filter-headline p {
    font-size: 24px;
    color: #5a5a5a;
  }
}
@media (max-width: 992px) {
  .models #case-filters .filter-headline h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 240px) {
  .models #case-filters .filter-headline h2 {
    font-size: 2rem;
  }
}
.models #case-filters .brand-filter {
  margin-bottom: 8%;
}
.models #case-filters .brand-filter .row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.models #case-filters .brand-filter .row > * {
  padding: 10px;
}
@media (max-width: 766px) {
  .models #case-filters .brand-filter .row > * {
    margin-bottom: 2px;
    padding: 0;
  }
}
.models #case-filters .brand-filter .row > * .select-brand-container {
  border: 2px solid #34516a;
  border-radius: 4px;
}
.models #case-filters .brand-filter .row > * img {
  display: block;
  width: 100%;
  height: auto;
}
.models #case-filters .brand-filter .row > * a.case-brandfilter {
  color: #333;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  padding: 20px 10px;
}
.models #case-filters .type-filter {
  margin-bottom: 5%;
}
.models #case-filters .type-filter .row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.models #case-filters .type-filter img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .models #case-filters .type-filter h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 240px) {
  .models #case-filters .type-filter h2 {
    font-size: 2rem;
  }
}
.models #case-models .brand-page .model-type-header {
  min-width: 280px;
}
@media (max-width: 992px) {
  .models #case-models .brand-page .model-type-header {
    min-width: 100%;
  }
}
.models #case-models .brand-page .model-type {
  background-color: #4C4D4D;
  color: rgb(255, 255, 255);
  height: 60px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  float: left;
  padding: 0 15px;
  min-width: 280px;
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .models #case-models .brand-page .model-type {
    background-color: #4C4D4D;
  }
}
@media (max-width: 992px) {
  .models #case-models .brand-page .model-type {
    min-width: 100%;
    flex-direction: column;
    height: auto;
  }
}
.models #case-models .brand-page .model-type h2 {
  margin-top: 3%;
  margin-bottom: 3%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
}
@media (max-width: 992px) {
  .models #case-models .brand-page .model-type h2 {
    font-size: 28px;
  }
}
.models #case-models .brand-page .down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  bottom: -15px;
  right: 20px;
}
@media (max-width: 992px) {
  .models #case-models .brand-page .down-arrow {
    right: unset;
  }
}
.models #case-models .brand-page .model-logo {
  padding: 0;
  height: 60px;
  border: solid 1px rgb(48, 48, 48);
  background: rgb(0, 0, 0);
  float: left;
}
.models #case-models .brand-page .model-logo img {
  height: 40px;
  margin-top: 10px;
}
.models #case-models .brand-page .model-logo p {
  text-align: center;
  margin: 0;
}
.models #case-models .brand-page .aligned-row {
  display: flex;
  flex-flow: row wrap;
  margin-top: 3%;
  margin-bottom: 3%;
}
.models #case-models .brand-page .aligned-row p {
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .models #case-models .brand-page .aligned-row p {
    margin-bottom: 0px;
  }
}
@media (max-width: 766px) {
  .models #case-models .brand-page .aligned-row {
    margin-bottom: 60px;
  }
  .models #case-models .brand-page .aligned-row .btn-detail p {
    font-size: 12px;
    margin: 0;
  }
  .models #case-models .brand-page .aligned-row .btn-detail ion-icon {
    font-size: 35px;
  }
}
.models #case-models .brand-page .aligned-row .model-group-title {
  border-bottom: 1px solid rgb(0, 0, 0);
  padding-bottom: 5px;
  font-size: 30px;
  line-height: 35px;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
}
@media (min-width: 1200px) {
  .models #case-models .brand-page .aligned-row .border-right, .models #case-models .brand-page .aligned-row .border-left {
    content: "";
    background-color: #5a5a5a;
    height: 80px;
    width: 1px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
}
.models #case-models .brand-page .aligned-row .border-right {
  right: 0;
}
.models #case-models .brand-page .aligned-row .border-left {
  left: 0;
}
.models #case-models .brand-page .aligned-row .btn-container {
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 5px;
}
.models #case-models .brand-page .aligned-row .btn-container .row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 766px) {
  .models #case-models .brand-page .aligned-row .btn-container .row {
    flex-flow: nowrap;
  }
}
.models #case-models .brand-page .aligned-row .btn-container .row > * {
  margin-bottom: 5px;
}
.models #case-models .brand-page .aligned-row .btn-container .row div[class*=col-xs] {
  padding-right: 2.5px;
  padding-left: 2.5px;
}
.models #case-models .brand-page .aligned-row .btn-container .row div[class*=col-xs] > * {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.models #case-models .brand-page .aligned-row .btn-container .row div[class*=col-xs] .vehicle-detail-btn {
  display: none !important;
}
@media (min-width: 992px) {
  .models #case-models .brand-page .aligned-row .btn-container .row div[class*=col-xs] .vehicle-detail-btn {
    display: flex !important;
  }
}
.models #case-models .brand-page .aligned-row .btn-container .row .white-btn-mobile-container p {
  word-break: break-word;
  white-space: normal;
}
@media (min-width: 1200px) {
  .models #case-models .brand-page .aligned-row .btn-container {
    padding: 0 40px;
  }
}
@media (min-width: 1800px) {
  .models #case-models .brand-page .aligned-row .btn-container {
    padding: 0 70px;
  }
}
.models #case-models .brand-page .aligned-row::before {
  display: block;
}
.models #case-models .brand-page .aligned-row :nth-child(3) {
  text-align: center;
}
.models #case-models .brand-page .aligned-row :nth-child(3) .incentive-discount {
  font-size: 50px;
  font-weight: 500;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.models #case-models .brand-page .aligned-row :nth-child(3) padding {
  font-size: 15px;
}
.models #case-models .brand-page .aligned-row > *:not(:first-of-type) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.models #case-models .model-detail .header {
  text-align: center;
  margin: 3% 0;
}
.models #case-models .model-detail .header h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .models #case-models .model-detail .header h2 {
    font-size: 65px;
  }
}
.models #case-models .model-detail div[class*=col-] {
  padding: 0 0;
}
.models #case-models .model-detail img[class=img-responsive] {
  width: 100%;
}
.models #case-models .model-detail .detail-description-container {
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 766px) {
  .models #case-models .model-detail .detail-description-container {
    margin-bottom: 60px;
  }
}
.models #case-models .model-detail .detail-description-container .detail-description {
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2%;
}
.models #case-models .model-detail .detail-description-container .detail-description ul {
  list-style: disc;
  margin-left: 25px;
  font-size: 1.4rem;
}
.models #case-models .model-detail .detail-description-container .detail-description ul li {
  font-size: 16px;
  color: #303030;
}
@media (min-width: 992px) {
  .models #case-models .model-detail .detail-description-container .detail-description {
    margin-bottom: 5px;
  }
}
.models #case-models .model-detail .detail-description-container .detail-description p {
  text-align: left;
}
.models #case-models .model-detail .detail-description-container .detail-description p small {
  font-size: 12px;
}
.models #case-models .model-detail .detail-description-container .detail-description > * {
  font-size: 1.2rem;
}
.models #case-models .model-detail .detail-description-container .detail-description button {
  margin-top: 10px;
  font-size: 18px;
}
@media (min-width: 1200px) {
  .models #case-models .model-detail .detail-description-container .detail-description button {
    width: 40%;
  }
}
.models #case-models .model-detail .offer-details-section {
  margin-top: 3%;
  margin-bottom: 3%;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 766px) {
  .models #case-models .model-detail .offer-details-section {
    margin: 100px 0px;
  }
  .models #case-models .model-detail .offer-details-section .btn {
    display: block;
  }
}
.models #case-models .model-detail .offer-details-section .offer-detail-description {
  padding: 0% 7%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .headline-light {
  font-weight: 100;
  font-size: 25px;
  padding-bottom: 0px;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 20px;
}
@media (min-width: 992px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description .headline-light {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description .headline-light {
    font-size: 50px;
    line-height: 1em;
    padding-bottom: 8px;
  }
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .headline-small {
  font-size: 22px;
  padding-bottom: 16px;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 0px;
}
@media (min-width: 992px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description .headline-small {
    line-height: 1em;
  }
}
@media (min-width: 1200px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description .headline-small {
    line-height: 0.5em;
  }
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .headline-large {
  font-size: 5rem;
  line-height: 40px;
  text-transform: capitalize;
}
.models #case-models .model-detail .offer-details-section .offer-detail-description h1 {
  letter-spacing: 0;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 0.8;
}
@media (min-width: 1200px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description h1 {
    font-size: 65px;
  }
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .offer-details-brand {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .offer-details-name {
  font-size: 45px;
  padding-bottom: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .honda-offer-headline {
  text-transform: initial;
}
@media (min-width: 1200px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description h3 {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .models #case-models .model-detail .offer-details-section .offer-detail-description {
    padding: 5% 7%;
  }
}
.models #case-models .model-detail .offer-details-section .offer-detail-description > * {
  margin-bottom: 2%;
}
.models #case-models .model-detail .offer-details-section .offer-detail-description ul li {
  margin-left: 5%;
  list-style: disc;
  margin-bottom: 10px;
}
.models #case-models .model-detail .offer-details-section .offer-detail-description .offer-button {
  text-align: left;
}

@media (max-width: 766px) {
  #Volvo .model-detail-page .models .brand-view {
    margin-top: 0px;
  }
}

.privacy-bar {
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff;
  text-align: center;
  background: #305fa3;
  padding: 13px 5px;
  font-size: 12px;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-weight: 300;
  z-index: 50;
}

.bg-gallery-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

.bg-gallery-overlay p {
  font-size: 24px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  position: relative;
  padding: 0 5%;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  line-height: 26.4px;
  color: white;
  text-align: center;
  text-decoration: none;
  z-index: 4;
}

.zoom {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 1s;
}

.gallery-zoom:hover .zoom, .gallery-zoom:focus .zoom {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

@media (max-width: 766px) {
  .gallery-zoom:nth-child(1), .gallery-zoom:nth-child(2), .gallery-zoom:nth-child(3) {
    display: none;
  }
}

.zoom-block {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  margin: 0px;
}

section {
  color: black;
}

section h1, h2 {
  color: black;
}

.splash-section {
  position: relative;
}

.splash-section h4 {
  color: #ffffff;
}

.splash-section h4 span {
  border-bottom: 2px solid #2197DA;
}

.button-item a {
  display: block;
}

.gold-bullet {
  list-style: none;
  position: relative;
  padding-left: 20px;
}

.gold-bullet li::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #efb43b;
  position: absolute;
  left: -12px;
}

.gold-bullet li h2 {
  position: relative;
  top: -8px;
}

.remove-cl-padding .col-md-3, .remove-cl-padding .col-xs-4, .remove-cl-padding .col-sm-4, .remove-cl-padding .col-md-4, .remove-cl-padding .col-lg-4, .remove-cl-padding .col-sm-6, .remove-cl-padding .col-md-6, .remove-cl-padding .col-lg-6, .remove-cl-padding .col-xs-12, .remove-cl-padding .col-sm-12, .remove-cl-padding .col-md-12, .remove-cl-padding .col-lg-12 {
  padding: 2px;
}

.mfp-bg {
  opacity: 0.6;
  filter: alpha(opacity=80);
}

.mfp-title {
  text-align: center;
}

.promo-page .mfp-title {
  text-align: left;
}

.gallery-disclaimer {
  position: absolute;
  z-index: 3;
  color: white;
  bottom: 12px;
  right: 20px;
}

/*Slider CSS*/
.case-moi-page {
  /*Validation*/
}
.case-moi-page#Volvo .polestarBanner {
  display: none;
}
.case-moi-page#case .polestarBanner {
  display: flex;
}
.case-moi-page#case .no-landing {
  display: none;
}
.case-moi-page .brand-how {
  position: relative;
  background-color: #284e80;
  padding: 2rem 0 0;
  color: #fff;
  margin-bottom: 80px;
}
.case-moi-page .brand-how #howLink {
  position: absolute;
  top: -60px;
}
.case-moi-page .brand-how h2 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  text-align: center;
  font-size: 30px;
  letter-spacing: 0px;
  color: #fff;
}
@media only screen and (min-width: 480px) {
  .case-moi-page .brand-how h2 {
    font-size: 60px;
  }
}
.case-moi-page .brand-how .circle {
  text-align: center;
  font-size: 35px;
  letter-spacing: 0px;
  color: #fff;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  line-height: 80px;
  border: 3px solid #ffffff;
  margin-bottom: 20px;
}
.case-moi-page .brand-how p {
  color: #ffffff;
  line-height: 1.1;
  font-size: 18px;
  text-align: center;
  margin-bottom: 24px;
}
.case-moi-page .brand-how .btn-cta-view-special {
  position: absolute;
  z-index: 8;
  background-color: #fff;
  color: #284e80;
  border: 3px solid #284e80;
  padding: 20px 30px;
  text-align: center;
  font-size: 28px;
  border-radius: 200px;
  bottom: -5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  height: 82px;
  bottom: -41px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .case-moi-page .brand-how .btn-cta-view-special {
    font-size: 24px;
    padding: 25px 35px;
    display: inline-block;
  }
}
@media (max-width: 992px) {
  .case-moi-page .brand-how .btn-cta-view-special {
    bottom: -41px;
  }
}
.case-moi-page .brand-how .btn-cta-view-special:hover {
  text-decoration: none;
}
.case-moi-page .brand-how .btn-cta-view-special:focus {
  text-decoration: none;
}
.case-moi-page .brand-how .svg-red {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  fill: #bf0a30;
  height: 50px;
}
@media only screen and (min-width: 480px) {
  .case-moi-page .brand-how .svg-red {
    height: 100px;
    display: block;
  }
}
.case-moi-page .fullaccessory-how {
  background-color: rgb(255, 255, 255);
}
.case-moi-page .fullaccessory-how .brand-how__header h2 {
  color: #000;
  font-size: 40px;
}
.case-moi-page .fullaccessory-how .brand-how__header p {
  color: #000;
}
.case-moi-page .fullaccessory-how h2 {
  color: #000;
}
.case-moi-page .fullaccessory-how p {
  color: #fff;
}
.case-moi-page .fullaccessory-how .box-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 992px) {
  .case-moi-page .fullaccessory-how .box-container {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
}
.case-moi-page .fullaccessory-how .box-container .box {
  background-color: #000;
  height: 410px;
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 992px) {
  .case-moi-page .fullaccessory-how .box-container .box {
    width: 100%;
  }
}
.case-moi-page .fullaccessory-how .box-container .box .audi-incentive-value {
  font-size: 35px;
}
.case-moi-page .fullaccessory-how .box-container .box h3 {
  color: #fff;
  text-align: center;
}
.case-moi-page .fullaccessory-how .box-container .box p {
  color: #fff;
  text-align: center;
}
.case-moi-page .fullaccessory-how .box-container .box small {
  font-size: 18px;
}
.case-moi-page .polestarBanner {
  display: none;
  background-color: #000;
  color: #fff;
  flex-direction: row;
}
@media (max-width: 992px) {
  .case-moi-page .polestarBanner {
    flex-direction: column;
  }
}
.case-moi-page .polestarBanner .polestarBanner__info {
  flex: 0.4;
  padding: 0 50px;
}
@media (max-width: 992px) {
  .case-moi-page .polestarBanner .polestarBanner__info {
    flex: none;
  }
}
.case-moi-page .polestarBanner .polestarBanner__info h2 {
  color: #fff;
  font-size: 19px;
  margin-top: 5%;
  margin-bottom: 0;
}
.case-moi-page .polestarBanner .polestarBanner__info p {
  margin: 0;
}
.case-moi-page .polestarBanner .polestarBanner__info .polestarBanner__text {
  margin: 10px 0;
}
.case-moi-page .polestarBanner .polestarBanner__info ul {
  list-style: disc;
  list-style-position: inside;
}
.case-moi-page .polestarBanner .polestarBanner__info ul li {
  line-height: 1.3;
  font-size: 12px;
  margin-left: 15px;
}
.case-moi-page .polestarBanner .polestarBanner__info .polestarBanner__btnGroup {
  width: 70%;
  display: flex;
  flex-direction: row;
  margin: 25px 0;
}
@media (max-width: 992px) {
  .case-moi-page .polestarBanner .polestarBanner__info .polestarBanner__btnGroup {
    flex-direction: column;
    width: 100%;
  }
}
.case-moi-page .polestarBanner .polestarBanner__info .polestarBanner__btnGroup a {
  width: 50%;
  display: block;
  border: 1px solid #000;
  text-align: center;
  padding: 5% 0;
  color: white;
  text-decoration: none;
  border: 1px solid #fff;
  margin-right: 20px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .case-moi-page .polestarBanner .polestarBanner__info .polestarBanner__btnGroup a {
    width: 100%;
  }
}
.case-moi-page .polestarBanner .polestarBanner__img {
  flex: 0.3;
  height: 100%;
}
@media (max-width: 992px) {
  .case-moi-page .polestarBanner .polestarBanner__img {
    flex: none;
  }
}
.case-moi-page .polestarBanner .polestarBanner__img img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .case-moi-page form {
    overflow-x: hidden;
  }
}
.case-moi-page .align-radio-btn .radio-inline input {
  margin-top: 8px;
}
.case-moi-page .align-radio-btn .radio-inline label {
  margin-top: 8px;
}
.case-moi-page #rebates-yearsection1 h4,
.case-moi-page #rebates-yearsection2 h4,
.case-moi-page #rebates-finance1 h4,
.case-moi-page .bg-offer h4,
.case-moi-page .bg-offer h4,
.case-moi-page .bg-offer h4 {
  color: #b72025;
}
.case-moi-page .rebates-moi .boxrow1 {
  padding: 0;
  height: initial !important;
}
.case-moi-page .rebates-moi .moi-desc {
  padding: 19px 19px 0 19px;
}
.case-moi-page .rebates-moi .moi-desc p a {
  color: #337ab7 !important;
  font-size: 14px !important;
  font-weight: 400;
}
.case-moi-page .rebates-moi .moi-desc p a sup {
  font-size: 12px !important;
  margin: 0 1px;
}
.case-moi-page .rebates-moi .moi-dates {
  padding: 19px;
  width: 100%;
}
.case-moi-page .rebates-moi .moi-dates p {
  margin: 0;
}
.case-moi-page .rebates-moi .banner-box {
  width: 100%;
  background-color: #34516a;
  color: #ffffff;
  padding: 8px 8px 18px 8px;
}
.case-moi-page .rebates-moi .banner-box h4 {
  color: white !important;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.case-moi-page .rebates-moi .banner-box span {
  font-size: 20px;
  font-weight: bold;
}
.case-moi-page #rebates-trimsection #rebates-yearlist {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.case-moi-page #rebates-trimsection #rebates-yearlist .moi-btn-group {
  display: flex;
  flex-direction: row;
  padding: 0 40px;
  justify-content: center;
}
.case-moi-page #rebates-trimsection #rebates-yearlist .moi-btn-group a {
  margin: 0 5px;
}
.case-moi-page #rebates-trimsection #rebates-yearlist .moi-btn-group .btn-moi-red {
  color: #ffffff;
}
@media screen and (min-width: 993px) {
  .case-moi-page h3 {
    font-weight: 500;
  }
}
.case-moi-page h3 {
  font-size: 19px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.case-moi-page #zipCodeModal input {
  margin-bottom: 5px;
}
.case-moi-page .rebatedisclaimer {
  color: #6e6e6e;
  font-size: 12px;
  line-height: 15px;
  width: 100%;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5% 0;
}
.case-moi-page :not(.moi-dates) > .rebatedisclaimer {
  justify-content: left;
}
.case-moi-page .box {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.case-moi-page .slide-out-right {
  position: fixed;
  top: 0;
  width: 83%;
  right: -83%;
  height: 100%;
  background: white;
  transition-duration: 0.6s;
  z-index: 9000;
}
@media (min-width: 992px) {
  .case-moi-page .slide-out-right {
    width: 70%;
    right: -70%;
  }
}
@media (min-width: 992px) {
  .case-moi-page .slide-out-right #zip-couponregister {
    padding: 0px 20px;
  }
}
@media (max-width: 766px) {
  .case-moi-page .slide-out-right #zip-couponregister h2 {
    font-size: 18px;
  }
}
.case-moi-page .slide-out-right #zip-couponregister .editmemberlabel {
  display: block;
  font-weight: normal;
  margin: 10px 0 5px 0;
}
.case-moi-page .slide-out-right .slide-out-close {
  opacity: 0;
  position: absolute;
}
.case-moi-page .slide-out-right.on {
  right: 0;
}
.case-moi-page .slide-out-right.on .slide-out-close {
  top: 3%;
  font-size: 30px;
  left: -60px;
  padding: 20px 15px;
  fill: #ffffff;
  cursor: pointer;
  z-index: 2;
  color: white;
  background: #ffffff;
  opacity: 1;
}
.case-moi-page .next-step {
  background: #87afd1;
  color: #555;
  padding: 15px;
  font-size: 16px;
  font-weight: 300;
  display: block;
  margin: 80px auto 0;
  border-radius: 4px;
  width: 150px;
  cursor: pointer;
}
.case-moi-page .next-step:hover {
  background: #bbb;
}
.case-moi-page .step-container {
  margin: 0 auto;
  text-align: center;
}
.case-moi-page .step-container .step {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: center;
  background: #000;
  width: 20px;
  height: 20px;
  font-weight: bold;
  border-radius: 50%;
  padding-top: 0px;
  transition: background 1000ms ease, color 1000ms ease;
  transition-delay: 800ms;
  background: linear-gradient(to right, #211FAB 50%, #B6CAE9 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.case-moi-page .step-container .step.active {
  background-position: left bottom;
  color: #fff;
}
.case-moi-page .step-container .step-separator {
  position: relative;
  z-index: 1;
  background: #444;
  height: 4px;
  width: 33%;
  margin: 0 -10px 7px -10px;
  display: inline-block;
  background: linear-gradient(to right, #211FAB 50%, #B6CAE9 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background 1000ms ease;
}
.case-moi-page .step-container .step-separator.active {
  background-position: left bottom;
}
.case-moi-page .step-container .step-separator.active-half {
  background-position: left bottom;
  background-size: 100% 50%;
}
.case-moi-page .content {
  height: 100%;
  display: block;
  overflow-y: auto;
}
@media (max-width: 766px) {
  .case-moi-page .content {
    background: #ffffff;
  }
}
@media (max-width: 766px) {
  .case-moi-page .content .col-sm-6 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .case-moi-page .content .col-sm-6 .coupon-carimage {
    display: none;
  }
}
.case-moi-page .content .bg-fill .incentive {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  color: #303030;
  width: 60%;
  margin: 0 auto 10px;
}
.case-moi-page .content .bg-fill .incentive + p {
  font-size: 14px;
}
.case-moi-page .content .bg-fill .incentive h3 {
  font-size: 40px;
  text-align: center;
  margin: 0px;
  font-weight: 900;
}
@media (max-width: 992px) {
  .case-moi-page .content .bg-fill .incentive h3 {
    font-size: 34px;
  }
}
.case-moi-page .content .bg-how {
  color: #ffffff;
  height: 100%;
  text-align: center;
}
.case-moi-page .content .bg-how .coupon-amount-type {
  font-size: 1.1rem;
}
@media (max-width: 766px) {
  .case-moi-page .content .bg-how {
    background: #ffffff;
    color: #303030;
    padding-bottom: 20px;
    font-size: 1.1rem;
  }
}
@media (min-width: 767px) {
  .case-moi-page .content .bg-how p {
    font-size: 18px;
  }
}
.case-moi-page .content .circle {
  border: solid 1px #fff;
  color: white;
  width: 60px;
  height: 60px;
  font-size: 20px;
}
@media (max-width: 766px) {
  .case-moi-page .content .circle {
    color: #284560;
    border: solid 1px #284560;
  }
}
.case-moi-page .content .circle {
  margin-top: 8%;
}
.case-moi-page .content div.circle + p {
  margin-bottom: 35px;
  width: 75%;
  margin: 0 auto;
}
.case-moi-page .content h4 {
  padding-top: 5%;
  font-size: 40px;
  font-weight: 300;
}
@media (min-width: 767px) {
  .case-moi-page .content .arrow-right::after {
    content: " ";
    position: absolute;
    right: -22px;
    top: 45%;
    border-top: 35px solid transparent;
    border-right: none;
    border-left: 22px solid #211FAB;
    border-bottom: 35px solid transparent;
    z-index: 1;
  }
}
.case-moi-page .content .bg-fill {
  padding: 0px;
}
.case-moi-page .content .bg-fill .bg-how {
  padding: 10% 15px 15px 15px;
}
.case-moi-page .content .slider-howitworks a {
  color: #f2f874;
}
.case-moi-page .content .bg-certificate {
  background: #ffffff;
  color: #000000;
  padding-top: 44px;
  padding-bottom: 15px;
}
@media (min-width: 767px) {
  .case-moi-page .content .bg-certificate {
    right: 0;
  }
}
@media (max-width: 766px) {
  .case-moi-page .content .bg-certificate {
    width: 100%;
  }
}
.case-moi-page .content .bg-certificate .coupon-registration,
.case-moi-page .content .bg-certificate #zip-viewcoupon,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer {
  padding: 0 10%;
  text-align: left;
}
@media (max-width: 766px) {
  .case-moi-page .content .bg-certificate .coupon-registration,
  .case-moi-page .content .bg-certificate #zip-viewcoupon,
  .case-moi-page .content .bg-certificate #zip-viewlocatedealer {
    padding: 0 5%;
  }
}
.case-moi-page .content .bg-certificate .coupon-registration h2,
.case-moi-page .content .bg-certificate #zip-viewcoupon h2,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer h2 {
  font-size: 20px;
}
.case-moi-page .content .bg-certificate .coupon-registration .blue-btn,
.case-moi-page .content .bg-certificate #zip-viewcoupon .blue-btn,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer .blue-btn {
  padding: 5%;
}
@media (max-width: 766px) {
  .case-moi-page .content .bg-certificate .coupon-registration .blue-btn,
  .case-moi-page .content .bg-certificate #zip-viewcoupon .blue-btn,
  .case-moi-page .content .bg-certificate #zip-viewlocatedealer .blue-btn {
    padding: 5% 0;
  }
}
.case-moi-page .content .bg-certificate .coupon-registration .incentive,
.case-moi-page .content .bg-certificate #zip-viewcoupon .incentive,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer .incentive {
  color: #303030;
  width: 60%;
  text-align: center;
}
@media (max-width: 766px) {
  .case-moi-page .content .bg-certificate .coupon-registration .incentive,
  .case-moi-page .content .bg-certificate #zip-viewcoupon .incentive,
  .case-moi-page .content .bg-certificate #zip-viewlocatedealer .incentive {
    width: 100%;
    margin-bottom: 20px;
  }
}
.case-moi-page .content .bg-certificate .coupon-registration .incentive + p,
.case-moi-page .content .bg-certificate #zip-viewcoupon .incentive + p,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer .incentive + p {
  font-size: 14px;
}
.case-moi-page .content .bg-certificate .coupon-registration .incentive p.coupon-daterange,
.case-moi-page .content .bg-certificate #zip-viewcoupon .incentive p.coupon-daterange,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer .incentive p.coupon-daterange {
  font-size: 12px;
}
.case-moi-page .content .bg-certificate .coupon-registration .incentive h3,
.case-moi-page .content .bg-certificate #zip-viewcoupon .incentive h3,
.case-moi-page .content .bg-certificate #zip-viewlocatedealer .incentive h3 {
  font-size: 45px;
  margin: 0px;
  font-weight: 900;
}
.case-moi-page .slide-focus {
  position: fixed;
  pointer-events: none;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8999;
  background: black;
}
.case-moi-page .slide-focus.on, .case-moi-page .slide-focus.filter-on {
  pointer-events: all;
  opacity: 0.7;
}
.case-moi-page .no-scroll {
  overflow: hidden !important;
}
.case-moi-page .no-scroll::-webkit-scrollbar,
.case-moi-page .no-scroll::-moz-scrollbars {
  display: none;
}
.case-moi-page .coupon-registration .btn {
  margin: 10px 0px 20px 0px;
  padding: 20px 0px;
  display: block;
  /* @include for-mobile-only {
      display: block;
  }*/
}
.case-moi-page .coupon-registration p {
  font-size: 12px;
  margin: 15px 0px;
  line-height: 15px;
}
.case-moi-page .coupon-registration p.coupon-amount-type {
  font-size: 18px;
  margin-top: 5px;
  line-height: 20px;
}
.case-moi-page .coupon-registration img {
  margin: 0 auto;
}
.case-moi-page #zip-viewcoupon {
  height: 100%;
}
.case-moi-page #zip-viewcoupon .zip-viewcoupon__IncentiveContainer {
  margin-top: 15px;
}
.case-moi-page #zip-viewcoupon .zip-viewcoupon__IncentiveContainer > * {
  line-height: 1;
}
.case-moi-page #zip-viewcoupon .zip-viewcoupon__IncentiveContainer .zip-viewcoupon__congratsText {
  font-size: 30px;
  color: #2a5f1c;
}
@media (min-width: 1300px) {
  .case-moi-page #zip-viewcoupon .zip-viewcoupon__IncentiveContainer .zip-viewcoupon__congratsText {
    font-size: 46px;
  }
}
.case-moi-page #zip-viewcoupon .zip-viewcoupon__IncentiveContainer p {
  font-size: 25px;
  margin-bottom: 20px;
}
.case-moi-page #zip-viewcoupon .content-cap {
  padding-top: 5%;
  padding-bottom: 15%;
}
.case-moi-page #zip-viewcoupon .btn {
  margin-bottom: 50px;
}
.case-moi-page #zip-viewcoupon h4 {
  color: #00a668;
  font-size: 40px;
}
@media (max-width: 766px) {
  .case-moi-page #zip-viewcoupon h4 {
    font-size: 35px;
  }
}
.case-moi-page #zip-viewcoupon img {
  margin: 0 auto;
}
.case-moi-page #zip-viewcoupon .locate-coupon-dealer.blue-btn {
  font-size: 1em;
  padding: 12px !important;
}
.case-moi-page #zip-viewcoupon .locate-coupon-dealer {
  background-color: #33b864;
  font-size: initial !important;
  padding: 5%;
}
.case-moi-page #zip-viewlocatedealer img {
  margin: 0 auto;
}
@media (max-width: 766px) {
  .case-moi-page #zip-viewlocatedealer .btn {
    display: block;
  }
}
.case-moi-page .certificate-locatedealer p {
  margin-bottom: 20px;
}
.case-moi-page input[type=checkbox] {
  outline: 1px solid black;
}
.case-moi-page .form-group {
  margin-bottom: 5px;
}
.case-moi-page .form-group input, .case-moi-page .form-group select {
  height: 44px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border: 1px solid #737373;
  border-radius: 4px;
}
.case-moi-page .form-group input[type=radio] {
  height: 14px;
  width: 14px;
  padding: 0px;
}
.case-moi-page .form-group span.aspnetValidator {
  color: #d00f0f;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  margin-bottom: 15px;
}
.case-moi-page .form-group .validationError {
  color: rgb(208, 15, 15);
}
.case-moi-page .form-group label {
  font-size: 14px;
  margin-bottom: 10px;
}
.case-moi-page .icon-undo {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
}
.case-moi-page .icon-undo a {
  color: #000000;
}
@media (max-width: 766px) {
  .case-moi-page .icon-undo {
    right: 15px;
    left: auto;
  }
}
.case-moi-page .content-print {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 766px) {
  .case-moi-page .content-print {
    width: 95%;
  }
}
.case-moi-page .content-print .view-and-print-header {
  font-size: 18px;
  line-height: 28px;
}
.case-moi-page .content-print > a.btn {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0 !important;
  font-size: 18px !important;
}
.case-moi-page .content-cap {
  width: 80%;
  margin-top: 12%;
  margin: 0 auto;
}
@media (max-width: 766px) {
  .case-moi-page .content-cap {
    width: 95%;
  }
}
.case-moi-page .content-cap > a {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.case-moi-page .nogutter {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0;
}
.case-moi-page .nogutter .form-control {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  height: 50px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  float: left;
  width: 60%;
  border-color: #737373;
}
.case-moi-page #zip-zipsection .btn {
  float: left;
  width: 40%;
  margin: 0px;
  padding: 12px;
  border: solid 1px #3771a9;
  font-size: 18px;
  border-radius: 0px 5px 5px 0px;
}
.case-moi-page #zip-zipsection .btn span {
  right: 12px;
  position: absolute;
  top: 16px;
}
.case-moi-page #zip-zipsection .zipcode-label {
  display: block;
  font-weight: normal;
}
.case-moi-page .offer-title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 766px) {
  .case-moi-page .offer-title {
    margin-bottom: 20px;
  }
}
.case-moi-page .slider-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 766px) {
  .case-moi-page .slider-title {
    margin-bottom: 20px;
  }
}
.case-moi-page .moi-copy .offer-title {
  font-size: 12px;
  font-weight: normal;
}
.case-moi-page .offer-title .offer-title-text {
  font-weight: 300;
}
.case-moi-page .ErrorHighlighted {
  border: solid 1px red;
}
.case-moi-page .aspnetValidator {
  color: rgb(208, 15, 15);
  font-weight: bold;
}
.case-moi-page .form-checkbox {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}

/*
 *    This is a dropdown that created for the case body type - gave the dropdown items the ability to
 *    have image and text
*/
.promo-dropdown-container {
  height: 100%;
  max-width: 450px;
  position: relative;
  border: 1px solid #808080;
  cursor: pointer;
  display: none;
}
.promo-dropdown-container .show {
  display: block;
}
.promo-dropdown-container .promo-dropdown-btn-container {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.promo-dropdown-container .promo-dropdown-btn-container .promo-dropdown-icon-container {
  background-color: black;
  color: white;
  width: 100px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.promo-dropdown-container .promo-dropdown-btn-container .promo-dropdown-text-container {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  width: 90%;
  font-size: 24px;
}
.promo-dropdown-container .promo-dropdown-btn-container .promo-dropdown-text-container i {
  font-size: 2rem;
}
.promo-dropdown-container .promo-dropdown-item-container {
  position: absolute;
  width: 100%;
  background-color: antiquewhite;
  z-index: 10;
  border: 1px solid #808080;
  display: none;
}
.promo-dropdown-container .promo-dropdown-item-container .promo-dropdown-item {
  height: 100%;
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  border-bottom: 1px solid #808080;
  padding: 10px 0;
}
.promo-dropdown-container .promo-dropdown-item-container .promo-dropdown-item .promo-dropdown-item-image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.promo-dropdown-container .promo-dropdown-item-container .promo-dropdown-item .promo-dropdown-item-image img {
  display: block;
  max-width: 50%;
  height: auto;
}
.promo-dropdown-container .promo-dropdown-item-container .promo-dropdown-item .promo-dropdown-item-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

#casePopUpModal #case-popup-list li {
  list-style: initial;
}

.modal-content .modal-header .modal-title {
  font-size: 18px;
}
.modal-content .modal-body .section-heading {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#microchip {
  background-color: #E7EBEE;
}
#microchip .microchip-container {
  background-color: #F4FB96;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0px;
  padding: 0 5%;
  clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  #microchip .microchip-container {
    clip-path: none;
    height: 120px;
  }
}
@media (max-width: 992px) {
  #microchip .microchip-container {
    padding-top: 35px;
  }
  #microchip .microchip-container.microchip-incentive {
    padding-top: 0px;
  }
}
#microchip .microchip-container p {
  margin-top: 100px;
  font-size: 18px;
  line-height: 100%;
  padding-bottom: 30px;
}
@media (max-width: 314px) {
  #microchip .microchip-container p {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  #microchip .microchip-container p {
    margin: 0;
    padding-bottom: 0px;
  }
}
#microchip .microchip-container p strong {
  color: #A60005;
}

.microchip-container {
  background-color: #F4FB96;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0px;
  padding: 0 5%;
  clip-path: polygon(0 50%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
  .microchip-container {
    clip-path: none;
    height: 120px;
  }
}
@media (max-width: 992px) {
  .microchip-container {
    padding-top: 35px;
  }
  .microchip-container.microchip-incentive {
    padding-top: 0px;
  }
}
.microchip-container p {
  margin-top: 100px;
  font-size: 18px;
  line-height: 100%;
  padding-bottom: 30px;
}
@media (max-width: 314px) {
  .microchip-container p {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .microchip-container p {
    margin: 0;
    padding-bottom: 0px;
  }
}
.microchip-container p strong {
  color: #A60005;
}

.chevy-countdown {
  background-color: #f7d038;
  position: relative;
  text-align: center;
  padding: 17px;
  color: #000;
  font-size: 14px !important;
  z-index: 15;
}

.cadillac-countdown {
  background-color: #f7d038;
  position: relative;
  text-align: center;
  padding: 17px;
  color: #000;
  font-size: 14px !important;
  z-index: 15;
}

.bg-how .chevy-countdown {
  position: initial;
  width: 60%;
  margin: 0 auto 10px;
  font-size: 11px !important;
  border-radius: 5px;
  padding: 17px;
}

#zip-zipcodeinput > .chevy-countdown {
  border-radius: 5px;
}

@media (min-width: 992px) {
  .chevy-countdown {
    position: absolute;
    top: 3%;
    font-size: 14px !important;
    right: 5%;
    border-radius: 5px;
    padding: 17px;
  }
  #zip-zipcodeinput > .chevy-countdown {
    border-radius: 5px;
  }
  .bg-how .chevy-countdown {
    position: initial;
    width: 60%;
    margin: 0 auto 10px;
    font-size: 11px !important;
    border-radius: 5px;
    padding: 17px;
  }
}
/* Promo Page Styling */
/* This is were all the styling for the general promo page resides */
.promo-page {
  /* shared styling for the promo page */
  /* Shared colors */
  /* Promo shared styling misc */
  /* Shared Layout*/
  /* Shared Components */
  /*Slider CSS*/
  /*Validation*/
  /* Building a custom navigation bar for modular scaling */
  /* Shared sections */
  /* this is where styles are defined for certain pages, within the aspx files */
}
.promo-page.no-scroll {
  overflow: hidden !important;
}
.promo-page.no-scroll::-webkit-scrollbar {
  display: none;
}
.promo-page body {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  line-height: 20px;
}
.promo-page .AudiTypeExtended {
  font-family: "Audi ExtendedBold";
  font-display: swap;
}
.promo-page h1, .promo-page h2, .promo-page h3, .promo-page h4, .promo-page button {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-display: fallback;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .promo-page {
    /* IE10+ CSS styles go here */
  }
  .promo-page .AudiTypeExtended {
    font-family: "Lato", sans-serif;
    font-display: swap;
  }
  .promo-page h1, .promo-page h2, .promo-page h3, .promo-page h4, .promo-page button {
    font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
    font-display: fallback;
  }
}
@media (-ms-high-contrast: none) and (max-width: 766px), (-ms-high-contrast: active) and (max-width: 766px) {
  .promo-page .promo-banner-content-container {
    padding-top: 15px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .promo-page {
    /* IE10+ CSS styles go here */
  }
  .promo-page .AudiTypeExtended {
    font-family: "Lato", sans-serif;
    font-display: swap;
  }
  .promo-page h1, .promo-page h2, .promo-page h3, .promo-page h4, .promo-page button {
    font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
    font-display: fallback;
  }
}
@media (-ms-high-contrast: none) and (max-width: 766px), (-ms-high-contrast: active) and (max-width: 766px) {
  .promo-page .promo-banner-content-container {
    padding-top: 15px;
  }
}
.promo-page body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.promo-page .promo-section {
  position: relative;
  /* Button placement on each sections*/
}
.promo-page .promo-section button.promo-get-started-btn {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.promo-page .promo-slideout-overlay {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 100;
  display: none; /*Change this temperarily hide for dev 6/10/2020*/
}
.promo-page .promo-slideout-overlay .promo-slideout {
  height: 100%;
  width: 800px;
  border: 2px solid black;
  position: absolute;
  right: 0;
  z-index: 100;
  background-color: #ffffff;
}
.promo-page .promo-slideout-overlay .promo-slideout .promo-slideout-header {
  height: 60px;
  border-bottom: 1px solid rgb(0, 0, 0);
}
.promo-page .promo-slideout-overlay .promo-slideout .promo-slideout-header .promo-slideout-close-btn {
  width: 100px;
  height: 100%;
  background-color: #D4D6D7;
  text-align: center;
  font-size: 25px;
}
.promo-page .promo-slideout-overlay .promo-slideout .promo-slideout-header .promo-slideout-close-btn i {
  margin-top: 25%;
  transform: translateY(-50%);
}
.promo-page .slide-out-right, .promo-page .slide-out-right.register {
  position: fixed;
  top: 0;
  width: 83%;
  right: -83%;
  height: 100%;
  background: #ffffff;
  transition-duration: 0.6s;
  z-index: 100;
  overflow-y: scroll;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
@media (min-width: 992px) {
  .promo-page .slide-out-right, .promo-page .slide-out-right.register {
    width: 70%;
    right: -70%;
  }
}
.promo-page .slide-out-right .slide-out-close-block, .promo-page .slide-out-right.register .slide-out-close-block {
  width: 60px;
  background-color: #E8E8E8;
  position: absolute;
}
.promo-page .slide-out-right .slide-out-close-block span, .promo-page .slide-out-right.register .slide-out-close-block span {
  cursor: pointer;
  margin-left: 50%;
  margin-top: 50%;
  transform: translate(-50%, -50%);
}
.promo-page .slide-out-right .model-slide-out-close, .promo-page .slide-out-right.register .model-slide-out-close {
  position: fixed;
  z-index: 1;
  width: 83%;
}
@media (min-width: 992px) {
  .promo-page .slide-out-right .model-slide-out-close, .promo-page .slide-out-right.register .model-slide-out-close {
    width: 70%;
  }
}
.promo-page .slide-out-right .available-modeltypes, .promo-page .slide-out-right.register .available-modeltypes {
  margin-top: 60px;
  display: none;
}
.promo-page .slide-out-right .available-modeltypes img, .promo-page .slide-out-right.register .available-modeltypes img {
  width: 100%;
}
@media (min-width: 992px) {
  .promo-page .slide-out-right .available-modeltypes, .promo-page .slide-out-right.register .available-modeltypes {
    position: fixed;
    width: 150px;
  }
}
@media (min-width: 992px) {
  .promo-page .slide-out-right .available-modeltypes, .promo-page .slide-out-right.register .available-modeltypes {
    display: block;
  }
}
.promo-page .slide-out-right .slide-out-header-container, .promo-page .slide-out-right.register .slide-out-header-container {
  min-height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(230, 230, 230);
  flex-direction: row;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right .slide-out-header-container, .promo-page .slide-out-right.register .slide-out-header-container {
    flex-direction: column-reverse;
  }
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container {
  width: 100%;
  font-size: 24px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown {
  display: none;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown {
    display: block;
    width: 100%;
  }
  .promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown button, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown button {
    width: 100%;
    height: 60px;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: space-between;
    background-color: #ffffff;
  }
  .promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown button > *, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown button > * {
    height: 100%;
    margin: 0;
  }
  .promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown button p i, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown button p i {
    font-size: 18px;
  }
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .open, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .open {
  display: block;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .slide-out-dropdown-menu, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .slide-out-dropdown-menu {
  width: 100%;
  margin-top: 0px;
  padding-bottom: 0px;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .slide-out-dropdown-menu .dropdown-item, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .slide-out-dropdown-menu .dropdown-item {
  background-color: rgb(255, 255, 255);
  border: none;
  padding: 0;
  border-radius: 0;
  height: auto;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .slide-out-dropdown-menu .dropdown-item a, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .slide-out-dropdown-menu .dropdown-item a {
  color: #000000;
  width: 100%;
  height: 100%;
  text-align: left;
  border-bottom: solid 1px #CBCBCB;
  border-radius: 0;
  padding: 20px 15px;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .dropdown-selected-model-title, .promo-page .slide-out-right .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .chevron, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .dropdown-selected-model-title, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-close-container .mobile-slide-out-dropdown .chevron {
  padding-left: 70px;
  display: flex;
  align-items: center;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container {
  background-color: #c70131;
  color: #ffffff;
  padding: 5px 20px;
  z-index: 2;
  height: 60px;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container {
    padding: 8px 0px 0px 10px;
  }
  .promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container img, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container img {
    height: 35px;
  }
}
@media (max-width: 992px) and (max-width: 766px) {
  .promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container img, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container img {
    height: auto;
  }
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container .slide-out-ad-row, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container .slide-out-ad-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container .slide-out-ad-row h1, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container .slide-out-ad-row h1 {
  margin: 0;
  font-size: 2rem;
}
.promo-page .slide-out-right .slide-out-header-container .slide-out-ad-container .slide-out-ad-row p, .promo-page .slide-out-right.register .slide-out-header-container .slide-out-ad-container .slide-out-ad-row p {
  margin-bottom: 0;
}
.promo-page .slide-out-right .available-modeltypes > *, .promo-page .slide-out-right.register .available-modeltypes > * {
  border-right: 1px solid rgb(230, 230, 230);
  border-bottom: 1px solid rgb(230, 230, 230);
}
.promo-page .slide-out-right .available-models .col-md-4, .promo-page .slide-out-right.register .available-models .col-md-4 {
  margin-bottom: 15px;
}
.promo-page .slide-out-right .available-models .available-models-container .cash-card-img, .promo-page .slide-out-right.register .available-models .available-models-container .cash-card-img {
  width: 35px;
  margin: 0;
  position: absolute;
}
@media (max-width: 766px) {
  .promo-page .slide-out-right .available-models .available-models-container, .promo-page .slide-out-right.register .available-models .available-models-container {
    padding: 20px 45px;
    border-bottom: solid 1px #CBCBCB;
  }
}
@media (min-width: 1200px) {
  .promo-page .slide-out-right .available-models .available-models-container img, .promo-page .slide-out-right.register .available-models .available-models-container img {
    padding: 0px 2slide-out-ad-container0px;
  }
}
.promo-page .slide-out-right .available-models .available-models-container .available-models-btn-group, .promo-page .slide-out-right.register .available-models .available-models-container .available-models-btn-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.promo-page .slide-out-right .available-models .available-models-container .available-models-btn-group a, .promo-page .slide-out-right.register .available-models .available-models-container .available-models-btn-group a {
  color: #000000;
  margin: 0 5px;
}
.promo-page .slide-out-right .available-models .available-models-container .available-models-btn-group span, .promo-page .slide-out-right.register .available-models .available-models-container .available-models-btn-group span {
  color: #c70131;
}
@media (min-width: 992px) {
  .promo-page .slide-out-right #zip-couponregister, .promo-page .slide-out-right.register #zip-couponregister {
    padding: 0px;
  }
}
@media (max-width: 766px) {
  .promo-page .slide-out-right #zip-couponregister h2, .promo-page .slide-out-right.register #zip-couponregister h2 {
    font-size: 18px;
  }
}
.promo-page .slide-out-right .slide-out-close, .promo-page .slide-out-right.register .slide-out-close {
  top: 3%;
  left: -60px;
  padding: 20px 15px;
  fill: #284560;
  cursor: pointer;
  color: #ffffff;
  background: #000;
  opacity: 1;
  position: absolute;
  z-index: 100;
  font-size: 24px;
  background-color: #5B0303;
  width: 60px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 766px) {
  .promo-page .slide-out-right .slide-out-close, .promo-page .slide-out-right.register .slide-out-close {
    background-color: #ffffff;
    color: #000000;
  }
}
.promo-page .slide-out-right h3, .promo-page .slide-out-right.register h3 {
  font-size: 15px;
  text-align: left;
  margin-left: 10px;
}
.promo-page .slide-out-right h3 span, .promo-page .slide-out-right.register h3 span {
  color: #c70131;
}
.promo-page .slide-out-right .bg-trans h3, .promo-page .slide-out-right.register .bg-trans h3 {
  margin-top: 100px;
}
.promo-page .slide-out-right h3.available-models-title, .promo-page .slide-out-right.register h3.available-models-title {
  color: #414141;
  font-size: 20px;
  margin-top: 100px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right h3.available-models-title, .promo-page .slide-out-right.register h3.available-models-title {
    margin-top: 150px;
    font-size: 15px;
  }
}
.promo-page .slide-out-right h4, .promo-page .slide-out-right.register h4 {
  margin-bottom: 0px;
}
.promo-page .slide-out-right p.available-models-intro, .promo-page .slide-out-right.register p.available-models-intro {
  margin-left: 10px;
  margin-bottom: 50px;
  font-size: 18px;
}
@media (max-width: 766px) {
  .promo-page .slide-out-right p.available-models-intro, .promo-page .slide-out-right.register p.available-models-intro {
    display: none;
  }
}
.promo-page .slide-out-right .slide-out-close-block, .promo-page .slide-out-right.register .slide-out-close-block {
  border-right: solid 1px #CBCBCB;
  width: 60px;
  cursor: pointer;
  background-color: #E8E8E8;
  position: absolute;
  height: 60px;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right .slide-out-close-block, .promo-page .slide-out-right.register .slide-out-close-block {
    z-index: 1;
  }
}
.promo-page .slide-out-right.on-two .slide-out-close-block, .promo-page .slide-out-right.register.on .slide-out-close-block, .promo-page .slide-out-right.register.on-two .slide-out-close-block, .promo-page .slide-out-right.register.register.on .slide-out-close-block {
  top: 0;
}
.promo-page .slide-out-right .model-name, .promo-page .slide-out-right.register .model-name {
  position: relative;
  font-size: 20px;
  right: 20px;
  top: 0;
  width: 40%;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right .model-name, .promo-page .slide-out-right.register .model-name {
    width: 88%;
  }
}
.promo-page .slide-out-right .model-name h3, .promo-page .slide-out-right.register .model-name h3 {
  text-align: right;
  font-size: 22px;
}
.promo-page .slide-out-right::-webkit-scrollbar {
  width: 0px;
}
.promo-page .slide-out-right.register .coupon-registration {
  height: 100vh;
  overflow-y: scroll;
}
.promo-page .register .slide-out-close {
  position: fixed;
  z-index: 1;
}
.promo-page .slide-out-right.register {
  z-index: 102;
}
@media (max-width: 992px) {
  .promo-page .slide-out-right.register {
    width: 80%;
    right: -80%;
  }
}
@media (min-width: 992px) {
  .promo-page .slide-out-right.register {
    width: 55%;
    right: -55%;
  }
}
@media (min-width: 1200px) {
  .promo-page .slide-out-right.register {
    width: 70%;
    right: -70%;
  }
}
.promo-page .bg-slider.on, .promo-page .bg-slider.on-two {
  display: block;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.promo-page .bg-slider.on-two {
  z-index: 101;
}
.promo-page .slide-out-right.on {
  right: 0;
  overflow: visible;
}
.promo-page .slide-out-close {
  width: 100%;
  font-size: 24px;
  background-color: #ffffff;
}
.promo-page .slide-out-close span {
  cursor: pointer;
}
.promo-page .next-step {
  background: #87AFD1;
  color: #555;
  padding: 15px;
  font-size: 16px;
  font-weight: 300;
  display: block;
  margin: 80px auto 0;
  border-radius: 4px;
  width: 150px;
  cursor: pointer;
}
.promo-page .next-step:hover {
  background: #bbb;
}
.promo-page .step-container {
  margin: 0 auto;
  text-align: center;
}
.promo-page .step-container .step {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: center;
  background: #000;
  width: 20px;
  height: 20px;
  font-weight: bold;
  border-radius: 50%;
  padding-top: 0px;
  transition: background 1000ms ease, color 1000ms ease;
  transition-delay: 800ms;
  background: linear-gradient(to right, #C12121 50%, #f0a8a8 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}
.promo-page .step-container .step.active {
  background-position: left bottom;
  color: #fff;
}
.promo-page .step-container .step-separator {
  position: relative;
  z-index: 1;
  background: #444;
  height: 4px;
  width: 33%;
  margin: 0 -10px 7px -10px;
  display: inline-block;
  background: linear-gradient(to right, #e56666 50%, rgba(229, 102, 102, 0.3) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background 1000ms ease;
}
.promo-page .step-container .step-separator.active {
  background-position: left bottom;
}
.promo-page .step-container .step-separator.active-half {
  background-position: left bottom;
  background-size: 100% 50%;
}
.promo-page .content {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  /*.arrow-right::before {
      content: " ";
      position: absolute;
      left: -22px;
      top: 85%;
      border-top: 35px solid transparent;
      border-right: none;
      border-left: 22px solid #284560;
      border-bottom: 35px solid transparent;
      z-index: 1;
  }*/
}
@media (max-width: 766px) {
  .promo-page .content {
    background: #ffffff;
  }
}
@media (max-width: 766px) {
  .promo-page .content .col-sm-6 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .promo-page .content .col-sm-6 .coupon-carimage {
    display: none;
  }
}
.promo-page .content .bg-fill {
  height: 100%;
  position: absolute;
}
.promo-page .content .bg-fill .incentive {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  color: #303030;
  width: 60%;
  margin: 0 auto 10px;
}
.promo-page .content .bg-fill .incentive + p {
  font-size: 14px;
}
.promo-page .content .bg-fill .incentive h3 {
  font-size: 45px;
  margin: 0px;
  font-weight: 900;
}
.promo-page .content .bg-how {
  color: #ffffff;
  height: 100%;
  text-align: center;
  margin-top: 40px;
}
.promo-page .content .bg-how .coupon-amount-type {
  font-size: 1.1rem;
}
.promo-page .content .bg-how .slider-howitworks h4 {
  padding-top: 5%;
  font-size: 40px;
  font-weight: 300;
}
.promo-page .content .bg-how .slider-howitworks .note {
  margin-top: 28px;
  font-size: 14px;
}
@media (max-width: 766px) {
  .promo-page .content .bg-how {
    background: #ffffff;
    color: #303030;
    padding-bottom: 20px;
    font-size: 1.1rem;
  }
}
@media (min-width: 767px) {
  .promo-page .content .bg-how p {
    font-size: 18px;
  }
}
.promo-page .content .circle {
  border: solid 1px #fff;
  color: white;
  width: 60px;
  height: 60px;
  font-size: 20px;
}
@media (max-width: 766px) {
  .promo-page .content .circle {
    color: #284560;
    border: solid 1px #284560;
  }
}
.promo-page .content .circle {
  margin-top: 8%;
}
.promo-page .content div.circle + p {
  margin-bottom: 35px;
  width: 75%;
  margin: 0 auto;
}
.promo-page .content h4 {
  font-size: 20px;
  font-weight: 300;
}
.promo-page .content padding {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 767px) {
  .promo-page .content .col-md-12 {
    padding: 0px 30px;
  }
}
.promo-page .content .col-sm-12 h3 {
  margin-left: 0px;
}
.promo-page .content .authorization {
  font-size: 20px;
  line-height: 25px;
}
.promo-page .content .vehicle-requested {
  font-size: 16px;
  line-height: 20px;
}
.promo-page .content .arrow-right::after {
  content: " ";
  position: absolute;
  right: -22px;
  top: 45%;
  border-top: 35px solid transparent;
  border-right: none;
  border-left: 22px solid #222;
  border-bottom: 35px solid transparent;
  z-index: 1;
}
.promo-page .content .bg-fill {
  padding: 0px;
}
.promo-page .content .bg-fill .bg-how {
  padding: 10% 15px 15px 15px;
}
.promo-page .content .slider-howitworks a {
  color: #F2F874;
}
.promo-page .content .bg-certificate {
  background: #fff;
  color: #000000;
  min-height: 100%;
  position: absolute;
  width: 50%;
}
@media (min-width: 767px) {
  .promo-page .content .bg-certificate {
    right: 0;
    min-height: 800px;
  }
}
@media (max-width: 766px) {
  .promo-page .content .bg-certificate {
    width: 100%;
  }
}
.promo-page .content .bg-certificate .form-group {
  margin-left: 0px;
  margin-right: 0px;
}
.promo-page .content .bg-certificate img.fixed-height {
  height: 200px;
}
@media (max-width: 766px) {
  .promo-page .content .bg-certificate img.fixed-height {
    height: 140px;
  }
}
.promo-page .content .bg-certificate .coupon-registration, .promo-page .content .bg-certificate #zip-viewcoupon, .promo-page .content .bg-certificate #zip-viewlocatedealer {
  padding: 0;
  text-align: left;
}
.promo-page .content .bg-certificate .coupon-registration .model-summary, .promo-page .content .bg-certificate #zip-viewcoupon .model-summary, .promo-page .content .bg-certificate #zip-viewlocatedealer .model-summary {
  text-align: center;
}
.promo-page .content .bg-certificate .coupon-registration h2, .promo-page .content .bg-certificate #zip-viewcoupon h2, .promo-page .content .bg-certificate #zip-viewlocatedealer h2 {
  font-size: 20px;
}
.promo-page .content .bg-certificate .coupon-registration .form-control, .promo-page .content .bg-certificate #zip-viewcoupon .form-control, .promo-page .content .bg-certificate #zip-viewlocatedealer .form-control {
  height: 40px;
}
.promo-page .content .bg-certificate .coupon-registration .form-control.register-zipcode, .promo-page .content .bg-certificate #zip-viewcoupon .form-control.register-zipcode, .promo-page .content .bg-certificate #zip-viewlocatedealer .form-control.register-zipcode {
  height: 60px;
}
.promo-page .content .bg-certificate .coupon-registration .bg-white, .promo-page .content .bg-certificate #zip-viewcoupon .bg-white, .promo-page .content .bg-certificate #zip-viewlocatedealer .bg-white {
  background-color: #ffffff;
  width: 100%;
  position: relative;
}
.promo-page .content .bg-certificate .coupon-registration .bg-white::after, .promo-page .content .bg-certificate #zip-viewcoupon .bg-white::after, .promo-page .content .bg-certificate #zip-viewlocatedealer .bg-white::after {
  position: absolute;
  content: "";
  height: 50px;
  width: 50px;
  margin-left: 50%;
  bottom: -50px;
  transform: translateX(-50%);
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-top: 20px solid #fff;
}
.promo-page .content .bg-certificate .coupon-registration .form-horizontal .radio-inline, .promo-page .content .bg-certificate #zip-viewcoupon .form-horizontal .radio-inline, .promo-page .content .bg-certificate #zip-viewlocatedealer .form-horizontal .radio-inline {
  padding-top: 0px;
}
.promo-page .content .bg-certificate .coupon-registration .questions, .promo-page .content .bg-certificate #zip-viewcoupon .questions, .promo-page .content .bg-certificate #zip-viewlocatedealer .questions {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #414141;
  color: #ffffff;
  text-align: center;
}
.promo-page .content .bg-certificate .coupon-registration .align-radio-btn label, .promo-page .content .bg-certificate #zip-viewcoupon .align-radio-btn label, .promo-page .content .bg-certificate #zip-viewlocatedealer .align-radio-btn label {
  padding-top: 3px;
}
.promo-page .content .bg-certificate .coupon-registration .input-group-btn:last-child > .btn, .promo-page .content .bg-certificate #zip-viewcoupon .input-group-btn:last-child > .btn, .promo-page .content .bg-certificate #zip-viewlocatedealer .input-group-btn:last-child > .btn {
  height: 40px;
  padding: 10px 80px;
}
.promo-page .content .bg-certificate .coupon-registration .incentive, .promo-page .content .bg-certificate #zip-viewcoupon .incentive, .promo-page .content .bg-certificate #zip-viewlocatedealer .incentive {
  color: #303030;
  width: 60%;
  margin: 0 auto 10px;
  text-align: center;
}
@media (max-width: 766px) {
  .promo-page .content .bg-certificate .coupon-registration .incentive, .promo-page .content .bg-certificate #zip-viewcoupon .incentive, .promo-page .content .bg-certificate #zip-viewlocatedealer .incentive {
    width: 100%;
    margin-bottom: 20px;
  }
}
.promo-page .content .bg-certificate .coupon-registration .incentive + p, .promo-page .content .bg-certificate #zip-viewcoupon .incentive + p, .promo-page .content .bg-certificate #zip-viewlocatedealer .incentive + p {
  font-size: 14px;
}
.promo-page .content .bg-certificate .coupon-registration .incentive p.coupon-daterange, .promo-page .content .bg-certificate #zip-viewcoupon .incentive p.coupon-daterange, .promo-page .content .bg-certificate #zip-viewlocatedealer .incentive p.coupon-daterange {
  font-size: 12px;
}
.promo-page .content .bg-certificate .coupon-registration .incentive h3, .promo-page .content .bg-certificate #zip-viewcoupon .incentive h3, .promo-page .content .bg-certificate #zip-viewlocatedealer .incentive h3 {
  font-size: 45px;
  margin: 0px;
  font-weight: 900;
}
.promo-page .slide-focus {
  position: fixed;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.promo-page .slide-focus.on, .promo-page .slide-focus.filter-on {
  display: block;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.promo-page .coupon-registration p {
  font-size: 12px;
  margin: 15px 0px;
  line-height: 15px;
}
.promo-page .coupon-registration p.coupon-amount-type {
  font-size: 18px;
  margin-top: 5px;
  line-height: 20px;
}
.promo-page .coupon-registration img {
  margin: 0 auto;
}
.promo-page .coupon-registration .dealer-info {
  background-color: #414141;
  color: #ffffff;
  padding: 15px;
  border-radius: 5px;
  margin: 40px 0px 20px 0px;
}
.promo-page .coupon-registration .dealer-info h4 {
  font-size: 18px;
  text-align: center;
}
.promo-page .coupon-registration .dealer-info p {
  font-size: 15px;
  text-align: center;
  margin: 10px 0px;
  line-height: 18px;
}
.promo-page .coupon-registration .promo-how-to-item-container h4 {
  margin-bottom: 0px;
}
.promo-page .coupon-registration .promo-how-to-item-container p, .promo-page .coupon-registration .promo-how-to-item-container li {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 8px !important;
  text-align: left;
}
.promo-page #zip-viewcoupon {
  height: 100%;
}
.promo-page #zip-viewcoupon .content-cap {
  padding-top: 20%;
  padding-bottom: 15%;
}
.promo-page #zip-viewcoupon .content-cap::before {
  content: "";
  position: absolute;
  border-top: solid 1px #5a5a5a;
  width: 60%;
  margin-top: -15%;
  left: 20%;
}
.promo-page #zip-viewcoupon .btn {
  margin-bottom: 50px;
}
.promo-page #zip-viewcoupon h4 {
  color: #00A668;
  font-size: 40px;
}
@media (max-width: 766px) {
  .promo-page #zip-viewcoupon h4 {
    font-size: 35px;
  }
}
.promo-page #zip-viewcoupon img {
  margin: 0 auto;
}
.promo-page #zip-viewlocatedealer img {
  margin: 0 auto;
}
@media (max-width: 766px) {
  .promo-page #zip-viewlocatedealer .btn {
    display: block;
  }
}
.promo-page .certificate-locatedealer p {
  margin-bottom: 20px;
}
.promo-page .form-group {
  margin-bottom: 5px;
}
.promo-page .form-group input {
  margin-bottom: 5px;
}
.promo-page .form-group span.aspnetValidator {
  color: #d00f0f;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  margin-bottom: 15px;
}
.promo-page .form-group .validationError {
  color: rgb(208, 15, 15);
}
.promo-page .form-group label {
  font-size: 14px;
  margin-bottom: 10px;
}
.promo-page .icon-undo {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 15px;
}
.promo-page .icon-undo a {
  color: #000000;
}
@media (max-width: 766px) {
  .promo-page .icon-undo {
    right: 15px;
    left: auto;
  }
}
.promo-page .content-print {
  width: 80%;
  padding-top: 8%;
  margin: 0 auto;
}
@media (max-width: 766px) {
  .promo-page .content-print {
    width: 95%;
  }
}
.promo-page .content-cap {
  width: 80%;
  margin-top: 12%;
  margin: 0 auto;
}
@media (max-width: 766px) {
  .promo-page .content-cap {
    width: 95%;
  }
}
.promo-page .nogutter {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0;
}
.promo-page .nogutter .form-control {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  height: 51px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  float: left;
  width: 60%;
}
.promo-page #zip-zipsection .btn {
  float: left;
  width: 40%;
  margin: 0px;
  border: solid 1px #3771A9;
  font-size: 18px;
  border-radius: 0px 5px 5px 0px;
  height: 60px;
}
.promo-page #zip-zipsection .btn span {
  top: 2px;
}
.promo-page .fa-map-marker {
  color: #c70131;
}
.promo-page .offer-title {
  text-align: center;
}
@media (max-width: 766px) {
  .promo-page .offer-title {
    margin-bottom: 20px;
  }
}
.promo-page .ErrorHighlighted {
  border: solid 1px red;
}
.promo-page .aspnetValidator {
  color: rgb(208, 15, 15);
  font-weight: bold;
}
.promo-page .form-checkbox {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}
.promo-page .promo-back-to-top-btn {
  width: 80px;
  height: 80px;
  background-color: #3B4651;
  border-radius: 50%;
  border: 2px solid #ffffff;
  z-index: 1;
  position: relative;
  font-size: 50px;
  color: #fff;
  display: block;
}
.promo-page .promo-back-to-top-btn i {
  margin-left: 50%;
  margin-top: 50%;
  transform: translate(-50%, -50%);
}
.promo-page .promo-navigation {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
}
.promo-page .promo-navigation .promo-main-nav {
  border-radius: 0 !important;
  background: #eeeeee;
  border-bottom: 0 !important;
}
.promo-page .promo-navigation .navbar {
  margin-bottom: 0;
}
@media (min-width: 767px) {
  .promo-page .promo-navigation .navbar-collapse {
    padding-right: 0px;
  }
}
.promo-page .promo-navigation .navbar-nav {
  background-color: #F8F8F8;
}
.promo-page .promo-navigation .navbar-nav li a {
  color: #414141;
}
@media (min-width: 767px) {
  .promo-page .promo-navigation .navbar-nav li a {
    border-left: solid 1px #CBCBCB;
    padding: 15px 30px;
  }
}
.promo-page .promo-navigation .navbar-nav li.open > a {
  background-color: #414141;
  color: #ffffff;
}
.promo-page .promo-navigation .navbar-nav li a.model-list {
  background-color: #c70131;
  color: #fff;
}
.promo-page .promo-navigation .navbar-nav li.open > a:hover, .promo-page .promo-navigation .navbar-nav li.open a:focus, .promo-page .promo-navigation .navbar-nav li a:hover {
  background-color: #BF0A30;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .promo-page .promo-navigation .navbar-header {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .promo-page .promo-navigation .navbar-header {
    background: #eeeeee;
    border: none;
    padding: 10px 0;
  }
  .promo-page .promo-navigation .navbar-nav {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .promo-page .promo-navigation .navbar-nav li {
    border-bottom: solid 1px #CBCBCB;
    text-align: center;
  }
  .promo-page .promo-navigation .navbar-nav li:first-child {
    border-top: solid 1px #CBCBCB;
  }
  .promo-page .promo-navigation .navbar-nav li:last-child {
    border-bottom: none;
  }
  .promo-page .promo-navigation .navbar-nav li a {
    padding: 20px 0px;
  }
}
@media screen and (max-width: 768px) {
  .promo-page .promo-navigation .navbar-collapse.collapse {
    display: none !important;
  }
  .promo-page .promo-navigation .navbar-collapse.collapse.in {
    display: block !important;
  }
}
.promo-page .promo-navigation .dropdown-large {
  position: static !important;
}
.promo-page .promo-navigation .dropdown-menu {
  z-index: 99;
}
.promo-page .promo-navigation .dropdown-menu-large {
  padding: 20px 0px;
  right: 0;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
}
@media (max-width: 766px) {
  .promo-page .promo-navigation .dropdown-menu-large {
    height: 400px;
    overflow-y: scroll;
  }
}
.promo-page .promo-navigation .dropdown-menu-large .col-md-8 {
  margin-right: -150px;
}
@media (max-width: 992px) {
  .promo-page .promo-navigation .dropdown-menu-large .flex-box {
    display: block;
    align-content: initial;
    align-items: initial;
  }
  .promo-page .promo-navigation .dropdown-menu-large .col-md-8 {
    margin-right: 0px;
  }
}
.promo-page .promo-navigation .dropdown-menu-large li ul {
  padding: 0;
  margin: 0;
}
.promo-page .promo-navigation .dropdown-menu-large li li {
  list-style: none;
}
.promo-page .promo-navigation .dropdown-menu-large li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 300;
  line-height: 1.428571429;
  color: #414141;
  white-space: normal;
}
.promo-page .promo-navigation .dropdown-menu-large li a:hover, .promo-page .promo-navigation .dropdown-menu-large li a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.promo-page .promo-navigation .dropdown-menu-large .owl-carousel .owl-item img {
  width: 200px;
  margin: 0 auto;
}
.promo-page .promo-navigation .dropdown-menu-large .owl-carousel .owl-item .cash-card-img {
  max-width: 20%;
  margin: 0;
}
.promo-page .promo-navigation .dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 16px;
}
@media (min-width: 767px) {
  .promo-page .promo-navigation .navbar-collapse.collapse {
    display: block;
  }
  .promo-page .promo-navigation .dropdown-menu-large {
    margin-left: -1px;
    margin-right: -1px;
  }
  .promo-page .promo-navigation .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .promo-page .promo-navigation .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .promo-page .promo-navigation .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
  .promo-page .promo-navigation .navbar-nav {
    float: right;
  }
}
.promo-page .promo-navigation .promo-thin-nav {
  border-bottom: solid 1px rgb(221, 221, 221);
  background-color: #EEEEEE;
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
}
.promo-page .promo-navigation .promo-thin-nav ul {
  float: right;
  display: flex;
  flex-direction: row;
  margin: 10px 0 8px;
}
.promo-page .promo-navigation .promo-thin-nav ul li {
  border-left: 1px solid #E6E6E6;
  font-size: 12px;
}
.promo-page .promo-navigation .promo-thin-nav ul li a {
  color: #000000;
  padding: 0px 10px;
  color: #414141;
  text-decoration: underline;
}
.promo-page .promo-info-item-container {
  text-align: center;
  min-height: 200px;
}
.promo-page .promo-info-item-container .promo-info-circle-container {
  height: 90px;
  width: 90px;
  position: relative;
  margin-left: 50%;
  transform: translateX(-50%);
}
.promo-page .promo-info-item-container .promo-info-circle-container .promo-info-outer-circle {
  background-color: #ffffff;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: relative;
  top: 0;
  justify-content: center;
  align-items: center;
}
.promo-page .promo-info-item-container .promo-info-circle-container .promo-info-outer-circle .promo-info-circle {
  height: 80px;
  width: 80px;
  border: 3px solid #D4D6D7;
  border-radius: 50%;
  position: absolute;
  background-color: #ffffff;
  margin-left: 5px;
  margin-top: 5px;
}
.promo-page .promo-info-item-container .promo-info-circle-container .promo-info-outer-circle .promo-info-circle p {
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
  margin-top: 50%;
  transform: translateY(-50%);
}
.promo-page .promo-info-item-container p {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.promo-page .promo-info-item-container .promo-info-btn {
  background-color: #ffffff;
  color: #414141;
  border: solid 1px #CBCBCB !important;
  border: none;
  padding: 10px 40px;
  width: 200px;
  height: 40px;
  border-radius: 25px;
  margin-top: 20px;
}
.promo-page .promo-info-item-container .promo-info-btn:hover {
  text-decoration: none;
}
.promo-page .promo-white-btn {
  height: 60px;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  display: block;
  text-align: center;
  border: 1px solid #000000;
  text-decoration: none;
  position: relative;
  margin-bottom: 10px;
}
.promo-page .promo-white-btn p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.promo-page .promo-black-btn {
  height: 60px;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  margin-bottom: 10px;
}
.promo-page .promo-black-btn p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  padding: 15px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.promo-page .promo-transparent-btn {
  height: 60px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.promo-page .promo-transparent-btn p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.promo-page .promo-transparent-black-outline-btn {
  height: 60px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.8);
  color: #000000;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.promo-page .promo-transparent-black-outline-btn p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.promo-page button:focus {
  outline: none;
}
.promo-page .owl-carousel h3 {
  font-size: 15px;
  font-weight: 100;
  line-height: 20px;
}
.promo-page .owl-carousel h3 span {
  font-size: 12px;
  font-weight: 300;
  color: #5E5E5E;
}
.promo-page .owl-carousel h3 .fa {
  font-size: 12px;
}
.promo-page .owl-carousel p {
  padding-bottom: 20px;
}
.promo-page .owl-carousel .item .fa {
  color: #484848;
  font-size: 16px;
}
.promo-page .owl-carousel h4 span {
  text-transform: uppercase;
  font-weight: 900;
}
.promo-page .owl-carousel .owl-nav button.owl-next, .promo-page .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  padding: 10px 20px !important;
  border: solid 1px #414141;
  border-radius: 0;
  font-family: "Helvetica", Arial;
  font-size: 22px;
}
.promo-page .owl-carousel .owl-nav button.owl-next {
  left: 62px;
}
.promo-page .owl-carousel .owl-nav button.owl-prev {
  left: 10px;
}
.promo-page .owl-carousel .item h4 {
  font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
  font-size: 28px;
  margin-bottom: 0px;
  color: #414141;
}
.promo-page .owl-theme .owl-dots {
  display: none;
}
@media (min-width: 992px) {
  .promo-page .owl-carousel {
    right: -80px;
  }
}
.promo-page .owl-carousel.owl-drag .owl-item {
  border-right: solid 1px #CBCBCB;
  padding-right: 30px;
  padding-left: 30px;
}
.promo-page .owl-theme .owl-nav [class*=owl-]:hover {
  background: #000;
}
.promo-page .promo-fancy-title-container {
  position: relative;
  background-image: url("/Content/img/parallax/parallax-back-compare.jpg");
}
.promo-page .promo-fancy-title-container .bg-overlay {
  background: radial-gradient(ellipse at center, rgba(37, 36, 44, 0.5) 0%, rgba(37, 36, 44, 0.75) 50%, rgb(0, 0, 0) 100%);
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.promo-page .promo-image-note-container {
  position: absolute;
  bottom: 30px;
  max-width: 360px;
}
.promo-page .promo-image-note-container .inner-container {
  padding: 0 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  height: 80px;
}
.promo-page .promo-image-note-container .inner-container .img-box {
  margin-right: 3%;
}
.promo-page .promo-image-note-container .inner-container .img-box img {
  max-height: 90px;
}
.promo-page .promo-image-note-container .inner-container .note-box {
  color: #676767;
}
.promo-page .promo-image-note-container .inner-container .note-box p {
  margin-bottom: 0;
  color: #C2C4C6;
}
.promo-page .promo-image-note-container .inner-container .note-box p a {
  color: #ffffff;
}
.promo-page .info-section {
  background-color: #E5E5E5;
  clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
  padding-bottom: 100px;
  padding-top: 120px;
}
@media (max-width: 992px) {
  .promo-page .info-section {
    clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
  }
}
.promo-page .info-section .promo-info-bottom-container {
  margin-top: 80px;
}
.promo-page .info-section .promo-info-bottom-container p {
  font-size: 20px;
  text-align: center;
  color: #000000;
}
.promo-page .info-section .promo-info-circle i {
  font-size: 35px;
}
.promo-page .info-section .promo-info-circle .fa-mobile-phone {
  color: #5CC262;
}
.promo-page .info-section .promo-info-circle .fa-comments {
  color: #6BA6D9;
}
.promo-page .info-section .promo-info-circle .fa-envelope {
  color: #FF6E41;
}
.promo-page .footer-bg-color {
  position: relative;
  padding: 30px 0 40px;
  background-color: #2B353E;
  color: #C2C4C6;
}
.promo-page .footer-bg-color:before {
  content: "";
  position: absolute;
  top: -500px;
  width: 100%;
  height: 500px;
  background-color: #2B353E;
  z-index: -1;
}
@media (min-width: 767px) {
  .promo-page .footer-bg-color .container-fluid {
    padding-right: 100px;
    padding-left: 100px;
  }
}
.promo-page .footer-bg-color p {
  font-size: 16px;
}
.promo-page .footer-bg-color li {
  margin: 20px 0;
}
.promo-page .footer-bg-color li:last-child {
  margin-bottom: 50px;
}
.promo-page .footer-bg-color a {
  text-decoration: underline;
  color: #C2C4C6;
  font-size: 14px;
}
.promo-page .footer-bg-color-light {
  padding: 30px 0 10px 0;
  text-align: center;
  background-color: #3B4751;
  color: #C2C4C6;
}
.promo-page .footer-bg-color-light p {
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .promo-page .incentives-section .flex-box {
    height: 385px;
  }
}
.promo-page .incentives-section .flex-box p {
  font-size: 18px;
}
.promo-page .incentives-section h2 {
  font-size: 26px;
}
.promo-page .promo-modeltypes .col-md-3 {
  padding: 5px;
}
@media (max-width: 766px) {
  .promo-page .promo-modeltypes .col-md-3 h3 {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.promo-page .promo-modeltypes .col-md-3 span {
  color: #c70131;
  font-family: Arial;
}
.promo-page .promo-modeltypes .tab-summarytype {
  cursor: pointer;
}
.promo-page .model-page {
  /* Mobile */
  /* Mobile */
}
.promo-page .model-page .landing-section {
  background-color: #D8D8D8;
  padding-top: 0 !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 700px !important;
  padding-top: 120px;
}
.promo-page .model-page .landing-section .header-title h1 {
  margin-top: 28px;
}
.promo-page .model-page .landing-section .header-title p {
  font-size: 36px;
  color: #000;
  font-weight: bold;
}
.promo-page .model-page .landing-section .promo-header-container {
  position: absolute;
  left: 420px;
}
.promo-page .model-page .landing-section .header-description p {
  font-size: 18px;
  line-height: 22px;
}
.promo-page .model-page .landing-mobile-section {
  display: flex;
  flex-direction: column;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-top {
  height: 250px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-top .header-title h1 {
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  margin: 0px;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-top .header-title p {
  color: #ffffff;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom {
  position: relative;
  width: 100%;
  background-color: #1E1E1E;
  padding-bottom: 30px;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description {
  margin: 120px 20px 20px 20px;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description p {
  color: #ffffff;
  font-size: 18px;
}
@media (max-width: 766px) {
  .promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description p {
    font-size: 16px;
    text-align: center;
  }
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .img-box {
  margin-right: 3%;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .img-box img {
  width: 20%;
  margin: 0 auto;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .note-box p {
  margin-bottom: 0;
  margin-top: 10px;
  color: #C2C4C6;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .note-box p a {
  color: #ffffff;
}
.promo-page .model-page .how-to-section {
  background-color: #E8E8E8;
  padding: 100px 0px;
}
@media (max-width: 766px) {
  .promo-page .model-page .how-to-section {
    padding: 60px 0px;
  }
}
.promo-page .model-page .how-to-section p {
  font-size: 16px;
}
.promo-page .model-page .incentives-section {
  padding: 100px 0px 140px 0px;
}
@media (max-width: 766px) {
  .promo-page .model-page .incentives-section {
    padding: 50px 0px 140px 0px;
  }
}
@media (max-width: 766px) {
  .promo-page .model-page .incentives-section .flex-box h2, .promo-page .model-page .incentives-section .flex-box p {
    text-align: center;
  }
  .promo-page .model-page .incentives-section .flex-box p {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.promo-page .model-page .models-section {
  background-color: #41464A;
  padding: 100px 0px;
}
.promo-page .model-page .landing-section {
  background-color: #D8D8D8;
  padding-top: 0 !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 700px !important;
  padding-top: 120px;
}
.promo-page .model-page .landing-section .header-title h1 {
  margin-top: 28px;
}
.promo-page .model-page .landing-section .header-title p {
  font-size: 36px;
  color: #000;
  font-weight: bold;
}
.promo-page .model-page .landing-section .promo-header-container {
  position: absolute;
  left: 420px;
}
.promo-page .model-page .landing-section .header-description p {
  font-size: 18px;
  line-height: 22px;
}
.promo-page .model-page .landing-mobile-section {
  display: flex;
  flex-direction: column;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-top {
  height: 250px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-top .header-title h1 {
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  margin: 0px;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-top .header-title p {
  color: #ffffff;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom {
  position: relative;
  width: 100%;
  background-color: #1E1E1E;
  padding-bottom: 30px;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description {
  margin: 120px 20px 20px 20px;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description p {
  color: #ffffff;
  font-size: 18px;
}
@media (max-width: 766px) {
  .promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description p {
    font-size: 16px;
    text-align: center;
  }
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .img-box {
  margin-right: 3%;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .img-box img {
  width: 20%;
  margin: 0 auto;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .note-box p {
  margin-bottom: 0;
  margin-top: 10px;
  color: #C2C4C6;
}
.promo-page .model-page .landing-mobile-section .promo-mobile-landing-bottom .header-description .note-box p a {
  color: #ffffff;
}
.promo-page .model-page .promo-get-started-btn {
  background-color: #c70131;
  width: 200px;
  height: 60px;
  border-radius: 50px;
  color: #ffffff;
  border: 1px solid #ffffff;
  z-index: 1;
  font-size: 20px;
}
@media (max-width: 766px) {
  .promo-page .model-page .promo-get-started-btn {
    width: 180px;
    height: 50px;
  }
}
.promo-page .model-page .promo-how-to-item-container {
  text-align: center;
}
.promo-page .model-page .promo-how-to-item-container .promo-how-to-circle-container {
  height: 60px;
  width: 60px;
  position: relative;
  margin-left: 50%;
  transform: translateX(-50%);
}
.promo-page .model-page .promo-how-to-item-container .promo-how-to-circle-container .promo-how-to-outer-circle {
  background-color: #D4D6D7;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: relative;
  top: 0;
  justify-content: center;
  align-items: center;
}
.promo-page .model-page .promo-how-to-item-container .promo-how-to-circle-container .promo-how-to-outer-circle .promo-how-to-circle {
  height: 50px;
  width: 50px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  position: absolute;
  background-color: #83868A;
  margin-left: 5px;
  margin-top: 5px;
}
.promo-page .model-page .promo-how-to-item-container .promo-how-to-circle-container .promo-how-to-outer-circle .promo-how-to-circle p {
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
  margin-top: 50%;
  transform: translateY(-50%);
}
.promo-page .model-page .promo-how-to-item-container h2 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.promo-page .model-page .promo-how-to-item-container p {
  margin-bottom: 35px;
}
.promo-page .model-page .promo-model-card {
  background-color: #ffffff;
  padding: 30px 15px 10px 15px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.promo-page .model-page .promo-model-card h1 {
  font-size: 24px;
}
@media (max-width: 992px) {
  .promo-page .model-page .promo-pricing-banner {
    margin-left: 50%;
    transform: translateX(-50%);
    min-height: 120px;
    width: 220px;
    background-color: #c70131;
    position: absolute;
    top: -25px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid rgb(255, 255, 255);
    left: 0px;
  }
  .promo-page .model-page .promo-pricing-banner img {
    display: none;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container {
    position: absolute;
    text-align: center;
  }
}
@media (max-width: 992px) and (max-width: 766px) {
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container {
    position: relative;
  }
}
@media (max-width: 992px) {
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 33px;
    margin: 0px;
    line-height: 33px;
    margin-left: 5px;
    text-align: left;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container h1 span {
    font-weight: bold;
    font-size: 41px;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container h1 sup {
    font-size: 40%;
    top: -1.3em;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container p {
    color: #ffffff;
    font-size: 14px;
    margin: 0;
  }
}
@media (max-width: 992px) and (max-width: 766px) {
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container p {
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container .end-date-text {
    display: none;
  }
}
@media (min-width: 992px) {
  .promo-page .model-page .promo-pricing-banner {
    background-image: url(/save/Content/img/Audi/bg-employee-pricing.png);
    height: 265px;
    width: 233px;
    position: absolute;
    left: 120px;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container {
    text-align: center;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 39px;
    margin: 0px;
    line-height: 40px;
    text-align: left;
    margin-left: 17px;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container h1 span {
    font-weight: bold;
    font-size: 48px;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container h1 sup {
    font-size: 40%;
    top: -1.5em;
  }
  .promo-page .model-page .promo-pricing-banner .promo-banner-content-container p {
    color: #ffffff;
  }
}
.promo-page .model-page .promo-header-container .header-title h1 {
  color: #ffffff;
  font-weight: bold;
}
.promo-page .model-page .promo-header-container .header-description p {
  color: #ffffff;
}
.promo-page .model-page .promo-landing-mobile-description {
  display: none;
}
@media (max-width: 766px) {
  .promo-page .model-page .promo-landing-mobile-description {
    display: block;
    height: 300px;
    width: 100%;
    background-color: #1E1E1E;
    position: relative;
  }
}
.promo-page .model-page #saving-carousel .owl-item .cash-card-img {
  width: 35px;
  margin: 0;
  position: absolute;
}
.promo-page .model-page #saving-carousel .owl-item h3 {
  margin-top: 0px;
  margin-bottom: 5px;
}
.promo-page .model-page .saving-carouselmenu .owl-item .item .cash-card-img {
  width: 35px;
  margin: 0;
  position: absolute;
}
.promo-page .model-page .saving-carouselmenu .owl-item .item h3 {
  margin-top: 0px;
  margin-bottom: 5px;
}
.promo-page .model-detail-page .landing-section {
  /*background image, everything related to the section itself and not the components inside of it*/
  background-color: #83868A;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .landing-section {
    height: 240px;
    background-color: #000;
  }
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .landing-section {
    height: 350px;
    background-color: #000;
    background-position: center top;
  }
}
@media (min-width: 992px) {
  .promo-page .model-detail-page .landing-section {
    min-height: 600px;
    background-position: center center;
    background-size: cover;
  }
}
.promo-page .model-detail-page .landing-section .brand-logo-container {
  width: 20%;
  padding-top: 45px;
  right: 10px;
  position: absolute;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .landing-section .brand-logo-container {
    padding-top: 25px;
    right: 15px;
  }
}
.promo-page .model-detail-page .landing-section .landing-caption {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .landing-section .landing-caption {
    left: 0;
    right: unset;
  }
}
.promo-page .model-detail-page .landing-section .landing-caption p {
  color: #ffffff;
  margin: 5px;
}
.promo-page .model-detail-page .landing-section-mobile {
  background-color: #000;
}
.promo-page .model-detail-page .feature-1-title, .promo-page .model-detail-page .feature-2-title, .promo-page .model-detail-page .feature-3-title, .promo-page .model-detail-page .offer-details-title, .promo-page .model-detail-page .panel-title {
  font-size: 36px !important;
}
.promo-page .model-detail-page .model-title {
  color: #fff !important;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .feature-1-title, .promo-page .model-detail-page .feature-2-title, .promo-page .model-detail-page .feature-3-title, .promo-page .model-detail-page .offer-details-title, .promo-page .model-detail-page .panel-title {
    font-size: 25px !important;
  }
  .promo-page .model-detail-page .header-mobile {
    font-size: 32px !important;
    font-weight: 700;
  }
}
.promo-page .model-detail-page .subhead-section {
  padding: 25px 0px;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .subhead-section .feature-1-title {
    margin-top: 50px;
    font-size: 22px;
  }
  .promo-page .model-detail-page .subhead-section .feature-2-title {
    margin-top: 50px;
    font-size: 22px;
  }
  .promo-page .model-detail-page .subhead-section .subhead-description, .promo-page .model-detail-page .subhead-section .subhead-btn-group {
    padding: 0px 15px;
  }
}
@media (min-width: 767px) {
  .promo-page .model-detail-page .subhead-section .subhead-description, .promo-page .model-detail-page .subhead-section .subhead-btn-group {
    padding: 0px 30px;
  }
}
.promo-page .model-detail-page .subhead-section .feature-img-container.col-md-6, .promo-page .model-detail-page .subhead-section .offer-details-img-container.col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}
.promo-page .model-detail-page .subhead-section .offer-details-img-container .offer-details-caption {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  right: 30px;
  bottom: 10px;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .subhead-section .offer-details-img-container .offer-details-caption {
    right: 50%;
    transform: translateX(50%);
  }
}
.promo-page .model-detail-page .subhead-section .offer-details-img-container .offer-details-caption p {
  margin: 5px;
  color: #ffffff;
}
.promo-page .model-detail-page .subhead-section .feature-img-container .feature-caption-1 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  right: 30px;
  bottom: 10px;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .subhead-section .feature-img-container .feature-caption-1 {
    right: 50%;
    transform: translateX(50%);
  }
}
.promo-page .model-detail-page .subhead-section .feature-img-container .feature-caption-1 p {
  margin: 5px;
  color: #ffffff;
}
.promo-page .model-detail-page .subhead-section .feature-img-container .feature-caption-2 {
  position: absolute;
  right: 30px;
  bottom: 10px;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .subhead-section .feature-img-container .feature-caption-2 {
    right: 50%;
    transform: translateX(50%);
  }
}
.promo-page .model-detail-page .subhead-section .feature-img-container .feature-caption-2 p {
  margin: 5px;
  color: #ffffff;
}
.promo-page .model-detail-page .subhead-section p {
  font-size: 16px;
}
.promo-page .model-detail-page .subhead-section ul {
  margin-left: 30px;
  margin-bottom: 20px;
}
.promo-page .model-detail-page .subhead-section ul li {
  list-style: disc;
  margin-bottom: 8px;
}
.promo-page .model-detail-page .subhead-section .offer-details-shop-card {
  padding: 0 30px;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.promo-page .model-detail-page .subhead-section .offer-details-shop-card img {
  width: 120px;
  float: left;
  padding-right: 20px;
}
.promo-page .model-detail-page .subhead-section .offer-details-shop-card p {
  margin-bottom: 0px;
  padding-right: 50px;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .subhead-section .offer-details-shop-card p {
    padding-right: 0px;
  }
}
.promo-page .model-detail-page .build-vehicle-section {
  padding-top: 50px;
  margin-top: -50px;
}
.promo-page .model-detail-page .build-vehicle-section .img-configurator {
  margin: 0 auto;
}
.promo-page .model-detail-page .config-image-gallery div[class*=col-] {
  padding: 0 0;
}
.promo-page .model-detail-page .promo-header-container {
  padding-bottom: 30px;
  border-radius: 5px;
  opacity: 0.9;
  /*@include for-mobile-only {
      &.visible-xs.visible-sm::after {
          position: absolute;
          content: '';
          height: 50px;
          width: 50px;
          margin-left: 50%;
          bottom: -50px;
          transform: translateX(-50%);
          border-left: 35px solid transparent;
          border-right: 35px solid transparent;
          border-top: 20px solid #000;
      }
  }*/
}
@media (min-width: 992px) {
  .promo-page .model-detail-page .promo-header-container {
    margin-top: 50px;
    padding: 1% 3%;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
.promo-page .model-detail-page .promo-header-container .header-title h1 {
  color: #000000;
  font-weight: bold;
}
.promo-page .model-detail-page .promo-header-container .header-title h1 span {
  display: block;
  font-size: 60%;
  font-weight: 300;
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-title h1 {
    color: #ffffff;
  }
}
.promo-page .model-detail-page .promo-header-container .header-title p {
  color: #000000;
  margin: 20px 0px;
  font-size: 36px;
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-title p {
    color: #ffffff;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-title p .tooltip {
    background-color: rgb(255, 255, 255);
  }
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-title p .tooltip .tooltip-inner {
    background-color: rgb(255, 255, 255);
    color: #000000;
  }
}
.promo-page .model-detail-page .promo-header-container .shop-card {
  display: inline-block;
  vertical-align: top;
}
.promo-page .model-detail-page .promo-header-container .shop-card img {
  float: left;
  width: 80px;
  margin: -5px 20px 0px 0px;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .promo-header-container .shop-card img {
    float: none;
  }
}
.promo-page .model-detail-page .promo-header-container .header-description {
  display: inline-block;
  margin-bottom: 5px;
}
.promo-page .model-detail-page .promo-header-container .header-description span.break {
  display: block;
}
@media (min-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-description strong.break {
    display: block;
  }
  .promo-page .model-detail-page .promo-header-container .header-description span.employee-pricing {
    display: block;
  }
}
.promo-page .model-detail-page .promo-header-container .header-description .fa {
  font-size: 14px;
  margin-left: 3px;
}
.promo-page .model-detail-page .promo-header-container .header-description ul {
  list-style: disc;
  list-style-position: outside;
  margin-left: 25px;
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-description ul {
    color: #ffffff;
  }
}
.promo-page .model-detail-page .promo-header-container .header-description ul li {
  margin-bottom: 10px;
}
.promo-page .model-detail-page .promo-header-container .header-description h1 {
  color: #000000;
  font-weight: bold;
  font-size: 24px;
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-description h1 {
    color: #ffffff;
  }
}
.promo-page .model-detail-page .promo-header-container .header-description p {
  color: #000000;
  line-height: 24px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-header-container .header-description p {
    color: #ffffff;
  }
}
.promo-page .model-detail-page .promo-header-container .header-btn-group {
  min-height: 60px;
}
.promo-page .model-detail-page .promo-header-container .header-btn-group > [class*=col-] {
  padding: 0 5px;
}
@media (min-width: 767px) {
  .promo-page .model-detail-page .promo-subhead-container {
    margin-top: 30%;
    transform: translateY(-50%);
  }
}
.promo-page .model-detail-page .promo-subhead-container .subhead-btn-group {
  min-height: 60px;
}
.promo-page .model-detail-page .promo-subhead-container .subhead-btn-group > [class*=col-] {
  padding: 0 5px;
}
.promo-page .model-detail-page .promo-build-vehicle-selector {
  padding: 50px 20px;
  position: relative;
}
@media (min-width: 767px) {
  .promo-page .model-detail-page .promo-build-vehicle-selector select {
    width: 300px;
    float: right;
    margin-bottom: 20px;
  }
}
@media (min-width: 767px) {
  .promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container {
    padding-right: 20px;
  }
}
.promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container .build-vehicle-description {
  text-align: right;
}
.promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container .build-vehicle-btn-group {
  min-height: 60px;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 767px) {
  .promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container .build-vehicle-btn-group {
    float: right;
    clear: both;
  }
}
.promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container .build-vehicle-btn-group a {
  margin-left: 10px;
  width: 200px;
}
.promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container .build-vehicle-btn-group a:first-of-type {
  margin-left: 0px;
}
.promo-page .model-detail-page .promo-build-vehicle-selector .build-vehicle-container .build-vehicle-btn-group > [class*=col-] {
  padding: 0 5px;
}
@media (min-width: 767px) {
  .promo-page .model-detail-page .promo-build-vehicle-selector:after {
    position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    margin-left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    border-left: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #ffffff;
  }
}
.promo-page .model-detail-page .promo-build-vehicle-overview {
  padding: 40px 0;
  background-color: #000000;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item {
  text-align: center;
}
@media (max-width: 992px) {
  .promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item {
    margin-bottom: 50px;
  }
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item h4 {
  color: #ffffff;
  font-size: 12px;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item p {
  color: #ffffff;
  font-size: 20px;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-fuel, .promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-trans, .promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-hp, .promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-dtrain {
  height: 95px;
  width: 130px;
  display: block;
  background: url("/save/Content/img/Audi/overview-sprite.jpg") 0 0;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-fuel {
  background-position: 0px 0;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-trans {
  background-position: -130px 0;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-hp {
  background-position: -260px 0;
}
.promo-page .model-detail-page .promo-build-vehicle-overview .build-vehicle-overview-item .sprite-dtrain {
  background-position: -390px 0;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion {
  margin-top: 5px;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .select-trim-container {
  min-height: 60px;
  background-color: #414141;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding: 0 20%;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .promo-build-vehicle-accordion .select-trim-container {
    display: none;
  }
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .select-trim-container .select-trim-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .select-trim-container .select-trim-row h1 {
  font-size: 2rem;
  color: #ffffff;
  margin: 0;
  text-align: right;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-heading {
  text-align: center;
  padding: 0px;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-heading a.collapsed {
  color: #000000;
  background-color: #D9D9D9;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-heading a {
  position: relative;
  text-decoration: none;
  color: #ffffff;
  display: block;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 30px 15px;
  background-color: #3873A7;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-heading a h1 {
  font-size: 24px;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-heading a i {
  position: absolute;
  right: 2%;
  top: 30%;
  font-size: 30px;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-body {
  background-color: #fff;
  height: 500px;
  overflow-y: scroll;
}
@media (max-width: 766px) {
  .promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-body {
    height: 350px;
  }
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-body table tbody .title {
  background-color: #000000;
  color: #ffffff;
}
.promo-page .model-detail-page .promo-build-vehicle-accordion .panel .panel-body table tbody .title td {
  font-size: 18px;
}
.promo-page .dealer-page {
  /* Sections */
}
.promo-page .dealer-page .promo-dealer-container .calculator-form legend {
  border: none;
}
.promo-page .dealer-page .promo-dealer-container .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
}
.promo-page .dealer-page .promo-dealer-container .alert-primary {
  color: rgb(255, 255, 255);
  background-color: rgb(40, 79, 131);
  border-color: rgb(184, 218, 255);
}
.promo-page .dealer-page .promo-dealer-container .alert-primary h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
}
.promo-page .dealer-page .promo-dealer-container .dealer-steps {
  text-align: left;
}
.promo-page .dealer-page .promo-dealer-container .audi-disclaimer-container {
  width: 100%;
  background-color: rgb(236, 237, 238);
  color: rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3% 5%;
}
.promo-page .view-confirm {
  /* Sections */
}
.promo-page .view-confirm .uc-head-grey {
  background-color: #32313b;
  padding: 10px 5px;
}
.promo-page .view-confirm .uc-head-grey h3 {
  margin: 0;
  padding: 0 0 0px 10px;
  color: #ffffff;
}
.promo-page .view-confirm .uc-body {
  padding: 10px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fff;
  margin-bottom: 10px;
  border: 1px solid #cbcbcb;
}
.promo-page .view-confirm .uc-body.member ul {
  margin-left: 30px;
}
.promo-page .view-confirm .uc-body.member li {
  list-style: disc;
  margin-bottom: 15px;
}
.promo-page .view-confirm .uc-body.member h3 {
  font-size: 18px;
}
.promo-page .view-confirm .uc-body .table p {
  margin-bottom: 0px;
}
.promo-page .view-confirm .parallax {
  background-position: top center;
  background-size: cover;
}
.promo-page .view-confirm .parallax.header-dealer-results {
  background-image: url("/save/Content/img/Jaguar/banner/Jaguar_Hero-1987x1024.jpg");
}
@media (max-width: 766px) {
  .promo-page .view-confirm .parallax.header-dealer-results {
    height: 200px;
  }
}
.promo-page .view-confirm .col-md-4.col-sm-6 {
  border-right: solid 1px #CBCBCB;
  margin-bottom: 20px;
}
.promo-page .view-confirm .col-md-4.col-sm-6:last-of-type {
  border-right: none;
}

/* Audi Styling */
.audi-not-active-page .hero-section .audi-background-cover {
  background-color: #95a8bb;
  background-position: center;
  background-size: cover;
  background-image: url("../Content/img/Audi/banner/hero-main.jpg");
  min-height: 600px;
}
.audi-not-active-page .hero-section .audi-background-cover > * {
  margin-bottom: 10px;
}
.audi-not-active-page .hero-section .audi-background-cover .notactive-description {
  margin-top: 30px;
}
.audi-not-active-page .hero-section .audi-background-cover .notactive-description > * {
  margin-bottom: 30px;
}
.audi-not-active-page .hero-section .audi-background-cover .notactive-description ul li {
  margin: 10px 0;
}
.audi-not-active-page .not-active-info-section .not-active-info-details .not-active-details-title {
  text-align: center;
}
.audi-not-active-page .not-active-info-section .not-active-info-details > * {
  margin-bottom: 10px;
}
.audi-not-active-page .not-active-info-section .not-active-info-details ul {
  list-style: none;
  list-style-position: inside;
  padding: 0 15px;
}
.audi-not-active-page .not-active-info-section .not-active-info-details ul li {
  font-size: 14px;
  text-align: left !important;
  line-height: 24px;
  max-width: 500px;
  margin-bottom: 10px;
}
.audi-not-active-page .not-active-info-section .owl-theme {
  text-align: center;
}
.audi-not-active-page .not-active-info-section .owl-theme .owl-item {
  border: none;
  padding-right: 30px;
  padding-left: 30px;
}
.audi-not-active-page .not-active-info-section .owl-theme .owl-nav {
  display: none;
}
.audi-not-active-page .not-active-info-section .owl-theme .owl-dots {
  display: inline;
}
.audi-not-active-page .not-active-info-section .owl-theme .owl-dots .owl-dot span {
  width: 24px;
  height: 10px;
  border: 1px solid rgb(255, 255, 255);
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  background-color: rgb(48, 113, 169);
  margin: 0;
}
.audi-not-active-page .not-active-info-section .owl-theme .owl-dots .owl-dot.active span {
  background-color: rgb(48, 113, 169);
  opacity: 1;
  margin: 0;
}
@media (min-width: 992px) {
  .audi-not-active-page .not-active-info-section .owl-carousel {
    right: 0px;
  }
}

/*===============================
========== Back To Top ==========
===============================*/
.scrollup {
  font-size: 26px;
  line-height: 1.3;
  position: fixed;
  bottom: 40px;
  right: 10px;
  text-align: center;
  width: 40px;
  height: 40px;
  z-index: 1000;
}
.scrollup:hover {
  border: none;
}
.scrollup:focus {
  border: none;
}

/* 
* 	Core Owl Carousel CSS File
*	v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: block;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(../../css/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.cap-carousel {
  margin-top: 3em;
  background: url(/images/19w0155-cap-testimonial-fade.png) center center;
  background-size: cover;
  overflow-y: visible;
  color: #222;
}

/* Styling Next and Prev buttons */
.carousel-zip .carousel .owl-controls .owl-buttons div {
  color: #494949;
  font-size: 55px;
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
}

.carousel-zip .carousel .owl-controls .owl-buttons .owl-prev {
  top: 10%;
  left: -50px;
}

.carousel-zip .carousel .owl-controls .owl-buttons .owl-next {
  top: 10%;
  right: -50px;
}

.carousel .owl-controls .owl-buttons div {
  background-color: #fff !important;
}

.testimonial-item blockquote p {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .carousel-zip .carousel .owl-controls .owl-buttons .owl-prev {
    left: 0px;
  }
  .carousel-zip .carousel .owl-controls .owl-buttons .owl-next {
    right: 0px;
  }
}
/*========== Carousel ==========*/
.carousel .owl-item .carousel-item {
  margin: 0px;
}

@media screen and (max-width: 1600px) {
  .volvo-logo-position {
    margin-right: 60px;
  }
}
.carousel .owl-controls {
  text-align: center;
}

/* Styling Next and Prev buttons */
.carousel .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
  margin: 0px;
  padding: 5px 15px;
  font-size: 24px;
  position: absolute;
  filter: Alpha(Opacity=70); /*IE7 fix*/
  opacity: 0.7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.carousel .owl-controls .owl-buttons .owl-prev {
  top: 20%;
  left: 0px;
}

.carousel .owl-controls .owl-buttons .owl-next {
  top: 20%;
  right: 0px;
}

.dropdown-content .carousel-box .carousel .owl-controls .owl-buttons .owl-prev, .dropdown-content .carousel-box .carousel .owl-controls .owl-buttons .owl-next {
  top: 50%;
}

#compare-arrows .owl-prev {
  top: 5%;
  left: 0px;
}

#compare-arrows .owl-next {
  top: 5%;
  position: absolute;
  right: 0px;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.carousel .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-pagination {
  margin-top: 10px;
}

.carousel .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}

.carousel .owl-controls .owl-page span {
  display: block;
  width: 24px;
  height: 10px;
  border: 1px solid #ffffff;
  margin: 5px 4px;
  filter: Alpha(Opacity=50); /*IE7 fix*/
  opacity: 0.5;
}

.carousel .owl-controls .owl-page.active span, .carousel .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100); /*IE7 fix*/
  opacity: 1;
}

.carousel .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(../img/theme/AjaxLoader.gif) no-repeat center center;
}

/* mouse grab icon */
.grabbing {
  cursor: url(../img/theme/grabbing.png) 8 8, move;
}

.owl-item img {
  width: 100%;
  height: auto;
}

.owl-item img.img-height-130, img.img-height-130 {
  height: 130px;
}

/* Carousel Theme */
.carousel.carousel-theme-round .owl-controls .owl-buttons div {
  background: none;
  border: 2px solid #ececec;
  color: #ececec;
  padding: 5px 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.carousel.carousel-theme-round .owl-controls .owl-page span {
  height: 14px;
  width: 14px;
  background: none;
  border: 2px solid #ececec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.carousel.carousel-theme-round .owl-controls .owl-buttons .owl-prev {
  left: 10px;
}

.carousel.carousel-theme-round .owl-controls .owl-buttons .owl-next {
  right: 10px;
}

.carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-prev {
  left: -50px;
}

.carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-next {
  right: -50px;
}

@media (max-width: 768px) {
  .carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-prev {
    left: 10px;
  }
  .carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-next {
    right: 10px;
  }
}
/* Carousel*/
.carousel.carousel-simple .owl-item .carousel-item {
  margin: 0 10px;
  padding-bottom: 10px;
}

.carousel.carousel-simple .carousel.carousel-default .owl-item .carousel-item {
  margin: 0;
  padding-bottom: 0;
}

.promo-footer {
  background-color: #1D3F6C;
}
.promo-footer .not-active-disclaimer > * {
  color: #fff;
}

/* Inventory Styling*/
#inventory .model-box {
  border: solid 1px #8E979D;
  border-radius: 5px;
  padding: 5px;
}
#inventory .model-box .model-copy {
  min-height: 160px;
}
#inventory .model-box .model-copy p {
  margin-bottom: 5px;
}
#inventory .model-box .model-copy p:last-child {
  color: #404040;
  font-size: 12px;
  margin-top: 15px;
}
#inventory button {
  background-color: #fff;
  text-align: left;
  width: 100%;
}
#inventory .col-sm-12 {
  padding: 0px 5px;
}
#inventory .form-filter .col-md-3 {
  padding-left: 0px;
}
@media (max-width: 992px) {
  #inventory .form-filter .col-md-3 {
    padding-right: 0px;
  }
}
#inventory .col-md-4 {
  padding: 5px;
}
#inventory .model-img-height {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  #inventory .model-img-height {
    height: 300px;
  }
}
@media (min-width: 992px) {
  #inventory .model-img-height {
    height: 280px;
  }
}
#inventory h2 {
  font-size: 45px;
}
@media (max-width: 992px) {
  #inventory h2 {
    font-size: 30px;
  }
}
#inventory .pagination > li > a:focus, #inventory .pagination > li > a:hover, #inventory .pagination > li > span:focus, #inventory .pagination > li > span:hover {
  color: #fff;
}

.car-details-modal {
  margin-top: 20px;
}
.car-details-modal p {
  margin-bottom: 5px;
}

.dealer-details-modal {
  margin-top: 10px;
}
.dealer-details-modal p {
  margin-bottom: 5px;
}
.dealer-details-modal .dealer-name {
  font-size: 20px;
}

.modal .modal-body .thumbnails {
  overflow-x: scroll;
  width: 100%;
  padding: 0 15px;
}
.modal .modal-body .thumbnails ul {
  margin-left: 0px;
  padding-inline-start: 0px !important;
  white-space: nowrap;
  list-style: none;
  margin-inline-end: 0;
  margin-block-end: 0;
}
.modal .modal-body .thumbnails ul li {
  width: 100px;
  display: inline-block;
  margin-right: 5px;
}