.scrollable-content {
  overflow: scroll;
  height: 90vh; 
}
/*!
 * fullPage 2.7.8
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 html.fp-enabled,
 .fp-enabled body {
     margin: 0;
     padding: 0;
     overflow:hidden;
 
     /*Avoid flicker on slides transitions for mobile phones #336 */
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 #superContainer {
     height: 100%;
     position: relative;
 
     /* Touch detection for Windows 8 */
     -ms-touch-action: none;
 
     /* IE 11 on Windows Phone 8.1*/
     touch-action: none;
 }
 .fp-section {
     position: relative;
     -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
     -moz-box-sizing: border-box; /* <=28 */
     box-sizing: border-box;
 }
 .fp-slide {
     float: left;
 }
 .fp-slide, .fp-slidesContainer {
     height: 100%;
     display: block;
 }
 .fp-slides {
     z-index:1;
     height: 100%;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
 }
 .fp-section.fp-table, .fp-slide.fp-table {
     display: table;
     table-layout:fixed;
     width: 100%;
 }
 .fp-tableCell {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
     height: 100%;
 }
 .fp-slidesContainer {
     float: left;
     position: relative;
 }
 .fp-controlArrow {
     -webkit-user-select: none; /* webkit (safari, chrome) browsers */
     -moz-user-select: none; /* mozilla browsers */
     -khtml-user-select: none; /* webkit (konqueror) browsers */
     -ms-user-select: none; /* IE10+ */
     position: absolute;
     z-index: 4;
     top: 50%;
     cursor: pointer;
     width: 0;
     height: 0;
     border-style: solid;
     margin-top: -38px;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
 }
 .fp-controlArrow.fp-prev {
     left: 15px;
     width: 0;
     border-width: 38.5px 34px 38.5px 0;
     border-color: transparent #fff transparent transparent;
 }
 .fp-controlArrow.fp-next {
     right: 15px;
     border-width: 38.5px 0 38.5px 34px;
     border-color: transparent transparent transparent #fff;
 }
 .fp-scrollable {
     overflow: scroll;
 }
 .fp-notransition {
     -webkit-transition: none !important;
     transition: none !important;
 }
 #fp-nav {
     position: fixed;
     z-index: 100;
     /*margin-top: -32px;*/
     top: 50%;
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
 }
#fp-nav.deepMask::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.3;
}
#fp-nav.lightMask::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.3;
}
 #fp-nav.right {
     right: 8px;
 }
 #fp-nav.left {
     /* width: 12px; */
     width: 140px;
     height: 100vh;
     position: absolute;
     left: 0px;
     top: 72px;
 }
#fp-nav.left ul{
    position: absolute;
    top: calc(50% - 56px/2 - 250px);
    width: 80px;
}

 .fp-slidesNav{
     position: absolute;
     z-index: 4;
     left: 50%;
     opacity: 1;
 }
 .fp-slidesNav.bottom {
     bottom: 17px;
 }
 .fp-slidesNav.top {
     top: 17px;
 }
 #fp-nav ul,
 .fp-slidesNav ul {
   margin: 0;
   padding: 0;
 }
 #fp-nav ul li,
 .fp-slidesNav ul li {
     display: block;
     /* width: 14px; */
     height: 13px;
     /* margin: 7px; */
     position:relative;
 }
 .fp-slidesNav ul li {
     display: inline-block;
 }
 #fp-nav ul li a,
 .fp-slidesNav ul li a {
     display: block;
     position: relative;
     z-index: 1;
     width: 100%;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
 }
 #fp-nav ul li a.active span,
 .fp-slidesNav ul li a.active span,
 #fp-nav ul li:hover a.active span,
 .fp-slidesNav ul li:hover a.active span{
     height: 12px;
     width: 12px;
     margin: -6px 0 0 -6px;
     border-radius: 100%;
  }
 #fp-nav ul li a span,
 .fp-slidesNav ul li a span {
     border-radius: 50%;
     position: absolute;
     z-index: 1;
     height: 4px;
     width: 4px;
     border: 0;
     background: #333;
     left: 50%;
     top: 50%;
     margin: -2px 0 0 -2px;
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
 }
 #fp-nav ul li:hover a span,
 .fp-slidesNav ul li:hover a span{
     width: 10px;
     height: 10px;
     margin: -5px 0px 0px -5px;
 }
 #fp-nav ul li .fp-tooltip {
     position: absolute;
     top: -2px;
     color: #fff;
     font-size: 14px;
     font-family: arial, helvetica, sans-serif;
     white-space: nowrap;
     max-width: 220px;
     overflow: visible;
     display: block;
     opacity: 0;
     width: 0;
     cursor: pointer;
 }
 #fp-nav ul li:hover .fp-tooltip,
 #fp-nav.fp-show-active a.active + .fp-tooltip {
     -webkit-transition: opacity 0.2s ease-in;
     transition: opacity 0.2s ease-in;
     width: auto;
     opacity: 1;
 }
 #fp-nav ul li .fp-tooltip.right {
     right: 12px;
 }
 #fp-nav ul li .fp-tooltip.left {
     left: 56px;
     width: 100px;
 }
 .fp-auto-height.fp-section,
 .fp-auto-height .fp-slide,
 .fp-auto-height .fp-tableCell{
     height: auto !important;
 }
 @media only screen and (min-width: 360px) and (max-width: 767px) {
    #fp-nav ul li .fp-tooltip.left {
        display: none;
    }
     #fp-nav.left {
         left:0px;
         width: 40px;
         height: 100vh;
         position: absolute;
         top: 60px;
     }
     #fp-nav.left ul{
         width: 40px;
     }
 }

@media only screen and (min-width: 768px) ,(max-width:1279px){
    #fp-nav.left {
        position: absolute;
        top: 60px;
    }
}

@media only screen and (min-width: 1280px){
    #fp-nav.left {
        position: absolute;
        top: 72px;
    }
}
@font-face {
  font-family: "audi-iconfont";
  src: url('clientlib-site/resources/fonts/audi-iconfont.eot');
  src: url('clientlib-site/resources/fonts/audi-iconfont.eot?#iefix') format('eot'),
    url('clientlib-site/resources/fonts/audi-iconfont.woff2') format('woff2'),
    url('clientlib-site/resources/fonts/audi-iconfont.woff') format('woff'),
    url('clientlib-site/resources/fonts/audi-iconfont.ttf') format('truetype');
    /*url('resources/fonts/audi-iconfont.svg#audi-iconfont') format('svg');*/
  font-weight: normal;
  font-style: normal;
}

.aui-icon-adblue-alert-large:before,
.aui-icon-adblue-alert-small:before,
.aui-icon-adblue-large:before,
.aui-icon-adblue-small:before,
.aui-icon-address-book-large:before,
.aui-icon-address-book-small:before,
.aui-icon-administrator-large:before,
.aui-icon-administrator-small:before,
.aui-icon-announcements-large:before,
.aui-icon-announcements-small:before,
.aui-icon-anti-theft-alarm-system-alert-large:before,
.aui-icon-anti-theft-alarm-system-alert-small:before,
.aui-icon-anti-theft-alarm-system-large:before,
.aui-icon-anti-theft-alarm-system-small:before,
.aui-icon-apps-large:before,
.aui-icon-apps-small:before,
.aui-icon-arrow-down-large:before,
.aui-icon-arrow-down-small:before,
.aui-icon-arrow-left-light-large:before,
.aui-icon-arrow-left-light-small:before,
.aui-icon-arrow-left-normal-large:before,
.aui-icon-arrow-left-normal-small:before,
.aui-icon-arrow-left-sharp-large:before,
.aui-icon-arrow-left-sharp-small:before,
.aui-icon-arrow-left-u-turn-large:before,
.aui-icon-arrow-left-u-turn-small:before,
.aui-icon-arrow-narrow-down-large:before,
.aui-icon-arrow-narrow-down-small:before,
.aui-icon-arrow-narrow-up-large:before,
.aui-icon-arrow-narrow-up-small:before,
.aui-icon-arrow-right-light-large:before,
.aui-icon-arrow-right-light-small:before,
.aui-icon-arrow-right-normal-large:before,
.aui-icon-arrow-right-normal-small:before,
.aui-icon-arrow-right-sharp-large:before,
.aui-icon-arrow-right-sharp-small:before,
.aui-icon-arrow-right-u-turn-large:before,
.aui-icon-arrow-right-u-turn-small:before,
.aui-icon-arrow-straight-down-large:before,
.aui-icon-arrow-straight-down-small:before,
.aui-icon-arrow-straight-up-large:before,
.aui-icon-arrow-straight-up-small:before,
.aui-icon-arrow-up-large:before,
.aui-icon-arrow-up-small:before,
.aui-icon-audio-volume-large:before,
.aui-icon-audio-volume-small:before,
.aui-icon-aupeo-large:before,
.aui-icon-aupeo-small:before,
.aui-icon-back-large:before,
.aui-icon-back-small:before,
.aui-icon-blog-post-large:before,
.aui-icon-blog-post-small:before,
.aui-icon-bonnet-open-large:before,
.aui-icon-bonnet-open-small:before,
.aui-icon-bookmark-large:before,
.aui-icon-bookmark-small:before,
.aui-icon-brake-pad-alert-large:before,
.aui-icon-brake-pad-alert-small:before,
.aui-icon-brake-pad-large:before,
.aui-icon-brake-pad-small:before,
.aui-icon-break-large:before,
.aui-icon-break-small:before,
.aui-icon-business-address-large:before,
.aui-icon-business-address-small:before,
.aui-icon-business-customer-large:before,
.aui-icon-business-customer-small:before,
.aui-icon-calculator-large:before,
.aui-icon-calculator-small:before,
.aui-icon-calendar-events-large:before,
.aui-icon-calendar-events-small:before,
.aui-icon-camera-large:before,
.aui-icon-camera-small:before,
.aui-icon-cancel-large:before,
.aui-icon-cancel-small:before,
.aui-icon-car-dimensions-large:before,
.aui-icon-car-dimensions-small:before,
.aui-icon-car-handover-large:before,
.aui-icon-car-handover-small:before,
.aui-icon-car-large:before,
.aui-icon-car-search-large:before,
.aui-icon-car-search-small:before,
.aui-icon-car-small:before,
.aui-icon-catalogue-large:before,
.aui-icon-catalogue-small:before,
.aui-icon-caution-large:before,
.aui-icon-caution-small:before,
.aui-icon-charge-level-large:before,
.aui-icon-charge-level-small:before,
.aui-icon-charging-large:before,
.aui-icon-charging-plate-large:before,
.aui-icon-charging-plate-small:before,
.aui-icon-charging-small:before,
.aui-icon-charging-station-large:before,
.aui-icon-charging-station-small:before,
.aui-icon-climate-auto-large:before,
.aui-icon-climate-auto-small:before,
.aui-icon-climate-electric-large:before,
.aui-icon-climate-electric-small:before,
.aui-icon-climate-large:before,
.aui-icon-climate-small:before,
.aui-icon-clothing-large:before,
.aui-icon-clothing-small:before,
.aui-icon-co2-emission-large:before,
.aui-icon-co2-emission-small:before,
.aui-icon-code-large:before,
.aui-icon-code-small:before,
.aui-icon-commute-large:before,
.aui-icon-commute-small:before,
.aui-icon-compare-large:before,
.aui-icon-compare-small:before,
.aui-icon-connect-key-large:before,
.aui-icon-connect-key-small:before,
.aui-icon-consumption-large:before,
.aui-icon-consumption-small:before,
.aui-icon-content-activities-large:before,
.aui-icon-content-activities-small:before,
.aui-icon-credit-card-large:before,
.aui-icon-credit-card-small:before,
.aui-icon-cross-traffic-assist-rear-large:before,
.aui-icon-cross-traffic-assist-rear-small:before,
.aui-icon-cubic-capacity-large:before,
.aui-icon-cubic-capacity-small:before,
.aui-icon-dashboard-large:before,
.aui-icon-dashboard-small:before,
.aui-icon-dealer-request-large:before,
.aui-icon-dealer-request-small:before,
.aui-icon-dealer-search-large:before,
.aui-icon-dealer-search-small:before,
.aui-icon-direct-mail-large:before,
.aui-icon-direct-mail-small:before,
.aui-icon-discussion-large:before,
.aui-icon-discussion-small:before,
.aui-icon-distance-large:before,
.aui-icon-distance-small:before,
.aui-icon-document-pdf-large:before,
.aui-icon-document-pdf-small:before,
.aui-icon-document-pricelist-dollar-large:before,
.aui-icon-document-pricelist-dollar-small:before,
.aui-icon-document-pricelist-euro-large:before,
.aui-icon-document-pricelist-euro-small:before,
.aui-icon-document-taxation-large:before,
.aui-icon-document-taxation-small:before,
.aui-icon-documents-large:before,
.aui-icon-documents-small:before,
.aui-icon-door-open-large:before,
.aui-icon-door-open-small:before,
.aui-icon-download-large:before,
.aui-icon-download-small:before,
.aui-icon-edit-large:before,
.aui-icon-edit-small:before,
.aui-icon-editorial-large:before,
.aui-icon-editorial-small:before,
.aui-icon-electric-range-large:before,
.aui-icon-electric-range-small:before,
.aui-icon-engine-large:before,
.aui-icon-engine-small:before,
.aui-icon-erase-large:before,
.aui-icon-erase-small:before,
.aui-icon-facebook-large:before,
.aui-icon-facebook-small:before,
.aui-icon-favorite-large:before,
.aui-icon-favorite-small:before,
.aui-icon-feature-on-demand-large:before,
.aui-icon-feature-on-demand-small:before,
.aui-icon-feed-large:before,
.aui-icon-feed-small:before,
.aui-icon-filter-large:before,
.aui-icon-filter-small:before,
.aui-icon-financial-services-large:before,
.aui-icon-financial-services-small:before,
.aui-icon-forward-large:before,
.aui-icon-forward-small:before,
.aui-icon-fuel-range-large:before,
.aui-icon-fuel-range-small:before,
.aui-icon-fuel-station-large:before,
.aui-icon-fuel-station-small:before,
.aui-icon-gas-station-large:before,
.aui-icon-gas-station-small:before,
.aui-icon-geofence-alert-large:before,
.aui-icon-geofence-alert-small:before,
.aui-icon-geofence-large:before,
.aui-icon-geofence-small:before,
.aui-icon-gift-large:before,
.aui-icon-gift-small:before,
.aui-icon-google-plus-large:before,
.aui-icon-google-plus-small:before,
.aui-icon-gps-large:before,
.aui-icon-gps-small:before,
.aui-icon-grab-large:before,
.aui-icon-grab-small:before,
.aui-icon-group-discussion-large:before,
.aui-icon-group-discussion-small:before,
.aui-icon-groups-large:before,
.aui-icon-groups-small:before,
.aui-icon-home-large:before,
.aui-icon-home-small:before,
.aui-icon-honk-and-flash-large:before,
.aui-icon-honk-and-flash-small:before,
.aui-icon-honk-large:before,
.aui-icon-honk-small:before,
.aui-icon-hotline-large:before,
.aui-icon-hotline-small:before,
.aui-icon-idea-large:before,
.aui-icon-idea-small:before,
.aui-icon-indicators-large:before,
.aui-icon-indicators-small:before,
.aui-icon-inspection-large:before,
.aui-icon-inspection-small:before,
.aui-icon-instagram-large:before,
.aui-icon-instagram-small:before,
.aui-icon-interior-configuration-large:before,
.aui-icon-interior-configuration-small:before,
.aui-icon-languages-large:before,
.aui-icon-languages-small:before,
.aui-icon-lights-day-large:before,
.aui-icon-lights-day-small:before,
.aui-icon-lights-dim-large:before,
.aui-icon-lights-dim-small:before,
.aui-icon-lights-full-beam-large:before,
.aui-icon-lights-full-beam-small:before,
.aui-icon-lights-led-large:before,
.aui-icon-lights-led-small:before,
.aui-icon-lights-xenon-large:before,
.aui-icon-lights-xenon-small:before,
.aui-icon-line-large:before,
.aui-icon-line-me-large:before,
.aui-icon-line-me-small:before,
.aui-icon-line-small:before,
.aui-icon-linkedin-large:before,
.aui-icon-linkedin-small:before,
.aui-icon-list-large:before,
.aui-icon-list-small:before,
.aui-icon-lock-large:before,
.aui-icon-lock-small:before,
.aui-icon-lock-unlock-large:before,
.aui-icon-lock-unlock-small:before,
.aui-icon-logbook-large:before,
.aui-icon-logbook-small:before,
.aui-icon-login-large:before,
.aui-icon-login-small:before,
.aui-icon-loose-wheel-indicator-large:before,
.aui-icon-loose-wheel-indicator-small:before,
.aui-icon-main-user-large:before,
.aui-icon-main-user-small:before,
.aui-icon-maneuvering-assist-large:before,
.aui-icon-maneuvering-assist-small:before,
.aui-icon-merchandise-large:before,
.aui-icon-merchandise-small:before,
.aui-icon-mileage-large:before,
.aui-icon-mileage-small:before,
.aui-icon-mmi-large:before,
.aui-icon-mmi-small:before,
.aui-icon-mobile-phone-large:before,
.aui-icon-mobile-phone-small:before,
.aui-icon-more-large:before,
.aui-icon-more-small:before,
.aui-icon-my-dealer-large:before,
.aui-icon-my-dealer-small:before,
.aui-icon-myaudi-destinations-large:before,
.aui-icon-myaudi-destinations-small:before,
.aui-icon-napster-large:before,
.aui-icon-napster-small:before,
.aui-icon-news-large:before,
.aui-icon-news-small:before,
.aui-icon-nfc-inactive-large:before,
.aui-icon-nfc-inactive-small:before,
.aui-icon-nfc-large:before,
.aui-icon-nfc-small:before,
.aui-icon-notepad-large:before,
.aui-icon-notepad-small:before,
.aui-icon-off-canvas-large:before,
.aui-icon-off-canvas-small:before,
.aui-icon-offline-maps-large:before,
.aui-icon-offline-maps-small:before,
.aui-icon-oil-change-large:before,
.aui-icon-oil-change-small:before,
.aui-icon-parking-in-left-large:before,
.aui-icon-parking-in-left-long-large:before,
.aui-icon-parking-in-left-long-small:before,
.aui-icon-parking-in-left-small:before,
.aui-icon-parking-in-right-large:before,
.aui-icon-parking-in-right-long-large:before,
.aui-icon-parking-in-right-long-small:before,
.aui-icon-parking-in-right-small:before,
.aui-icon-parking-in-straight-large:before,
.aui-icon-parking-in-straight-small:before,
.aui-icon-parking-large:before,
.aui-icon-parking-out-left-large:before,
.aui-icon-parking-out-left-long-large:before,
.aui-icon-parking-out-left-long-small:before,
.aui-icon-parking-out-left-small:before,
.aui-icon-parking-out-right-large:before,
.aui-icon-parking-out-right-long-large:before,
.aui-icon-parking-out-right-long-small:before,
.aui-icon-parking-out-right-small:before,
.aui-icon-parking-out-straight-large:before,
.aui-icon-parking-out-straight-small:before,
.aui-icon-parking-small:before,
.aui-icon-pause-large:before,
.aui-icon-pause-small:before,
.aui-icon-photo-large:before,
.aui-icon-photo-small:before,
.aui-icon-piloted-parking-large:before,
.aui-icon-piloted-parking-small:before,
.aui-icon-pinterest-large:before,
.aui-icon-pinterest-small:before,
.aui-icon-play-large:before,
.aui-icon-play-small:before,
.aui-icon-poi-calendar-large:before,
.aui-icon-poi-calendar-small:before,
.aui-icon-poi-car-large:before,
.aui-icon-poi-car-small:before,
.aui-icon-poi-contact-large:before,
.aui-icon-poi-contact-small:before,
.aui-icon-poi-favorite-large:before,
.aui-icon-poi-favorite-small:before,
.aui-icon-poi-home-large:before,
.aui-icon-poi-home-small:before,
.aui-icon-poi-large:before,
.aui-icon-poi-last-destination-large:before,
.aui-icon-poi-last-destination-small:before,
.aui-icon-poi-on-map-large:before,
.aui-icon-poi-on-map-small:before,
.aui-icon-poi-search-large:before,
.aui-icon-poi-search-small:before,
.aui-icon-poi-small:before,
.aui-icon-poi-work-large:before,
.aui-icon-poi-work-small:before,
.aui-icon-pois-large:before,
.aui-icon-pois-small:before,
.aui-icon-polls-large:before,
.aui-icon-polls-small:before,
.aui-icon-power-large:before,
.aui-icon-power-small:before,
.aui-icon-pre-heating-large:before,
.aui-icon-pre-heating-small:before,
.aui-icon-print-large:before,
.aui-icon-print-small:before,
.aui-icon-private-customer-large:before,
.aui-icon-private-customer-small:before,
.aui-icon-profile-large:before,
.aui-icon-profile-small:before,
.aui-icon-projects-large:before,
.aui-icon-projects-small:before,
.aui-icon-public-transport-large:before,
.aui-icon-public-transport-small:before,
.aui-icon-quattro-large:before,
.aui-icon-quattro-small:before,
.aui-icon-receive-e-mail-notification-large:before,
.aui-icon-receive-e-mail-notification-small:before,
.aui-icon-recommended-destination-large:before,
.aui-icon-recommended-destination-small:before,
.aui-icon-replay-large:before,
.aui-icon-replay-small:before,
.aui-icon-resize-decrease-large:before,
.aui-icon-resize-decrease-small:before,
.aui-icon-resize-increase-large:before,
.aui-icon-resize-increase-small:before,
.aui-icon-results-list-large:before,
.aui-icon-results-list-small:before,
.aui-icon-roof-open-large:before,
.aui-icon-roof-open-small:before,
.aui-icon-rotate-image-left-large:before,
.aui-icon-rotate-image-left-small:before,
.aui-icon-rotate-image-right-large:before,
.aui-icon-rotate-image-right-small:before,
.aui-icon-rotate-left-large:before,
.aui-icon-rotate-left-small:before,
.aui-icon-rotate-right-large:before,
.aui-icon-rotate-right-small:before,
.aui-icon-roundabout-left-large:before,
.aui-icon-roundabout-left-small:before,
.aui-icon-roundabout-long-left-large:before,
.aui-icon-roundabout-long-left-small:before,
.aui-icon-roundabout-long-right-large:before,
.aui-icon-roundabout-long-right-small:before,
.aui-icon-roundabout-right-large:before,
.aui-icon-roundabout-right-small:before,
.aui-icon-roundabout-sharp-left-large:before,
.aui-icon-roundabout-sharp-left-small:before,
.aui-icon-roundabout-sharp-right-large:before,
.aui-icon-roundabout-sharp-right-small:before,
.aui-icon-roundabout-straight-large:before,
.aui-icon-roundabout-straight-small:before,
.aui-icon-rss-feed-large:before,
.aui-icon-rss-feed-small:before,
.aui-icon-search-large:before,
.aui-icon-search-small:before,
.aui-icon-select-all-large:before,
.aui-icon-select-all-small:before,
.aui-icon-select-large:before,
.aui-icon-select-small:before,
.aui-icon-send-to-vehicle-large:before,
.aui-icon-send-to-vehicle-small:before,
.aui-icon-settings-large:before,
.aui-icon-settings-small:before,
.aui-icon-share-android-large:before,
.aui-icon-share-android-small:before,
.aui-icon-share-large:before,
.aui-icon-share-small:before,
.aui-icon-shopping-basket-large:before,
.aui-icon-shopping-basket-small:before,
.aui-icon-shuffle-large:before,
.aui-icon-shuffle-small:before,
.aui-icon-side-assist-large:before,
.aui-icon-side-assist-small:before,
.aui-icon-skip-next-large:before,
.aui-icon-skip-next-small:before,
.aui-icon-skip-previous-large:before,
.aui-icon-skip-previous-small:before,
.aui-icon-snapchat-large:before,
.aui-icon-snapchat-small:before,
.aui-icon-social-reader-large:before,
.aui-icon-social-reader-small:before,
.aui-icon-status-update-large:before,
.aui-icon-status-update-small:before,
.aui-icon-sync-large:before,
.aui-icon-sync-small:before,
.aui-icon-system-add-large:before,
.aui-icon-system-add-small:before,
.aui-icon-system-audio-off-large:before,
.aui-icon-system-audio-off-small:before,
.aui-icon-system-audio-on-large:before,
.aui-icon-system-audio-on-small:before,
.aui-icon-system-cancel-large:before,
.aui-icon-system-cancel-small:before,
.aui-icon-system-code-large:before,
.aui-icon-system-code-small:before,
.aui-icon-system-compare-large:before,
.aui-icon-system-compare-small:before,
.aui-icon-system-download-large:before,
.aui-icon-system-download-small:before,
.aui-icon-system-facebook-large:before,
.aui-icon-system-facebook-small:before,
.aui-icon-system-favorites-large:before,
.aui-icon-system-favorites-small:before,
.aui-icon-system-follow-large:before,
.aui-icon-system-follow-small:before,
.aui-icon-system-google-plus-large:before,
.aui-icon-system-google-plus-small:before,
.aui-icon-system-help-large:before,
.aui-icon-system-help-small:before,
.aui-icon-system-info-large:before,
.aui-icon-system-info-small:before,
.aui-icon-system-instagram-large:before,
.aui-icon-system-instagram-small:before,
.aui-icon-system-line-me-large:before,
.aui-icon-system-line-me-small:before,
.aui-icon-system-linkedin-large:before,
.aui-icon-system-linkedin-small:before,
.aui-icon-system-paragraph-large:before,
.aui-icon-system-paragraph-small:before,
.aui-icon-system-pause-large:before,
.aui-icon-system-pause-small:before,
.aui-icon-system-pinterest-large:before,
.aui-icon-system-pinterest-small:before,
.aui-icon-system-play-backwards-large:before,
.aui-icon-system-play-backwards-small:before,
.aui-icon-system-play-large:before,
.aui-icon-system-play-small:before,
.aui-icon-system-print-large:before,
.aui-icon-system-print-small:before,
.aui-icon-system-remove-large:before,
.aui-icon-system-remove-small:before,
.aui-icon-system-replay-large:before,
.aui-icon-system-replay-small:before,
.aui-icon-system-resize-decrease-large:before,
.aui-icon-system-resize-decrease-small:before,
.aui-icon-system-resize-increase-large:before,
.aui-icon-system-resize-increase-small:before,
.aui-icon-system-save-as-large:before,
.aui-icon-system-save-as-small:before,
.aui-icon-system-search-large:before,
.aui-icon-system-search-small:before,
.aui-icon-system-select-large:before,
.aui-icon-system-select-small:before,
.aui-icon-system-settings-large:before,
.aui-icon-system-settings-small:before,
.aui-icon-system-share-android-large:before,
.aui-icon-system-share-android-small:before,
.aui-icon-system-share-large:before,
.aui-icon-system-share-small:before,
.aui-icon-system-skip-next-large:before,
.aui-icon-system-skip-next-small:before,
.aui-icon-system-skip-previous-large:before,
.aui-icon-system-skip-previous-small:before,
.aui-icon-system-snapchat-large:before,
.aui-icon-system-snapchat-small:before,
.aui-icon-system-sync-large:before,
.aui-icon-system-sync-small:before,
.aui-icon-system-twitter-large:before,
.aui-icon-system-twitter-small:before,
.aui-icon-system-upload-large:before,
.aui-icon-system-upload-small:before,
.aui-icon-system-vimeo-large:before,
.aui-icon-system-vimeo-small:before,
.aui-icon-system-wechat-large:before,
.aui-icon-system-wechat-small:before,
.aui-icon-system-weibo-large:before,
.aui-icon-system-weibo-small:before,
.aui-icon-system-xing-large:before,
.aui-icon-system-xing-small:before,
.aui-icon-system-yelp-large:before,
.aui-icon-system-yelp-small:before,
.aui-icon-system-youku-large:before,
.aui-icon-system-youku-small:before,
.aui-icon-system-youtube-large:before,
.aui-icon-system-youtube-small:before,
.aui-icon-system-zhihu-large:before,
.aui-icon-system-zhihu-small:before,
.aui-icon-tag-large:before,
.aui-icon-tag-small:before,
.aui-icon-test-drive-large:before,
.aui-icon-test-drive-small:before,
.aui-icon-time-climate1-large:before,
.aui-icon-time-climate1-small:before,
.aui-icon-time-climate2-large:before,
.aui-icon-time-climate2-small:before,
.aui-icon-time-large:before,
.aui-icon-time-long-large:before,
.aui-icon-time-long-small:before,
.aui-icon-time-middle-large:before,
.aui-icon-time-middle-small:before,
.aui-icon-time-short-large:before,
.aui-icon-time-short-small:before,
.aui-icon-time-small:before,
.aui-icon-top-speed-large:before,
.aui-icon-top-speed-small:before,
.aui-icon-torque-large:before,
.aui-icon-torque-small:before,
.aui-icon-tour-large:before,
.aui-icon-tour-small:before,
.aui-icon-traffic-large:before,
.aui-icon-traffic-sign-recognition-alert-large:before,
.aui-icon-traffic-sign-recognition-alert-small:before,
.aui-icon-traffic-sign-recognition-large:before,
.aui-icon-traffic-sign-recognition-small:before,
.aui-icon-traffic-small:before,
.aui-icon-trailer-maneuver-large:before,
.aui-icon-trailer-maneuver-small:before,
.aui-icon-train-large:before,
.aui-icon-train-small:before,
.aui-icon-transmission-large:before,
.aui-icon-transmission-small:before,
.aui-icon-trunk-open-large:before,
.aui-icon-trunk-open-small:before,
.aui-icon-tube-large:before,
.aui-icon-tube-small:before,
.aui-icon-twitter-large:before,
.aui-icon-twitter-small:before,
.aui-icon-used-car-search-large:before,
.aui-icon-used-car-search-small:before,
.aui-icon-used-cars-large:before,
.aui-icon-used-cars-small:before,
.aui-icon-user-large:before,
.aui-icon-user-small:before,
.aui-icon-user-whole-body-large:before,
.aui-icon-user-whole-body-small:before,
.aui-icon-valet-parking-large:before,
.aui-icon-valet-parking-small:before,
.aui-icon-vehicle-signal-large:before,
.aui-icon-vehicle-signal-small:before,
.aui-icon-vehicle-wi-fi-1-large:before,
.aui-icon-vehicle-wi-fi-1-small:before,
.aui-icon-vehicle-wi-fi-2-large:before,
.aui-icon-vehicle-wi-fi-2-small:before,
.aui-icon-vehicle-wi-fi-3-large:before,
.aui-icon-vehicle-wi-fi-3-small:before,
.aui-icon-vehicle-wi-fi-4-large:before,
.aui-icon-vehicle-wi-fi-4-small:before,
.aui-icon-velocity-alert-large:before,
.aui-icon-velocity-alert-small:before,
.aui-icon-velocity-large:before,
.aui-icon-velocity-small:before,
.aui-icon-video-large:before,
.aui-icon-video-small:before,
.aui-icon-view-360-large:before,
.aui-icon-view-360-small:before,
.aui-icon-vimeo-large:before,
.aui-icon-vimeo-small:before,
.aui-icon-voice-call-1-large:before,
.aui-icon-voice-call-1-small:before,
.aui-icon-voice-call-2-large:before,
.aui-icon-voice-call-2-small:before,
.aui-icon-voice-call-3-large:before,
.aui-icon-voice-call-3-small:before,
.aui-icon-voice-call-large:before,
.aui-icon-voice-call-small:before,
.aui-icon-walk-large:before,
.aui-icon-walk-small:before,
.aui-icon-warranty-large:before,
.aui-icon-warranty-small:before,
.aui-icon-weblink-large:before,
.aui-icon-weblink-small:before,
.aui-icon-wechat-large:before,
.aui-icon-wechat-small:before,
.aui-icon-weibo-large:before,
.aui-icon-weibo-small:before,
.aui-icon-work-large:before,
.aui-icon-work-small:before,
.aui-icon-xing-large:before,
.aui-icon-xing-small:before,
.aui-icon-yelp-large:before,
.aui-icon-yelp-small:before,
.aui-icon-youku-large:before,
.aui-icon-youku-small:before,
.aui-icon-youtube-large:before,
.aui-icon-youtube-small:before,
.aui-icon-zhihu-large:before,
.aui-icon-zhihu-small:before {
  font-family: "audi-iconfont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.aui-icon-adblue-alert-large:before { content: "\EA01" }
.aui-icon-adblue-alert-small:before { content: "\EA02" }
.aui-icon-adblue-large:before { content: "\EA03" }
.aui-icon-adblue-small:before { content: "\EA04" }
.aui-icon-address-book-large:before { content: "\EA05" }
.aui-icon-address-book-small:before { content: "\EA06" }
.aui-icon-administrator-large:before { content: "\EA07" }
.aui-icon-administrator-small:before { content: "\EA08" }
.aui-icon-announcements-large:before { content: "\EA09" }
.aui-icon-announcements-small:before { content: "\EA0A" }
.aui-icon-anti-theft-alarm-system-alert-large:before { content: "\EA0B" }
.aui-icon-anti-theft-alarm-system-alert-small:before { content: "\EA0C" }
.aui-icon-anti-theft-alarm-system-large:before { content: "\EA0D" }
.aui-icon-anti-theft-alarm-system-small:before { content: "\EA0E" }
.aui-icon-apps-large:before { content: "\EA0F" }
.aui-icon-apps-small:before { content: "\EA10" }
.aui-icon-arrow-down-large:before { content: "\EA11" }
.aui-icon-arrow-down-small:before { content: "\EA12" }
.aui-icon-arrow-left-light-large:before { content: "\EA13" }
.aui-icon-arrow-left-light-small:before { content: "\EA14" }
.aui-icon-arrow-left-normal-large:before { content: "\EA15" }
.aui-icon-arrow-left-normal-small:before { content: "\EA16" }
.aui-icon-arrow-left-sharp-large:before { content: "\EA17" }
.aui-icon-arrow-left-sharp-small:before { content: "\EA18" }
.aui-icon-arrow-left-u-turn-large:before { content: "\EA19" }
.aui-icon-arrow-left-u-turn-small:before { content: "\EA1A" }
.aui-icon-arrow-narrow-down-large:before { content: "\EA1B" }
.aui-icon-arrow-narrow-down-small:before { content: "\EA1C" }
.aui-icon-arrow-narrow-up-large:before { content: "\EA1D" }
.aui-icon-arrow-narrow-up-small:before { content: "\EA1E" }
.aui-icon-arrow-right-light-large:before { content: "\EA1F" }
.aui-icon-arrow-right-light-small:before { content: "\EA20" }
.aui-icon-arrow-right-normal-large:before { content: "\EA21" }
.aui-icon-arrow-right-normal-small:before { content: "\EA22" }
.aui-icon-arrow-right-sharp-large:before { content: "\EA23" }
.aui-icon-arrow-right-sharp-small:before { content: "\EA24" }
.aui-icon-arrow-right-u-turn-large:before { content: "\EA25" }
.aui-icon-arrow-right-u-turn-small:before { content: "\EA26" }
.aui-icon-arrow-straight-down-large:before { content: "\EA27" }
.aui-icon-arrow-straight-down-small:before { content: "\EA28" }
.aui-icon-arrow-straight-up-large:before { content: "\EA29" }
.aui-icon-arrow-straight-up-small:before { content: "\EA2A" }
.aui-icon-arrow-up-large:before { content: "\EA2B" }
.aui-icon-arrow-up-small:before { content: "\EA2C" }
.aui-icon-audio-volume-large:before { content: "\EA2D" }
.aui-icon-audio-volume-small:before { content: "\EA2E" }
.aui-icon-aupeo-large:before { content: "\EA2F" }
.aui-icon-aupeo-small:before { content: "\EA30" }
.aui-icon-back-large:before { content: "\EA31" }
.aui-icon-back-small:before { content: "\EA32" }
.aui-icon-blog-post-large:before { content: "\EA33" }
.aui-icon-blog-post-small:before { content: "\EA34" }
.aui-icon-bonnet-open-large:before { content: "\EA35" }
.aui-icon-bonnet-open-small:before { content: "\EA36" }
.aui-icon-bookmark-large:before { content: "\EA37" }
.aui-icon-bookmark-small:before { content: "\EA38" }
.aui-icon-brake-pad-alert-large:before { content: "\EA39" }
.aui-icon-brake-pad-alert-small:before { content: "\EA3A" }
.aui-icon-brake-pad-large:before { content: "\EA3B" }
.aui-icon-brake-pad-small:before { content: "\EA3C" }
.aui-icon-break-large:before { content: "\EA3D" }
.aui-icon-break-small:before { content: "\EA3E" }
.aui-icon-business-address-large:before { content: "\EA3F" }
.aui-icon-business-address-small:before { content: "\EA40" }
.aui-icon-business-customer-large:before { content: "\EA41" }
.aui-icon-business-customer-small:before { content: "\EA42" }
.aui-icon-calculator-large:before { content: "\EA43" }
.aui-icon-calculator-small:before { content: "\EA44" }
.aui-icon-calendar-events-large:before { content: "\EA45" }
.aui-icon-calendar-events-small:before { content: "\EA46" }
.aui-icon-camera-large:before { content: "\EA47" }
.aui-icon-camera-small:before { content: "\EA48" }
.aui-icon-cancel-large:before { content: "\EA49" }
.aui-icon-cancel-small:before { content: "\EA4A" }
.aui-icon-car-dimensions-large:before { content: "\EA4B" }
.aui-icon-car-dimensions-small:before { content: "\EA4C" }
.aui-icon-car-handover-large:before { content: "\EA4D" }
.aui-icon-car-handover-small:before { content: "\EA4E" }
.aui-icon-car-large:before { content: "\EA4F" }
.aui-icon-car-search-large:before { content: "\EA50" }
.aui-icon-car-search-small:before { content: "\EA51" }
.aui-icon-car-small:before { content: "\EA52" }
.aui-icon-catalogue-large:before { content: "\EA53" }
.aui-icon-catalogue-small:before { content: "\EA54" }
.aui-icon-caution-large:before { content: "\EA55" }
.aui-icon-caution-small:before { content: "\EA56" }
.aui-icon-charge-level-large:before { content: "\EA57" }
.aui-icon-charge-level-small:before { content: "\EA58" }
.aui-icon-charging-large:before { content: "\EA59" }
.aui-icon-charging-plate-large:before { content: "\EA5A" }
.aui-icon-charging-plate-small:before { content: "\EA5B" }
.aui-icon-charging-small:before { content: "\EA5C" }
.aui-icon-charging-station-large:before { content: "\EA5D" }
.aui-icon-charging-station-small:before { content: "\EA5E" }
.aui-icon-climate-auto-large:before { content: "\EA5F" }
.aui-icon-climate-auto-small:before { content: "\EA60" }
.aui-icon-climate-electric-large:before { content: "\EA61" }
.aui-icon-climate-electric-small:before { content: "\EA62" }
.aui-icon-climate-large:before { content: "\EA63" }
.aui-icon-climate-small:before { content: "\EA64" }
.aui-icon-clothing-large:before { content: "\EA65" }
.aui-icon-clothing-small:before { content: "\EA66" }
.aui-icon-co2-emission-large:before { content: "\EA67" }
.aui-icon-co2-emission-small:before { content: "\EA68" }
.aui-icon-code-large:before { content: "\EA69" }
.aui-icon-code-small:before { content: "\EA6A" }
.aui-icon-commute-large:before { content: "\EA6B" }
.aui-icon-commute-small:before { content: "\EA6C" }
.aui-icon-compare-large:before { content: "\EA6D" }
.aui-icon-compare-small:before { content: "\EA6E" }
.aui-icon-connect-key-large:before { content: "\EA6F" }
.aui-icon-connect-key-small:before { content: "\EA70" }
.aui-icon-consumption-large:before { content: "\EA71" }
.aui-icon-consumption-small:before { content: "\EA72" }
.aui-icon-content-activities-large:before { content: "\EA73" }
.aui-icon-content-activities-small:before { content: "\EA74" }
.aui-icon-credit-card-large:before { content: "\EA75" }
.aui-icon-credit-card-small:before { content: "\EA76" }
.aui-icon-cross-traffic-assist-rear-large:before { content: "\EA77" }
.aui-icon-cross-traffic-assist-rear-small:before { content: "\EA78" }
.aui-icon-cubic-capacity-large:before { content: "\EA79" }
.aui-icon-cubic-capacity-small:before { content: "\EA7A" }
.aui-icon-dashboard-large:before { content: "\EA7B" }
.aui-icon-dashboard-small:before { content: "\EA7C" }
.aui-icon-dealer-request-large:before { content: "\EA7D" }
.aui-icon-dealer-request-small:before { content: "\EA7E" }
.aui-icon-dealer-search-large:before { content: "\EA7F" }
.aui-icon-dealer-search-small:before { content: "\EA80" }
.aui-icon-direct-mail-large:before { content: "\EA81" }
.aui-icon-direct-mail-small:before { content: "\EA82" }
.aui-icon-discussion-large:before { content: "\EA83" }
.aui-icon-discussion-small:before { content: "\EA84" }
.aui-icon-distance-large:before { content: "\EA85" }
.aui-icon-distance-small:before { content: "\EA86" }
.aui-icon-document-pdf-large:before { content: "\EA87" }
.aui-icon-document-pdf-small:before { content: "\EA88" }
.aui-icon-document-pricelist-dollar-large:before { content: "\EA89" }
.aui-icon-document-pricelist-dollar-small:before { content: "\EA8A" }
.aui-icon-document-pricelist-euro-large:before { content: "\EA8B" }
.aui-icon-document-pricelist-euro-small:before { content: "\EA8C" }
.aui-icon-document-taxation-large:before { content: "\EA8D" }
.aui-icon-document-taxation-small:before { content: "\EA8E" }
.aui-icon-documents-large:before { content: "\EA8F" }
.aui-icon-documents-small:before { content: "\EA90" }
.aui-icon-door-open-large:before { content: "\EA91" }
.aui-icon-door-open-small:before { content: "\EA92" }
.aui-icon-download-large:before { content: "\EA93" }
.aui-icon-download-small:before { content: "\EA94" }
.aui-icon-edit-large:before { content: "\EA95" }
.aui-icon-edit-small:before { content: "\EA96" }
.aui-icon-editorial-large:before { content: "\EA97" }
.aui-icon-editorial-small:before { content: "\EA98" }
.aui-icon-electric-range-large:before { content: "\EA99" }
.aui-icon-electric-range-small:before { content: "\EA9A" }
.aui-icon-engine-large:before { content: "\EA9B" }
.aui-icon-engine-small:before { content: "\EA9C" }
.aui-icon-erase-large:before { content: "\EA9D" }
.aui-icon-erase-small:before { content: "\EA9E" }
.aui-icon-facebook-large:before { content: "\EA9F" }
.aui-icon-facebook-small:before { content: "\EAA0" }
.aui-icon-favorite-large:before { content: "\EAA1" }
.aui-icon-favorite-small:before { content: "\EAA2" }
.aui-icon-feature-on-demand-large:before { content: "\EAA3" }
.aui-icon-feature-on-demand-small:before { content: "\EAA4" }
.aui-icon-feed-large:before { content: "\EAA5" }
.aui-icon-feed-small:before { content: "\EAA6" }
.aui-icon-filter-large:before { content: "\EAA7" }
.aui-icon-filter-small:before { content: "\EAA8" }
.aui-icon-financial-services-large:before { content: "\EAA9" }
.aui-icon-financial-services-small:before { content: "\EAAA" }
.aui-icon-forward-large:before { content: "\EAAB" }
.aui-icon-forward-small:before { content: "\EAAC" }
.aui-icon-fuel-range-large:before { content: "\EAAD" }
.aui-icon-fuel-range-small:before { content: "\EAAE" }
.aui-icon-fuel-station-large:before { content: "\EAAF" }
.aui-icon-fuel-station-small:before { content: "\EAB0" }
.aui-icon-gas-station-large:before { content: "\EAB1" }
.aui-icon-gas-station-small:before { content: "\EAB2" }
.aui-icon-geofence-alert-large:before { content: "\EAB3" }
.aui-icon-geofence-alert-small:before { content: "\EAB4" }
.aui-icon-geofence-large:before { content: "\EAB5" }
.aui-icon-geofence-small:before { content: "\EAB6" }
.aui-icon-gift-large:before { content: "\EAB7" }
.aui-icon-gift-small:before { content: "\EAB8" }
.aui-icon-google-plus-large:before { content: "\EAB9" }
.aui-icon-google-plus-small:before { content: "\EABA" }
.aui-icon-gps-large:before { content: "\EABB" }
.aui-icon-gps-small:before { content: "\EABC" }
.aui-icon-grab-large:before { content: "\EABD" }
.aui-icon-grab-small:before { content: "\EABE" }
.aui-icon-group-discussion-large:before { content: "\EABF" }
.aui-icon-group-discussion-small:before { content: "\EAC0" }
.aui-icon-groups-large:before { content: "\EAC1" }
.aui-icon-groups-small:before { content: "\EAC2" }
.aui-icon-home-large:before { content: "\EAC3" }
.aui-icon-home-small:before { content: "\EAC4" }
.aui-icon-honk-and-flash-large:before { content: "\EAC5" }
.aui-icon-honk-and-flash-small:before { content: "\EAC6" }
.aui-icon-honk-large:before { content: "\EAC7" }
.aui-icon-honk-small:before { content: "\EAC8" }
.aui-icon-hotline-large:before { content: "\EAC9" }
.aui-icon-hotline-small:before { content: "\EACA" }
.aui-icon-idea-large:before { content: "\EACB" }
.aui-icon-idea-small:before { content: "\EACC" }
.aui-icon-indicators-large:before { content: "\EACD" }
.aui-icon-indicators-small:before { content: "\EACE" }
.aui-icon-inspection-large:before { content: "\EACF" }
.aui-icon-inspection-small:before { content: "\EAD0" }
.aui-icon-instagram-large:before { content: "\EAD1" }
.aui-icon-instagram-small:before { content: "\EAD2" }
.aui-icon-interior-configuration-large:before { content: "\EAD3" }
.aui-icon-interior-configuration-small:before { content: "\EAD4" }
.aui-icon-languages-large:before { content: "\EAD5" }
.aui-icon-languages-small:before { content: "\EAD6" }
.aui-icon-lights-day-large:before { content: "\EAD7" }
.aui-icon-lights-day-small:before { content: "\EAD8" }
.aui-icon-lights-dim-large:before { content: "\EAD9" }
.aui-icon-lights-dim-small:before { content: "\EADA" }
.aui-icon-lights-full-beam-large:before { content: "\EADB" }
.aui-icon-lights-full-beam-small:before { content: "\EADC" }
.aui-icon-lights-led-large:before { content: "\EADD" }
.aui-icon-lights-led-small:before { content: "\EADE" }
.aui-icon-lights-xenon-large:before { content: "\EADF" }
.aui-icon-lights-xenon-small:before { content: "\EAE0" }
.aui-icon-line-large:before { content: "\EAE1" }
.aui-icon-line-me-large:before { content: "\EAE2" }
.aui-icon-line-me-small:before { content: "\EAE3" }
.aui-icon-line-small:before { content: "\EAE4" }
.aui-icon-linkedin-large:before { content: "\EAE5" }
.aui-icon-linkedin-small:before { content: "\EAE6" }
.aui-icon-list-large:before { content: "\EAE7" }
.aui-icon-list-small:before { content: "\EAE8" }
.aui-icon-lock-large:before { content: "\EAE9" }
.aui-icon-lock-small:before { content: "\EAEA" }
.aui-icon-lock-unlock-large:before { content: "\EAEB" }
.aui-icon-lock-unlock-small:before { content: "\EAEC" }
.aui-icon-logbook-large:before { content: "\EAED" }
.aui-icon-logbook-small:before { content: "\EAEE" }
.aui-icon-login-large:before { content: "\EAEF" }
.aui-icon-login-small:before { content: "\EAF0" }
.aui-icon-loose-wheel-indicator-large:before { content: "\EAF1" }
.aui-icon-loose-wheel-indicator-small:before { content: "\EAF2" }
.aui-icon-main-user-large:before { content: "\EAF3" }
.aui-icon-main-user-small:before { content: "\EAF4" }
.aui-icon-maneuvering-assist-large:before { content: "\EAF5" }
.aui-icon-maneuvering-assist-small:before { content: "\EAF6" }
.aui-icon-merchandise-large:before { content: "\EAF7" }
.aui-icon-merchandise-small:before { content: "\EAF8" }
.aui-icon-mileage-large:before { content: "\EAF9" }
.aui-icon-mileage-small:before { content: "\EAFA" }
.aui-icon-mmi-large:before { content: "\EAFB" }
.aui-icon-mmi-small:before { content: "\EAFC" }
.aui-icon-mobile-phone-large:before { content: "\EAFD" }
.aui-icon-mobile-phone-small:before { content: "\EAFE" }
.aui-icon-more-large:before { content: "\EAFF" }
.aui-icon-more-small:before { content: "\EB00" }
.aui-icon-my-dealer-large:before { content: "\EB01" }
.aui-icon-my-dealer-small:before { content: "\EB02" }
.aui-icon-myaudi-destinations-large:before { content: "\EB03" }
.aui-icon-myaudi-destinations-small:before { content: "\EB04" }
.aui-icon-napster-large:before { content: "\EB05" }
.aui-icon-napster-small:before { content: "\EB06" }
.aui-icon-news-large:before { content: "\EB07" }
.aui-icon-news-small:before { content: "\EB08" }
.aui-icon-nfc-inactive-large:before { content: "\EB09" }
.aui-icon-nfc-inactive-small:before { content: "\EB0A" }
.aui-icon-nfc-large:before { content: "\EB0B" }
.aui-icon-nfc-small:before { content: "\EB0C" }
.aui-icon-notepad-large:before { content: "\EB0D" }
.aui-icon-notepad-small:before { content: "\EB0E" }
.aui-icon-off-canvas-large:before { content: "\EB0F" }
.aui-icon-off-canvas-small:before { content: "\EB10" }
.aui-icon-offline-maps-large:before { content: "\EB11" }
.aui-icon-offline-maps-small:before { content: "\EB12" }
.aui-icon-oil-change-large:before { content: "\EB13" }
.aui-icon-oil-change-small:before { content: "\EB14" }
.aui-icon-parking-in-left-large:before { content: "\EB15" }
.aui-icon-parking-in-left-long-large:before { content: "\EB16" }
.aui-icon-parking-in-left-long-small:before { content: "\EB17" }
.aui-icon-parking-in-left-small:before { content: "\EB18" }
.aui-icon-parking-in-right-large:before { content: "\EB19" }
.aui-icon-parking-in-right-long-large:before { content: "\EB1A" }
.aui-icon-parking-in-right-long-small:before { content: "\EB1B" }
.aui-icon-parking-in-right-small:before { content: "\EB1C" }
.aui-icon-parking-in-straight-large:before { content: "\EB1D" }
.aui-icon-parking-in-straight-small:before { content: "\EB1E" }
.aui-icon-parking-large:before { content: "\EB1F" }
.aui-icon-parking-out-left-large:before { content: "\EB20" }
.aui-icon-parking-out-left-long-large:before { content: "\EB21" }
.aui-icon-parking-out-left-long-small:before { content: "\EB22" }
.aui-icon-parking-out-left-small:before { content: "\EB23" }
.aui-icon-parking-out-right-large:before { content: "\EB24" }
.aui-icon-parking-out-right-long-large:before { content: "\EB25" }
.aui-icon-parking-out-right-long-small:before { content: "\EB26" }
.aui-icon-parking-out-right-small:before { content: "\EB27" }
.aui-icon-parking-out-straight-large:before { content: "\EB28" }
.aui-icon-parking-out-straight-small:before { content: "\EB29" }
.aui-icon-parking-small:before { content: "\EB2A" }
.aui-icon-pause-large:before { content: "\EB2B" }
.aui-icon-pause-small:before { content: "\EB2C" }
.aui-icon-photo-large:before { content: "\EB2D" }
.aui-icon-photo-small:before { content: "\EB2E" }
.aui-icon-piloted-parking-large:before { content: "\EB2F" }
.aui-icon-piloted-parking-small:before { content: "\EB30" }
.aui-icon-pinterest-large:before { content: "\EB31" }
.aui-icon-pinterest-small:before { content: "\EB32" }
.aui-icon-play-large:before { content: "\EB33" }
.aui-icon-play-small:before { content: "\EB34" }
.aui-icon-poi-calendar-large:before { content: "\EB35" }
.aui-icon-poi-calendar-small:before { content: "\EB36" }
.aui-icon-poi-car-large:before { content: "\EB37" }
.aui-icon-poi-car-small:before { content: "\EB38" }
.aui-icon-poi-contact-large:before { content: "\EB39" }
.aui-icon-poi-contact-small:before { content: "\EB3A" }
.aui-icon-poi-favorite-large:before { content: "\EB3B" }
.aui-icon-poi-favorite-small:before { content: "\EB3C" }
.aui-icon-poi-home-large:before { content: "\EB3D" }
.aui-icon-poi-home-small:before { content: "\EB3E" }
.aui-icon-poi-large:before { content: "\EB3F" }
.aui-icon-poi-last-destination-large:before { content: "\EB40" }
.aui-icon-poi-last-destination-small:before { content: "\EB41" }
.aui-icon-poi-on-map-large:before { content: "\EB42" }
.aui-icon-poi-on-map-small:before { content: "\EB43" }
.aui-icon-poi-search-large:before { content: "\EB44" }
.aui-icon-poi-search-small:before { content: "\EB45" }
.aui-icon-poi-small:before { content: "\EB46" }
.aui-icon-poi-work-large:before { content: "\EB47" }
.aui-icon-poi-work-small:before { content: "\EB48" }
.aui-icon-pois-large:before { content: "\EB49" }
.aui-icon-pois-small:before { content: "\EB4A" }
.aui-icon-polls-large:before { content: "\EB4B" }
.aui-icon-polls-small:before { content: "\EB4C" }
.aui-icon-power-large:before { content: "\EB4D" }
.aui-icon-power-small:before { content: "\EB4E" }
.aui-icon-pre-heating-large:before { content: "\EB4F" }
.aui-icon-pre-heating-small:before { content: "\EB50" }
.aui-icon-print-large:before { content: "\EB51" }
.aui-icon-print-small:before { content: "\EB52" }
.aui-icon-private-customer-large:before { content: "\EB53" }
.aui-icon-private-customer-small:before { content: "\EB54" }
.aui-icon-profile-large:before { content: "\EB55" }
.aui-icon-profile-small:before { content: "\EB56" }
.aui-icon-projects-large:before { content: "\EB57" }
.aui-icon-projects-small:before { content: "\EB58" }
.aui-icon-public-transport-large:before { content: "\EB59" }
.aui-icon-public-transport-small:before { content: "\EB5A" }
.aui-icon-quattro-large:before { content: "\EB5B" }
.aui-icon-quattro-small:before { content: "\EB5C" }
.aui-icon-receive-e-mail-notification-large:before { content: "\EB5D" }
.aui-icon-receive-e-mail-notification-small:before { content: "\EB5E" }
.aui-icon-recommended-destination-large:before { content: "\EB5F" }
.aui-icon-recommended-destination-small:before { content: "\EB60" }
.aui-icon-replay-large:before { content: "\EB61" }
.aui-icon-replay-small:before { content: "\EB62" }
.aui-icon-resize-decrease-large:before { content: "\EB63" }
.aui-icon-resize-decrease-small:before { content: "\EB64" }
.aui-icon-resize-increase-large:before { content: "\EB65" }
.aui-icon-resize-increase-small:before { content: "\EB66" }
.aui-icon-results-list-large:before { content: "\EB67" }
.aui-icon-results-list-small:before { content: "\EB68" }
.aui-icon-roof-open-large:before { content: "\EB69" }
.aui-icon-roof-open-small:before { content: "\EB6A" }
.aui-icon-rotate-image-left-large:before { content: "\EB6B" }
.aui-icon-rotate-image-left-small:before { content: "\EB6C" }
.aui-icon-rotate-image-right-large:before { content: "\EB6D" }
.aui-icon-rotate-image-right-small:before { content: "\EB6E" }
.aui-icon-rotate-left-large:before { content: "\EB6F" }
.aui-icon-rotate-left-small:before { content: "\EB70" }
.aui-icon-rotate-right-large:before { content: "\EB71" }
.aui-icon-rotate-right-small:before { content: "\EB72" }
.aui-icon-roundabout-left-large:before { content: "\EB73" }
.aui-icon-roundabout-left-small:before { content: "\EB74" }
.aui-icon-roundabout-long-left-large:before { content: "\EB75" }
.aui-icon-roundabout-long-left-small:before { content: "\EB76" }
.aui-icon-roundabout-long-right-large:before { content: "\EB77" }
.aui-icon-roundabout-long-right-small:before { content: "\EB78" }
.aui-icon-roundabout-right-large:before { content: "\EB79" }
.aui-icon-roundabout-right-small:before { content: "\EB7A" }
.aui-icon-roundabout-sharp-left-large:before { content: "\EB7B" }
.aui-icon-roundabout-sharp-left-small:before { content: "\EB7C" }
.aui-icon-roundabout-sharp-right-large:before { content: "\EB7D" }
.aui-icon-roundabout-sharp-right-small:before { content: "\EB7E" }
.aui-icon-roundabout-straight-large:before { content: "\EB7F" }
.aui-icon-roundabout-straight-small:before { content: "\EB80" }
.aui-icon-rss-feed-large:before { content: "\EB81" }
.aui-icon-rss-feed-small:before { content: "\EB82" }
.aui-icon-search-large:before { content: "\EB83" }
.aui-icon-search-small:before { content: "\EB84" }
.aui-icon-select-all-large:before { content: "\EB85" }
.aui-icon-select-all-small:before { content: "\EB86" }
.aui-icon-select-large:before { content: "\EB87" }
.aui-icon-select-small:before { content: "\EB88" }
.aui-icon-send-to-vehicle-large:before { content: "\EB89" }
.aui-icon-send-to-vehicle-small:before { content: "\EB8A" }
.aui-icon-settings-large:before { content: "\EB8B" }
.aui-icon-settings-small:before { content: "\EB8C" }
.aui-icon-share-android-large:before { content: "\EB8D" }
.aui-icon-share-android-small:before { content: "\EB8E" }
.aui-icon-share-large:before { content: "\EB8F" }
.aui-icon-share-small:before { content: "\EB90" }
.aui-icon-shopping-basket-large:before { content: "\EB91" }
.aui-icon-shopping-basket-small:before { content: "\EB92" }
.aui-icon-shuffle-large:before { content: "\EB93" }
.aui-icon-shuffle-small:before { content: "\EB94" }
.aui-icon-side-assist-large:before { content: "\EB95" }
.aui-icon-side-assist-small:before { content: "\EB96" }
.aui-icon-skip-next-large:before { content: "\EB97" }
.aui-icon-skip-next-small:before { content: "\EB98" }
.aui-icon-skip-previous-large:before { content: "\EB99" }
.aui-icon-skip-previous-small:before { content: "\EB9A" }
.aui-icon-snapchat-large:before { content: "\EB9B" }
.aui-icon-snapchat-small:before { content: "\EB9C" }
.aui-icon-social-reader-large:before { content: "\EB9D" }
.aui-icon-social-reader-small:before { content: "\EB9E" }
.aui-icon-status-update-large:before { content: "\EB9F" }
.aui-icon-status-update-small:before { content: "\EBA0" }
.aui-icon-sync-large:before { content: "\EBA1" }
.aui-icon-sync-small:before { content: "\EBA2" }
.aui-icon-system-add-large:before { content: "\EBA3" }
.aui-icon-system-add-small:before { content: "\EBA4" }
.aui-icon-system-audio-off-large:before { content: "\EBA5" }
.aui-icon-system-audio-off-small:before { content: "\EBA6" }
.aui-icon-system-audio-on-large:before { content: "\EBA7" }
.aui-icon-system-audio-on-small:before { content: "\EBA8" }
.aui-icon-system-cancel-large:before { content: "\EBA9" }
.aui-icon-system-cancel-small:before { content: "\EBAA" }
.aui-icon-system-code-large:before { content: "\EBAB" }
.aui-icon-system-code-small:before { content: "\EBAC" }
.aui-icon-system-compare-large:before { content: "\EBAD" }
.aui-icon-system-compare-small:before { content: "\EBAE" }
.aui-icon-system-download-large:before { content: "\EBAF" }
.aui-icon-system-download-small:before { content: "\EBB0" }
.aui-icon-system-facebook-large:before { content: "\EBB1" }
.aui-icon-system-facebook-small:before { content: "\EBB2" }
.aui-icon-system-favorites-large:before { content: "\EBB3" }
.aui-icon-system-favorites-small:before { content: "\EBB4" }
.aui-icon-system-follow-large:before { content: "\EBB5" }
.aui-icon-system-follow-small:before { content: "\EBB6" }
.aui-icon-system-google-plus-large:before { content: "\EBB7" }
.aui-icon-system-google-plus-small:before { content: "\EBB8" }
.aui-icon-system-help-large:before { content: "\EBB9" }
.aui-icon-system-help-small:before { content: "\EBBA" }
.aui-icon-system-info-large:before { content: "\EBBB" }
.aui-icon-system-info-small:before { content: "\EBBC" }
.aui-icon-system-instagram-large:before { content: "\EBBD" }
.aui-icon-system-instagram-small:before { content: "\EBBE" }
.aui-icon-system-line-me-large:before { content: "\EBBF" }
.aui-icon-system-line-me-small:before { content: "\EBC0" }
.aui-icon-system-linkedin-large:before { content: "\EBC1" }
.aui-icon-system-linkedin-small:before { content: "\EBC2" }
.aui-icon-system-paragraph-large:before { content: "\EBC3" }
.aui-icon-system-paragraph-small:before { content: "\EBC4" }
.aui-icon-system-pause-large:before { content: "\EBC5" }
.aui-icon-system-pause-small:before { content: "\EBC6" }
.aui-icon-system-pinterest-large:before { content: "\EBC7" }
.aui-icon-system-pinterest-small:before { content: "\EBC8" }
.aui-icon-system-play-backwards-large:before { content: "\EBC9" }
.aui-icon-system-play-backwards-small:before { content: "\EBCA" }
.aui-icon-system-play-large:before { content: "\EBCB" }
.aui-icon-system-play-small:before { content: "\EBCC" }
.aui-icon-system-print-large:before { content: "\EBCD" }
.aui-icon-system-print-small:before { content: "\EBCE" }
.aui-icon-system-remove-large:before { content: "\EBCF" }
.aui-icon-system-remove-small:before { content: "\EBD0" }
.aui-icon-system-replay-large:before { content: "\EBD1" }
.aui-icon-system-replay-small:before { content: "\EBD2" }
.aui-icon-system-resize-decrease-large:before { content: "\EBD3" }
.aui-icon-system-resize-decrease-small:before { content: "\EBD4" }
.aui-icon-system-resize-increase-large:before { content: "\EBD5" }
.aui-icon-system-resize-increase-small:before { content: "\EBD6" }
.aui-icon-system-save-as-large:before { content: "\EBD7" }
.aui-icon-system-save-as-small:before { content: "\EBD8" }
.aui-icon-system-search-large:before { content: "\EBD9" }
.aui-icon-system-search-small:before { content: "\EBDA" }
.aui-icon-system-select-large:before { content: "\EBDB" }
.aui-icon-system-select-small:before { content: "\EBDC" }
.aui-icon-system-settings-large:before { content: "\EBDD" }
.aui-icon-system-settings-small:before { content: "\EBDE" }
.aui-icon-system-share-android-large:before { content: "\EBDF" }
.aui-icon-system-share-android-small:before { content: "\EBE0" }
.aui-icon-system-share-large:before { content: "\EBE1" }
.aui-icon-system-share-small:before { content: "\EBE2" }
.aui-icon-system-skip-next-large:before { content: "\EBE3" }
.aui-icon-system-skip-next-small:before { content: "\EBE4" }
.aui-icon-system-skip-previous-large:before { content: "\EBE5" }
.aui-icon-system-skip-previous-small:before { content: "\EBE6" }
.aui-icon-system-snapchat-large:before { content: "\EBE7" }
.aui-icon-system-snapchat-small:before { content: "\EBE8" }
.aui-icon-system-sync-large:before { content: "\EBE9" }
.aui-icon-system-sync-small:before { content: "\EBEA" }
.aui-icon-system-twitter-large:before { content: "\EBEB" }
.aui-icon-system-twitter-small:before { content: "\EBEC" }
.aui-icon-system-upload-large:before { content: "\EBED" }
.aui-icon-system-upload-small:before { content: "\EBEE" }
.aui-icon-system-vimeo-large:before { content: "\EBEF" }
.aui-icon-system-vimeo-small:before { content: "\EBF0" }
.aui-icon-system-wechat-large:before { content: "\EBF1" }
.aui-icon-system-wechat-small:before { content: "\EBF2" }
.aui-icon-system-weibo-large:before { content: "\EBF3" }
.aui-icon-system-weibo-small:before { content: "\EBF4" }
.aui-icon-system-xing-large:before { content: "\EBF5" }
.aui-icon-system-xing-small:before { content: "\EBF6" }
.aui-icon-system-yelp-large:before { content: "\EBF7" }
.aui-icon-system-yelp-small:before { content: "\EBF8" }
.aui-icon-system-youku-large:before { content: "\EBF9" }
.aui-icon-system-youku-small:before { content: "\EBFA" }
.aui-icon-system-youtube-large:before { content: "\EBFB" }
.aui-icon-system-youtube-small:before { content: "\EBFC" }
.aui-icon-system-zhihu-large:before { content: "\EBFD" }
.aui-icon-system-zhihu-small:before { content: "\EBFE" }
.aui-icon-tag-large:before { content: "\EBFF" }
.aui-icon-tag-small:before { content: "\EC00" }
.aui-icon-test-drive-large:before { content: "\EC01" }
.aui-icon-test-drive-small:before { content: "\EC02" }
.aui-icon-time-climate1-large:before { content: "\EC03" }
.aui-icon-time-climate1-small:before { content: "\EC04" }
.aui-icon-time-climate2-large:before { content: "\EC05" }
.aui-icon-time-climate2-small:before { content: "\EC06" }
.aui-icon-time-large:before { content: "\EC07" }
.aui-icon-time-long-large:before { content: "\EC08" }
.aui-icon-time-long-small:before { content: "\EC09" }
.aui-icon-time-middle-large:before { content: "\EC0A" }
.aui-icon-time-middle-small:before { content: "\EC0B" }
.aui-icon-time-short-large:before { content: "\EC0C" }
.aui-icon-time-short-small:before { content: "\EC0D" }
.aui-icon-time-small:before { content: "\EC0E" }
.aui-icon-top-speed-large:before { content: "\EC0F" }
.aui-icon-top-speed-small:before { content: "\EC10" }
.aui-icon-torque-large:before { content: "\EC11" }
.aui-icon-torque-small:before { content: "\EC12" }
.aui-icon-tour-large:before { content: "\EC13" }
.aui-icon-tour-small:before { content: "\EC14" }
.aui-icon-traffic-large:before { content: "\EC15" }
.aui-icon-traffic-sign-recognition-alert-large:before { content: "\EC16" }
.aui-icon-traffic-sign-recognition-alert-small:before { content: "\EC17" }
.aui-icon-traffic-sign-recognition-large:before { content: "\EC18" }
.aui-icon-traffic-sign-recognition-small:before { content: "\EC19" }
.aui-icon-traffic-small:before { content: "\EC1A" }
.aui-icon-trailer-maneuver-large:before { content: "\EC1B" }
.aui-icon-trailer-maneuver-small:before { content: "\EC1C" }
.aui-icon-train-large:before { content: "\EC1D" }
.aui-icon-train-small:before { content: "\EC1E" }
.aui-icon-transmission-large:before { content: "\EC1F" }
.aui-icon-transmission-small:before { content: "\EC20" }
.aui-icon-trunk-open-large:before { content: "\EC21" }
.aui-icon-trunk-open-small:before { content: "\EC22" }
.aui-icon-tube-large:before { content: "\EC23" }
.aui-icon-tube-small:before { content: "\EC24" }
.aui-icon-twitter-large:before { content: "\EC25" }
.aui-icon-twitter-small:before { content: "\EC26" }
.aui-icon-used-car-search-large:before { content: "\EC27" }
.aui-icon-used-car-search-small:before { content: "\EC28" }
.aui-icon-used-cars-large:before { content: "\EC29" }
.aui-icon-used-cars-small:before { content: "\EC2A" }
.aui-icon-user-large:before { content: "\EC2B" }
.aui-icon-user-small:before { content: "\EC2C" }
.aui-icon-user-whole-body-large:before { content: "\EC2D" }
.aui-icon-user-whole-body-small:before { content: "\EC2E" }
.aui-icon-valet-parking-large:before { content: "\EC2F" }
.aui-icon-valet-parking-small:before { content: "\EC30" }
.aui-icon-vehicle-signal-large:before { content: "\EC31" }
.aui-icon-vehicle-signal-small:before { content: "\EC32" }
.aui-icon-vehicle-wi-fi-1-large:before { content: "\EC33" }
.aui-icon-vehicle-wi-fi-1-small:before { content: "\EC34" }
.aui-icon-vehicle-wi-fi-2-large:before { content: "\EC35" }
.aui-icon-vehicle-wi-fi-2-small:before { content: "\EC36" }
.aui-icon-vehicle-wi-fi-3-large:before { content: "\EC37" }
.aui-icon-vehicle-wi-fi-3-small:before { content: "\EC38" }
.aui-icon-vehicle-wi-fi-4-large:before { content: "\EC39" }
.aui-icon-vehicle-wi-fi-4-small:before { content: "\EC3A" }
.aui-icon-velocity-alert-large:before { content: "\EC3B" }
.aui-icon-velocity-alert-small:before { content: "\EC3C" }
.aui-icon-velocity-large:before { content: "\EC3D" }
.aui-icon-velocity-small:before { content: "\EC3E" }
.aui-icon-video-large:before { content: "\EC3F" }
.aui-icon-video-small:before { content: "\EC40" }
.aui-icon-view-360-large:before { content: "\EC41" }
.aui-icon-view-360-small:before { content: "\EC42" }
.aui-icon-vimeo-large:before { content: "\EC43" }
.aui-icon-vimeo-small:before { content: "\EC44" }
.aui-icon-voice-call-1-large:before { content: "\EC45" }
.aui-icon-voice-call-1-small:before { content: "\EC46" }
.aui-icon-voice-call-2-large:before { content: "\EC47" }
.aui-icon-voice-call-2-small:before { content: "\EC48" }
.aui-icon-voice-call-3-large:before { content: "\EC49" }
.aui-icon-voice-call-3-small:before { content: "\EC4A" }
.aui-icon-voice-call-large:before { content: "\EC4B" }
.aui-icon-voice-call-small:before { content: "\EC4C" }
.aui-icon-walk-large:before { content: "\EC4D" }
.aui-icon-walk-small:before { content: "\EC4E" }
.aui-icon-warranty-large:before { content: "\EC4F" }
.aui-icon-warranty-small:before { content: "\EC50" }
.aui-icon-weblink-large:before { content: "\EC51" }
.aui-icon-weblink-small:before { content: "\EC52" }
.aui-icon-wechat-large:before { content: "\EC53" }
.aui-icon-wechat-small:before { content: "\EC54" }
.aui-icon-weibo-large:before { content: "\EC55" }
.aui-icon-weibo-small:before { content: "\EC56" }
.aui-icon-work-large:before { content: "\EC57" }
.aui-icon-work-small:before { content: "\EC58" }
.aui-icon-xing-large:before { content: "\EC59" }
.aui-icon-xing-small:before { content: "\EC5A" }
.aui-icon-yelp-large:before { content: "\EC5B" }
.aui-icon-yelp-small:before { content: "\EC5C" }
.aui-icon-youku-large:before { content: "\EC5D" }
.aui-icon-youku-small:before { content: "\EC5E" }
.aui-icon-youtube-large:before { content: "\EC5F" }
.aui-icon-youtube-small:before { content: "\EC60" }
.aui-icon-zhihu-large:before { content: "\EC61" }
.aui-icon-zhihu-small:before { content: "\EC62" }

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('clientlib-site/css/resources/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('clientlib-site/css/resources/fonts/slick.eot');
    src: url('clientlib-site/css/resources/fonts/slick.eot?#iefix') format('embedded-opentype'), url('clientlib-site/css/resources/fonts/slick.woff') format('woff'), url('clientlib-site/css/resources/fonts/slick.ttf') format('truetype'), url('clientlib-site/css/resources/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.sb-show-main.sb-main-padded {
  padding: 0;
}

.page {
  width: 100%;
  /*  fix to aui  */
}

.page .section-pseudo {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 600px;
  background-color: darkcyan;
}

.page .fp-tableCell {
  vertical-align: top;
  display: block;
}

.page .aui-button__text {
  font-family: "audi-wide", "audi-zh-regular";
}

.page .desktop-image,
.page .desktop-video {
  display: none !important;
}

.mobile-only {
  display: block;
}

.page .mobile-image,
.page .mobile-video {
  display: block !important;
}

@media only screen and (min-width: 769px) {
  .mobile-only {
    display: none;
  }
  .page .desktop-image,
  .page .desktop-video {
    display: block !important;
  }
  .page .mobile-image,
  .page .mobile-video {
    display: none !important;
  }
}
.ie11-notice {
  font-family: "audi-wide", "audi-zh-regular";
  line-height: 24px;
  color: black;
  position: fixed;
  display: -ms-none;
  display: none;
  -ms-flex-pack: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  bottom: 0;
  left: 50%;
  background: #fff;
  width: 1034px;
  height: 72px;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-transform: translate(-50%, 72px);
          transform: translate(-50%, 72px);
  -webkit-transition-timing-function: 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
}

.ie11-notice > div {
  margin: 16px;
}

.ie11-notice .footer {
  display: inline-block;
}

.ie11-notice .footer .btn-dark {
  background: #000;
  color: #fff;
  width: 128px;
  cursor: pointer;
}

.ie11-notice .content svg {
  margin: 0px 17.5px 0px 1.5px;
  vertical-align: middle;
}

@media only screen and (min-width: 769px) {
  .ie11-notice.active {
    display: -ms-flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transform: translate(-50%, -22px);
            transform: translate(-50%, -22px);
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    overflow: auto;
    height: 100%;
  }
  html {
    overflow: hidden;
    height: 100%;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
table {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

i,
em {
  font-style: normal;
}

div[data-text=footer] {
  height: auto !important;
}

div[data-text=footer] .fp-tableCell {
  height: auto !important;
}

#footer {
  top: -1px;
  position: relative;
}

.fp-tableCell {
  background-color: #ffffff;
}

#fp-nav {
  right: 17px !important;
  position: fixed;
  z-index: 100;
  -ms-flex-item-align: center;
  align-self: center;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  top: 30%;
}

#fullpage.left-sideNav #fp-nav {
  right: initial !important;
}

#fp-nav ul {
  position: relative;
}

#fp-nav ul:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #cccccc;
  bottom: -22px;
}

#fp-nav ul.dark::after {
  background-color: black !important;
}

#fp-nav:hover li:hover div {
  opacity: 1 !important;
  width: auto;
}

#fp-nav li {
  position: relative;
  height: 32px !important;
}

#fp-nav li:last-child {
  display: none;
}

#fp-nav li div {
  font-size: 12px !important;
  top: 30px !important;
  color: #cccccc !important;
  z-index: 1000;
}

#fp-nav li a span span.dark::after {
  border: 1px solid black;
}

#fp-nav li a span span::after {
  border: 1px solid;
}

#fp-nav li a.active span {
  width: 4px !important;
  height: 4px !important;
  margin: -2px 0 0 -2px !important;
  background-color: #cccccc !important;
}

#fp-nav li a.active span:after {
  width: 4px;
  left: 0;
  height: 39px;
  border-radius: 25px;
  background-color: #ffffff;
}

#fp-nav li a.active span.dark::after {
  background-color: black !important;
}

#fp-nav li a.active + div {
  opacity: 1 !important;
  width: auto;
  font-weight: bold;
}

#fp-nav li a span {
  background-color: white !important;
  position: relative;
}

#fp-nav li a span:before {
  content: "";
  width: 50px;
  height: 40px;
  position: absolute;
  top: -2px;
  left: -40px;
}

#fp-nav li a span:after {
  content: "";
  width: 1px;
  height: 37px;
  background-color: #ffffff;
  position: absolute;
  left: 1.47px;
  top: 2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #fp-nav li a span:after {
    border: 0.5px solid #ffffff;
  }
}
#fp-nav li a span.dark::after {
  background-color: black !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #fp-nav li a span.dark::after {
    border: 0.5px solid #000;
  }
}
@media only screen and (min-width: 768px) {
  #fp-nav {
    right: 40px !important;
  }
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
}

.aui-color-image,
.aui-color-imagedark {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.aui-color-image {
  background-image: url("clientlib-site/resources/images/image.jpg");
}

.aui-color-imagedark {
  background-image: url("clientlib-site/resources/images/image-dark.jpg");
}

.audi-logo {
  font-family: "AudiRings";
  font-size: 25px;
}

.audi-logo::after {
  content: "L";
}

a:focus {
  border: 0;
  outline: none;
}

/* custom control for various pages (start) */
.mobile.auto-disabled-fullpage .section.mobile-no-auto-height {
  height: auto !important;
}

.mobile.auto-disabled-fullpage .section.mobile-no-auto-height .fp-tableCell {
  height: auto !important;
}

.infopage.mobile .section.mobile-no-auto-height {
  height: auto !important;
}

.infopage.mobile .section.mobile-no-auto-height .fp-tableCell {
  height: auto !important;
}

/* custom control for various pages (end) */
@media (min-width: 1264px) {
  html {
    font-size: inherit;
    line-height: inherit;
  }
}
@media (min-width: 740px) {
  html {
    font-size: inherit;
    line-height: inherit;
  }
}
@media (min-width: 740px) {
  .aui-modal-dialog__body {
    width: inherit;
    max-width: inherit;
  }
}
.slick-dots {
  bottom: 40px;
}

.slick-dots li button:before {
  line-height: 20px;
  height: 8px;
  width: 22px;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  background-color: #ffffff;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "audi-wide", "audi-zh-regular", "audi-wide-bold", "audi-zh-bold", Verdana, Geneva, sans-serif;
}

.root {
  background-color: white;
}

@font-face {
  font-family: "AudiRings";
  src: url("clientlib-site/resources/fonts/AudiRings.woff2") format("woff2"), url("clientlib-site/resources/fonts/AudiRings.woff") format("woff"), url("clientlib-site/resources/fonts/AudiRings.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "audi-extended-bold";
  src: url("clientlib-site/resources/fonts/AudiTypeGB-ExtendedBold.otf"), url("clientlib-site/resources/fonts/AudiTypeGB-ExtendedBold.ttf"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-ExtendedBold.woff"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-ExtendedBold.woff2"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-ExtendedBold.woff"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-ExtendedBold.woff2");
}
@font-face {
  font-family: "audi-extended";
  src: url("clientlib-site/resources/fonts/AudiTypeExtended-Normal.woff") format("woff"), url("clientlib-site/resources/fonts/AudiTypeExtended-Normal.eot") format("eot"), url("clientlib-site/resources/fonts/AudiTypeExtended-Normal.ttf") format("truetype");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "audi-wide";
  src: url("clientlib-site/resources/fonts/AudiType-WideNormal_4.03.woff") format("woff"), url("clientlib-site/resources/fonts/AudiType-WideNormal_4.03.woff2") format("woff2"), url("clientlib-site/resources/fonts/AudiType-WideNormal_4.03.ttf") format("truetype");
}
@font-face {
  font-family: "audi-wide-bold";
  src: url("clientlib-site/resources/fonts/AudiTypeGB-WideBold.otf"), url("clientlib-site/resources/fonts/AudiTypeGB-WideBold.ttf"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-WideBold.woff"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-WideBold.woff2"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-WideBold.woff"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-WideBold.woff2");
}
@font-face {
  font-family: "audi-zh-regular";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Regular.woff2") format("woff2"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Regular.woff") format("woff"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-bold";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Semibold.woff2") format("woff2"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Semibold.woff") format("woff"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-medium";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Medium.woff2") format("woff2"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Medium.woff") format("woff"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-light";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Light.woff2") format("woff2"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Light.woff") format("woff"), url("clientlib-site/resources/fonts/DFPKingGothicGB-Light.ttf") format("truetype");
}
@font-face {
  font-family: "audi-type-gb-extended-bold";
  src: url("clientlib-site/resources/fonts/AudiTypeGB-ExtendedBold.otf"), url("clientlib-site/resources/fonts/AudiTypeGB-ExtendedBold.ttf"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-ExtendedBold.woff"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-ExtendedBold.woff2"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-ExtendedBold.woff"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-ExtendedBold.woff2");
}
@font-face {
  font-family: "audi-type-gb-normal";
  src: url("clientlib-site/resources/fonts/AudiTypeGB-Normal.otf"), url("clientlib-site/resources/fonts/AudiTypeGB-Normal.ttf"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-Normal.woff"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-Normal.woff2"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-Normal.woff"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-Normal.woff2");
}
@font-face {
  font-family: "audi-type-gb-wide-bold";
  src: url("clientlib-site/resources/fonts/AudiTypeGB-WideBold.otf"), url("clientlib-site/resources/fonts/AudiTypeGB-WideBold.ttf"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-WideBold.woff"), url("clientlib-site/resources/fonts/OT-AudiTypeGB-WideBold.woff2"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-WideBold.woff"), url("clientlib-site/resources/fonts/TT-AudiTypeGB-WideBold.woff2");
}
.cmp-life-style {
  height: 100vh;
  font-family: "audi-wide", "audi-zh-regular";
}

.cmp-life-style .content {
  color: #ffffff;
  padding: 76px 20px 0px 20px;
}

.cmp-life-style .content .title p {
  font-size: 24px;
  letter-spacing: 0.75px;
  margin-bottom: 4px;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.cmp-life-style .content .sub-title p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.75px;
  margin-bottom: 16px;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.cmp-life-style .content p {
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 24px;
}

.cmp-life-style .content button {
  width: 164px;
  height: 44px;
  padding: 12px 39px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.cmp-life-style .content button span {
  font-size: 12px;
  line-height: 20px;
  font-family: "audi-wide", "audi-zh-regular";
}

.cmp-life-style .cmp-tab .bottom button {
  width: 160px;
}

.cmp-life-style .overlay {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(50%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#120e0e));
  background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #120e0e);
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
  .cmp-life-style .content p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.12px;
    margin-bottom: 24px;
    padding-right: 20px;
  }
  .cmp-life-style .content .title p {
    font-size: 24px;
    letter-spacing: 0.75px;
    margin-bottom: 4px;
  }
  .cmp-life-style .content .sub-title p {
    font-size: 14px;
    letter-spacing: 1.12px;
    margin-bottom: 24px;
    line-height: 24px;
  }
  .cmp-life-style .content button {
    width: 164px;
    height: 44px;
    padding: 12px 39px;
  }
}
@media only screen and (min-width: 768px) {
  .cmp-life-style {
    height: 100vh;
    font-family: "audi-wide", "audi-zh-regular";
  }
  .cmp-life-style .content {
    color: #ffffff;
    padding: 104px 0px 0px 80px;
  }
  .cmp-life-style .content .title p {
    font-size: 36px;
    letter-spacing: 1px;
    margin-bottom: 16px;
    font-family: "audi-wide-bold", "audi-zh-bold";
    line-height: 39px;
  }
  .cmp-life-style .content .sub-title p {
    font-size: 24px;
    letter-spacing: 0.75px;
    margin-bottom: 16px;
    line-height: 29px;
    font-family: "audi-wide", "audi-zh-regular";
  }
  .cmp-life-style .content p {
    font-size: 16px;
    letter-spacing: 0.5px;
    width: 378px;
    margin-bottom: 32px;
    line-height: 24px;
  }
  .cmp-life-style .content button {
    width: 196px;
    height: 44px;
    padding: 13px 32px 14px;
  }
  .cmp-life-style .content button span {
    font-size: 15px;
  }
}
.icon-sound-on {
  background-image: url("clientlib-site/resources/images/icon-car-model-sound-n.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-favorite-selected {
  background-image: url("clientlib-site/resources/images/icon-car-model-collection-n.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-favorite-selected-b {
  background-image: url("clientlib-site/resources/images/icon-car-model-collection-b.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-weibo-large {
  background-image: url("clientlib-site/resources/images/weibo-large.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-wechat-large {
  background-image: url("clientlib-site/resources/images/wechat-large.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-zhihu-large {
  background-image: url("clientlib-site/resources/images/zhihu-large.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.aui-icon-system-tiktok-large {
  background-image: url("clientlib-site/resources/images/icon-share-tiktok-b.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.aui-icon-system-tiktok-large.icon-black {
  background-image: url("clientlib-site/resources/images/icon-share-tiktok-black.svg");
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.aui-icon-system-redbook-large {
  background-image: url("clientlib-site/resources/images/icon-share-redbook.svg");
  background-size: 44px 44px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-red-book.icon-black {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/icon-share-red-b.jpg");
  background-position: center;
  background-size: cover;
}

.aui-icon-system-bilibili-large {
  background-image: url("clientlib-site/resources/images/icon-share-bilibili.svg");
  background-size: 44px 44px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.icon-bilibili.icon-black {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/icon-share-bilibili-b.jpg");
  background-position: center;
  background-size: cover;
}

.icon-model.icon-black {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/black.svg");
  background-position: center;
  background-size: cover;
}

.icon-body-type.icon-black {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/icon-homepage-cartype-s.svg");
  background-position: center;
  background-size: cover;
}

.icon-identity.icon-black {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/black_2.svg");
  background-position: center;
  background-size: cover;
}

.icon-delear-search {
  width: 40px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/icon-hp-2-1-dealer-search.svg");
  background-position: center;
}

.icon-test-drive {
  width: 40px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/icon-hp-2-1-test-drive.svg");
  background-position: center;
}

.icon-manual {
  opacity: 0.7;
  width: 37px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url("clientlib-site/resources/images/icon-manual_2.svg");
  background-position: center;
  background-size: cover;
}

.cmp-sidebar .audiicon {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.cmp-sidebar .audiicon.wechatEntCustomIcons {
  filter: invert(0) !important;
  -webkit-filter: invert(0) !important;
}

.announcementsCustomIcons {
  background-image: url("clientlib-site/resources/images/announcements-small.svg");
}

.appsCustomIcons {
  background-image: url("clientlib-site/resources/images/apps-small.svg");
}

.audio-volumeCustomIcons {
  background-image: url("clientlib-site/resources/images/audio-volume-small.svg");
}

.blog-postCustomIcons {
  background-image: url("clientlib-site/resources/images/blog-post-small.svg");
}

.business-addressCustomIcons {
  background-image: url("clientlib-site/resources/images/business-address-small.svg");
}

.business-customerCustomIcons {
  background-image: url("clientlib-site/resources/images/business-customer-small.svg");
}

.calculatorCustomIcons {
  background-image: url("clientlib-site/resources/images/calculator-small.svg");
}

.carCustomIcons {
  background-image: url("clientlib-site/resources/images/car-small.svg");
}

.car-dimensionsCustomIcons {
  background-image: url("clientlib-site/resources/images/car-dimensions-small.svg");
}

.car-handoverCustomIcons {
  background-image: url("clientlib-site/resources/images/car-handover-small.svg");
}

.car-searchCustomIcons {
  background-image: url("clientlib-site/resources/images/car-search-small.svg");
}

.chargingCustomIcons {
  background-image: url("clientlib-site/resources/images/charging-small.svg");
}

.charging-stationCustomIcons {
  background-image: url("clientlib-site/resources/images/charging-station-small.svg");
}

.calendar-eventsCustomIcons {
  background-image: url("clientlib-site/resources/images/calendar-events-small.svg");
}

.document-pdfCustomIcons {
  background-image: url("clientlib-site/resources/images/document-pdf-small.svg");
}

.dealer-searchCustomIcons {
  background-image: url("clientlib-site/resources/images/dealer-search-small.svg");
}

.documentsCustomIcons {
  background-image: url("clientlib-site/resources/images/documents-small.svg");
}

.downloadCustomIcons {
  background-image: url("clientlib-site/resources/images/download-small.svg");
}

.editorialCustomIcons {
  background-image: url("clientlib-site/resources/images/editorial-small.svg");
}

.newsCustomIcons {
  background-image: url("clientlib-site/resources/images/news-small.svg");
}

.quattroCustomIcons {
  background-image: url("clientlib-site/resources/images/quattro-small.svg");
}

.printCustomIcons {
  background-image: url("clientlib-site/resources/images/print-small.svg");
}

.powerCustomIcons {
  background-image: url("clientlib-site/resources/images/power-small.svg");
}

.vehicle-signalCustomIcons {
  background-image: url("clientlib-site/resources/images/vehicle-signal-small.svg");
}

.used-car-searchCustomIcons {
  background-image: url("clientlib-site/resources/images/used-car-search-small.svg");
}

.used-carsCustomIcons {
  background-image: url("clientlib-site/resources/images/used-cars-small.svg");
}

.userCustomIcons {
  background-image: url("clientlib-site/resources/images/user-small.svg");
}

.hotlineCustomIcons {
  background-image: url("clientlib-site/resources/images/hotline-small.svg");
}

.ideaCustomIcons {
  background-image: url("clientlib-site/resources/images/idea-small.svg");
}

.zhihuCustomIcons {
  background-image: url("clientlib-site/resources/images/zhihu-small.svg");
}

.weiboCustomIcons {
  background-image: url("clientlib-site/resources/images/weibo-small.svg");
}

.wechatCustomIcons {
  background-image: url("clientlib-site/resources/images/wechat-small.svg");
}

.bilibiliCustomIcons {
  background-image: url("clientlib-site/resources/images/bilibili-small.svg");
}

.tiktokCustomIcons {
  background-image: url("clientlib-site/resources/images/tiktok-small.svg");
}

.redbookCustomIcons {
  background-image: url("clientlib-site/resources/images/redbook-small.svg");
}

.voice-call-3CustomIcons {
  background-image: url("clientlib-site/resources/images/voice-call-3-small.svg");
}

.carConfiguratorIcon {
  background-image: url("clientlib-site/resources/images/car-configurator.svg");
}

.giftCustomIcons {
  background-image: url("clientlib-site/resources/images/gift-small.svg");
}

.aui-icon-system-qq-small {
  background-image: url("clientlib-site/resources/images/icon_share_qq_b.svg");
  -o-object-fit: contain;
     object-fit: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 48px;
  width: 48px;
}

.aui-icon-system-wechat-small:before,
.aui-icon-system-weibo-small::before {
  content: " ";
}

.aui-icon-system-wechat-small {
  background-image: url("clientlib-site/resources/images/icon-share-we-chat-b.svg");
  -o-object-fit: contain;
     object-fit: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 48px;
  width: 48px;
}

.aui-icon-system-weibo-small {
  background-image: url("clientlib-site/resources/images/icon-share-weibo-b.svg");
  -o-object-fit: contain;
     object-fit: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 48px;
  width: 48px;
}

.aui-icon-system-wechat-small + p,
.aui-icon-system-weibo-small + p {
  padding-top: 10px;
}

.aui-icon-system-app-download-large {
  background-image: url("clientlib-site/resources/images/icon_app_download_large.svg");
  width: 44px;
  height: 44px;
  background-size: 44px 44px;
}

div.container {
  padding: 0;
}

.page main.container {
  padding: 0;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.fullpage-black-white {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    overflow: auto;
    height: 100%;
  }
  html {
    overflow: hidden;
    height: 100%;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
table {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

i,
em {
  font-style: normal;
}

@font-face {
  font-family: "AudiRings";
  src: url("clientlib-site/resources/fonts/AudiRings.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "audi-wide", "audi-zh-regular";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-medium";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-bold";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-light";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Light.ttf") format("truetype");
}
.root .hero-ui .aui-button--floating,
.root .hero-ui .aui-button--floating.is-disabled,
.root .hero-ui .aui-button--floating:disabled,
.root .hero-ui .aui-button--primary,
.root .hero-ui .aui-button--primary.is-disabled,
.root .hero-ui .aui-button--primary:disabled {
  border-color: #ffffff;
  background-color: #ffffff;
  width: 164px;
  height: 44px;
  font-size: 12px;
}
.root .hero-ui .aui-button--floating,
.root .hero-ui .aui-button--floating.is-active,
.root .hero-ui .aui-button--floating:active,
.root .hero-ui .aui-button--floating:hover,
.root .hero-ui .aui-button--floating:visited,
.root .hero-ui .aui-button--primary,
.root .hero-ui .aui-button--primary.is-active,
.root .hero-ui .aui-button--primary:active,
.root .hero-ui .aui-button--primary:hover,
.root .hero-ui .aui-button--primary:visited {
  color: #000;
  stroke: #000;
  fill: #000;
}
.root .hero-ui .aui-button--secondary.aui-theme-light,
.root .hero-ui .aui-button--secondary.aui-theme-light.is-disabled,
.root .hero-ui .aui-button--secondary.aui-theme-light:disabled {
  border-color: #ffffff;
  width: 164px;
  height: 44px;
  font-size: 12px;
}

.main-container {
  margin: 0 auto;
  max-width: 920px;
}

.card {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 10px;
  height: 164px;
}

.card img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  height: 100%;
}

.container {
  padding: 2px 16px;
}

.container1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 164px;
  top: 60px;
}

.slick-prev {
  left: 10px !important;
  color: rgb(216, 59, 59) !important;
  background-color: grey !important;
}

.slick-next {
  right: 14px !important;
  color: rgb(216, 59, 59) !important;
  background-color: grey !important;
}

.Modern-Slider {
  overflow: hidden;
}

/* ==== Slick Slider Css Ruls === */
.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slick-arrow {
  display: none;
}

.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 8px !important;
  content: "" !important;
  text-align: center;
}

.responsive .slick-dots li button:before {
  background-color: black;
  opacity: 0.05 !important;
}
.responsive .slick-dots li.slick-active button:before {
  opacity: 0.8 !important;
}
.responsive .slick-dots {
  bottom: -14px !important;
}

.custom-checkbox {
  padding-top: 24px;
  font-family: "audi-wide", "audi-zh-regular";
}
.custom-checkbox .custom {
  color: #fff !important;
  margin: 0px 12px;
}
.custom-checkbox .custom .aui-checkbox__box {
  border: 1px solid white;
}
.custom-checkbox .custom .checkbox-label {
  font-size: 16px;
  line-height: 24px;
  color: #d9d9d9;
}
.custom-checkbox .custom :hover {
  color: #fff;
}
.custom-checkbox .aui-checkbox:hover:not(.is-disabled) .aui-checkbox__box {
  border-color: white;
}
@font-face {
  font-family: "AudiRings";
  src: url("clientlib-site/resources/fonts/AudiRings.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "audi-wide", "audi-zh-regular";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-medium";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-bold";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "audi-zh-light";
  src: url("clientlib-site/resources/fonts/DFPKingGothicGB-Light.ttf") format("truetype");
}
.page .section-pseudo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 600px;
  background-color: darkcyan;
}
body {
  -webkit-tap-highlight-color: transparent;
}

*, *:focus, *:active {
  -webkit-tap-highlight-color: transparent;
}

.custom-radio-btn {
  padding-right: 42px;
  margin: 24px 0px 18px;
  font-family: "audi-wide", "audi-zh-regular";
}
.custom-radio-btn .custom .aui-radio__box {
  border: 1px solid white;
}
.custom-radio-btn .custom .aui-radio__box span {
  background: white !important;
}
.custom-radio-btn .custom .radio-label {
  font-size: 16px;
  line-height: 24px;
  color: #d9d9d9;
}
.custom-radio-btn .aui-radio:hover:not(.is-disabled) .aui-radio__box {
  border-color: white;
}
.custom-radio-btn .custom .aui-radio__tick {
  display: none;
}
.custom-radio-btn .custom .aui-radio_tick {
  height: 8px;
  width: 8px;
  display: inline-block;
  background-color: white;
  position: absolute;
  left: 8px;
  top: 8px;
  border-radius: 50%;
  opacity: 0.2;
}
.custom-radio-btn .custom .checked {
  height: 12px;
  width: 12px;
  display: inline-block;
  background-color: white;
  position: absolute;
  left: 6px;
  top: 6px;
  border-radius: 50%;
  opacity: 1;
}

.scroll-list {
  overflow: auto;
  display: contents;
}
.scroll-list .scroll-list-item {
  cursor: pointer;
}

.cmp-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-family: "audi-wide", "audi-zh-regular";
}

.cmp-tabs__tablist {
  text-align: center;
  color: #b3b3b3;
  text-align: center;
  color: #b3b3b3;
  POSITION: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-tabs__tab {
  border-top: 1px solid #fff;
  color: #fff;
  width: 198px;
  margin: 0px 9px;
  padding: 10px 0px 0px 0px;
  outline: none;
  border-bottom: none;
  font-size: 16px;
  line-height: 28px;
}

.cmp-tabs__tab--active {
  border-top: 2px solid #ffffff;
  color: #ffffff;
  outline: none;
}

.cmp-tab div.full {
  height: 100%;
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
  .cmp-tabs__tab {
    border-top: 1px solid #fff;
    color: #fff;
    width: 198px;
    margin: 0px 9px;
    padding: 10px 0px 0px 0px;
    outline: none;
    border-bottom: none;
    font-size: 12px;
    line-height: unset;
    margin: 0px 9px;
  }
  .cmp-tabs__tablist {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  /* .cmp-tabs {
     .tab-nav {
       &.bottom {
         position: absolute;
         bottom: 32px;
         .tab__links {
           border-bottom: 0px;
           border-top: 1px solid #ffffff;
           a {
             padding-top: 4px;
             font-size: 16px;
           }
         }
       }
     }
   }*/
}
.wechatEntCustomIcons {
  background-image: url(clientlib-site/resources/images/wechat-enterprise-right-floating-bar-icon.svg);
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.icon-wechat-enterprise {
  background-image: url(clientlib-site/resources/images/wechat-enterprise-footer-icon.svg);
  width: 44px;
  height: 44px;
  background-size: 44px 44px;
  background-repeat: no-repeat;
}

body.is-fullscreen-video {
  overflow: hidden;
}
body.is-fullscreen-video .nav-wrapper .cmp-header {
  position: fixed;
}
body.is-fullscreen-video #fp-nav {
  display: none !important;
}
body.is-fullscreen-video .cmp-sidebar.floating-sidebar {
  display: none;
}

.fullScreenVideoPopover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0, 0, 0);
  z-index: 900;
  display: none;
  opacity: 0;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fullScreenVideoPopover.show {
  display: block;
  opacity: 1;
}
.fullScreenVideoPopover .close-button {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 40px;
  top: 40px;
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
.fullScreenVideoPopover .close-button svg {
  width: 100%;
  height: 100%;
}
.fullScreenVideoPopover .close-button.ios-system {
  display: none;
}
.fullScreenVideoPopover .close-button::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}
.fullScreenVideoPopover .video-box {
  position: absolute;
}
.fullScreenVideoPopover .video-box video {
  width: 100%;
  height: 100%;
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls-panel {
  height: 97px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls-play-button {
  background-size: 44px 44px;
  opacity: 0;
  position: relative;
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls-play-button::-internal-media-controls-button-hover-background {
  color: red;
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls-play-button::before {
  content: "1";
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls.state-playing [pseudo=-internal-media-controls-button-panel] input[pseudo=-webkit-media-controls-play-button i] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAHqlJREFUeF7tXQ2UHUWV/m7PJEGBqAu6K/iDf8zGPaBHWQUJAWWJioniatZkut4Yfl6/AOasuPIj/g3uGoEg6EEgr1+CYbp6EndA0MmixmWFQAR3xcPP2WSDuoIKLhrWNYiQYabvnsq8aBLyuqt/Xr/u96rP8QzHd6vuvd+tL1XVXXUvwTwGAYNASwTIYGMQMAi0RsAQxIwOg0AIAoYgZngYBAxBzBgwCCRDwMwgyXAzrXoEAUOQHgm0cTMZAoYgyXAzrXoEAUOQHAK9aNE5B82c+ewcy7JeDASzmWk2EQ4GaDbAswHMZubZRNbByhzm4Eki2gFgB6D+8g5mPEnEOwBrRxAEv5mYmLF1bOza3+dgfk+rMATJMPxDQ+cewvzsHGa8nghzAJoTBKz+++UZqvljV8z4hWXRFoC3MmMrEbYQzdg6MnLNE+3Q14t9GoKkiPqSJbXj+vuDk5lxMkCvB/CSFN1l2fTXAG8hwm2Tk9Zt69bV786y817qyxAkRrSnCcHHAnwiM/4GoANjNO+gKD9FhH8F6I7JSbrHEEY/FIYgIVgtXrzsiP7+YAGAeQAfD9Bh+tAWWZIfA2gzgE2Tk9aG9etXPVxkaztpmyHIPuirfcTk5MRCy6IFAC8EaGYnA9R+3TwB0HgQ8Ib+/pnjZv+yN+KGIAAWLRqeOWvWowuZrQVEihQ4pP0Ds5AanmCmcaJgw86dh4+PjQ1PFNLKHI3qaYIMDp71ZsuyljJjARGOyBH3wqtixsNE2BAEwdrR0dX3Ft7gNhnYkwRpEsMBoP6X9/MMgJ0AWv1V9swCcEDI37xtdoMgcHuRKD1FkByJ8TiAbQAeAngbkbWN+dmHpLxe/X+pHyHOGCCacSRzMADQAIAjAai/f5668/AOeo4oPUGQHIixEeDvWlbfpgMOCLa5rvu7Ng/U/XbvOM4LnnnGGgiCqXkAnQJgfpvs6BmidDVBhDh7AJj6WPZLKX6AiL7LjO8RPX2753lPtWkgpuq2UqkcyPy8k4jwdmY+BaCjU3X43MYu0HellNdlMjNmbFsm3XUtQWzbuYAI5wM4NBOkgI0A3Qrgdinr92fUZ67dCFF7A4CTAD41w9llOzNW+r57ea7O5KSs6wgiRPW9AC4A6Pj0GNI9AI8zY9z33QfT91ecHmzbOYoI6jvPQkCdDkj7sPrweLmUjW+m7alI7buGIGo5RTR1ATPOSAmwOvw3ztw37vurVNC7/rHtZccTTTXJAnWmLPFDhOuZ+y7vlmVXVxAko+XULcy8xvcbGxKPji5oaNvVBUR0JoDTUrjTNcuuUhNkaOjso4NgamWa9TQRvsZMa6SsfzfFgOi6pkLUTiHiM5nxoRTObbSsvvNHRq57IEUfHW1aWoIMDlYrlkWKHAnf/fNIEFhrRkfrmzoagYIrHxyszbOs4EyAhhKa+ngQ8Pmjow0vYfuONislQYSorQT440mQI6IGwGs8z/1Bkva92qZScd4K0JnMXE2GAV0hZV29VSzVUyqCpFtS8WYiXuF5q9WrWvMkRKBSOetUZro44VvC0i25SkOQFEuqp4loxWte89IVw8PDQcJxYZrtgcDw8LD105/+6mJmvhjA82KCU6olVykIIoTzeQAqGDEfupkIKzyv/sOYDY24BgKVSu0YZhUXfr+G+L4iK6R0P5mgXa5NCk8QIZx6gqMijwBQAXBzRbNHlQnhqFPR6h+wV8aEwJXSrcVsk6t4oQlSqTg3MeNv4yHCNwZB/4Wjo9f9d7x2RjoNAoODZ7/asiYvA+iDcfohwtc9z/1AnDZ5yhaWIELUNgF8QhwwmPEJ33cvjdPGyGaLgG07FxHhC/F6pTulrM+L1yYf6UISRAhnC6DySmk/9zHjQt93N2q3MIJtQ8C2nflEuAzAG2Mo2Sqlm+qYSwxd2qKFI4gQzm/incDlNVNTdNG6de52ba+NYNsRWLLEObSvjy9V305iKNsupfviGPJtFy0UQYRwWN9jmmQO/t73G9fqtzGSeSNg29VziKwvA9yvq1tKtzDjsjCGCOGo3Exab0GY8b99fdaHR0ZW9fTBQt0B12m5oaFlC6amghuI8GeatjwipVuIJBqFIIhtO3cQqeRsWs/PABZSNr6vJW2ECoGAENW3ASQBvErHIGZs8n33RB3Zdsp0nCBC1G4AWPcg3P07d/bPNVnN2zkk2te3ynI/a9bkXQDUzUaNh0akrH9YQ7BtIh0liBDOlQDO0/Ruk5Sd/xdF01YjFoKAEM4d0+lctZ6rpHRVXoGOPB0jiBBV9YbjQh2vmXmV7zfO1pE1MuVAwLar1xHRMj1r+TIpGxfpyWYr1RGCVCq1S5j5M3qu8BVSNkp3TFrPt96WEqK6EiCtawtE9DnPq382b8RyJ0jzVO6InqM8ImWjo2tQPTuNVFIEhKjeoHsZKwh4KO+LV7kSpHmfQ33t1rkF+G0p3XcnBd60Kw8CQjjfAvAuDYsft6y++Xle4c2VIEI439G8P/6jF71o1tuuvvpqlcPWPF2OwPLly2f99rc71Wv7N2m4ulFK950acpmI5EaQGNdkf9nfT+9Yu7b+40w8NJ2UAoGlS2uvm5zkfwPwsmiD87u+mwtBYuw7JpjpVN+v3xYNkpHoNgRsu3YyEasr0ZFFi/Laj7SdIHH2Hcx8rjlb1W3DPp4/02e36BqNVrnsR9pOEP19B6+RsnGWBjBGpMsREKK6WvMUcNv3I20lSDPjoboXEPXcNzWFU8yR9SiYeuP36aPyUIn8Iu+TNO8BtS1xdtsI0iw9oM7dRGZXZ8Y7zWWn3hj8ul42L12pt55Rz3agb267cgG3jSCVirNGJ5G0uSYbFf/e/V33+q5KmO15bpyLWdqgtoUg0yUI6BvRVvCNUjYWRcsZiV5FQIjqmF4iCH5fO0ovtIsgd2lk3nskCPreYbKP9OrQ1/N7OlvKlPo+EnGZjjdL2Zir16u+VOYEibExr5m8VfqB6mXJZt4tlR8t9GnHhj1TguhvzOlmKesx811FwWN+72YEhKh9XSODY+Yb9owJopUFUeXKnWfSgXbzcM7et+k0p6xKVUTlAs40W2NmBGmWWo7MgUtEn/a8+j9lD6HpsdsRqFRqn2Lmf4zyMwiCY0ZHV98bJafze2YE0cuhy5tf+9rD55U9y3qlUn0nMx0H8JFE+KbnNdbrgJ23TKVSXcwM9UbxISK+2/MaOt8V8jZTW5/KKv+Tnzy6SeMFUGazSCYE0Z89gveUvT6Hbde+TcR7HbdmxsO+72pl69AeDSkFbdv5GRH2Sp3DTN/x/brOvYuU2tvXfLo+ifUvURqymkUyIYjO7KEqO3leXWUBL+0jRO10gK9v4UBHkwvsaVN4Mgw6Q8r6V0sbBACVSs3VqHSVySySmiD6sweOLXvZMyGq9wN0dKvBZVnWy0ZGVj3aycE3NLTs8CAIftnaBn5AyoZm2p1OetJatyoHx4x7oqzLYhZJTRCd2QPojrvl0alRg7dLufr2qMC183chzjoJsL4XpqNIqT2TYqF5lz31LJKKILqzRxDQid1QTdYQJOlwzr7ddPVdVvm1Qp+0s0gqggjhXA3gI2EWqjrknucujnKkDL8bghQrSpWKs16jjvtXpHSXJ7U8MUEWLRqeOXPmY9v2fVPyXENovpR1dba/9I8hSLFCKETtFIBDa8KoN4wTE4cNjI0NTySxPjFBhKh+AKAbI5TeIqWbpMBjEl/a3sYQpO0Qx1YghHMzgNPCG/IHpWzcFLtzAIkJYtu1rxLx0jClzLzQ9xtdU6LAECTJEGtvG9uuLiCi8fBxSGt9v356EksSEWRo6NxDguDZbQAOCVG6RUr3r5IYVdQ2hiDFjIwQzn8CCCvf9oRlzRgYGbnmibgeJCLI4GB1qWVRxMemziUcjguCrrwhiC5S+crpJEIPAj59dLSxNq5liQgihKP2HqGle5mtub6/anNcg4osbwhSzOjY9rLjiQKV/yDsuUlKN1aJatVZbIIsXrzsiP7+qW0AhST3onukrB9XTDiTW2UIkhy7drcUonY3wMe21sMTk5N9A+vXr1Kl/rSf2AQRwlHfPdT3j7Dnk1K6K7StKImgIUhxAyWEczGAz0dYuFxK9ytxvEhCEI3lFY72fffBOIaUQdYQpLhRsm3nKCI8kPUyKwlB/ieifEHbs911KkyGIJ1CXk+vRhbPx6V0/0Kvt2mpWATROQjHjPN83/1SHCPKImsIUuxI2bbzUSJcFW5lvAOlsQhi29XPENElYQakPRxW5BAYghQ5OoDO4Vlm/qzvNz6n60ksgmhMYVuldMM+2OjaVUg5Q5BChmUvo4RwtgCYE2JprC1AXII8BeD5IcpTn78vcggMQYocnWnbNO4n/UFK90BdT7QJorP/AKwPSbnqn3WVl03OEKT4ERNi2d8Bwdey2ofEIIgzDCC0DO/Onf0Hj41d+/viw5jMQkOQZLjl2WrRonMOmjVr8skInZdI6arxHPnEIEj1ewCdFNLjJindEyM1lljAEKQcwRPCUTcN57W2lm+XsvF2HW9iEMR5HMBLWndKF0lZ1ymWo2NXIWUMQQoZlucYJUTtQoAvDbH211K6OqXI9b6DNI+3bw+Dx7Kst46MrPr3ckCYzEpDkGS45d1qaGjZW4Ig+EH4eJ1xqM7xd60ZpFJx5jLjzjCFz38+Xui67u/yBiNPfYYgeaKdXJfjOC/4wx/wf2E9EOEEz3OjTgDrzSAa6edjf8JP7n7nWhqCdA77uJqFcKKORGmV39CdQa5ixkd7eYOufDcEiTtMOycftVEnwpc8zz0vykJNgtS+zbx3Ptp9Ol4tpVuNUlb23w1ByhNBIZwGgJZlxYnoO54XnadYiyC27fycCC9vDQ+fL2XjivLAl8xSQ5BkuHWilRDVjwO0spVuZvzC991XRNkWSRCdDy9E9F7Pq4dmlogypAy/G4KUIUrTNlYqtYXM/M0wi3U+bEcSxLarf01EEa9vJ/9SyutVlpOufgxByhNeIc4YAPr/K8xiZn6L7zf+I0wmkiCVSu1UZg6tx9ANyZB1Qm8IooNScWSi4kVE7/G8+q0pCaKqFNG6kE6ekdKNqhtXHNRSWBIFOBDvMk4KU1o21TlU2kP/oD0N4IBWYBHxkqjqYJEziMY3kN9J6b6wHcEuWp+GIEWLSLg9QjjqY+ELQqQiv4VEEqRScf6BGWFvqHriI6EC2RCkdAQJ/VhIhI97nvvFlEus2iXM/JmQTn4upfvKckGXzFpDkGS4daqVEM4jAFq+yiWiz3lePfQKh84MEvUV/SEp3YFOgZCnXkOQPNFOr0sIR71ZPbL1HiT6a7oOQdYw44wQcx+U0m1Zty+9m8XpwRCkOLHQsUQIR+XJOiqEINd7nntmqiWWENUxgMJymv6HlO5bdAwuu4whSLkiKISjvt/9dWur+UYpG4tSEaRSiTyHdZeU7gnlgi6ZtYYgyXDrVCshHHVFY27rGST6PJbGEssQZDfAhiCdGurJ9OZCELPE+lNwDEGSDdROtcppieWYTXozwoYgnRrqyfTmskmvVBzzmtcQJNkI7XCrnF7zmg+FZg/S4ZGeUH1eHwrNURMzgyQcop1tFnUvPZOjJuawotmkd3aYJ9ee02FFc9zdLLGSD9JOthTCaf9xd3NhyswgnRzkaXRHvXXM5MKUuXJrCJJmkHaqbW5Xbk3SBkOQTg3yNHpzS9qgjDRpf6ZDFTVlmyu3aYZ0tm1zS/ujzNY4sGgSx+2Kr7mTnu0wT95bronjNL6md31tEDODJB+snWiZa+pRjW8hPXEv3SyxOjHUk+mM+kgIIDJhg9Icedx9eollyh+YGSTZQO1Eq9zLH5gCOmaT3omBnlRn7gV0mv96RpRg6/4E1maJlXTI5tsu6g0WgGxLsE0TJLKIZ6wC7flClo02Q5BscGx3L0I43wEwv7WeNhTxrFSqn2KmfwxzjujpgzzPe6rdAHSqf0OQTiGvr7dSqRzI/LzQUuRE/GnPa/yTTq9am3TV0ZIlteP6+vj7EZ0ukNINTXStY1RRZQxBihqZP9klhPMeABvCLJ2aoretW1e/W8cbbYI0l1m/B+jAVh0T4Yue535cR3EZZQxBih+1SsW5ghn/ELK8ekrKxkG6nsQiSKVSvYWZ3hei/AEpG2/QVV42OUOQ4kdMiOr9ALVMZEjE3/C8xmm6nsQkiHMeM64M75zeKGX9fl0DyiRnCFLsaAlRewPA94Xvk/Exz3Ov0vUkFkH09iH0USnrX9Y1oExyhiDFjpYQtb8H+EtZ7T9UP7EI0tyHPArQYSFGdO3rXkOQohMk8vXuY1I2Do/jRQKCOP8MIDSfKTOO9n33wTiGlEHWEKS4UbJt5ygiqGTVYc+YlO7fxfEiCUE+AuDqCCWflNJdEceQMsgaghQ3SkI4FwP4fISFy6V0vxLHi9gEWbx42RH9/VPbAJrZWhHdI2X9uDiGlEHWEKS4URKidjfAx7a2kCcmJ/sG1q9f9XAcL2ITZHof4twI4ANhipitub6/anMcY4ouawhSzAjZ9rLjiYK7Iqy7SUo3rIzHfpsnIsjgYHWpZdFXww3iy6RsXFRMSJNZZQiSDLd2txKieilAF4bpCQI+fXS0sTauLYkI0jz+rspbHRKicIuU7l/FNajI8oYgxYyOEM5/Anh9iHVPWNaMgZGRa56I60Eigigltl37KhEvDV9m8ULfb4Sei4lrcCflDUE6if7+ddt2dQERjYePQ1rr+/XTk1ifmCBCVD8AkNqLhD23SOm+P4lhRWxjCFK8qAjh3Awg4ugIf1DKxk1JrE9MkEWLhmfOnPnYNiIcEa6Y5ktZ/24S44rWxhCkWBERonYKwBvDZw88PDFx2MDY2PBEEusTE0QpE8JR30PUd5GWDxG+5nnu4iTGFa2NIUixIlKpOOuZ8aEIq74ipbs8qeWpCDI4eNabLcv6YZTyIKATR0frm6Lkiv67IUhxIjQ4WJtnWXxHlEVBEBwzOrr63ii5Vr+nIkhzFqkDcMIN4BEpGx9OamRR2hmCFCUSu66A3wDQUIRFrpRuLY3VqQmiO4sQ4VjPc3+QxthOtxXCUbPlm0PsOExK91edtFMI56UAHgux4V4p3WM6aWNa3ZWK81Zm3BPVT9rZQ/WfmiC6swgRNTyvHjHTRLnc2d+FcIYBfLaFFeNSuu/trIXT2oVwvglgYQtbLpHSVX6U9qlUai4zV9s9e2RGEP1ZJHiP562+tbSR2TX4ahJgex8ffiClG3IOKH+PhXDUv7Bv3Vsz+VLWRf7WZKexUjnrVGYrMu9BFrNHZgTRnUUA3vza1x4+b3h4OMgOsvx7su3quy2L5gcBXsHM40mOMORhtToSREQLLQs/DwLe6PuNb+Wht106hoeHrZ/85NFNAB2fx+yRKUH0ZxH6tOfVtVKutAto0285EahUap9i5tDUU8qzrGaPTAmiP4vgaSKa53n1yNfD5QyjsbodCFQqtWOYWX0qeF5es0cbCHL2ADCljh0fGu4E3Sxl/W/bAaTpszsREKL2dYCjji1tB/rmSnmdOkibyZPJW6w9LbFt5wIiXKZhnVb6eY1+jEiXI6BRfmMXAsy40Pfdy7OEI3OCTC+1qndpbKQeCYK+d4yOXvffWTpk+uouBAYHz361ZU39G4BXhnvGm6VszM3a+3YR5L0AfSPaWL5RykZoAojoPoxENyMgRHUMII2bgPw+KRvq+0+mT1sIoiysVJw1zDgjylpmfML33Uuj5MzvvYeAbTsXEeELUZ4T4XrPc8+Mkkvye9sIIoTuhn3X2vGdvu+GHltO4pxpU14EbNuZTwRVxiDqyXxjvqfCthFEKYmxYb9vagqnrFvnbo9Cw/ze/QgsWeIc2tcHdYfojVHetmNjnhtBlKLoYia7zeE1UjbOigLE/N79CAhRXQ2QzpKp7Vk82zqDqFAODZ19dBBMqeXTn0eFlpnP9f3GtVFy5vfuRcC2q+cQ0TUaHj5uWX3zR0aui8qmqNFVa5G2E0SpHhysViyLRqItpUnLovePjKzqmkQP0T4bid0IDA0tWxAEfDPA/VGoBAEPjY42vCi5tL/nQpDppVZtJcCRxXWY8b9EvFDKRlQ1q7S+m/YFQkCI6tuYaZwIfxZtFl0hZf38aLn0ErkRJN5+BD/bubP/6LGxa0NrzaV33/RQBAQWLTrnoFmzJtVS6VUa9rR937GnDbkSJM5+BMD9UrqRbzE0ADUiBUdACEcVvdGpTJbLvqNjBIm3H9ll5iYp3RMLHl9jXgoEhHBU4oV5Ol3kte/oKEGaSy2Vpl6lq498mHmV7zfOjhQ0AqVDwLar1xHRMk3DV0jpflJTNjOxXJdYe1othKORDWV3C75CykYum7LMkDUdhSIgRHUlQJEvbZqdpM5OkjQcHSOIMrhScW5ihua9kO5IHZQ0UN3UTjNlzy6XifB1z3NDS220E5uOEmR6uVXbBPAJmk5++0UvmnXa1VdfvVNT3ogVCIHly5fP+u1vd94C4F16ZtGdUta19id6/cWX6jhBmnuSLQDmaJr/o/5+Wrx2bf3HmvJGrAAILF1ae93kJK8H8CZNc7ZK6YaVNNDsJp1YIQjSJMlvoq/q/tHZXzLTUt+v35bOfdM6DwRsu3YyEaviNS/T1LddSvfFmrJtFSsMQZok4RjeTjDzeebsVgzEOiDaPFt1FYCQmpZ7GyalW5hxWRhDdkMkhKOKLEZcr9wTUF4zNUUXmaPyHRj9ISqnj6yzKo2mcyp3d0+PSOlGlNPI18/CEUS5b9vOHUR6H4+acN3XvBdgLl3lO372q6152Ukl7tA+CcGMTb5fvI/ChSTI9HKrdgPAUdm79wqQub7beXboXpPd21IakbJeyOz/hSVIc09yJYDz4oWdbwyC/gtNtpR4qKWVns4+MnmZXoKFvbRdJaX7sbT629W+0ASZJkl0id/9gPMIAHU0wW0XcKbfPyHQzFuljg7F2Duq9sUvFV54gigYK5XaJcz8mfiDkm4mwgqT5jQ+cjotptOBqjN1kRkPn9MdEX3O8+qtSknoqM9FphQEUUg0byWu1Lm6uw9yKhfwite85qUryp5VPpcRoaFEZVn/6U9/dTEzq1kjKlfuvj0+HgR8fh63ATVciRQpDUGUJ837JIok8yM9e44AbybiFWWvTxLf72xbTNfnoIs1MmfuT/FGy+o7v933yLP0uFQE2e247vXd/QGlKl0BvKbs5eCyHAQ6famyZ+qbhkZlpxbd5XdNVscfXZlSEiTlkquJDY8EgbWmG6rv6gY7idx0NdngTI2Cma26L9WSal8nSkuQ9EuuaShUHXdmWiNlXSUqM08TASFqpxDxmRp1yMMwK92SqqsIstuZZgZHdaEqoi5J6Pi/hZnX+H6jp1MO2XZ1AdGu4yGnpfjXYjszVmZdiiCFPYmblnoG2dNrlQuYaOoCnYTZEWhtAXicuW/c91dtToxsiRra9rLjiaYWAqQq46Y6Yq4SSTP3XZ5lEZtOQtk1BNkNohBVVYr5goRvWfaJBd0zTRaM+777YCcDlbVu23aOIlKlohUpOIMKvaz+Mbm8HSUIsvY9Tn9dR5CMl117YrmRGd9iDu4cHV19bxyQiyKrCq0SWScQ4d3JXpXv15OuWU7tz7uuJYhytlmCQZ3zcTIepFsB3AlYt+3cad1a1AR30wnZglOB4GQA6lqz7q1NXbhcoO/KbllO9RxBdjvcLFGtSJI1UXarULW7b7Us+t4BBwTbXNf9ne4Iy1LOcZwXPPOMNRAE/HaAT9XNN5XABjcIAresM2kcf7t6BtkXiByIslvl4wBUpdWHAN5GZG1jfvYhKa/PpPqqEGcMEM04kjkYAGgAwJEA1N/IDPpxBsd+ZHuGGLt97ymC5DijhI3DZwCorCyt/qq2swAcEPI35TiP3bzniNHTBNmHKEuZsYAIhbrqGXsIZ9yAGQ8TYUMQBGt7YSnVCr6enEH2BWPRouGZs2Y9upDZWqBKLwA4JOPxVpbunpguQRBs2Lnz8PGxseGJshjeLjsNQfZBdmjo3EMmJycWWhYtABRZSDsbR7uC1N5+eQKg8SDgDf39M8dHRq55or36ytW7IUhIvBYvXnZEf3+wAMBJAFSR+nZvgvMaPeolwl0Abp+ctDasX79KZZIxz34QMASJMSyEOOskZppHRMc3CfP8GM07KfoHRQjmXXdiNkm5+vZOGlMm3YYgKaKlCANYJwF8IkDqDNNLUnSXZdNfA7wFoDuA4HZDiOTQGoIkx+45LdX+hfnZOcx4PZH6ak1zgoDVf788QzV/7IoZv7AsUocrtzJjKxG2EM3YavYR2aFtCJIdli17Ukc+Zs58do5lWS8GgtnMNJsIBwM0G+DZAGYz82wi62DVCXPwJBHtALADUH95BzOeJOIdgLUjCILfTEzM2FrUIy45QJqbCkOQ3KA2isqIgCFIGaNmbM4NAUOQ3KA2isqIgCFIGaNmbM4NAUOQ3KA2isqIgCFIGaNmbM4NAUOQ3KA2isqIgCFIGaNmbM4Ngf8HfT8Bm5CL8RIAAAAASUVORK5CYII=");
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls:not(.audio-only) [pseudo=-webkit-media-controls-panel] [pseudo=-webkit-media-controls-play-button] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALUSURBVHgBzZrxddMwEMa/9PV/vAFiAtIJcDcIE2AmIBskTFA2SJkAmCBmgqYTxJ0g2UDcV58bBUwaWyfHv/fuuY1j6fT5fJZOmcAI730mByc2FcvUGjZiex4nk8keBkwQgTiby2Em9gG10084ONk42AyIx/dildhvsZ8yiBJDQWXF5mIPaksdwLnX53rNVq1AaqSTmXZWdnH2RHscxH2yAUijTmytCucwRtqcqvMr9gULgka/ITFBCE0RgzTwSRvKMRAajjv2jT4ETjsMjIbmtrPzGh67Szgd+OA6hU1wwQwXRrPOeXdd09MSI4FJgRnttS8VHCFGhqbh2akvxKeiBAQhk7WdpNorjBR9Ac7bTgyar7uiqj+0fRgV23rHCiQknHJc6WcM/O+Iw4mtTOcb//ILta8vjnM+XSKer6jn5OtE6peofX2ZX+8QiU6Qlvq3M5/tHfrhGz2j4kx/jzBEVjaV2DukUb8Sc3ScudFkHfg34vxSDrdiC0P1KfK0UbxCIhKoT5Gzq+CfpLSon6EfR44PRTPfeIwtU1yjHoFDQlTdH6ifp1uGD/rz/ExScTr+BonQWR3fylT5JtJp4sQ2VJwFnC8wRlVeoA6Pj4bFH4r8rHgF41DR+QQnRKyU3RhXrJgFN9d8SKSjip0ZdMC38B1qlT9bl9hUEKbXfZNVWMvLEQ9DzsFe5YYcta81rXPdjvi6njhHQlrXDD5Rec2K/64ZVLE1RopWH4q2E5kf6fJNC1TbU1+YxcZ6Cvw5ZWhdTd9hJIgvi7OqD8HqJceF8YeNBHfuBdNOFyRABdx1LlA15Th/2TJzgT6o8zs/YOU2KLcViCEImwUSw6TgLeuXeuvuTRs9bj/XN3eZJDSDuF95u+3CtR9qIyEYwNb326Bd+MMG77zPwtlqS5zHtzhshz/heEucqxaGmNNzJSK3xKMcD1HVmh8ghM9Bs6/PQVVWP0L4A04k/NWfGvLIAAAAAElFTkSuQmCC");
}
.fullScreenVideoPopover .video-box video::-webkit-media-controls.sizing-large input[pseudo=-webkit-media-controls-play-button i]::-internal-media-controls-button-hover-background {
  opacity: 0;
}

html.ios .fullScreenVideoPopover .close-button.ios-system {
  display: block;
  top: 80px;
  right: 20px;
}
html.ios .fullScreenVideoPopover .video-box .close-button {
  display: none;
}

.aem-Grid.fullpage-wrapper .fullScreenVideoPopover {
  top: 60px;
  position: absolute;
}

@media screen and (min-width: 1920px) {
  .fullScreenVideoPopover .video-box {
    top: 126px;
    left: 160px;
    right: 160px;
    bottom: 54px;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .fullScreenVideoPopover .video-box {
    top: 96px;
    left: 195px;
    right: 178px;
    bottom: 24px;
  }
}
@media screen and (min-width: 1194px) and (max-width: 1439px) {
  .fullScreenVideoPopover .video-box {
    top: 142px;
    left: 64px;
    right: 63px;
    bottom: 80px;
  }
  .fullScreenVideoPopover .phone-tip {
    display: none;
  }
}
@media screen and (min-width: 1279px) and (max-height: 1439px) {
  .fullScreenVideoPopover .video-box {
    top: 142px;
    left: 64px;
    right: 63px;
    bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1193px) {
  .fullScreenVideoPopover .video-box {
    top: 142px;
    left: 64px;
    right: 63px;
    bottom: 80px;
  }
  .fullScreenVideoPopover .phone-tip {
    display: none;
  }
}
html.tablet.portrait body.is-fullscreen-video .cmp-container .cmp-sidebar.floating-sidebar {
  display: none;
}
html.tablet.portrait .fullScreenVideoPopover .video-box {
  bottom: unset;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 480px) {
  .fullScreenVideoPopover .close-button.ios-system {
    top: 80px;
    right: 20px;
  }
  .fullScreenVideoPopover .video-box {
    top: 50%;
    left: 0;
    right: 0;
    bottom: unset;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .fullScreenVideoPopover .video-box .close-button {
    top: 15px;
    right: 15px;
  }
}
@media screen and (orientation: landscape) and (max-height: 480px) {
  body.is-fullscreen-video .cmp-container .nav-wrapper .cmp-header {
    display: none !important;
  }
  body.is-fullscreen-video .fullpage-wrapper {
    -webkit-transition: unset !important;
    transition: unset !important;
  }
  body.is-fullscreen-video .fullScreenVideoPopover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  body.is-fullscreen-video .fullScreenVideoPopover .video-box {
    top: 0;
    left: 64px;
    right: 64px;
    bottom: 0;
  }
  body.is-fullscreen-video .fullScreenVideoPopover .close-button.ios-system {
    top: 20px;
    right: 20px;
  }
  body.is-fullscreen-video .aem-Grid.fullpage-wrapper .fullScreenVideoPopover {
    top: 0;
  }
  .phone-tip {
    display: none;
  }
}
/* @import "../components/header/header.scss";
@import "../components/hero-billboard-carousel/hero-billboard-carousel.scss";
@import "../components/hero-billboard-carousel/aem.scss";
@import "../components/model-finder/model-finder.scss";
@import "../components/model-finder/card-carousel.scss";
@import "../components/model-finder/index.scss";
@import "../components/model-finder/questions.scss";
@import "../components/model-finder/radio.scss";
@import "../components/model-finder/checkbox.scss";
@import "../components/model-finder/whoareyou.scss";
@import "../components/model-finder/aem-car-recommendation.scss";
@import "../components/model-finder/car-recommendation.scss";
@import "../components/model-finder/aem.scss";
 */
/* Desktop */
.imageText {
  height: 100%;
  width: 100%;
  z-index: 2;
  background-color: #000;
}

.imageText .imageText--wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.imageText .imageText--wrapper .imageText--slideshow-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.imageText--content-left {
  width: 647px;
}

.imageText .imageText--content-left .imageText--image {
  width: 100%;
  height: 100%;
}

.imageText .imageText--content-left .imageText--image img {
  width: 647px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.imageText--content-right {
  width: calc(100% - 647px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 100px 150px 50px;
}

.imageText--content-right > div {
  padding: 0 120px;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--title {
  font-family: "audi-wide-bold", "audi-zh-bold";
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 45px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 8px;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--description {
  font-family: "audi-wide", "audi-zh-regular";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 24px;
  text-align: justify;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--description p {
  font-family: "audi-wide", "audi-zh-regular";
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--cta button {
  font-family: "audi-wide", "audi-zh-regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  padding: 0px 52px;
  height: 44px;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--cta button.desktop-white-button {
  border: 1px solid #fff;
  background: #fff;
  color: #000;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--cta button.desktop-white-button:hover {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--cta button.desktop-transparent-button {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--cta button.desktop-transparent-button:hover {
  border-color: #cccccc;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-prev,
.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 0px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-prev {
  left: 697px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-next {
  right: 100px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.imageText .imageText--wrapper .imageText--bottomContent-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: absolute;
  bottom: 30px;
}

.imageText .imageText--wrapper .imageText--bottomContent {
  width: calc(100% - 647px - 50px - 120px);
  margin-left: auto;
}

.imageText .imageText--wrapper .imageText--bottomContent p {
  font-family: "audi-wide", "audi-zh-regular";
  font-style: normal;
  font-weight: 400;
  font-size: 9px;
  line-height: 12px;
  color: #999999;
  margin-bottom: 32px;
  padding-right: 220px;
}

.imageText .imageText--wrapper .imageText--slider {
  margin-left: auto;
  padding-right: 220px;
}

.imageText .imageText--wrapper .imageText--slider .imageText--slider-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1024px) {
  .imageText .imageText--wrapper .imageText--slider .imageText--slider-content {
    width: 100vw;
    max-width: calc(100vw - 80px);
  }
}
.imageText .imageText--wrapper .imageText--slider .imageText--slider-content.slider_enable .imageText--slider-bar {
  padding: 0px 8px;
}

.imageText .imageText--wrapper .imageText--slider .imageText--slider-bar-element {
  font-family: "audi-wide", "audi-zh-regular";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #999999;
  padding: 16px 5px 0;
  border-top: 2px solid #999999;
  margin-right: 16px;
  word-break: keep-all;
  cursor: pointer;
  min-width: 120px;
}

.imageText .imageText--wrapper .imageText--slider .imageText--slider-bar:last-child .imageText--slider-bar-element {
  margin-right: inherit;
}

.imageText .imageText--wrapper .imageText--slider .imageText--slider-bar.active .imageText--slider-bar-element {
  color: #fff;
  border-top: 2px solid #fff;
}

.imageText .imageText--content-readMore {
  display: none !important;
}

.imageText .footer-text {
  display: none;
}

.imgText-modal {
  display: none;
}

.imgText-modal.active {
  display: none;
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .imageText--content-left {
    width: 491px;
  }
  .imageText .imageText--content-left .imageText--image img {
    width: 491px;
  }
  .imageText--content-right {
    width: calc(100% - 491px);
  }
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-prev {
    left: 541px;
  }
  .imageText--content-right > div {
    padding: 0 80px;
  }
  .imageText .imageText--wrapper .imageText--bottomContent {
    width: calc(100% - 491px - 50px - 80px);
  }
  .imageText .imageText--wrapper .imageText--bottomContent p {
    padding-right: 180px;
  }
  .imageText .imageText--wrapper .imageText--slider {
    padding-right: 180px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
  .imageText--content-left {
    width: 409px;
  }
  .imageText .imageText--content-left .imageText--image img {
    width: 409px;
  }
  .imageText--content-right {
    width: calc(100% - 409px);
  }
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-prev {
    left: 459px;
  }
  .imageText--content-right > div {
    padding: 0 80px;
  }
  .imageText .imageText--wrapper .imageText--bottomContent {
    width: calc(100% - 409px - 50px - 60px);
  }
  .imageText .imageText--wrapper .imageText--bottomContent p {
    padding-right: 160px;
  }
  .imageText .imageText--wrapper .imageText--slider {
    padding-right: 160px;
  }
}
@media (max-width: 1024px) {
  .imageText {
    height: 100%;
    overflow-y: hidden;
    position: relative;
  }
  .imageText .imageText--content-left .imageText--image {
    margin-top: 60px;
  }
  .imageText .imageText--content-left .imageText--image {
    width: 100%;
  }
  .imageText .imageText--content-left .imageText--image img {
    width: 100%;
  }
  .imageText .imageText--wrapper {
    width: 100%;
    padding: 0;
  }
  .imageText .imageText--wrapper .imageText--slideshow-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .imageText--content-left {
    width: 100%;
  }
  .imageText--content-right {
    width: 100%;
    padding: 0;
  }
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--title {
    font-size: 24px;
    line-height: 32px;
  }
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--description {
    line-height: 24px;
  }
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-right .imageText--cta button {
    width: 100%;
  }
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-prev,
  .imageText .imageText--wrapper .imageText--slideshow-container .imageText--content-next {
    display: none;
  }
  .imageText .imageText--wrapper .imageText--bottomContent-wrapper {
    position: static;
  }
  .imageText .imageText--wrapper .imageText--bottomContent {
    width: 100%;
    padding: 0;
  }
  .imageText .imageText--wrapper .imageText--bottomContent p {
    padding: 0 25px;
  }
  .imageText .imageText--wrapper .imageText--slider {
    position: absolute;
    bottom: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .imageText .imageText--wrapper .imageText--slider .imageText--slider-bar .imageText--slider-bar-element {
    font-size: 14px;
    line-height: 14px;
    /* margin-right: 4px; */
    padding: 16px 2px 0;
  }
  .imageText .imageText--content-readMore {
    position: absolute;
    top: 0;
    z-index: 1;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: -5px;
    color: #fff;
    font-size: 30px;
    border: 0px;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  /* .stickyFeatureMenu
    + .container
    .imageText.fp-section
    .imageText--content-readMore {
    height: calc(100vh - 375px - 96px);
  } */
  /* .stickyFeatureMenu
    + .container
    .imageText.fp-section
    .slick-track
    .slick-slide
    > div {
    height: calc(100vh - 375px - 96px);
  } */
  .imageText .imageText--content-readMore span {
    position: absolute;
  }
  .imageText .footer-text {
    display: block;
    padding-top: 25px;
    color: #999999;
  }
  .imageText .footer-text p {
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    color: #999999;
  }
  .imageText .footer-text-target {
    display: block;
  }
  .imageText .imageText--content-right {
    max-height: 100%;
    overflow: hidden;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .imageText .imageText--content-right.height-expand {
    max-height: unset;
  }
  .imgText-modal {
    padding: 0px;
    position: fixed;
    z-index: 2000;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    display: none;
  }
  .imgText-modal.active {
    display: block;
  }
  .imgText-modal .imgText-modal-dialog {
    height: 100%;
  }
  .imgText-modal .imgText-modal-dialog__body {
    height: 100%;
    padding: 0px;
  }
  .imgText-modal .imgText--modal-image {
    position: relative;
    top: 0px;
  }
  .imgText-modal .imgText--modal-image img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .imgText-modal .imgText-modal-dialog__body .imageText--title {
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 1px;
    color: rgb(0, 0, 0);
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
  }
  .imgText-modal.black .imgText-modal-dialog__body .imageText--title {
    color: #fff;
  }
  .imgText-modal .imgText-modal-dialog__body .imgText-modal-body {
    margin: 32px 0px calc(50px + 7%) 40px;
    padding-bottom: 100px;
    padding-right: 40px;
  }
  .imgText-modal .imgText-modal-dialog {
    background-color: rgb(255, 255, 255) !important;
    color: #000;
    overflow: auto;
  }
  .imgText-modal.black .imgText-modal-dialog {
    background-color: #000 !important;
    color: #fff;
    overflow: auto;
  }
  .imgText-modal .imgText-modal-dialog__body .imageText--description {
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    margin-bottom: 16px;
    text-align: justify;
  }
  .imgText-modal.black .imgText-modal-dialog__body .imageText--description {
    color: #fff;
  }
  .imgText-modal .imgText-modal-dialog__close {
    width: 40px;
    height: 40px;
    color: #000;
    background-color: #000;
    text-shadow: 0px 0px 3px #000;
    padding: 12.84px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .imgText-modal .imgText-modal-dialog__close .black {
    width: 40px;
    height: 40px;
    color: #000;
    background-color: #fff;
    text-shadow: 0px 0px 3px #000;
    padding: 12.84px;
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .btnGroups button {
    width: 100%;
    margin-bottom: 4px;
  }
  .imgText-modal.black .imgText-modal-dialog__close {
    color: #fff;
  }
  .imgText-modal.black .imgText-modal-dialog__body button {
    color: #fff;
    border-color: #fff;
  }
  .imgText-modal .imgText-modal-dialog__close svg {
    stroke-width: 2px;
  }
  .imgText-modal .footer-text {
    display: block;
    padding-top: 25px;
    color: #999;
  }
  .imgText-modal .footer-text p {
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    color: #999;
  }
  .imgText-modal .imageText--cta button {
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 52px;
    height: 44px;
    width: 100%;
  }
  .imgText-modal .imageText--cta button.desktop-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .imgText-modal .imageText--cta button.desktop-white-button:hover {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .imgText-modal .imageText--cta button.desktop-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  .imgText-modal .imageText--cta button.desktop-transparent-button:hover {
    border-color: #cccccc;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .imageText--content-left {
    height: 606px;
  }
  .fp-disabled .imageText--content-left {
    height: 546px;
  }
  .imageText .imageText--content-left .imageText--image {
    height: 546px;
  }
  .imageText .imageText--content-left .imageText--image img {
    height: 546px;
  }
  .fp-disabled .imageText .imageText--content-left .imageText--image {
    margin-top: 0;
  }
  .imageText .imageText--wrapper .imageText--slider {
    top: 560px;
  }
  .fp-disabled .imageText .imageText--wrapper .imageText--slider {
    top: 500px;
  }
  .imageText--content-right > div {
    padding: 24px 56px;
    height: calc(100vh - 546px - 60px - 100px);
  }
  .left-sideNav .imageText--content-right > div {
    padding-left: 140px;
  }
  .fp-disabled .imageText--content-right > div {
    height: calc(100vh - 546px - 100px);
  }
  .modeldetailpage .imageText--content-right > div {
    height: calc(100vh - 546px - 60px - 96px - 100px);
  }
  .imageText .imageText--content-readMore {
    height: calc(100vh - 546px - 60px - 24px - 100px);
    width: calc(100vw - 106px);
  }
  .fp-disabled .imageText .imageText--content-readMore {
    height: calc(100vh - 546px - 24px - 100px);
    width: calc(100vw - 106px);
  }
  .left-sideNav .imageText .imageText--content-readMore {
    width: calc(100vw - 50px - 140px);
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .imageText.fp-section .imageText--content-readMore {
    height: calc(100vh - 546px - 60px - 96px - 24px - 100px);
  }
  .imageText .footer-text-target {
    display: block;
  }
  .imageText .imageText--wrapper .imageText--bottomContent {
    height: 100px;
  }
  .imageText .imageText--wrapper .imageText--bottomContent p {
    margin-bottom: 0;
    padding-right: 56px;
    padding-left: 56px;
  }
  .left-sideNav .imageText .imageText--wrapper .imageText--bottomContent p {
    padding-left: 140px;
  }
  .imgText-modal .imgText--modal-image img {
    height: 546px;
  }
  .imgText-modal .imgText-modal-dialog__body .imgText-modal-body {
    height: calc(100vh - 546px - 20px);
  }
}
@media (max-width: 767px) {
  .imageText--content-left {
    height: 435px;
  }
  .fp-disabled .imageText--content-left {
    height: 375px;
  }
  .imageText .imageText--content-left .imageText--image {
    height: 375px;
  }
  .imageText .imageText--content-left .imageText--image img {
    height: 375px;
  }
  .fp-disabled .imageText .imageText--content-left .imageText--image {
    margin-top: 0;
  }
  .imageText .imageText--wrapper .imageText--slider {
    top: 389px;
  }
  .fp-disabled .imageText .imageText--wrapper .imageText--slider {
    top: 329px;
  }
  .imageText--content-right > div {
    padding: 32px 40px;
    height: calc(100vh - 375px - 60px);
  }
  .left-sideNav .imageText--content-right > div {
    padding-left: 40px;
  }
  .fp-disabled .imageText--content-right > div {
    height: calc(100vh - 375px);
  }
  .modeldetailpage .imageText--content-right > div {
    height: calc(100vh - 375px - 60px - 96px);
  }
  .imageText .imageText--content-readMore {
    height: calc(100vh - 375px - 60px - 32px);
    width: calc(100vw - 74px);
  }
  .fp-disabled .imageText .imageText--content-readMore {
    height: calc(100vh - 375px - 32px);
    width: calc(100vw - 74px);
  }
  .left-sideNav .imageText .imageText--content-readMore {
    width: calc(100vw - 50px);
  }
  .modeldetailpage.fp-disabled .imageText .imageText--content-readMore {
    height: calc(100vh - 375px - 32px - 96px);
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .imageText.fp-section .imageText--content-readMore {
    height: calc(100vh - 375px - 60px - 96px - 32px);
  }
  .imageText .footer-text-target {
    display: none;
  }
  .imgText-modal .imgText--modal-image img {
    height: 375px;
  }
  .imgText-modal .imgText-modal-dialog__body .imgText-modal-body {
    height: calc(100vh - 375px - 20px);
  }
}
/*  disable the pointer event in svg  */
.imageText--content-prev svg,
.imageText--content-next svg {
  pointer-events: none;
}

.imageText .imageText--slider-content .slick-arrow {
  color: #fff;
  font-size: 30px;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  cursor: pointer;
}

@media (max-width: 767px) {
  .imageText .imageText--wrapper .imageText--slider .imageText--slider-bar .imageText--slider-bar-element {
    font-size: 10px;
    line-height: 10px;
    /* margin-right: 4px; */
    padding: 8px 2px 0;
  }
  .imageText .imageText--slider-content .slick-arrow {
    font-size: 24px;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  .imageText .imageText--wrapper .imageText--slider .imageText--slider-bar-element {
    min-width: 88px;
    margin-right: 8px;
  }
  .imageText .imageText--wrapper .imageText--slider .imageText--slider-content.slider_enable .imageText--slider-bar {
    padding: 0 4px;
  }
  .imageText .imageText--wrapper .imageText--slider .imageText--slider-content {
    max-width: calc(100vw - 40px);
  }
}
.title-hero-teaser {
  font-family: "audi-wide", "audi-zh-regular";
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: start;
  padding-top: 0px;
}

.title-hero-teaser.no-title {
  /*margin-top: 0px; */
  padding-top: 0px;
}

.title-hero-teaser.desktop-screenify {
  height: 100%;
}

.title-hero-teaser.black {
  background-color: #000;
}

.title-hero-teaser.white {
  background-color: #fff;
}

.title-hero-teaser .image-section--wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.title-hero-teaser .image-section--wrapper .image-section {
  width: 100%;
  height: 100%;
}

.title-hero-teaser .image-section--wrapper .image-section .container {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.title-hero-teaser .image-section--wrapper .image-section .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0%;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.title-hero-teaser .image-section--wrapper .image-section .container img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .title-hero-teaser.img-overlayss .image-section--wrapper .image-section .container:hover::before {
    opacity: 10%;
  }
  .title-hero-teaser.img-zoomin .image-section--wrapper .image-section .container:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.title-hero-teaser .image-section--wrapper:hover .image-section--hover {
  /*display: block;*/
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (max-width: 1023px) {
  .title-hero-teaser .image-section--wrapper:hover .image-section--hover {
    background: rgb(0, 0, 0);
  }
}
.title-hero-teaser .image-section--wrapper .image-section--hover-image {
  position: absolute;
  width: 400px;
  height: 328px;
  left: calc(50% - 200px);
  top: calc(50% - 164px);
  opacity: 0;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transition: 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  overflow: visible;
}

.title-hero-teaser .image-section--wrapper:hover .image-section--hover-image {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.title-hero-teaser .image-section--wrapper .image-section--hover-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.title-hero-teaser .image-section.title-top .detail {
  top: 0px;
}

.title-hero-teaser .image-section .detail {
  padding: 0px 20px;
  display: block;
}

.left-sideNav .title-hero-teaser .image-section .detail {
  padding: 0px 20px 0 40px;
}

.title-hero-teaser .image-section .detail .title p {
  font-size: 24px;
  font-family: "audi-wide-bold", "audi-zh-bold";
  text-shadow: unset;
  letter-spacing: 0.75px;
  color: #000;
  line-height: normal;
  padding-bottom: 16px;
  padding-top: 18px;
}

.title-hero-teaser .image-section .detail .desc p {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.12px;
  font-family: "audi-wide", "audi-zh-regular";
  padding-bottom: 24px;
  width: 90%;
  max-height: 52px;
}

.title-hero-teaser .image-section video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.title-hero-teaser .image-section .car-img {
  width: 100%;
  margin: 0;
  display: block;
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.title-hero-teaser .info-section {
  background-color: #000000;
}

.title-hero-teaser .info-section {
  padding-top: 24px;
  padding-bottom: 15px;
}

.title-hero-teaser .info-section .title {
  display: none;
}

.title-hero-teaser .info-section .title p {
  font-size: 24px;
  font-family: "audi-wide-bold", "audi-zh-bold";
  text-shadow: unset;
  letter-spacing: 0.75px;
  color: #000;
  line-height: normal;
  padding-bottom: 16px;
  padding-top: 18px;
}

.title-hero-teaser .info-section .info {
  color: #ffffff;
}

.title-hero-teaser .info-section .info .heading {
  font-size: 16px;
  line-height: normal;
  font-family: "audi-wide-bold", "audi-zh-bold";
  letter-spacing: 0.5px;
  padding-bottom: 15px;
  min-height: unset;
}

.title-hero-teaser .info-section .info .description {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.12px;
  padding-bottom: 10px;
  font-family: "audi-wide", "audi-zh-regular";
  overflow-y: hidden;
}

.title-hero-teaser .info-section .date {
  display: none;
  font-size: 12px;
  line-height: 24px;
  color: #999999;
  letter-spacing: 0.44px;
  font-family: "audi-wide", "audi-zh-regular";
  margin-bottom: 8px;
}

.title-hero-teaser .info-section .learn-more {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}

.title-hero-teaser .info-section .learn-more span {
  font-size: 24px;
  line-height: 0.5;
}

.cmp-tab.hero-type {
  height: inherit;
}

.cmp-tab.hero-type .title-hero-teaser .image-section .detail {
  display: block !important;
}

.cmp-tab.hero-type .title-hero-teaser .info-section .date {
  display: block;
}

.cmp-tab.hero-type .tab-nav.bottom {
  position: inherit;
  padding-bottom: 24px;
  bottom: 7%;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links {
  border-top: 2px solid #666;
  max-height: 48px;
  min-height: 26px;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links a {
  color: #666;
  opacity: 1;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links.active {
  border-top: 2px solid #000;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links.active a {
  color: #000;
  opacity: 1;
}

.modeldetailpage .cmp-tab .title-hero-teaser .detail {
  padding-top: 0px;
}

.mobile.auto-disabled-fullpage.small-device .auto-height .cmp-brand .tab-nav {
  bottom: -10px;
  margin-bottom: 30px;
}

.mobile.auto-disabled-fullpage .container[data-screenify=true] {
  height: unset !important;
}

.mobile.auto-disabled-fullpage .container[data-screenify=true] img {
  height: unset !important;
}

.mobile.auto-disabled-fullpage .image-section[data-screenify=true] {
  height: unset !important;
}

.mobile.fp-disabled .title-hero-teaser .container[data-screenify=true],
.infopage.mobile .title-hero-teaser .container[data-screenify=true] {
  height: unset !important;
}

.mobile.fp-disabled .title-hero-teaser .container[data-screenify=true] img,
.infopage.mobile .title-hero-teaser .container[data-screenify=true] img {
  height: unset;
}

.mobile.fp-disabled .title-hero-teaser .image-section[data-screenify=true],
.infopage.mobile .title-hero-teaser .image-section[data-screenify=true] {
  height: unset !important;
}

.title-hero-teaser.black .image-section {
  background-color: #000;
}

.title-hero-teaser.black .image-section .title p {
  color: #fff;
}

.title-hero-teaser.white .image-section .title p {
  color: #000;
}

.title-hero-teaser.black .info-section {
  background-color: #000;
}

.title-hero-teaser.black .info-section .title p {
  color: #fff;
}

.title-hero-teaser.black .info-section .info {
  color: #fff;
}

.title-hero-teaser.black .info-section .info .imageText--content-readMore {
  display: none;
}

.title-hero-teaser.black .info-section .learn-more {
  color: #fff;
}

.title-hero-teaser.white .info-section {
  background-color: #fff;
}

.title-hero-teaser.white .info-section .title p {
  color: #000;
}

.title-hero-teaser.white .info-section .info {
  color: #000;
}

.title-hero-teaser.white .info-section .info .imageText--content-readMore {
  display: none;
}

.title-hero-teaser.white .info-section .learn-more {
  color: #000;
}

@media only screen and (min-width: 1024px) {
  .title-hero-teaser {
    font-family: "audi-wide", "audi-zh-regular";
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    margin-top: auto;
    /*intentionally cancel space on desktop*/
  }
  .title-hero-teaser .image-section {
    position: relative;
    width: 67%;
    padding-top: 0px;
  }
  .title-hero-teaser .image-section.title-top .detail {
    top: 0px;
    padding-top: 64px;
  }
  .title-hero-teaser .image-section .detail {
    padding: 20px 80px 80px 80px;
    position: absolute;
    color: #ffffff;
    bottom: 0px;
  }
  .title-hero-teaser .image-section .detail .title {
    display: none;
  }
  .title-hero-teaser .image-section .detail .title p {
    font-size: 36px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    letter-spacing: 1px;
    padding-bottom: 16px;
    color: #fff;
    padding-top: 0px;
  }
  .title-hero-teaser .image-section .detail .desc p {
    font-size: 16px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    letter-spacing: 0.5px;
    padding-bottom: 32px;
    color: #fff;
    width: 70%;
    max-height: initial;
  }
  .title-hero-teaser .image-section video {
    height: 100%;
  }
  .title-hero-teaser .image-section .container {
    height: 100%;
  }
  .title-hero-teaser .image-section .car-img {
    height: 100vh;
  }
}
@media only screen and (min-width: 1024px) and (-ms-high-contrast: active), only screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .title-hero-teaser .image-section video {
    max-height: none;
  }
}
@media only screen and (min-width: 1024px) and (-ms-high-contrast: active), only screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .title-hero-teaser .image-section .car-img {
    max-height: none;
  }
}
@media only screen and (min-width: 1024px) {
  .title-hero-teaser .info-section {
    /* padding: 0px 80px 0px 48px; */
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 33%;
  }
  .title-hero-teaser .info-section .title {
    display: block;
  }
  .title-hero-teaser .info-section .title p {
    font-size: 36px;
    letter-spacing: 1px;
    padding-bottom: 16px;
    padding-top: 0px;
  }
  .title-hero-teaser .info-section .info {
    color: #ffffff;
  }
  .title-hero-teaser .info-section .info .heading {
    font-size: 24px;
    letter-spacing: 0.75px;
    padding-bottom: 16px;
    min-height: 46px;
  }
  .title-hero-teaser .info-section .info .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.28px;
    padding-bottom: 34px;
    width: auto;
    max-height: none;
  }
  .title-hero-teaser .info-section .date {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }
  .title-hero-teaser .info-section .learn-more {
    font-size: 16px;
  }
  .cmp-tab.hero-type .title-hero-teaser.left .info-section .title p {
    position: absolute;
    top: 80px;
    /*left: 80px;*/
  }
  .cmp-tab.hero-type .title-hero-teaser {
    position: static;
    min-width: 500px;
  }
  .cmp-tab.hero-type .title-hero-teaser .info-section {
    position: inherit;
  }
  .cmp-tab.hero-type .title-hero-teaser .info-section .title p {
    position: absolute;
    top: 80px;
  }
  .cmp-tab.hero-type .title-hero-teaser .info-section .info .description {
    padding-bottom: 8px;
  }
  .cmp-tab.hero-type .title-hero-teaser .info-section .date {
    display: block;
  }
  .cmp-tab.hero-type .title-hero-teaser .image-section {
    position: inherit;
  }
  .cmp-tab.hero-type .title-hero-teaser .image-section.title-top .detail {
    top: 0px;
    margin-top: unset;
    padding-top: 64px;
  }
  .cmp-tab.hero-type .title-hero-teaser .image-section .detail {
    top: 32px;
    margin-top: 72px;
    padding-top: 72px;
  }
  .cmp-tab.hero-type .tab-nav.bottom {
    width: 67%;
    right: 0;
    bottom: 32px;
    position: absolute;
  }
  .cmp-tab.hero-type .tab-nav.tab-right.bottom {
    width: 72%;
    right: 0;
    bottom: 32px;
    position: absolute;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links {
    width: 165px;
    border-top: 1px solid white;
    opacity: 0.3;
    max-height: none;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links a {
    color: #fff;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links.active {
    border-top: 2px solid #fff;
    opacity: 1;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links.active a {
    color: #fff;
    opacity: 1;
  }
  .title-hero-teaser.left {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
}
.cmp-tab.tab-slick-dots .tab-nav .tab__links {
  border-top: 8px solid #fff !important;
  opacity: 0.8;
  width: 20px !important;
  min-width: unset;
}

.cmp-tab.tab-slick-dots .tab-nav .tab__links.active {
  opacity: 1;
}

.cmp-tab.tab-slick-dots.black .tab-nav .tab__links {
  border-top: 8px solid #fff !important;
  opacity: 0.6;
  width: 20px !important;
  min-width: unset;
}

.cmp-tab.tab-slick-dots.white .tab-nav .tab__links {
  border-top: 8px solid #000 !important;
  opacity: 0.6;
  width: 20px !important;
  min-width: unset;
}

@media (min-width: 1920px) {
  .left-sideNav .title-hero-teaser.left .info-section {
    padding-left: 140px;
    padding-right: 48px;
  }
  .title-hero-teaser .info-section,
  .left-sideNav .title-hero-teaser .info-section {
    padding-right: 96px;
    padding-left: 48px;
  }
  .title-hero-teaser.left .info-section {
    padding-left: 96px;
    padding-right: 48px;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .left-sideNav .title-hero-teaser.left .info-section {
    padding-left: 140px;
    padding-right: 36px;
  }
  .title-hero-teaser .info-section,
  .left-sideNav .title-hero-teaser .info-section {
    padding-right: 76px;
    padding-left: 36px;
  }
  .title-hero-teaser.left .info-section {
    padding-left: 76px;
    padding-right: 36px;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .left-sideNav .title-hero-teaser.left .info-section {
    padding-left: 140px;
    padding-right: 32px;
  }
  .title-hero-teaser .info-section,
  .left-sideNav .title-hero-teaser .info-section {
    padding-right: 56px;
    padding-left: 32px;
  }
  .title-hero-teaser.left .info-section {
    padding-left: 56px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmp-tab.hero-type .tab-nav.bottom .tab__links.activeBlack {
    border-top: 2px solid #fff;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links.activeBlack a {
    color: #fff;
  }
  .left-sideNav .title-hero-teaser .image-section .detail {
    padding-left: 140px;
  }
  .left-sideNav .title-hero-teaser.left .info-section {
    padding-left: 140px;
  }
  .left-sideNav .modeldetailpage #fullpage .title-hero-teaser .detail {
    padding-left: 140px;
  }
  .left-sideNav .title-hero-teaser .info-section {
    padding-left: 140px;
    padding-right: 56px;
  }
  .title-hero-teaser .info-section {
    padding-left: 56px;
    padding-right: 56px;
  }
  .title-hero-teaser .image-section .detail {
    padding-left: 56px;
    padding-right: 56px;
  }
  .image-section.title-top,
  .image-section.title-top .container {
    height: unset !important;
  }
  .title-hero-teaser .image-section--wrapper:hover .image-section--hover {
    background: transparent;
  }
  .title-hero-teaser .info-section .info {
    /*	max-height:200px; */
    overflow: hidden;
    position: relative;
  }
  .title-hero-teaser .info-section .imageText--content-readMore {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    margin-left: 0px;
    color: #fff;
    font-size: 30px;
    border: 0;
    bottom: 0px;
    max-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .title-hero-teaser.white .info-section .imageText--content-readMore {
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
    color: #000;
  }
  .title-hero-teaser .info-section .imageText--content-readMore span {
    position: absolute;
    /*  transform: rotate(-90deg); */
    font-size: 30px;
  }
  .title-hero-teaser.white .info-section .imageText--content-readMore span svg.white-arrow {
    display: none;
  }
  .title-hero-teaser.white .info-section .imageText--content-readMore span svg.black-arrow {
    display: block;
  }
  .title-hero-teaser .info-section .imageText--content-readMore span svg.black-arrow {
    display: none;
  }
  .title-hero-teaser .info-section .imageText--content-readMore span svg.white-arrow {
    display: block;
  }
  .title-hero-teaser .info-section .link-btn {
    display: block;
  }
  .imgText-modal .imgText-modal-dialog__body .imageText--title {
    font-size: 20px !important;
  }
  .imgText-modal .imgText-modal-dialog__body .imageText--description {
    font-size: 12px !important;
  }
  .title-hero-teaser .image-section--wrapper .image-section--hover-image {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
    width: 100%;
    display: none;
  }
  .title-hero-teaser .image-section--wrapper:hover .image-section--hover {
    background: none;
    display: none;
  }
  .title-hero-teaser .info-section {
    top: calc(50% + 70px) !important;
  }
}
@media (max-width: 767px) {
  .image-section.title-top,
  .image-section.title-top .container {
    height: unset !important;
  }
  .title-hero-teaser .info-section {
    top: calc(50% + 70px) !important;
    padding-left: 40px;
    padding-right: 40px;
  }
  .title-hero-teaser .image-section .detail {
    padding-left: 40px;
    padding-right: 40px;
  }
  .title-hero-teaser .image-section .car-img {
    height: 360px !important;
  }
  .title-hero-teaser .image-section--wrapper:hover .image-section--hover {
    display: none;
  }
  .title-hero-teaser .image-section--wrapper .image-section--hover-image {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
    width: 100%;
    display: none;
  }
  .title-hero-teaser .image-section--wrapper:hover .image-section--hover {
    background: none;
  }
}
@media (max-width: 1439px) {
  .cmp-tab.hero-type .title-hero-teaser .info-section .imgText-modal {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .title-hero-teaser .image-section video {
    max-height: 400px;
  }
  .title-hero-teaser .image-section .car-img {
    max-height: 400px;
  }
}
.title-hero-teaser.mobile-space-above-0 {
  padding-top: 0px;
}

.title-hero-teaser.mobile-space-above-60 {
  padding-top: 60px;
}

.title-hero-teaser.mobile-space-above-120 {
  padding-top: 120px;
}

.title-hero-teaser.mobile-space-above-180 {
  padding-top: 180px;
}

.title-hero-teaser.mobile-space-above-240 {
  padding-top: 240px;
}

.title-hero-teaser.mobile-space-below-0 {
  padding-bottom: 0px;
}

.title-hero-teaser.mobile-space-below-60 {
  padding-bottom: 60px;
}

.title-hero-teaser.mobile-space-below-120 {
  padding-bottom: 120px;
}

.title-hero-teaser.mobile-space-below-180 {
  padding-bottom: 180px;
}

.title-hero-teaser.mobile-space-below-240 {
  padding-bottom: 240px;
}

@media only screen and (min-width: 1024px) {
  .title-hero-teaser.mobile-space-above-0 {
    padding-top: 0px;
  }
  .title-hero-teaser.mobile-space-above-60 {
    padding-top: 0px;
  }
  .title-hero-teaser.mobile-space-above-120 {
    padding-top: 0px;
  }
  .title-hero-teaser.mobile-space-above-180 {
    padding-top: 0px;
  }
  .title-hero-teaser.mobile-space-above-240 {
    padding-top: 0px;
  }
  .title-hero-teaser.mobile-space-below-0 {
    padding-bottom: 0px;
  }
  .title-hero-teaser.mobile-space-below-60 {
    padding-bottom: 0px;
  }
  .title-hero-teaser.mobile-space-below-120 {
    padding-bottom: 0px;
  }
  .title-hero-teaser.mobile-space-below-180 {
    padding-bottom: 0px;
  }
  .title-hero-teaser.mobile-space-below-240 {
    padding-bottom: 0px;
  }
}
@media (max-width: 1024px) {
  .title-hero-teaser .info-section .info {
    /*	max-height:200px; */
    overflow: hidden;
    position: relative;
  }
  .title-hero-teaser .info-section .imageText--content-readMore {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    margin-left: 0px;
    color: #fff;
    font-size: 30px;
    border: 0;
    bottom: 0px;
    max-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .title-hero-teaser.white .info-section .imageText--content-readMore {
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
    color: #000;
  }
  .title-hero-teaser .info-section .imageText--content-readMore span {
    position: absolute;
    /*  transform: rotate(-90deg); */
    font-size: 30px;
  }
  .title-hero-teaser.white .info-section .imageText--content-readMore span svg.white-arrow {
    display: none;
  }
  .title-hero-teaser.white .info-section .imageText--content-readMore span svg.black-arrow {
    display: block;
  }
  .title-hero-teaser .info-section .imageText--content-readMore span svg.black-arrow {
    display: none;
  }
  .title-hero-teaser .info-section .imageText--content-readMore span svg.white-arrow {
    display: block;
  }
  .title-hero-teaser .info-section .link-btn {
    display: block;
  }
}
/* AEM EDITOR CHANGES */
.cq-Editable-dom .title-hero-teaser {
  height: unset !important;
}

.cq-Editable-dom .title-hero-teaser .image-section {
  height: unset !important;
}

.cq-Editable-dom .title-hero-teaser .image-section .car-img {
  height: unset !important;
}

.title-hero-teaser .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.title-hero-teaser .fade-in-img {
  overflow: hidden;
}

.title-hero-teaser .fade-in-img img {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.title-hero-teaser .fade-in.is-shown {
  opacity: 1 !important;
}

.title-hero-teaser .fade-in-img.is-shown img {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

@media only screen and (min-width: 768px) {
  .cmp-tab.hero-type .title-hero-teaser .image-section .detail {
    width: 60%;
  }
}
.title-hero-teaser .image-section {
  line-height: 0.5;
  width: 100%;
}

.cmp-tab .title-hero-teaser {
  height: inherit;
}

.cmp-tab.hero-type {
  height: inherit;
}

/*ACNWEB-1378 fix QQ browser issue*/
.title-hero-teaser .info-section {
  z-index: 2;
}

/* height enhancement to allow 2 lines on iphone */
.cmp-tab.hero-type .tab-nav.bottom .tab__links {
  max-height: 48px;
  margin: 0 6px 8px 6px;
}

.cmp-tab.tab-slick-dots .tab-nav .tab__links {
  border-top: 8px solid #fff !important;
  opacity: 0.8;
  width: 20px !important;
  min-width: unset;
}

.cmp-tab.tab-slick-dots .tab-nav .tab__links.active {
  opacity: 1;
}

.cmp-tab.tab-slick-dots.black .tab-nav .tab__links {
  border-top: 8px solid #fff !important;
  opacity: 0.6;
  width: 20px !important;
  min-width: unset;
}

.cmp-tab.tab-slick-dots.white .tab-nav .tab__links {
  border-top: 8px solid #000 !important;
  opacity: 0.6;
  width: 20px !important;
  min-width: unset;
}

#footer .scroll-footer::-webkit-scrollbar {
  width: 4px;
}

/* Track */
#footer .scroll-footer::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
#footer .scroll-footer::-webkit-scrollbar-thumb {
  background: #888;
}

.cmp-footer {
  background-color: #000;
  font-family: "audi-wide", "audi-zh-regular";
}

.cmp-footer .footer-container {
  width: 100%;
  background-color: white;
  border-top: 1px solid #e1e1e1;
  display: block;
}

.cmp-footer .collapsible {
  color: #000;
  padding: 0px 16px 0px 20px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.cmp-footer .collapsible button {
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  line-height: 55px;
  text-decoration: none;
  color: #000;
}

.cmp-footer .collapsible button a {
  text-decoration: none;
  color: #000;
}

.cmp-footer .collapsible span {
  font-size: 24px;
  line-height: 0;
  cursor: pointer;
}

.cmp-footer .without-collapsible {
  background-color: #fff;
  color: #000;
  padding: 0px 16px 0px 20px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #e5e5e5;
  outline: none;
  line-height: 55px;
}

.cmp-footer .content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  background-color: #f2f2f2;
}

.cmp-footer .content p {
  padding: 0px 16px 0px 20px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-family: "audi-wide", "audi-zh-regular";
  line-height: 55px;
}

.cmp-footer .cmp-footer-bottom .desktop-footer {
  display: none;
}

.cmp-footer .cmp-footer-bottom .mob-footer {
  width: 100%;
  padding: 36px 20px 24px 20px;
}

.cmp-footer .cmp-footer-bottom .mob-footer p {
  color: #fff;
  font-size: 12px;
  line-height: 17px;
}

.cmp-footer .cmp-footer-bottom .mob-footer ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px;
}

.cmp-footer .cmp-footer-bottom .mob-footer li {
  padding: 0 47px 36px 0;
  list-style: none;
}

.cmp-footer .cmp-footer-bottom .mob-footer .footer-icons {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.cmp-footer .cmp-footer-bottom .mob-footer .footer-icons :nth-last-child(1) {
  padding-right: 0px;
}

.cmp-footer .cmp-footer-bottom .mob-footer .footer-icons a {
  text-transform: none;
  padding-right: 48px;
}

.cmp-footer .cmp-footer-bottom .mob-footer .footer-icons a .icon {
  font-size: 44px;
  color: white;
  cursor: pointer;
  line-height: 0;
}

.cmp-footer .cmp-footer-bottom .mob-footer .footer-icons a .icon img {
  height: 48px;
  width: 48px;
}

.cmp-footer .cmp-footer-bottom .mob-footer hr {
  margin: 16px -20px;
  border: none;
  height: 1px;
  background-color: #e5e5e5;
}

.cmp-footer .cmp-footer-bottom .mob-footer .disclaimer {
  padding: 28px 0 0 0;
  color: #fff;
  font-family: "audi-wide", "audi-zh-regular";
  font-size: 12px;
  line-height: 1.42;
  letter-spacing: normal;
}

/* .cmp-footer .cmp-footer-bottom .mob-footer .address {
      padding-top: 10px; }*/
.aui-modal-dialog__close {
  width: 35px !important;
  height: 35px !important;
  color: #000000;
  right: 2px;
}

.footer-model {
  background-color: #ffffff !important;
}

.aui-modal[id=footer-wechat-sharing] .aui-modal-dialog__content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.aui-modal[id=footer-wechat-sharing] .aui-modal-dialog__content img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.aui-modal[id=footer-wechat-sharing] .aui-modal-dialog__content .custom_iframe_content {
  background-color: #fff;
  border: 0px;
}

.aui-modal-dialog__content .aui-modal-dialog__content--title {
  text-align: center;
  color: white;
  font-size: 16px;
  margin-top: 10px;
}

.share-item.aui-icon-system-qq-small {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.share-item.aui-icon-system-qq-small p {
  padding-top: 58px;
  margin-left: 0px;
}

@media only screen and (min-width: 768px) and (-ms-high-contrast: active), only screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .aui-modal[id=footer-wechat-sharing] .aui-modal-dialog__content img {
    height: 250px;
    width: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 768px) {
  .cmp-footer .footer-container {
    display: none;
  }
  .cmp-footer.expanded .submenu {
    display: block !important;
  }
  .cmp-footer.expanded .aui-icon-arrow-down-large {
    display: none !important;
  }
  .cmp-footer .cmp-footer-bottom {
    padding: 0px 80px 49px;
  }
  .cmp-footer .cmp-footer-bottom .mob-footer {
    display: none;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer {
    display: block;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section ul {
    list-style-type: none;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section ul p {
    color: #ffffff;
    font-size: 13px;
    line-height: 24px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section ul .bold {
    font-size: 16px;
    font-family: "audi-wide-bold", "audi-zh-bold";
    line-height: 24px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .bottom-content {
    padding-top: 22px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .bottom-content ul {
    padding-top: 8px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .bottom-content ul p {
    width: 100px;
    padding: 8px 16px 8px 0;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .footer-icons {
    min-width: 380px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 25px;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .footer-icons :nth-child(1) {
    padding-left: 0px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .footer-icons a {
    padding-left: 36px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .footer-icons a .icon {
    font-size: 44px;
    color: white;
    cursor: pointer;
    line-height: 0;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .with-icon .footer-icons a .icon img {
    height: 48px;
    width: 48px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown > li {
    padding-top: 32px;
    /* margin-top: 88px; */
    max-width: 160px;
    min-width: 160px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown > li.opened {
    padding-right: 12px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown p {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown p span {
    margin-right: -26px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown .submenu {
    padding-top: 12px;
    display: none;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown .submenu ul {
    display: block;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .dropdown .submenu ul li p {
    font-size: 12px;
    line-height: initial;
    color: #ffffff;
    padding-bottom: 8px;
    margin: 0;
    font-weight: 400;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer span {
    color: #ffffff;
    font-size: 24px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .disclaimer {
    font-size: 12px;
    color: #ffffff;
    width: 100%;
    line-height: normal;
    padding-top: 28px;
  }
  .cmp-footer .cmp-footer-bottom .desktop-footer .social-media {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .cmp-footer .cmp-footer-bottom .desktop-footer .footer-section .bottom-content {
    width: calc(100% - 380px);
  }
}
.ie-full-page .section {
  top: 0 !important;
}

@media only screen and (max-width: 768px) {
  .aui-popover__content {
    width: 100% !important;
    right: 0 !important;
  }
  .frame-chat__FrameMobile-sc-jge1pb-1 .eGqVcz {
    width: 100% !important;
  }
  .cmp-footer .cmp-footer-bottom .mob-footer .footer-icons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cmp-footer .cmp-footer-bottom .mob-footer .footer-icons a {
    padding-right: 0;
    width: 25%;
    max-width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: center; */
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 28px;
  }
  .cmp-footer .cmp-footer-bottom .mob-footer p {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .floating-wechat-sharing .aui-modal-dialog .custom_iframe_content {
    width: 100% !important;
    height: 220px !important;
  }
  #footer-wechat-sharing .aui-modal-dialog .custom_iframe_content {
    width: 100% !important;
    height: 220px !important;
  }
  .floating-wechat-enterprise-sharing .aui-modal-dialog .custom_iframe_content {
    width: 100% !important;
    height: 220px !important;
    background-color: #fff;
  }
  #footer-wechat-enterprise-sharing .aui-modal-dialog .custom_iframe_content {
    width: 100% !important;
    height: 220px !important;
    background-color: #fff;
  }
}
.cmp-sidebar {
  position: fixed;
  right: 0;
  bottom: calc(30vh - 63px);
  z-index: 100000;
  width: 40px;
}

.cmp-sidebar .message-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 40px;
  width: 0;
}

.cmp-sidebar .message-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  right: -100px;
  -webkit-transition: right 200ms;
  transition: right 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-sidebar .message-wrapper.no-tooltip a {
  right: 0;
}

.cmp-sidebar .message-wrapper.go-top a {
  right: 0;
}

.cmp-sidebar .message-wrapper span {
  cursor: pointer;
}

.cmp-sidebar .message-wrapper a span.aui-icon-discussion-small {
  font-size: 22px;
  padding-left: 1px;
  color: #fff;
}

.cmp-sidebar .message-wrapper .message-icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  background-repeat: no-repeat;
  background-position: center;
}

.cmp-sidebar .message-wrapper .message-icon .hotlineCustomIcons {
  background-size: 24px 24px;
}

.message-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "audi-wide", "audi-zh-regular";
  font-weight: 400;
  height: 40px;
  min-width: 100px;
  font-size: 12px;
  line-height: 20px;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  padding-left: 6px;
}

.popupHover .message-tooltip {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 13px;
}

@media (hover: hover) {
  .cmp-sidebar:hover {
    width: 140px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .message-wrapper a:hover {
    right: 0;
    -webkit-transition: right 200ms;
    transition: right 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
            transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  }
}
#footer-wechat-sharing .aui-modal-dialog__close, .floating-wechat-sharing .aui-modal-dialog__close {
  color: black;
}

.floating-wechat-sharing .aui-modal-dialog .aui-modal-dialog__body .custom_iframe_content iframe,
.floating-wechat-enterprise-sharing .aui-modal-dialog .aui-modal-dialog__body .custom_iframe_content iframe,
#footer-wechat-enterprise-sharing .aui-modal-dialog .aui-modal-dialog__body .custom_iframe_content iframe {
  background: white;
  border: 1px solid white;
}

.floating-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.cmp-sidebar .sample-popover {
  padding: 10px;
  width: 140px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* justify-content: center; */
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  border-color: transparent;
  -moz-appearance: none !important;
       appearance: none !important;
  -webkit-appearance: none !important;
  position: relative;
  right: -100px;
}

.cmp-sidebar .popupHover {
  position: relative;
  z-index: 10;
  padding: 0;
}

.cmp-sidebar .popupHover.active {
  right: 0;
  -webkit-transition: right 200ms;
  transition: right 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-sidebar .popupHover .popover-hover-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmp-sidebar .popupHover .popover-hover-toggle .aui-button__text {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
}

.cmp-sidebar .popover-hover-modal {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  display: none;
}

.cmp-sidebar .popupHover:hover .popover-hover-modal {
  display: block;
}

.cmp-sidebar .popover-hover-modal.show {
  display: block;
}

.cmp-sidebar .popover-hover-modal .popover-arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #fff;
  top: 50%;
  right: -10px;
  z-index: -1;
}

.cmp-sidebar .popover-hover-modal .ui-popover__text {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}

.cmp-sidebar .popupHover {
  position: relative;
  z-index: 10;
  padding: 0;
}

.cmp-sidebar .popupHover.active {
  right: 0;
  -webkit-transition: right 200ms;
  transition: right 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-sidebar .popupHover .popover-hover-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmp-sidebar .popover-hover-modal {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  display: none;
}

.cmp-sidebar .popover-hover-modal.show {
  display: block;
}

.cmp-sidebar .popover-hover-modal .popover-arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #fff;
  top: 50%;
  right: -10px;
  z-index: -1;
}

.cmp-sidebar .popover-hover-modal .ui-popover__text {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}

.cmp-sidebar .popover-hover-modal .ui-popover__text iframe {
  border: none;
}

.aui-popover {
  z-index: 100001;
}

.aui-popover iframe {
  border-width: 0px;
}

.aui-popover__text {
  height: 100%;
  padding: 0px;
}

/* inline image style */
.cmp-footer .scroll-footer p img {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-bottom: 2px;
}

body,
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

/* // Give height here of the main slider container to decide height of slides */
.cmp-fullscreen-multitab {
  height: 100vh;
}

.cmp-fullscreen-multitab .slider-nav .slick-track {
  left: 0 !important;
}

/* // Adding gap between slides of slider-nav */
.cmp-fullscreen-multitab .slider-for .slick-slide > div {
  height: 100%;
}

/* // Slick List to ensure that slick slide is having full width even when there is only one slide */
.cmp-fullscreen-multitab .slick-list {
  width: 100%;
}

/* // Adding gap between slides of slider-nav */
.cmp-fullscreen-multitab .slider-nav .slick-slide {
  margin: 0 10px;
}

.cmp-fullscreen-multitab .slider-nav .slick-list {
  margin: 0 -10px;
}

/* Main Slider CSS */
.cmp-fullscreen-multitab .slider-for {
  width: 100%;
  height: 100%;
}

.cmp-fullscreen-multitab .slider-for-slide {
  height: 100%;
  position: relative;
}

.cmp-fullscreen-multitab .slider-for .slick-list,
.cmp-fullscreen-multitab .slider-for .slick-track {
  height: 100%;
}

.cmp-fullscreen-multitab.tab-fix-hack .slider-nav .slick-track {
  left: 0 !important;
}

/* // Each Slide */
.cmp-fullscreen-multitab .slider-for .slide-1 {
  background-color: lightblue;
}

.cmp-fullscreen-multitab .slider-for .slide-2 {
  background-color: lightgreen;
}

.cmp-fullscreen-multitab .slider-for .slide-3 {
  background-color: lightcoral;
}

.cmp-fullscreen-multitab .slider-for .slide-4 {
  background-color: lightseagreen;
}

.cmp-fullscreen-multitab .slider-for .slide-5 {
  background-color: lightpink;
}

/* // Slick Slider Arrows */
.cmp-fullscreen-multitab .slider-nav .slick-arrow {
  z-index: 1;
  cursor: pointer;
}

/* Medium & Large Tabs CSS */
/* // Tabs Container */
.cmp-fullscreen-multitab .slider-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
  padding-bottom: 16px;
  z-index: 10;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
}

@media (max-width: 767px) {
  .cmp-fullscreen-multitab.sm-tabs .slider-nav {
    padding-bottom: 30px;
  }
}
@media (min-width: 767px) {
  .cmp-fullscreen-multitab .slider-nav {
    padding-bottom: 62px;
  }
  .cmp-fullscreen-multitab.sm-tabs .slider-nav {
    padding-bottom: 76px;
  }
}
@media (min-width: 1194px) {
  .cmp-fullscreen-multitab .slider-nav {
    padding-bottom: 38px;
  }
  .cmp-fullscreen-multitab.sm-tabs .slider-nav {
    padding-bottom: 60px;
  }
}
@media (min-width: 1440px) {
  .cmp-fullscreen-multitab .slider-nav {
    padding-bottom: 30px;
  }
  .cmp-fullscreen-multitab.sm-tabs .slider-nav {
    padding-bottom: 52px;
  }
}
@media (min-width: 1920px) {
  .cmp-fullscreen-multitab .slider-nav {
    padding-bottom: 62px;
  }
  .cmp-fullscreen-multitab.sm-tabs .slider-nav {
    padding-bottom: 80px;
  }
}
/* // Tabs */
.cmp-fullscreen-multitab .slider-nav-slide {
  width: 112px !important;
  position: relative;
  text-align: center;
  cursor: pointer;
}

/* // Tab Line */
.cmp-fullscreen-multitab .tab-line {
  position: relative;
  height: 2px;
  width: 100%;
  background-color: #666;
}

.cmp-fullscreen-multitab.sm-tabs .tab-line {
  height: 8px;
}

.cmp-fullscreen-multitab.tabs-anim-off .slick-current .tab-line {
  background-color: #000;
}

.cmp-fullscreen-multitab .slick-current .tab-text {
  color: #000;
}

/* // Tab Line After */
.cmp-fullscreen-multitab .tab-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #000;
  top: 0;
  left: 0;
  -webkit-transform: scaleX(0%);
          transform: scaleX(0%);
  -webkit-transform-origin: 0%;
          transform-origin: 0%;
}

.cmp-fullscreen-multitab.md-tabs .slider-nav .tab-line::after {
  height: 2px;
}

.cmp-fullscreen-multitab.sm-tabs .tab-line:after {
  height: 8px;
}

/* black */
.cmp-fullscreen-multitab.sm-tabs.tabs-wht .slider-container .slick-list .slick-track .slick-slide.slick-current .slider-nav-slide .tab-line {
  background-color: #fff;
}

.cmp-fullscreen-multitab.sm-tabs.tabs-wht .slider-container .slick-list .slick-track .slick-slide.slick-current + .slick-slide .slider-nav-slide .tab-line {
  background-color: #979797;
}

.cmp-fullscreen-multitab.sm-tabs.tabs-wht .slider-container .slick-list .slick-track .slick-slide .tab-line {
  background-color: rgba(255, 255, 255, 0.1);
}

/* white */
.cmp-fullscreen-multitab.sm-tabs .slider-container .slick-list .slick-track .slick-slide.slick-current .slider-nav-slide .tab-line {
  background-color: #000;
}

.cmp-fullscreen-multitab.sm-tabs .slider-container .slick-list .slick-track .slick-slide.slick-current + .slick-slide .slider-nav-slide .tab-line {
  background-color: rgba(0, 0, 0, 0.5);
}

.cmp-fullscreen-multitab.sm-tabs .slider-container .slick-list .slick-track .slick-slide .tab-line {
  background-color: rgba(0, 0, 0, 0.05);
}

/* // Medium & Large Tabs Animation */
.cmp-fullscreen-multitab.ready-for-anim .slider-nav .slick-current .tab-line::after {
  -webkit-transform: scaleX(100%);
          transform: scaleX(100%);
  -webkit-transition: -webkit-transform cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: -webkit-transform cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: transform cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: transform cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -webkit-transition-duration: var(--autoplay, 6s);
          transition-duration: var(--autoplay, 6s);
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.cmp-fullscreen-multitab.anim-paused .slider-nav .slick-current .tab-line::after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-transform: scaleX(0%);
          transform: scaleX(0%);
}

/* // Medium & Large Tabs Animation Off */
.cmp-fullscreen-multitab.tabs-anim-off .slider-nav .slick-current .tab-line::after {
  -webkit-transform: scaleX(0%);
          transform: scaleX(0%);
}

/* // Tab Text */
.cmp-fullscreen-multitab .tab-text {
  color: #666;
  margin-top: 4px;
}

/* // Current Tab Text */
.cmp-fullscreen-multitab .slick-current .tab-text {
  color: #000;
}

.cmp-fullscreen-multitab.tabs-anim-off .slick-current .tab-text {
  color: #000;
}

/* Medium & Large Tabs (White) */
/* // Tab Line */
.cmp-fullscreen-multitab.tabs-wht .tab-line {
  background-color: #b3b3b3;
}

/* // Tab Line After */
.cmp-fullscreen-multitab.tabs-wht .tab-line::after {
  background-color: #fff;
}

/* // Tab Text */
.cmp-fullscreen-multitab.tabs-wht .tab-text {
  color: #b3b3b3;
}

/* // Current Tab Text */
.cmp-fullscreen-multitab.tabs-wht .slick-current .tab-text {
  color: #fff;
}

.cmp-fullscreen-multitab.tabs-wht.tabs-anim-off .slick-current .tab-line {
  background-color: #fff;
}

/* Tab Arrows */
.cmp-fullscreen-multitab .slider-nav .slick-arrow {
  cursor: pointer;
  z-index: 100;
}

/* // Tabs Arrow (White) */
.cmp-fullscreen-multitab.tabs-wht .slider-nav .slick-arrow {
  color: #fff;
}

/* // Mask Layer */
.cmp-fullscreen-multitab .mask-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25.01%, rgba(0, 0, 0, 0)), color-stop(50.01%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 0) 50.01%, #000000 100%);
}

.cmp-fullscreen-multitab .slider-nav .slider-prev-arrow {
  margin-right: 20px;
}

.cmp-fullscreen-multitab .slider-nav .slider-next-arrow {
  margin-left: 20px;
}

.cmp-fullscreen-multitab .slider-nav .slick-current {
  color: #000;
}

/* // Title & Description (White) */
.cmp-fullscreen-multitab .content-div.title-wht .grid-system .title {
  color: #fff;
}

.cmp-fullscreen-multitab .content-div.desc-wht .grid-system .description {
  color: #fff;
}

/* Buttons */
.cmp-fullscreen-multitab .cta-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  padding-top: 16px;
}

@media (min-width: 768px) {
  .cmp-fullscreen-multitab .cta-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .cmp-fullscreen-multitab .cta-box.btns-x {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .cmp-fullscreen-multitab .cta-box.btns-y {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cmp-fullscreen-multitab .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 156px;
  height: 44px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
}

.cmp-fullscreen-multitab .btn.btn-trans-wht {
  color: #fff;
  border: 1px solid #fff;
}

.cmp-fullscreen-multitab .btn.btn-trans-blk {
  color: #000;
  border: 1px solid #000;
}

.cmp-fullscreen-multitab .btn.btn-fill-wht {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}

.cmp-fullscreen-multitab .btn.btn-fill-blk {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.cmp-fullscreen-multitab .btn-link {
  text-decoration: none;
}

/* // Video CSS */
.cmp-fullscreen-multitab .video-box {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cmp-fullscreen-multitab .video-box.desktop-video {
  display: none;
}

/* // Image CSS */
.cmp-fullscreen-multitab .slider-for-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cmp-fullscreen-multitab .slider-for-slide .content-div picture img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.cmp-fullscreen-multitab.content-anim-on .slider-for-slide img {
  -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  transition: -webkit-transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  transition: transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  transition: transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1), -webkit-transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
}

.cmp-fullscreen-multitab .cta-box {
  z-index: 998;
}

/* Arrows */
.cmp-fullscreen-multitab .slider-nav .slick-aui-next {
  padding-left: 9px;
  color: #000;
}

.cmp-fullscreen-multitab .slider-nav .slick-aui-prev {
  padding-right: 9px;
  color: #000;
}

.cmp-fullscreen-multitab.tabs-wht .slider-nav .slick-aui-next {
  color: #fff;
}

.cmp-fullscreen-multitab.tabs-wht .slider-nav .slick-aui-prev {
  color: #fff;
}

/****************** Content Layout & Grid ****************************/
.cmp-fullscreen-multitab .content-div {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cmp-fullscreen-multitab .grid-system {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 108px 40px 32px 40px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  z-index: 20;
}

.cmp-fullscreen-multitab .grid-system .title {
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
  min-width: calc(100vw - 40px - 40px);
}

.cmp-fullscreen-multitab .grid-system .description {
  font-size: 16px;
  line-height: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  min-width: calc(100vw - 40px - 40px);
}

.cmp-fullscreen-multitabe .grid-system .cta {
  padding-top: 16px;
}

.cmp-fullscreen-multitab .grid-system .left-top {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cmp-fullscreen-multitab .grid-system .left-center {
  grid-row: 2/span 1;
  grid-column: 1/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-fullscreen-multitab .grid-system .left-bottom {
  grid-row: 3/span 1;
  grid-column: 1/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cmp-fullscreen-multitab .grid-system .center-top {
  grid-row: 1/span 1;
  grid-column: 2/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cmp-fullscreen-multitab .grid-system .center-center {
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-fullscreen-multitab .grid-system .center-bottom {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cmp-fullscreen-multitab .grid-system .right-top {
  grid-row: 1/span 1;
  grid-column: 3/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.cmp-fullscreen-multitab .grid-system .right-center {
  grid-row: 2/span 1;
  grid-column: 3/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-fullscreen-multitab .grid-system .right-bottom {
  grid-row: 3/span 1;
  grid-column: 3/span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cmp-fullscreen-multitab .center-top .title,
.cmp-fullscreen-multitab .center-top .description,
.cmp-fullscreen-multitab .center-center .title,
.cmp-fullscreen-multitab .center-center .description,
.cmp-fullscreen-multitab .center-bottom .title,
.cmp-fullscreen-multitab .center-bottom .description {
  text-align: center;
}

.cmp-fullscreen-multitab .right-top .title,
.cmp-fullscreen-multitab .right-top .description,
.cmp-fullscreen-multitab .right-center .title,
.cmp-fullscreen-multitab .right-center .description,
.cmp-fullscreen-multitab .right-bottom .title,
.cmp-fullscreen-multitab .right-bottom .description {
  text-align: end;
}

.cmp-fullscreen-multitab.sm-tabs .slider-nav .slick-slide {
  width: 20px !important;
}

.cmp-fullscreen-multitab.sm-tabs .slick-track,
.cmp-fullscreen-multitab.sm-tabs .slider-nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-fullscreen-multitab.sm-tabs .slider-nav .slider-nav-slide {
  width: 20px !important;
  height: 8px;
}

/* Media Queries */
.cmp-fullscreen-multitab.sm-tabs .slider-nav .slick-list {
  width: 230px;
}

@media (min-width: 820px) {
  .cmp-fullscreen-multitab .slider-nav .slider-nav-slide {
    width: 100% !important;
  }
  .cmp-fullscreen-multitab.md-tabs .slider-nav .slider-nav-slide {
    width: 256px !important;
  }
  .cmp-fullscreen-multitab .grid-system .title,
  .cmp-fullscreen-multitab .grid-system .description {
    min-width: calc(100vw - 56px - 56px);
  }
  .cmp-fullscreen-multitab .grid-system {
    padding: 188px 56px 160px 56px !important;
  }
  .fp-enabled .cmp-fullscreen-multitab .grid-system {
    padding: 188px 56px 160px 56px !important;
  }
  .fp-enabled .left-sideNav .cmp-fullscreen-multitab .grid-system {
    padding: 188px 56px 160px 156px !important;
  }
}
@media (min-width: 1024px) {
  .cmp-fullscreen-multitab .grid-system {
    padding: 128px 56px 160px 56px !important;
  }
  .fp-enabled .cmp-fullscreen-multitab .grid-system {
    padding: 188px 56px 160px 56px !important;
  }
  .fp-enabled .left-sideNav .cmp-fullscreen-multitab .grid-system {
    padding: 188px 56px 160px 156px !important;
  }
  .cmp-fullscreen-multitab .grid-system .description,
  .cmp-fullscreen-multitab .grid-system .title {
    min-width: auto;
  }
}
@media (min-width: 1194px) {
  .cmp-fullscreen-multitab .slider-nav .slick-aui-next {
    padding-left: 20px;
  }
  .cmp-fullscreen-multitab .slider-nav .slick-aui-prev {
    padding-right: 20px;
  }
  .cmp-fullscreen-multitab .video-box.mobile-video {
    display: none;
  }
  .cmp-fullscreen-multitab .video-box.desktop-video {
    display: block;
  }
  .cmp-fullscreen-multitab .grid-system {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .cmp-fullscreen-multitab .grid-system .left-top {
    grid-column: 1/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .left-center {
    grid-column: 1/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .left-bottom {
    grid-column: 1/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .center-top {
    grid-column: 2/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .center-center {
    grid-column: 2/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .center-bottom {
    grid-column: 2/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .right-top {
    grid-column: 3/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .right-center {
    grid-column: 3/span 1;
  }
  .cmp-fullscreen-multitab .grid-system .right-bottom {
    grid-column: 3/span 1;
  }
  .cmp-fullscreen-multitab .grid-system {
    padding: 80px 56px 128px 56px !important;
  }
  .fp-enabled .cmp-fullscreen-multitab .grid-system {
    padding: 140px 56px 128px 56px !important;
  }
  .fp-enabled .left-sideNav .cmp-fullscreen-multitab .grid-system {
    padding: 140px 56px 128px 156px !important;
  }
}
@media (min-width: 1440px) {
  .cmp-fullscreen-multitab .grid-system {
    padding: 80px 76px 112px 76px !important;
  }
  .fp-enabled .cmp-fullscreen-multitab .grid-system {
    padding: 140px 76px 112px 76px !important;
  }
  .fp-enabled .left-sideNav .cmp-fullscreen-multitab .grid-system {
    padding: 140px 76px 112px 156px !important;
  }
}
@media (min-width: 1920px) {
  .cmp-fullscreen-multitab .grid-system {
    padding: 168px 96px 168px 96px !important;
  }
  .fp-enabled .cmp-fullscreen-multitab .grid-system {
    padding: 228px 96px 168px 96px !important;
  }
  .fp-enabled .left-sideNav .cmp-fullscreen-multitab .grid-system {
    padding: 228px 96px 168px 156px !important;
  }
}
/* // Pop Up Animation */
.pop-up {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 1001;
  -webkit-transition: 300ms -webkit-transform cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: 300ms -webkit-transform cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: 300ms transform cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: 300ms transform cubic-bezier(0.75, 0.02, 0.5, 1), 300ms -webkit-transform cubic-bezier(0.75, 0.02, 0.5, 1);
  overflow: hidden;
}

.pop-up.show {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  overflow-x: hidden;
  overflow-y: auto;
}

.pop-up.black {
  background: black;
}

.pop-up.white {
  background: white;
}

.pop-up.appended {
  display: block;
}

.cmp-fullscreen-multitab .dummy-close {
  cursor: pointer;
  /* // color: white; */
}

.pop-up .slick-track {
  height: calc(100% - 60px);
}

.pop-up .slick-slide {
  height: 100%;
}

.pop-up .slick-slide > div {
  height: 100%;
}

.pop-up .popup-child-slider-tabs .slick-list .slick-track .slide-item-child::before,
.pop-up .popup-child-slider-tabs .slick-list .slick-track .slide-item-child .child-text-container {
  cursor: pointer;
}

/* POP UP CSS */
.pop-up .close {
  width: 48px;
  height: 48px;
  font-size: 36px;
  line-height: 1;
  position: fixed;
  z-index: 2;
  right: 24px;
  top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.pop-up.black .close {
  background: #000;
  color: #fff;
}

.pop-up.white .close {
  background: #fff;
  color: #000;
}

.fp-enabled .left-sideNav .pop-up {
  padding-top: 72px;
}

.fp-disabled .left-sideNav .pop-up {
  padding-top: 0;
}

.pop-up.edit {
  height: 100%;
  overflow: hidden;
}

.pop-up {
  width: 100%;
  height: 100%;
}

.cmp-fullscreen-multitab .overlay-bg {
  position: absolute;
  z-index: 3;
  background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(0, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  -webkit-transition: 200ms all ease-in-out;
  transition: 200ms all ease-in-out;
}

.cmp-fullscreen-multitab .right-slider .slick-track {
  height: 100%;
}

.pop-up .popup-child-slider {
  height: auto;
  padding-top: 60px;
}

.pop-up .popup-child-slider .slide-item-container {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 205px;
}

.cmp-fullscreen-multitab .black .popup-child-slider,
.cmp-fullscreen-multitab .black .slide-item-container {
  background: #000;
  color: #fff;
}

.cmp-fullscreen-multitab .white .popup-child-slider,
.cmp-fullscreen-multitab .white .slide-item-container {
  background: #fff;
  color: #000;
}

.cmp-fullscreen-multitab .black .slide-item-child {
  color: #fff;
}

.cmp-fullscreen-multitab .white .slide-item-child {
  color: #000;
}

.pop-up .popup-child-slider .slick-list {
  height: 100%;
}

.pop-up .popup-child-slider .slide-item-child img {
  width: 767px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  -webkit-transition: 200ms all ease-in-out;
  transition: 200ms all ease-in-out;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.pop-up .aui-player {
  width: 767px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.pop-up .popup-child-slider .slide-item-child {
  height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pop-up .popup-child-slider .slide-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 381px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 0 !important;
}

.pop-up .popup-child-slider .slide-text-container .title {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 60px;
  padding: 0;
  margin: 0;
  padding-bottom: 16px;
}

.pop-up .popup-child-slider .slide-text-container .description {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: justify;
}

.pop-up .popup-child-slider .slide-text-container .cta {
  border: 1px solid white;
  background: transparent;
  color: white;
  padding: 0;
}

.pop-up .popup-child-slider .slide-text-container .cta a {
  padding: 14px 54px;
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
}

.pop-up .popup-child-slider-tabs {
  position: absolute;
  bottom: 68px;
  width: 100%;
  left: 0%;
  height: auto !important;
  /* max-width: 60%; */
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}

.pop-up .popup-child-slider-tabs .slick-track {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cmp-fullscreen-multitab .slick-track {
  height: 100%;
}

.cmp-fullscreen-multitab.md-tabs.md-tab-not-full .slider-nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-fullscreen-multitab.md-tabs.md-tab-not-full .slider-nav .slick-track {
  width: var(--mdtablength) !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.cmp-fullscreen-multitab.md-tabs.md-tab-not-full .slider-nav .slick-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pop-up .popup-child-slider-tabs .slide-item-child {
  max-width: 196px !important;
  min-width: 196px !important;
  width: 196px !important;
  margin: 0 8px;
  text-align: center;
}

.pop-up .popup-child-slider-tabs .slide-item-child.slick-current.slide-item-child.slick-current:before {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: relative;
  z-index: 2;
  display: block;
}

.pop-up.white .popup-child-slider-tabs .slide-item-child.slick-current.slide-item-child.slick-current:before {
  background-color: #000;
}

.pop-up .popup-child-slider-tabs .slide-item-child:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #5c5b5a;
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 16px;
}

.pop-up .popup-child-slider-tabs .slide-item-child.slick-current .slide-text-item .title {
  color: #ffffff;
}

.pop-up .popup-child-slider-tabs .slide-item-child .slide-text-item .title {
  color: #5c5b5a;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  padding-bottom: 16px;
}

.cmp-fullscreen-multitab .slick-aui-prev,
.cmp-fullscreen-multitab .slick-aui-next {
  font-size: 30px;
  color: white;
}

.pop-up .prevArrow,
.pop-up .nextArrow {
  position: absolute;
  top: 50%;
  z-index: 9999;
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 1;
}

.cmp-fullscreen-multitab .childPrev,
.cmp-fullscreen-multitab .childNext {
  position: absolute;
}

.cmp-fullscreen-multitab .black .prevArrow,
.cmp-fullscreen-multitab .black .nextArrow,
.cmp-fullscreen-multitab .black .childPrev,
.cmp-fullscreen-multitab .black .childNext {
  color: white;
}

.cmp-fullscreen-multitab .white .prevArrow,
.cmp-fullscreen-multitab .white .nextArrow,
.cmp-fullscreen-multitab .white .childPrev,
.cmp-fullscreen-multitab .white .childNext {
  color: black;
}

.cmp-fullscreen-multitab .childPrev {
  left: -80px;
}

.cmp-fullscreen-multitab .childNext {
  right: -80px;
}

.pop-up .prevArrow {
  left: 100px;
}

.pop-up .nextArrow {
  right: 100px;
}

.cmp-fullscreen-multitab .left-slider .slick-aui-prev,
.cmp-fullscreen-multitab .left-slider .slick-aui-next {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 4;
  font-size: 50px;
  height: 32px;
}

.cmp-fullscreen-multitab .left-slider .slick-aui-prev {
  top: 20px;
}

.cmp-fullscreen-multitab .left-slider .slick-aui-next {
  bottom: 37px;
}

.cmp-fullscreen-multitab .left-slider .slick-active.first-active .title {
  top: 64px;
}

@media (min-width: 1025px) {
  .left-sideNav .cmp-fullscreen-multitab {
    background-color: black;
  }
}
@media (min-width: 1194px) {
  .pop-up .popup-child-slider {
    height: 100%;
  }
}
@media (min-width: 1194px) {
  .pop-up .popup-child-slider .slide-item-container {
    padding: 0 152px;
  }
  .pop-up .popup-child-slider .slide-text-container {
    width: 453px;
    padding: 0 !important;
    margin-right: 56px;
  }
}
@media (min-width: 1440px) {
  .pop-up .popup-child-slider .slide-item-container {
    padding: 0 165px;
  }
  .pop-up .popup-child-slider .slide-text-container {
    width: 433px;
    padding: 0 !important;
    margin-right: 110px;
  }
}
@media (min-width: 1920px) {
  .pop-up .popup-child-slider .slide-item-container {
    padding: 0 205px;
  }
  .pop-up .popup-child-slider .slide-text-container {
    width: 594px;
    padding: 0 !important;
    margin-right: 149px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .pop-up .popup-child-slider-tabs {
    max-width: 60%;
  }
  .pop-up .popup-child-slider .slide-item-child img {
    width: 567px;
  }
  .pop-up .aui-player {
    width: 567px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cmp-fullscreen-multitab .close {
    width: 48px;
    height: 48px;
    position: fixed;
    z-index: 2;
    right: 32px;
    top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  .pop-up .popup-child-slider .slide-item-child img {
    width: 453px;
  }
  .pop-up .aui-player {
    width: 453px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .pop-up .popup-child-slider .slide-item-container {
    padding: 0 152px;
  }
  .pop-up .popup-child-slider .slide-text-container {
    width: 381px;
    padding: 0 !important;
    margin-right: 56px;
  }
  .pop-up .popup-child-slider-tabs {
    max-width: 60%;
  }
}
@media (max-width: 1024px) {
  .cmp-fullscreen-multitab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .fp-enabled .left-sideNav .cmp-fullscreen-multitab {
    padding-top: 0px;
  }
  .fp-disabled .left-sideNav .cmp-fullscreen-multitab {
    padding-top: 0px;
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-prev,
  .cmp-fullscreen-multitab .left-slider .slick-aui-next {
    font-size: 20px;
  }
  .left-slider .slick-active.first-active .title,
  .left-slider .slick-active .title {
    top: 9px;
  }
  .cmp-fullscreen-multitab .left-slider {
    width: 100%;
    height: 77px;
    display: block;
  }
  .cmp-fullscreen-multitab .left-slider .slick .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .cmp-fullscreen-multitab .left-slider .slick-list {
    height: 100%;
  }
  .cmp-fullscreen-multitab .left-slider .item {
    position: relative;
  }
  .cmp-fullscreen-multitab .right-slider {
    width: 100%;
    height: calc(100% - 77px);
  }
  .cmp-fullscreen-multitab .left-slider .bg-img {
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    -webkit-transform: none;
            transform: none;
  }
  .pop-up .popup-child-slider-tabs .slide-item-child .slide-text-item .title {
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 8px;
  }
  .pop-up .popup-child-slider .slide-text-container .cta a {
    padding: 14px 45px;
    font-size: 12px;
  }
  .pop-up .popup-child-slider .slide-text-container .title {
    font-size: 20px;
    font-family: "audi-wide-bold", "audi-zh-bold";
    line-height: 32px;
    padding-bottom: 4px;
  }
  .pop-up .popup-child-slider .slide-text-container .description {
    font-size: 12px;
    padding-bottom: 8px;
  }
  .cmp-fullscreen-multitab .left-slider .title {
    font-size: 10px;
    line-height: 12.64px;
    top: 9px;
    max-width: 100%;
  }
  .pop-up .popup-child-slider-tabs {
    max-width: auto !important;
    width: 100%;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 50px;
  }
  .pop-up .popup-child-slider-tabs .slide-item-child {
    min-width: 100px !important;
  }
  .cmp-fullscreen-multitab .slick-aui-prev {
    left: 0;
  }
  .cmp-fullscreen-multitab .slick-aui-next {
    right: 0;
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-prev,
  .cmp-fullscreen-multitab .left-slider .slick-aui-next {
    position: absolute;
    top: 50%;
    /* transform: translateX(-50%); */
    z-index: 4;
    /* transform: translateY(-50%) rotate(0deg); */
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-prev {
    /* left: 80px; */
    left: 110px;
    right: unset;
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-next {
    /* right: 80px; */
    right: 90px;
    left: unset;
  }
  .modeldetailpage.fp-enabled .cmp-fullscreen-multitab {
    height: calc(100vh - 96px);
  }
}
@media (min-width: 1920px) {
  .pop-up .popup-child-slider .slide-text-container {
    padding-right: 150px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pop-up .popup-child-slider .slide-text-container {
    max-width: 355px;
    margin-left: 94px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 128px;
  }
  .cmp-fullscreen-multitab .left-slider .slick-active.first-active .title,
  .cmp-fullscreen-multitab .left-slider .slick-active .title {
    top: 24px;
  }
  .cmp-fullscreen-multitab .left-slider .title {
    top: 24px;
  }
  .left-sideNav .pop-up .popup-child-slider .slide-text-container {
    margin-left: 178px;
  }
  .cmp-fullscreen-multitab .right-slider .slick-aui-prev {
    left: 75px;
  }
  .left-sideNav .cmp-fullscreen-multitab .right-slider .slick-aui-prev {
    left: 140px;
  }
  .cmp-fullscreen-multitab .right-slider .slick-aui-next {
    right: 75px;
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-prev {
    left: 59.5px;
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-next {
    right: 59.5px;
  }
  .pop-up .popup-child-slider .slide-text-container .title {
    font-size: 24px;
  }
  .pop-up .popup-child-slider .slide-text-container .description {
    font-size: 16px;
  }
  .pop-up .popup-child-slider-tabs {
    width: 385px;
  }
  .pop-up .popup-child-slider-tabs .slide-item-child .slide-text-item .title {
    font-size: 16px;
  }
  .cmp-fullscreen-multitab .left-slider .title {
    font-size: 16px;
  }
  .cmp-fullscreen-multitab .left-slider {
    height: 265px;
  }
  .cmp-fullscreen-multitab .right-slider {
    height: calc(100% - 265px);
  }
  .cmp-fullscreen-multitab .left-slider .slick-aui-prev,
  .cmp-fullscreen-multitab .left-slider .slick-aui-next {
    font-size: 30px;
  }
}
@media (max-width: 1193px) {
  .cmp-fullscreen-multitab .close {
    width: 48px;
    height: 48px;
    position: fixed;
    z-index: 2;
    right: 32px;
    top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pop-up .close {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
  .pop-up .popup-child-slider {
    padding: 80px;
    padding-top: 140px;
  }
  .pop-up .popup-child-slider .slide-text-container {
    padding: 16px;
    padding-bottom: 64px;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .pop-up .popup-child-slider .slide-text-container:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #666;
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 32px;
    margin-top: 32px;
  }
  .pop-up .popup-child-slider .slide-item-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .pop-up .popup-child-slider .slide-item-child img {
    width: 100%;
  }
}
@media (max-width: 820px) {
  .cmp-fullscreen-multitab .close {
    width: 24px;
    height: 24px;
    position: fixed;
    z-index: 2;
    right: 20px;
    top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pop-up .popup-child-slider {
    padding: 0px;
  }
  .pop-up .popup-child-slider .slide-text-container {
    padding: 16px;
    padding-bottom: 32px;
    width: calc(100% - 32px);
  }
  .pop-up .popup-child-slider .slide-text-container:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #666;
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .pop-up .popup-child-slider .slide-item-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
  .pop-up .popup-child-slider .slide-item-child img {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cmp-fullscreen-multitab .slide-item-child.slick-slide[data-hover=true]:hover img,
  .cmp-fullscreen-multitab .item.slick-slide[data-hover=true]:hover .bg-img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
/* AEM EDITOR CHANGES */
.cq-Editable-dom .cmp-fullscreen-multitab {
  height: unset !important;
}

.cq-Editable-dom .pop-up .popup-child-slider .slide-item-child img {
  max-height: 1080px;
}

.cmp-fullscreen-multitab .slider-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Video Play Animation */
.cmp-fullscreen-multitab .main-video-div {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #000;
}

.cmp-fullscreen-multitab .video-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cmp-fullscreen-multitab .video-box {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: all 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.cmp-fullscreen-multitab .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 80px;
  padding-right: 20px;
  color: #fff;
  line-height: none;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: 2;
  cursor: pointer;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-fullscreen-multitab .close-btn .close-btn-icon {
  font-size: 24px;
  max-height: -webkit-min-content;
  max-height: -moz-min-content;
  max-height: min-content;
}

@media (min-width: 820px) {
  .cmp-fullscreen-multitab .close-btn .close-btn-icon {
    font-size: 48px;
  }
  .cmp-fullscreen-multitab .close-btn {
    padding-top: 92px;
  }
}
@media (min-width: 1024px) {
  .cmp-fullscreen-multitab .close-btn {
    padding-top: 32px;
  }
}
@media (min-width: 1194px) {
  .cmp-fullscreen-multitab .close-btn {
    padding-top: 32px;
    padding-right: 32px;
  }
  .fp-enabled .cmp-fullscreen-multitab .close-btn {
    padding-top: 92px;
  }
}
@media (min-width: 1440px) {
  .cmp-fullscreen-multitab .close-btn {
    padding-top: 24px;
    padding-right: 24px;
  }
  .fp-enabled .cmp-fullscreen-multitab .close-btn {
    padding-top: 84px;
  }
}
@media (min-width: 1920px) {
  .cmp-fullscreen-multitab .close-btn {
    padding-top: 40px;
    padding-right: 40px;
  }
  .fp-enabled .cmp-fullscreen-multitab .close-btn {
    padding-top: 100px;
  }
}
/* Controls CSS */
.cmp-fullscreen-multitab .controls-box {
  position: absolute;
  bottom: 0;
  display: none;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 27px 34px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 2;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-fullscreen-multitab .play-icon {
  margin-right: 40px;
  padding-top: 10px;
  cursor: pointer;
}

.cmp-fullscreen-multitab .play-icon .aui-icon-system-pause-large {
  color: #fff;
  font-size: 44px;
}

.cmp-fullscreen-multitab .pause-icon {
  margin-right: 40px;
  padding-top: 10px;
  cursor: pointer;
}

.cmp-fullscreen-multitab .pause-icon .aui-icon-system-play-large {
  font-size: 44px;
  color: #fff;
}

.cmp-fullscreen-multitab .past-duration {
  margin-right: 16px;
  font-size: 16px;
  color: #fff;
}

.cmp-fullscreen-multitab .timeline {
  position: relative;
  width: 100%;
}

.cmp-fullscreen-multitab .bar {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
}

.cmp-fullscreen-multitab .inner {
  position: absolute;
  top: 50%;
  left: 0;
  height: 15px;
  width: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  background-color: #fff;
}

.cmp-fullscreen-multitab .remaining-duration {
  margin-left: 14px;
  font-size: 16px;
  color: #fff;
}

.cmp-fullscreen-multitab .fullscreen-icon {
  padding-top: 10px;
  margin-left: 40px;
  cursor: pointer;
}

.cmp-fullscreen-multitab .fullscreen-icon .aui-icon-system-resize-increase-large {
  font-size: 48px;
  color: #fff;
}

@media (min-width: 1194px) {
  .cmp-fullscreen-multitab .controls-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* Title, Description, cta, cover asset animation */
.cmp-fullscreen-multitab.content-anim-on .slider-container .title,
.cmp-fullscreen-multitab.content-anim-on .slider-container .description,
.cmp-fullscreen-multitab.content-anim-on .slider-container .cta-box,
.cmp-fullscreen-multitab.content-anim-on .slider-container .slider-nav {
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 0.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

/* Action Items */
@media only screen and (max-width: 819px) {
  .cmp-fullscreen-multitab .action-items .share {
    display: none;
  }
}
/*mobile pos for action-items*/
.cmp-fullscreen-multitab .action-items {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  position: absolute;
  right: 20px;
  top: 108px;
}

.fp-enabled .cmp-fullscreen-multitab .action-items {
  top: 108px;
}

.cmp-fullscreen-multitab .action-items.left {
  left: 20px;
  right: unset;
}

.cmp-fullscreen-multitab .action-items .share {
  -webkit-appearance: initial;
}

.cmp-fullscreen-multitab .action-items span {
  font-size: 24px;
  color: #ffffff;
}

.cmp-fullscreen-multitab .action-items div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-bottom: 23px;
  cursor: pointer;
}

.cmp-fullscreen-multitab .action-items .mute-action .mute {
  display: none;
}

.cmp-fullscreen-multitab .action-items .action-name {
  font-size: 10px;
  line-height: 24px;
  letter-spacing: 0.73px;
  color: #f2f2f2;
  padding-right: 8px;
}

.cmp-fullscreen-multitab .action-items .mute-label {
  display: none;
}

.cmp-fullscreen-multitab .action-items .selected {
  display: none;
  margin-right: -19px;
  margin-bottom: -14px;
}

.cmp-fullscreen-multitab .action-items .unmute {
  margin-right: -19px;
  margin-bottom: -14px;
}

@media (min-width: 820px) {
  /*desktop pos for action-items*/
  .cmp-fullscreen-multitab .action-items {
    top: 188px;
    right: 56px;
    left: unset;
  }
  .cmp-fullscreen-multitab .action-items.left {
    top: 188px;
    right: unset;
    left: 80px;
  }
  .fp-enabled .cmp-fullscreen-multitab .action-items {
    top: 188px;
  }
}
@media (min-width: 1024px) {
  .cmp-fullscreen-multitab .action-items {
    top: 128px;
  }
  .fp-enabled .cmp-fullscreen-multitab .action-items {
    top: 188px;
  }
}
@media (min-width: 1194px) {
  .cmp-fullscreen-multitab .action-items {
    top: 80px;
    right: 56px;
  }
  .fp-enabled .cmp-fullscreen-multitab .action-items {
    top: 140px;
  }
}
@media (min-width: 1440px) {
  .cmp-fullscreen-multitab .action-items {
    top: 80px;
    right: 76px;
  }
  .fp-enabled .cmp-fullscreen-multitab .action-items {
    top: 140px;
  }
}
@media (min-width: 1920px) {
  .cmp-fullscreen-multitab .action-items {
    top: 168px;
    right: 96px;
  }
  .fp-enabled .cmp-fullscreen-multitab .action-items {
    top: 228px;
  }
}
.cmp-fullscreen-multitab .action-items .icon-sound-on {
  background-image: url(clientlib-site/components/fullscreen-multitab/assets/sound-white.svg);
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.cmp-fullscreen-multitab .icon-favorite-selected {
  background-image: url(clientlib-site/components/fullscreen-multitab/assets/favourite-white.svg);
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}

.cmp-fullscreen-multitab .action-items.black .action-name,
.cmp-fullscreen-multitab .action-items.black span {
  color: #000;
}

.cmp-fullscreen-multitab .action-items.black .icon-sound-on {
  background-image: url(clientlib-site/components/fullscreen-multitab/assets/sound-black.svg);
}

.cmp-fullscreen-multitab .action-items.black .icon-favorite-selected {
  background-image: url(clientlib-site/components/fullscreen-multitab/assets/favourite-black.svg);
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content {
  padding: 16px 16px 0px !important;
  background-color: white;
  color: #000;
  position: relative;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .close-model {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 18px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .close-model .aui-modal-dialog__close {
  width: 20px;
  height: 20px;
  color: #000000;
  cursor: pointer;
  line-height: 0;
  position: absolute;
  top: 16px;
  right: 16px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .close-model p {
  font-size: 12px;
  line-height: 1.67;
  color: #333333;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 270px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items .icon {
  margin-bottom: -4px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items .icon-black {
  margin-bottom: 8px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items span {
  font-size: 48px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items span img {
  height: 48px;
  width: 48px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 33.33%;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items p {
  font-size: 12px;
  line-height: 1.67;
  color: #333333;
  padding-bottom: 16px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .wx-qrcode-wrapper {
  display: none;
  text-align: center;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .wx-qrcode-wrapper h3 {
  margin: 20px 0;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .wx-qrcode-wrapper .qrcode {
  border: 2px solid #000000;
  padding: 10px;
}

/* Action Items End */
.pop-up.black .close {
  background: #000;
  color: #fff;
}

.pop-up.white .close {
  background: #fff;
  color: #000;
}

.pop-up.black .popup-child-slider,
.pop-up.black .slide-item-container {
  background: #000;
  color: #fff;
}

.pop-up.white .popup-child-slider,
.pop-up.white .slide-item-container {
  background: #fff;
  color: #000;
}

.pop-up.black .slide-text-container {
  color: #fff;
}

.pop-up.white .slide-text-container {
  color: #000;
}

.pop-up.black .slide-item-child {
  color: #fff;
}

.pop-up.white .slide-item-child {
  color: #000;
}

.pop-up.black .prevArrow,
.pop-up.black .nextArrow,
.pop-up.black .childPrev,
.pop-up.black .childNext {
  color: white;
  cursor: pointer;
}

.pop-up.white .prevArrow,
.pop-up.white .nextArrow,
.pop-up.white .childPrev,
.pop-up.white .childNext {
  color: black;
  cursor: pointer;
}

@media (min-width: 767px) and (max-width: 1193px) {
  .pop-up .popup-child-slider .slide-item-container {
    padding: 85px 80px 0;
  }
  .pop-up .slide-item-container picture {
    width: 100%;
  }
  .pop-up .aui-player {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .pop-up .close {
    width: 48px;
    height: 48px;
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .pop-up .popup-child-slider .slide-item-container {
    padding: 0;
  }
  .pop-up .aui-player {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.fp-disabled .cmp-text-image {
  height: 100%;
}

.cmp-text-image {
  font-family: "audi-wide", "audi-zh-regular";
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  .cmp-text-image {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .textImage.full {
    height: 100%;
  }
  .fp-enabled .auto-disabled-fullpage .textImage.full {
    padding-top: unset;
  }
  .auto-disabled-fullpage.fp-disabled .cmp-text-image {
    height: 100%;
  }
}
.cmp-text-image.height-auto {
  height: auto !important;
}

.cmp-text-image .mob-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 1.17px;
  padding: 18px 20px 16px 20px;
  color: #000000;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.left-sideNav .cmp-text-image .mob-title {
  padding: 18px 20px 16px 40px;
}

.cmp-text-image.cmp-text-image_audicenter .title {
  display: block !important;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.cmp-text-image.cmp-text-image_audicenter .content-section .desc {
  line-height: 16px;
  margin-top: 16px;
}

.cmp-text-image.cmp-text-image_audicenter .img-section {
  height: 335px;
  padding: 0px 20px;
}

.cmp-text-image.info-width-2 .img-section--wrapper {
  position: relative;
  height: 100%;
  /* width: 72%; */
}

.modeldetailpage.fp-enabled .cmp-text-image.info-width-2 .img-section--wrapper {
  height: 100%;
}

.modeldetailpage.fp-disabled .cmp-text-image.info-width-2[data-screenify=true] {
  height: 100vh;
}

.modeldetailpage.fp-disabled .cmp-text-image.info-width-2[data-screenify=true] .img-section--wrapper {
  height: 100%;
}

.cmp-text-image .img-section--wrapper .img-section {
  width: 100%;
}

.cmp-text-image .img-section--wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.cmp-text-image .img-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0%;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-text-image .img-section--wrapper .img-section img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .cmp-text-image.img-overlayss .img-section--wrapper:hover .img-section::before {
    opacity: 10%;
  }
  .cmp-text-image.img-zoomin .img-section--wrapper:hover .img-section img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.cmp-text-image.info-width-2 .img-section--wrapper .img-section {
  height: 100%;
}

.infopage .cmp-text-image.info-width-2 .img-section--wrapper .img-section img.desktop-image {
  height: 100vh;
}

.cmp-text-image.info-width-2 .img-section--wrapper:hover .img-section--hover {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  border: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.cmp-text-image.info-width-2 .img-section--wrapper .img-section--hover-image {
  position: absolute;
  width: 400px;
  height: 328px;
  left: calc(50% + 50px);
  top: calc(50% + 50px);
  opacity: 0;
  -webkit-transform: scale(1.25) translate(-50%, -50%);
          transform: scale(1.25) translate(-50%, -50%);
  -webkit-transition: 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.cmp-text-image.info-width-2 .img-section--wrapper:hover .img-section--hover-image {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
}

.cmp-text-image.info-width-2 .img-section--wrapper .img-section--hover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cmp-text-image .img-section {
  width: 100%;
  height: 100%;
}

.cmp-text-image .img-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.cmp-text-image .content-section {
  width: 100%;
  padding: 16px 20px 36px 20px;
}

@media (max-width: 1023px) {
  .imageTextMultiTabs .cmp-text-image .content-section {
    padding: 16px 40px 0px;
  }
  .fp-enabled .cmp-text-image {
    padding-top: 60px;
  }
}
.left-sideNav .cmp-text-image .content-section {
  padding: 16px 40px 36px 40px;
}

.cmp-text-image .content-section .title {
  display: block;
  font-size: 20px;
  padding-bottom: 4px;
  line-height: 32px;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.cmp-text-image .content-section .desc {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.12px;
  padding-bottom: 24px;
  color: #000000;
  position: relative;
}

.cmp-text-image .content-section .desc .highlight a {
  text-decoration: underline;
  color: #cc0033;
}

.btnGroups button {
  margin-top: 15px;
}

.cmp-text-image .content-section button {
  width: 100%;
  height: 44px;
  padding: 12px 0px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.cmp-text-image .content-section button span {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: normal;
}

.cmp-text-image.black {
  background-color: #000000;
}

.cmp-text-image.black .mob-title {
  color: #ffffff;
}

.cmp-text-image.black .content-section {
  color: #ffffff;
}

.cmp-text-image.black .content-section button {
  color: #ffffff;
  border-color: #ffffff;
}

.cmp-text-image.ctaButton .content-section button {
  border: none;
}

@media only screen and (max-width: 768px) {
  .modeldetailpage.fp-disabled #fullpage .cmp-text-image .mob-title {
    padding-top: 0;
  }
  .modeldetailpage.fp-disabled .cmp-car-model-multitab {
    padding-top: 0;
  }
  .fp-enabled .cmp-text-image {
    padding-top: 60px;
  }
}
.ie-browser .cmp-text-image.square-1-1 .img-section {
  max-height: 546px;
}

.cmp-text-image .content-section .desc .imageText--content-readMore {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .cmp-text-image .img-section {
    height: auto;
  }
  .cmp-text-image.info-width-2 .img-section--wrapper {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .cmp-text-image .img-section img {
    height: 360px !important;
  }
  .cmp-text-image.info-width-2 .img-section--wrapper:hover .img-section--hover {
    background: none;
  }
  .cmp-text-image.info-width-2 .img-section--wrapper:hover .img-section--hover-image {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .cmp-text-image .img-section {
    width: 50%;
  }
  .cmp-text-image .content-section {
    width: 50%;
    text-align: left;
    padding: 0px 48px 0px 80px;
  }
  .left-sideNav .cmp-text-image .content-section {
    padding: 0px 48px 0px 40px;
  }
  .cmp-text-image.half-width .img-section--wrapper {
    width: 50%;
  }
  .cmp-text-image.half-width .img-section {
    width: 100%;
  }
  .cmp-text-image.half-width .content-section {
    width: 50%;
    text-align: left;
    /* padding: 0px 80px; */
  }
  .cmp-text-image.half-width .content-section .desc {
    max-width: unset;
  }
  .cmp-text-image.cmp-text-image__reverse {
    -ms-flex-direction: unset;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
            flex-direction: unset;
  }
  .cmp-text-image.square-1-1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .cmp-text-image.square-1-1 .img-section--wrapper {
    width: 42%;
    max-width: 546px;
    height: auto;
    margin: 87px 8% 87px 0;
  }
  .cmp-text-image.square-1-1.cmp-text-image__reverse .img-section--wrapper {
    margin: 87px 0 87px 8%;
  }
  .cmp-text-image.square-1-1 .img-section {
    width: 100%;
  }
  .cmp-text-image .img-section img {
    height: 100%;
  }
  .cmp-text-image.square-1-1 .content-section {
    width: 42%;
    max-width: 546px;
    height: auto;
    margin: 87px 0px 87px 8%;
    padding: 0px 66px 0px 40px;
  }
  .cmp-text-image.square-1-1 .content-section .desc {
    max-width: unset;
  }
  .cmp-text-image.square-1-1.cmp-text-image__reverse {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .cmp-text-image.square-1-1.cmp-text-image__reverse .img-section {
    width: 100%;
    height: auto;
  }
  .cmp-text-image.square-1-1.cmp-text-image__reverse .content-section {
    height: auto;
    margin: 87px 8% 87px 0px;
    padding: 0px 40px 0px 66px;
  }
  .cmp-text-image {
    padding-top: 0px;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .cmp-text-image.cmp-text-image_audicenter {
    height: 720px;
    margin-left: 174px;
  }
  .cmp-text-image.cmp-text-image_audicenter .content-section {
    width: calc(37% - 56px);
  }
  .cmp-text-image.cmp-text-image_audicenter .content-section .desc {
    line-height: 24px;
    max-width: 390px;
  }
  .cmp-text-image.cmp-text-image_audicenter .img-section {
    width: 546px;
    height: 546px;
    padding: 0;
  }
  .cmp-text-image.cmp-text-image_audicenter .img-section img {
    -o-object-position: top;
       object-position: top;
  }
  .cmp-text-image.cmp-text-image_audicenter .content-section {
    margin-left: 56px;
    text-align: justify;
  }
  .cmp-text-image.cmp-text-image_audicenter .content-section .desc,
  .cmp-text-image.cmp-text-image_audicenter .content-section button {
    margin: 0;
  }
  .cmp-text-image .mob-title {
    display: none;
  }
  .cmp-text-image .img-section--wrapper {
    width: 72%;
  }
  .cmp-text-image .img-section {
    width: 100%;
    height: 100%;
  }
  .cmp-text-image .content-section {
    width: 28%;
  }
  .cmp-text-image .content-section .title {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 1px;
    padding-bottom: 16px;
    display: block;
    color: #000000;
    font-family: "audi-wide-bold", "audi-zh-bold";
  }
  .cmp-text-image .content-section .desc {
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 32px;
    letter-spacing: normal;
    /* max-width: 280px; */
  }
  .cmp-text-image .content-section button {
    max-width: 100%;
    width: 200px;
    height: 52px;
    padding: 14px 0px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .cmp-text-image .content-section button span {
    font-size: 16px;
    font-family: "audi-wide", "audi-zh-regular";
    line-height: 24px;
    letter-spacing: normal;
  }
  .left-sideNav .cmp-text-image .mob-title {
    padding-left: 140px;
  }
}
@media (min-width: 769px) {
  .fp-tableCell {
    display: block;
    /* overflow: hidden; */
  }
  /* .cmp-text-image.info-width-2 .img-section--wrapper .img-section--hover-image {
    left: 50%;
    top: calc(50vh + 35px);
    transform: translate(-50%, -50%) scale(1.25);
  } */
  .cmp-text-image.info-width-2 .img-section--wrapper:hover .img-section--hover-image {
    left: 50%;
    top: calc(50vh + 35px);
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@media only screen and (min-width: 1920px) {
  .cmp-text-image .content-section {
    padding-left: 96px;
  }
  .left-sideNav .cmp-text-image .content-section {
    padding-left: 140px;
    padding-right: 48px;
  }
  .cmp-text-image.cmp-text-image__reverse .content-section,
  .left-sideNav .cmp-text-image.cmp-text-image__reverse .content-section {
    padding-left: 48px;
    padding-right: 96px;
  }
  .cmp-text-image .content-section .desc {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .cmp-text-image .content-section {
    padding-left: 76px;
    padding-right: 36px;
  }
  .left-sideNav .cmp-text-image .content-section {
    padding-left: 140px;
    padding-right: 36px;
  }
  .cmp-text-image.cmp-text-image__reverse .content-section,
  .left-sideNav .cmp-text-image.cmp-text-image__reverse .content-section {
    padding-left: 36px;
    padding-right: 76px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
  .cmp-text-image .content-section {
    padding-left: 56px;
    padding-right: 32px;
  }
  .left-sideNav .cmp-text-image .content-section {
    padding-left: 140px;
    padding-right: 32px;
  }
  .cmp-text-image.cmp-text-image__reverse .content-section,
  .left-sideNav .cmp-text-image.cmp-text-image__reverse .content-section {
    padding-left: 32px;
    padding-right: 56px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmp-text-image .content-section {
    padding-right: 56px;
    padding-left: 56px;
  }
  .left-sideNav .cmp-text-image .content-section {
    padding-left: 140px !important;
    padding-right: 56px;
  }
  .left-sideNav .cmp-text-image .mob-title {
    padding-left: 140px;
  }
}
@media only screen and (max-width: 1024px) {
  .cmp-text-image .content-section .desc .imageText--content-readMore {
    display: block;
  }
  .cmp-text-image .content-section .desc {
    /* max-height: 160px; */
    overflow: hidden;
  }
  .cmp-brand.hero-type .cmp-text-image .content-section .desc .imageText--content-readMore,
  .cmp-text-image .content-section .desc .imageText--content-readMore {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 30px;
    border: 0;
    bottom: -15px;
    max-height: 50px;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .cmp-text-image .content-section .desc .imageText--content-readMore {
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, rgb(255, 255, 255)), color-stop(3.5%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 3.5%, rgba(255, 255, 255, 0) 100%);
  }
  .cmp-text-image.black .content-section .desc .imageText--content-readMore {
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .cmp-brand.hero-type .cmp-text-image.white .content-section .desc .imageText--content-readMore,
  .cmp-text-image.white .content-section .desc .imageText--content-readMore {
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .cmp-text-image .content-section .imageText--content-readMore span {
    position: absolute;
    /* transform: rotate(-90deg); */
    font-size: 30px;
  }
  .cmp-text-image .content-section .imageText--content-readMore span svg.white-arrow {
    display: none;
  }
  .cmp-text-image .content-section .imageText--content-readMore span svg.black-arrow {
    display: block;
  }
  .cmp-text-image.black .content-section .imageText--content-readMore span svg.black-arrow {
    display: none;
  }
  .cmp-text-image.black .content-section .imageText--content-readMore span svg.white-arrow {
    display: block;
  }
  .left-sideNav .imageTextMultiTabs.cmp-tab.hero-type .tab-nav.bottom {
    width: 100%;
    margin-left: 0px;
  }
}
.cmp-text-image .content-section .link-btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.homepage.auto-disabled-fullpage .cmp-text-image[data-screenify=true] {
  height: 100%;
}

.homepage.auto-disabled-fullpage .cmp-text-image[data-screenify=true] .img-section--wrapper .img-section {
  height: 100%;
}

@media (min-width: 821px) {
  .cmp-text-image .content-section .link-btn:hover button {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #000000;
    color: #000;
  }
  .cmp-text-image.black .content-section .link-btn:hover button {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    color: #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmp-text-image .img-section img {
    height: 768px !important;
  }
  .left-sideNav .cmp-text-image .mob-title {
    padding-left: 140px;
  }
  .cmp-text-image .mob-title {
    padding-right: 56px;
    padding-left: 56px;
  }
  .cmp-text-image .img-section--wrapper .img-section--hover {
    display: none;
  }
  .cmp-text-image.cmp-text-image__reverse.info-width-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .cmp-text-image.cmp-text-image__reverse.info-width-2 .img-section--wrapper {
    width: 100%;
  }
  .cmp-text-image .img-section--wrapper {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .cmp-text-image.cmp-text-image__reverse.info-width-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .modeldetailpage .section .imageTextMultiTabs.cmp-tab.hero-type .tab-nav.bottom,
  .modeldetailpage .section .imageTextMultiTabs.cmp-tab.hero-type.tabs-left-style .tab-nav.bottom,
  .infopage .section .imageTextMultiTabs.cmp-tab.hero-type .tab-nav.bottom,
  .infopage .section .imageTextMultiTabs.cmp-tab.hero-type.tabs-left-style .tab-nav.bottom,
  .homepage .section .imageTextMultiTabs.cmp-tab.hero-type .tab-nav.bottom,
  .homepage .section .imageTextMultiTabs.cmp-tab.hero-type.tabs-left-style .tab-nav.bottom {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .homepage.fp-disabled .section .imageTextMultiTabs.cmp-tab.hero-type .tab-nav.bottom {
    bottom: 16px !important;
  }
  .cmp-text-image .img-section--wrapper {
    height: auto;
  }
  .cmp-text-image .mob-title {
    padding-right: 20px;
    padding-left: 20px;
  }
  /* .cmp-text-image .content-section{
    padding-left: 40px;
    padding-right: 40px;
  } */
}
.homepage.fp-disabled .cmp-text-image[data-screenify=true] {
  height: 100vh;
}

.homepage.fp-disabled .cmp-text-image[data-screenify=true] .img-section--wrapper .img-section {
  height: 100vh;
}

.homepage.fp-disabled .cmp-text-image.square-1-1[data-screenify=true] .img-section--wrapper .img-section {
  height: unset;
}

@media (max-width: 1024px) {
  .homepage.fp-disabled .cmp-text-image[data-screenify=true] .img-section--wrapper .img-section {
    height: auto;
  }
  .modeldetailpage.fp-disabled .cmp-text-image.info-width-2[data-screenify=true] {
    height: 100% !important;
  }
  .modeldetailpage.fp-enabled .cmp-text-image.info-width-2 .img-section--wrapper {
    height: unset;
  }
  .cmp-text-image.info-width-2 .img-section--wrapper .img-section--hover-image {
    display: none;
  }
}
/* AEM EDITOR CHANGES */
.cq-Editable-dom .cmp-text-image {
  height: unset !important;
}

.cq-Editable-dom .cmp-text-image .img-section {
  height: unset !important;
}

.cq-Editable-dom .modeldetailpage.fp-disabled .cmp-text-image.info-width-2[data-screenify=true] {
  height: unset !important;
}

.cq-Editable-dom .cmp-text-image .img-section--wrapper .img-section img.desktop-image {
  height: 100% !important;
}

.cmp-text-image .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-text-image .fade-in-img {
  overflow: hidden;
}

.cmp-text-image .fade-in-img img {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-text-image .fade-in.is-shown {
  opacity: 1 !important;
}

.cmp-text-image .fade-in-img.is-shown img {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

.cmp-text-image.black .content-section .desc {
  color: #fff;
}

.cmp-text-image.black .content-section .title {
  color: #fff;
}

.cmp-text-image.info-width .img-section--wrapper {
  width: 30%;
}

.cmp-text-image.info-width .content-section {
  width: 70%;
}

@media only screen and (max-width: 1024px) {
  .cmp-text-image.info-width .img-section--wrapper,
  .cmp-text-image.info-width .content-section {
    width: 100%;
  }
  .cmp-text-image .content-section .link-btn {
    width: auto;
  }
}
.cmp-tech-parameter {
  font-family: "audi-wide", "audi-zh-regular";
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.cmp-tech-parameter--bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}
.cmp-tech-parameter--bg-img__img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  transition: -webkit-transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  transition: transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  transition: transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1), -webkit-transform 2.5s cubic-bezier(0.25, 0.25, 0.5, 1);
  -o-object-fit: cover;
     object-fit: cover;
}
.cmp-tech-parameter--content-container {
  padding-top: 48px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 0px;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container {
    padding-top: 136px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-tech-parameter--content-container {
    padding-top: 152px;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (min-width: 1440px) {
  .cmp-tech-parameter--content-container {
    padding-top: 88px;
    padding-left: 76px;
    padding-right: 76px;
  }
}
@media screen and (min-width: 1920px) {
  .cmp-tech-parameter--content-container {
    padding-top: 256px;
    padding-left: 96px;
    padding-right: 96px;
  }
}
.cmp-tech-parameter--content-container--header-container {
  position: relative;
  z-index: 2;
}
.cmp-tech-parameter--content-container--header-container__header {
  font-style: normal;
  font-weight: 600;
  font-family: "audi-wide-bold", "audi-zh-bold";
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  opacity: 1;
}
.cmp-tech-parameter--content-container--header-container__header.white {
  color: #fff;
}
.cmp-tech-parameter--content-container--header-container__header.black {
  color: #000;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container--header-container__header {
    font-size: 36px;
    line-height: 48px;
    padding-bottom: 16px;
    font-weight: 400;
  }
}
.cmp-tech-parameter--content-container--header-container__sub-header {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  opacity: 1;
}
.cmp-tech-parameter--content-container--header-container__sub-header.white {
  color: #fff;
}
.cmp-tech-parameter--content-container--header-container__sub-header.black {
  color: #000;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container--header-container__sub-header {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-tech-parameter--content-container--header-container__sub-header {
    padding-bottom: 80px;
  }
}
.cmp-tech-parameter--content-container--figures-container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .cmp-tech-parameter--content-container--figures-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.cmp-tech-parameter--content-container--figures-container__figure-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  position: relative;
  width: 100%;
  padding: 0;
}
.cmp-tech-parameter--content-container--figures-container__figure-block.no-content-desc {
  visibility: hidden;
}
@media screen and (min-width: 1024px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 298px;
    width: 298px;
    padding: 0 24px;
  }
}
@media screen and (min-width: 1440px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block {
    min-width: 346px;
    width: 346px;
    padding: 0 48px;
  }
}
@media screen and (min-width: 1920px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block {
    min-width: 410px;
    width: 410px;
    padding: 0 80px;
  }
}
.cmp-tech-parameter--content-container--figures-container__figure-block--description {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  letter-spacing: 0.5px;
  color: #fff;
  padding-bottom: 8px;
  padding-top: 24px;
  opacity: 1;
}
.cmp-tech-parameter--content-container--figures-container__figure-block--description.white {
  color: #fff;
}
.cmp-tech-parameter--content-container--figures-container__figure-block--description.black {
  color: #000;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block--description {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 16px;
    padding-top: 0;
  }
}
.cmp-tech-parameter--content-container--figures-container__figure-block--figure {
  font-family: "audi-wide-bold", "audi-zh-bold";
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  letter-spacing: 1.5px;
  color: #fff;
}
.cmp-tech-parameter--content-container--figures-container__figure-block--figure.white {
  color: #fff;
}
.cmp-tech-parameter--content-container--figures-container__figure-block--figure.black {
  color: #000;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block--figure {
    font-size: 48px;
    line-height: 59px;
  }
}
.cmp-tech-parameter--content-container--figures-container__figure-block:before {
  content: "";
  position: relative;
  width: 100%;
  height: 1px;
  background: #fff;
  margin-top: 32px;
  margin-bottom: 8px;
  display: block;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block:before {
    width: 300px;
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-tech-parameter--content-container--figures-container__figure-block:before {
    height: 80px;
    width: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
  }
}
.cmp-tech-parameter--content-container--figures-container__figure-block:first-child:before {
  display: none;
  right: 0;
  bottom: 0;
}
.cmp-tech-parameter--content-container--figures-container__figure-block:first-child--description {
  padding-top: 24px;
}
.cmp-tech-parameter--content-container--cta-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 120px;
}
.cmp-tech-parameter--content-container--cta-container .mobile-btn {
  display: block;
}
.cmp-tech-parameter--content-container--cta-container .tablet-btn,
.cmp-tech-parameter--content-container--cta-container .desktop-btn {
  display: none;
}
@media screen and (min-width: 767px) {
  .cmp-tech-parameter--content-container--cta-container {
    bottom: 120px;
  }
  .cmp-tech-parameter--content-container--cta-container .tablet-btn {
    display: block;
  }
  .cmp-tech-parameter--content-container--cta-container .mobile-btn,
  .cmp-tech-parameter--content-container--cta-container .desktop-btn {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .cmp-tech-parameter--content-container--cta-container {
    bottom: 80px;
  }
  .cmp-tech-parameter--content-container--cta-container .desktop-btn {
    display: block;
  }
  .cmp-tech-parameter--content-container--cta-container .mobile-btn,
  .cmp-tech-parameter--content-container--cta-container .tablet-btn {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .cmp-tech-parameter--content-container--cta-container {
    bottom: 72px;
  }
}
@media screen and (min-width: 1920px) {
  .cmp-tech-parameter--content-container--cta-container {
    bottom: 168px;
  }
}
.cmp-tech-parameter--content-container--cta-container__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 156px;
  height: 44px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}
.cmp-tech-parameter--content-container--cta-container__cta.btn-fill-white {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}
.cmp-tech-parameter--content-container--cta-container__cta.btn-fill-black {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
.cmp-tech-parameter--content-container--cta-container__cta.btn-trans-white {
  color: #fff;
  border: 1px solid #fff;
}
.cmp-tech-parameter--content-container--cta-container__cta.btn-trans-black {
  color: #000;
  border: 1px solid #000;
}
.cmp-tech-parameter.content-anim-on .cmp-tech-parameter--content-container--header-container__header {
  opacity: 0;
  -webkit-transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.cmp-tech-parameter.content-anim-on .cmp-tech-parameter--content-container--header-container__sub-header {
  opacity: 0;
  -webkit-transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.cmp-tech-parameter.content-anim-on .cmp-tech-parameter--content-container--figures-container__figure-block--description {
  opacity: 0;
  -webkit-transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.cmp-tech-parameter.content-anim-on .cmp-tech-parameter--content-container--cta-container {
  opacity: 0;
  -webkit-transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: opacity 1.8s cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

@media screen and (min-width: 1024px) {
  .left-sideNav .cmp-tech-parameter--content-container {
    padding-left: 140px;
    padding-right: 56px;
  }
  .left-sideNav .cmp-tech-parameter--content-container .tech-content-wrapper {
    margin-right: 84px;
  }
}
@media screen and (min-width: 1440px) {
  .left-sideNav .cmp-tech-parameter--content-container {
    padding-right: 76px;
  }
  .left-sideNav .cmp-tech-parameter--content-container .tech-content-wrapper {
    margin-right: 64px;
  }
}
@media screen and (min-width: 1920px) {
  .left-sideNav .cmp-tech-parameter--content-container {
    padding-right: 96px;
  }
  .left-sideNav .cmp-tech-parameter--content-container .tech-content-wrapper {
    margin-right: 44px;
  }
}

body.fp-enabled .cmp-tech-parameter {
  height: 100%;
}

body.auto-disabled-fullpage .cmp-tech-parameter {
  height: 100vh;
}

.hero-teaser-carousel {
  font-family: "audi-wide", "audi-zh-regular";
  height: inherit;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .hero-teaser-carousel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-teaser-carousel .mask-layer {
  position: absolute;
  height: 100% !important;
  width: 100%;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25.01%, rgba(0, 0, 0, 0)), color-stop(50.01%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 0) 50.01%, #000000 100%);
}

.hero-teaser-carousel .teaser-wrap {
  margin-bottom: 0px;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card {
  margin-bottom: 68px;
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 17px;
  z-index: 11;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail .title p {
  font-family: "audi-wide-bold", "audi-zh-bold";
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1.17px;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .car-img {
  height: 189px;
  width: 100%;
  margin: 0;
  display: block;
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .car-img.mobile-image {
  /*height: 65% !important;*/
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section {
  background-color: #ffffff;
  padding: 16px;
  z-index: 11;
  /* box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.11); */
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section .info {
  color: #000000;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section .info .heading {
  font-size: 16px;
  line-height: normal;
  font-family: "audi-wide-bold", "audi-zh-bold";
  letter-spacing: 0.5px;
  padding-bottom: 16px;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section .info .description {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.12px;
  padding-bottom: 10px;
  font-family: "audi-wide", "audi-zh-regular";
  color: #999999;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .learn-more {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  color: #000000;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  cursor: pointer;
}

.hero-teaser-carousel .teaser-wrap .hero-teaser-card .learn-more span {
  font-size: 24px;
  line-height: 0.5;
}

.hero-teaser-carousel .slick-dots {
  bottom: 20px;
}

.hero-teaser-carousel .slick-dots li button:before {
  background-color: #000000;
  opacity: 0.6 !important;
}

.hero-teaser-carousel .slick-dots li.slick-active button:before {
  background-color: #000000;
  opacity: 1 !important;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card {
  position: relative;
  padding: 0px;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .info-section {
  position: absolute;
  /*height: 100px;*/
  background-color: transparent;
  bottom: 26px;
  padding: 0px 20px 0px;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .info-section .info {
  color: #ffffff;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .info-section .info .description {
  display: none;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .info-section .learn-more {
  display: none;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail {
  height: 100px;
  padding: 36px 20px 12px 20px;
}

.hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .car-img {
  height: 211px;
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
    padding: 72px 20px 0px 20px;
  }
  .modeldetailpage .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
    padding: 12px 20px 0px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
    padding: 16px 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .hero-teaser-carousel {
    font-family: "audi-wide", "audi-zh-regular";
    margin-bottom: 0;
  }
  .hero-teaser-carousel div {
    height: 100%;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card {
    height: 720px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    height: 100%;
    padding: 0px;
    margin-bottom: 0px;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card div {
    height: auto;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section {
    position: relative;
    width: calc(100% - 496px);
    padding-top: 0px;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
    padding: 0px 20px 72px 80px;
    position: absolute;
    bottom: 0px;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail,
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail a .learn-more {
    color: #fff;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail .title p {
    font-size: 36px;
    letter-spacing: 1px;
    padding-bottom: 16px;
    padding-top: 0px;
    color: #ffffff;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .car-img {
    height: 100%;
    -o-object-position: left;
       object-position: left;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section {
    padding: 0px 80px 0px 48px;
    min-width: 500px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 500px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section .info .heading {
    font-size: 24px;
    letter-spacing: 0.75px;
    padding-bottom: 16px;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section .info .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.28px;
    padding-bottom: 34px;
    color: #000000;
  }
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .learn-more {
    font-size: 16px;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
  .hero-teaser-carousel .slick-dots {
    /*width: 496px;*/
    right: 0;
  }
  .hero-teaser-carousel .slick-slide .hero-teaser-card {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .hero-teaser-carousel .full-width {
    height: 100%;
    overflow: hidden;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .learn-more {
    color: #ffffff;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section {
    width: 100%;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .car-img {
    height: 100%;
    width: 100%;
    -o-object-position: center;
       object-position: center;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail {
    top: 64px;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail .learn-more {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail .title {
    padding-right: 32px;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail .title p {
    padding: 0;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .info-section {
    bottom: 72px;
    padding: 0px 80px 0px;
    left: 0;
  }
  .hero-teaser-carousel .full-width .slick-dots {
    bottom: 30px;
    width: 100%;
  }
  .hero-teaser-carousel .full-width .slick-dots li button:before {
    background-color: #ffffff;
    opacity: 0.1 !important;
  }
  .hero-teaser-carousel .full-width .slick-dots .slick-current li button:before {
    background-color: #ffffff;
    opacity: 1 !important;
  }
}
.hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .heroTeaser--content-readMore,
button.heroTeaser--content-readMore {
  display: none;
}

.hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .heroTeaser--content-readMore,
button.heroTeaser--content-readMore {
  display: none;
}

@media (max-width: 1024px) {
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .car-img {
    -o-object-position: center;
       object-position: center;
  }
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .learn-more {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  button.heroTeaser--content-readMore {
    display: none;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info button.heroTeaser--content-readMore,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info button.heroTeaser--content-readMore {
    display: block;
  }
  .hero-teaser-carousel.mobile-half-width.black {
    background-color: #000000;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .hero-teaser-carousel.mobile-half-width {
    height: 100%;
    padding-top: 60px;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap,
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .hero-teaser-carousel.mobile-half-width .teaser-wrap {
    height: 100%;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .image-section .detail,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .detail {
    display: none;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .image-section .car-img,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .car-img {
    /*height: 286px !important;*/
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section {
    background-color: #000;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info {
    color: #000;
  }
  .hero-teaser-carousel.mobile-half-width.black .full-width .teaser-wrap .hero-teaser-card .info-section .info,
  .hero-teaser-carousel.mobile-half-width.black .teaser-wrap .hero-teaser-card .info-section .info {
    color: #fff;
  }
  .hero-teaser-carousel.mobile-half-width.white .full-width .teaser-wrap .hero-teaser-card .info-section .info .description,
  .hero-teaser-carousel.mobile-half-width.white .teaser-wrap .hero-teaser-card .info-section .info .description {
    color: #000;
  }
  .hero-teaser-carousel.mobile-half-width.black .full-width .teaser-wrap .hero-teaser-card .info-section,
  .hero-teaser-carousel.mobile-half-width.black .teaser-wrap .hero-teaser-card .info-section {
    /* background-color: #000;*/
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section {
    padding: 16px 40px;
    position: static;
    height: auto;
    /* background-color: #fff;*/
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info .heading,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info .heading,
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--title {
    font-size: 20px;
    padding-bottom: 4px;
    line-height: 32px;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info .description,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info .description {
    font-size: 12px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*color: #ffffff;*/
  }
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--sub-title {
    font-size: 14px;
  }
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--description {
    font-size: 12px;
  }
  .hero-teaser-carousel.mobile-half-width.black .full-width .slick-dots li.slick-active button:before,
  .hero-teaser-carousel.mobile-half-width.black .slick-dots li.slick-active button:before {
    background-color: #ffffff;
  }
  .hero-teaser-carousel.mobile-half-width.black .full-width .slick-dots li button:before,
  .hero-teaser-carousel.mobile-half-width.black .slick-dots li button:before {
    background-color: #ffffff;
  }
  .hero-teaser-carousel.mobile-half-width.black .full-width .teaser-wrap .hero-teaser-card .info-section .learn-more,
  .hero-teaser-carousel.mobile-half-width.black .teaser-wrap .hero-teaser-card .info-section .learn-more {
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info .description,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info .description {
    overflow: hidden;
  }
  .hero-teaser-carousel.mobile-half-width.black .full-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore,
  .hero-teaser-carousel.mobile-half-width.black .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore {
    color: #fff;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore {
    color: #000;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info button,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info button {
    width: 100%;
  }
  .left-sideNav .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail,
  .left-sideNav .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
    padding-left: 40px;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .image-section .mask-layer,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .mask-layer {
    height: 286px !important;
  }
  #modal-sample-heroTeaser.imgText-modal .imgText--modal-image img {
    height: 286px !important;
  }
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--title {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 787px) {
  .left-sideNav .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .image-section .detail,
  .left-sideNav .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .detail {
    padding-left: 140px;
  }
  .hero-teaser-carousel .full-width .teaser-wrap .hero-teaser-card .info-section,
  .hero-teaser-carousel .teaser-wrap .hero-teaser-card .info-section {
    width: 100%;
    padding-left: 140px;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .image-section .car-img,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .car-img {
    /*height: 733px !important;*/
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content {
    padding-top: 755px;
  }
  .left-sideNav .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section,
  .left-sideNav .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section {
    padding-left: 140px;
    padding-right: 56px;
    padding-bottom: 70px;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .hero-teaser-carousel.mobile-half-width {
    padding-top: 46px;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .image-section .img-container .mask-layer,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .img-container .mask-layer {
    height: 733px !important;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section {
    padding-left: 56px;
    padding-right: 56px;
    padding-bottom: 70px;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .image-section .car-img.mobile-image,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .image-section .car-img.mobile-image {
    /*height: 733px !important;*/
  }
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card {
    margin-bottom: 0;
  }
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imgText-modal-dialog__content img {
    height: 733px !important;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section {
    padding-top: 32px;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info .heading,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info .heading,
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--title {
    font-size: 36px !important;
    line-height: 48px;
    padding-bottom: 12px;
  }
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--title {
    margin-bottom: 0;
  }
  .hero-teaser-carousel.mobile-half-width .full-width .teaser-wrap .hero-teaser-card .info-section .info .description,
  .hero-teaser-carousel.mobile-half-width .teaser-wrap .hero-teaser-card .info-section .info .description {
    font-size: 16px !important;
    line-height: 24px;
    padding-bottom: 12px;
  }
  #modal-sample-heroTeaser .imgText-modal-dialog__body .imageText--description {
    font-size: 16px !important;
  }
}
.hero-teaser-carousel.mobile-half-width.white .full-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore .aui-button__icon .black-arrow {
  display: inline-block;
}

.hero-teaser-carousel.mobile-half-width.white .full-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore .aui-button__icon .white-arrow {
  display: none;
}

.hero-teaser-carousel.mobile-half-width.black .full-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore .aui-button__icon .white-arrow {
  display: inline-block;
}

.hero-teaser-carousel.mobile-half-width.black .full-width .teaser-wrap .hero-teaser-card .info-section .info .heroTeaser--content-readMore .aui-button__icon .black-arrow {
  display: none;
}

.hero-teaser-carousel .teaser-wrap-nav .slick-slide {
  width: 20px !important;
  margin: 0 2px;
}

.hero-teaser-carousel .teaser-wrap-nav .slick-list {
  width: 240px;
  margin: 0 -10px;
}

.hero-teaser-carousel .teaser-wrap-nav .slick-track {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-teaser-carousel .teaser-wrap-nav {
  /*width: 500px;*/
  position: absolute;
  bottom: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 40px;
  padding-bottom: 16px;
  z-index: 10;
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
  transition: transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1), -webkit-transform 300ms cubic-bezier(0.75, 0.02, 0.5, 1);
}

.hero-teaser-carousel .full-width .teaser-wrap-nav {
  width: 100%;
}

.hero-teaser-carousel .slick-dots .slick-current li button:before {
  background-color: #fff;
  opacity: 1 !important;
}

.hero-teaser-carousel.white .slick-dots .slick-current li button:before {
  background-color: #000;
  opacity: 1 !important;
}

@media only screen and (max-width: 1024px) {
  .modeldetailpage .hero-teaser-carousel .teaser-wrap-nav {
    bottom: 96px;
    width: 100%;
  }
  .modeldetailpage.mobile .hero-teaser-carousel .teaser-wrap-nav {
    bottom: 14%;
  }
}
.hero-teaser-carousel.tab-fix-hack .teaser-wrap-nav .slick-track {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

@media (max-width: 1024px) {
  .infopage .section.hero-teaser-carousel-cmp {
    /*height: auto*/
  }
  .infopage .hero-teaser-carousel-cmp .hero-teaser-carousel .teaser-wrap .hero-teaser-card .image-section .car-img {
    /*height: auto*/
  }
  .infopage .section.hero-teaser-carousel-cmp .hero-teaser-carousel .teaser-wrap-nav {
    /*width: 100%*/
  }
}
.cmp-bg-style .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-bg-style .fade-in-img {
  overflow: hidden;
}

.cmp-bg-style .fade-in-img img {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-bg-style .fade-in.is-shown {
  opacity: 1 !important;
}

.cmp-bg-style .fade-in-img.is-shown img {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

.cmp-bg-style .mask-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25.01%, rgba(0, 0, 0, 0)), color-stop(50.01%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 0) 50.01%, #000000 100%);
}

.imageTextTeaser .wrapper-image.mobile-full-width .imageTextTeaser--content-readMore {
  display: none;
}

@media only screen and (min-width: 769px) {
  .section .wrapper-image .content.banner-text-top-right,
  .section .wrapper-image .content.banner-text-center-right,
  .section .wrapper-image .content.banner-text-bottom-right {
    text-align: right;
  }
  .section .wrapper-image .content.banner-text-top-right .content-container a,
  .section .wrapper-image .content.banner-text-center-right .content-container a,
  .section .wrapper-image .content.banner-text-bottom-right .content-container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media only screen and (max-width: 768px) {
  .section .wrapper-image .content.banner-text-mobile-bottom-right,
  .section .wrapper-image .content.banner-text-mobile-top-right,
  .section .wrapper-image .content.banner-text-mobile-center-right {
    text-align: right;
  }
  .section .wrapper-image .content.banner-text-mobile-top-right .content-container a,
  .section .wrapper-image .content.banner-text-mobile-center-right .content-container a,
  .section .wrapper-image .content.banner-text-mobile-bottom-right .content-container a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (min-width: 1025px) {
  .imageTextTeaser .wrapper-image.mobile-half-width .imageTextTeaser--content-readMore {
    display: none;
  }
  button.imageTextTeaser--content-readMore {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .wrapper-image.mobile-half-width.black .content button span {
    line-height: 14.4px;
  }
  .imageTextTeaser .mobile-half-width.black {
    background-color: #000000;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .fill {
    height: 286px !important;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content {
    padding: 286px 40px 16px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .title p {
    font-size: 20px;
    line-height: 32px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .sub-title p {
    font-size: 14px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc p {
    font-size: 12px;
    line-height: 24px;
  }
  .cmp-tab.tab-slick-dots.white .tab-nav.mobile-tab-white .tab__links {
    border-top: 8px solid #fff !important;
  }
  .cmp-tab .tab-nav.mobile-tab-white {
    margin-left: 0 !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .cmp-tab.tab-slick-dots.white .tab-nav.mobile-tab-white .tab__links.active {
    opacity: 1 !important;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .imageTextTeaser .wrapper-image.mobile-half-width {
    padding-top: 60px;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .imageTextTeaser .wrapper-image.mobile-half-width .fill {
    top: 60px;
  }
  .left-sideNav .imageTextTeaser .wrapper-image.mobile-half-width .content {
    padding: 286px 40px 16px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width picture.fade-in-img img {
    padding-bottom: 16px;
  }
  button.imageTextTeaser--content-readMore {
    display: none;
  }
  .wrapper-image.mobile-half-width .content .content-container button.imageTextTeaser--content-readMore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc {
    overflow: hidden;
    margin-bottom: 24px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc.Top,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc.Top p {
    margin-bottom: 0;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content button {
    width: 100%;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .content-container {
    width: 100%;
    padding-top: 16px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc p {
    margin-bottom: 0;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-body button {
    width: 100%;
  }
  .wrapper-image.mobile-half-width.white .content .content-container .imageTextTeaser--content-readMore {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(3.5%, #ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, #ffffff 3.5%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    border: none;
    margin-top: -25px;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-body button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
    width: 100%;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-body button.mobile-black-button:hover {
    border-color: #333333;
    background-color: #333333;
    background-color: #000;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-body button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-body button.mobile-white-button:hover {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .wrapper-image.mobile-half-width.black .content .content-container button.imageTextTeaser--content-readMore {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .wrapper-image.mobile-half-width .content .content-container button.imageTextTeaser--content-readMore {
    color: #000;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
  }
  #modal-sample-imageTeaser.imgText-modal .imgText--modal-image img {
    height: 286px !important;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-dialog__body .imageText--title,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .title p {
    font-size: 20px;
    line-height: 32px;
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 600;
    margin-bottom: 4px;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-dialog__body .imageText--sub-title,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .sub-title p {
    font-size: 16px;
    font-family: "audi-wide", "audi-zh-regular";
    margin-bottom: 8px;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-dialog__body .imageText--description,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .sub-title p {
    font-size: 12px;
    line-height: 24px;
    font-family: "audi-wide", "audi-zh-regular";
    font-style: normal;
    font-weight: 400;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width.black .content .content-container {
    color: white;
  }
}
@media screen and (max-width: 1024px) and (min-width: 787px) {
  .imageTextTeaser .wrapper-image.mobile-half-width .content {
    padding-left: 56px;
    padding-right: 56px;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .imageTextTeaser .wrapper-image.mobile-half-width .fill {
    top: 46px;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .imageTextTeaser .wrapper-image.mobile-half-width {
    padding-top: 46px;
  }
  .left-sideNav .imageTextTeaser .wrapper-image.mobile-half-width .content .content-container {
    padding-left: 140px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .content-container {
    padding-top: 32px;
  }
  .left-sideNav .imageTextTeaser .wrapper-image.mobile-half-width .content {
    padding-top: 733px;
    padding-left: 0;
    padding-right: 56px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .fill {
    height: 733px !important;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc {
    height: 10px;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-dialog__body .imageText--title,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .title p {
    font-size: 36px !important;
    line-height: 48px;
    margin-bottom: 12px;
  }
  .imageTextTeaser .wrapper-image.mobile-half-width .content {
    padding-top: 733px;
    padding-left: 56px;
    padding-right: 56px;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText-modal-dialog__body .imageText--description,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .sub-title p,
  .imageTextTeaser .wrapper-image.mobile-half-width .content .desc {
    font-size: 16px !important;
    line-height: 24px;
    margin-bottom: 12px;
  }
  #modal-sample-imageTeaser.imgText-modal .imgText--modal-image img {
    height: 733px !important;
  }
}
.wrapper-image.mobile-half-width.black .content .content-container button.imageTextTeaser--content-readMore .aui-button__icon .white-arrow {
  display: inline-block;
}

.wrapper-image.mobile-half-width.black .content .content-container button.imageTextTeaser--content-readMore .aui-button__icon .black-arrow {
  display: none;
}

.wrapper-image.mobile-half-width.white .content .content-container button.imageTextTeaser--content-readMore .aui-button__icon .black-arrow {
  display: inline-block;
}

.wrapper-image.mobile-half-width.white .content .content-container button.imageTextTeaser--content-readMore .aui-button__icon .white-arrow {
  display: none;
}

.hero-teaser {
  font-family: "audi-wide", "audi-zh-regular";
  height: inherit;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.hero-teaser .image-section {
  position: relative;
  height: 50%;
  font-family: "audi-wide", "audi-zh-regular";
}

.hero-teaser .image-section .slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-teaser .image-section .slick-slider .slick-track,
.hero-teaser .image-section .slick-slider {
  height: 100% !important;
}

.hero-teaser .image-section .teaser-carousel-nav.slick-slider {
  height: auto !important;
}

.hero-teaser .image-section .slick-slider .slick-track div,
.hero-teaser .image-section .slick-slider div {
  height: 100%;
}

.hero-teaser .image-section .hero-teaser-wrapper {
  height: 100%;
  position: relative;
}

.hero-teaser .image-section .teaser-carousel-item {
  position: relative;
  color: #ffffff;
}

.hero-teaser .image-section .teaser-carousel-item .content {
  position: absolute;
  bottom: initial;
  left: 20px;
  top: 130px;
  width: 70%;
}

.hero-teaser .image-section .teaser-carousel-item .content .title {
  bottom: 220px;
  font-size: 36px;
  letter-spacing: 1px;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
  height: auto !important;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

@media only screen and (max-width: 768px) {
  .hero-teaser .image-section .teaser-carousel-item .content .title {
    font-size: 24px;
  }
}
.hero-teaser .image-section .teaser-carousel-item .content p {
  letter-spacing: 0.5px;
  width: auto;
  line-height: 24px;
  margin-top: 16px;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  transition: all 0.5s ease-in-out 0.8s;
  font-size: 14px;
  letter-spacing: 1.12px;
}

@media only screen and (max-width: 768px) {
  .hero-teaser .image-section .teaser-carousel-item .content p {
    font-size: 12px;
  }
}
.hero-teaser .image-section .teaser-carousel-item img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-teaser .image-section .slick-dots {
  width: 100%;
  bottom: 7%;
}

.hero-teaser.tab-slick-dots .image-section .slick-dots li {
  height: unset;
  width: 100px;
  margin: 0px 10px;
  vertical-align: middle;
}

.hero-teaser.tab-slick-dots .image-section .slick-dots .slick-current button {
  color: #ffffff;
}

.hero-teaser.tab-slick-dots .image-section .slick-dots li button {
  height: 54px;
  font-size: 16px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  border: 0;
  outline: none;
  background: transparent;
}

.hero-teaser.tab-slick-dots .image-section .slick-dots li button:before {
  width: 100px !important;
  height: 2px !important;
  background-color: #ffffff !important;
}

.hero-teaser .image-section video {
  height: 100% !important;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-teaser .info-section {
  background-color: #000000;
  padding: 24px 20px 35px;
  height: 50%;
}

.left-sideNav .hero-teaser .info-section {
  padding: 24px 40px 35px;
}

.hero-teaser .info-section .info {
  color: #ffffff;
}

.hero-teaser .info-section .info .heading {
  font-size: 16px;
  line-height: normal;
  font-family: "audi-wide-bold", "audi-zh-bold";
  letter-spacing: 0.5px;
  padding-bottom: 16px;
  -webkit-transition: all 0.5s ease 1.2s;
  transition: all 0.5s ease 1.2s;
}

.hero-teaser .info-section .info .description {
  width: 90%;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1.12px;
  padding-bottom: 10px;
  font-family: "audi-wide", "audi-zh-regular";
  -webkit-transition: all 0.5s ease 1.4s;
  transition: all 0.5s ease 1.4s;
}

.hero-teaser .info-section .date {
  display: none;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  letter-spacing: 0.44px;
  font-family: "audi-wide", "audi-zh-regular";
  margin-bottom: 8px;
  -webkit-transition: all 0.5s ease 1.6s;
  transition: all 0.5s ease 1.6s;
}

.hero-teaser .info-section .learn-more {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out 1.7s;
  transition: all 0.5s ease-in-out 1.7s;
}

.hero-teaser .info-section .learn-more span {
  font-size: 24px;
  line-height: 0.5;
}

.support-animation .animate .hero-teaser .info-section .info {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .info-section .info .heading {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .info-section .info .description {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .info-section .learn-more {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .info-section .date {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .image-section .detail {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .image-section .hero-teaser-carousel .parallax-effect .content .title {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .hero-teaser .image-section .hero-teaser-carousel .parallax-effect .content p {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}

.support-animation .parallax-effect .hero-teaser .info-section .info {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .info-section .info .heading {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .info-section .info .description {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .info-section .learn-more {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .info-section .date {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .image-section .detail {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .image-section .hero-teaser-carousel .parallax-effect .content .title {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .hero-teaser .image-section .hero-teaser-carousel .parallax-effect .content p {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

/* custom control for various pages (start) */
.modeldetailpage .hero-teaser .slick-dots {
  bottom: 0px;
}

.left-sideNav .modeldetailpage .hero-teaser .slick-dots {
  /* padding-left: 40px; */
  /* padding-right: 40px; */
}

/* custom control for various pages (end) */
.cmp-tab.hero-type {
  height: inherit;
}

.cmp-tab.hero-type .hero-teaser .info-section {
  background-color: #fff;
}

.cmp-tab.hero-type .hero-teaser .info-section .info {
  color: #000;
}

.cmp-tab.hero-type .hero-teaser .info-section .date {
  display: block;
}

.cmp-tab.hero-type .hero-teaser .info-section .learn-more {
  color: #000;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links {
  border-top: 2px solid #666;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links a {
  color: #666;
  opacity: 1;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links.active {
  border-top: 2px solid #000;
}

.cmp-tab.hero-type .tab-nav.bottom .tab__links.active a {
  color: #000;
  opacity: 1;
}

.hero-teaser.white .info-section {
  background-color: #fff;
}

.hero-teaser.white .info-section .info {
  color: #000;
}

.hero-teaser.white .info-section .learn-more {
  color: #000;
}

@media only screen and (min-width: 767px) {
  .hero-teaser.tab-slick-dots .image-section .slick-dots li button {
    width: 198px !important;
  }
  .hero-teaser.tab-slick-dots .image-section .slick-dots li button:before {
    width: 198px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-teaser {
    font-family: "audi-wide", "audi-zh-regular";
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .hero-teaser .image-section {
    position: relative;
    width: 70%;
    padding-top: 0px;
    height: 100%;
  }
  .hero-teaser .image-section .hero-teaser-wrapper .hero-teaser-carousel {
    position: relative;
  }
  .hero-teaser .image-section .hero-teaser-wrapper .slick-list {
    position: absolute;
    width: 100%;
  }
  .hero-teaser .image-section .teaser-carousel-item {
    height: 100%;
  }
  .hero-teaser .image-section .teaser-carousel-item .content {
    position: absolute;
    bottom: 150px;
    left: 80px;
    width: 380px;
    padding-top: 40px;
  }
  .hero-teaser .image-section .teaser-carousel-item .content p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.28px;
    width: auto;
  }
  .hero-teaser .image-section .teaser-carousel-item img {
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-teaser .image-section .detail {
    padding: 20px 80px 20px 80px;
    position: absolute;
    color: #ffffff;
    bottom: 0px;
  }
  .hero-teaser .image-section .detail .title p {
    font-size: 36px;
    letter-spacing: 1px;
    padding-bottom: 16px;
    color: #fff;
    padding-top: 0px;
  }
  .hero-teaser .image-section .detail .desc p {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding-bottom: 32px;
    color: #fff;
    width: auto;
  }
  .hero-teaser .image-section video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-teaser .image-section .car-img {
    height: 100%;
    -o-object-position: left;
       object-position: left;
  }
  .hero-teaser .image-section .slick-dots {
    bottom: 7%;
  }
  .hero-teaser.tab-slick-dots .image-section .slick-dots li {
    width: 198px !important;
  }
  .hero-teaser.tab-slick-dots .image-section .slick-dots li button {
    width: 198px !important;
  }
  .hero-teaser.tab-slick-dots .image-section .slick-dots li button:before {
    width: 198px !important;
  }
  .hero-teaser .info-section {
    padding: 0px 36px 0px 80px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 30%;
    height: 100%;
  }
  .left-sideNav .hero-teaser .info-section {
    padding: 0px 36px 0px 140px;
  }
  .hero-teaser .info-section .info {
    color: #ffffff;
  }
  .hero-teaser .info-section .info .heading {
    font-size: 24px;
    letter-spacing: 0.75px;
    padding-bottom: 16px;
  }
  .hero-teaser .info-section .info .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.28px;
    padding-bottom: 34px;
    width: auto;
  }
  .hero-teaser .info-section .date {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }
  .hero-teaser .info-section .learn-more {
    font-size: 16px;
  }
  .cmp-tab.hero-type .hero-teaser {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    position: static;
    position: unset;
    min-width: 500px;
  }
  .cmp-tab.hero-type .hero-teaser .info-section {
    position: inherit;
    padding: 0px 160px 0px 80px;
  }
  .cmp-tab.hero-type .hero-teaser .info-section .info .description {
    padding-bottom: 8px;
  }
  .cmp-tab.hero-type .hero-teaser .info-section .date {
    display: block;
  }
  .cmp-tab.hero-type .hero-teaser .image-section {
    position: inherit;
  }
  .cmp-tab.hero-type .hero-teaser .image-section .detail {
    top: 32px;
    margin-top: 72px;
    padding-top: 72px;
  }
  .cmp-tab.hero-type .tab-nav.bottom {
    width: calc(100% - 500px);
    right: 0;
    bottom: 32px;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links {
    width: 165px;
    border-top: 2px solid white;
    opacity: 0.6;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links a {
    color: #fff;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links.active {
    border-top: 2px solid #fff;
    opacity: 1;
  }
  .cmp-tab.hero-type .tab-nav.bottom .tab__links.active a {
    color: #fff;
    opacity: 1;
  }
  .cmp-tab .hero-teaser {
    position: relative;
  }
  .cmp-tab .hero-teaser .image-section {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .cmp-tab .hero-teaser .image-section .detail {
    padding: 144px 80px 20px 80px;
    position: absolute;
    color: #ffffff;
    top: 32px;
  }
  .cmp-tab .hero-teaser .info-section {
    position: absolute;
    background-color: transparent;
    bottom: 146px;
    left: 80px;
    padding: 0px;
    width: 500px;
  }
  .cmp-tab .hero-teaser .info-section .info .description {
    padding-bottom: 0px;
  }
  .cmp-tab .hero-teaser .info-section .date {
    display: block;
  }
  .hero-teaser.left {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
  .hero-teaser.half-width .image-section {
    width: 50%;
  }
  .hero-teaser.half-width .info-section {
    width: 50%;
  }
  .hero-teaser.info-width .info-section {
    width: 70%;
  }
  .hero-teaser.info-width .image-section {
    width: 30%;
  }
  .hero-teaser.info-width .image-section .teaser-carousel-item .content {
    width: 30%;
    left: 20px;
  }
  .hero-teaser.info-width .image-section .teaser-carousel-item .content p {
    width: 100%;
  }
}
.cmp-tab.tab-slick-dots .tab-nav .tab__links {
  border-top: 8px solid #fff !important;
  opacity: 0.8;
  width: 20px !important;
  min-width: unset;
}

.cmp-tab.tab-slick-dots .tab-nav .tab__links.active {
  opacity: 1;
}

.cmp-tab.tab-slick-dots.black .tab-nav .tab__links {
  border-top: 8px solid #fff !important;
  opacity: 0.6;
  width: 20px !important;
  min-width: unset;
}

.cmp-tab.tab-slick-dots.white .tab-nav .tab__links {
  border-top: 8px solid #000 !important;
  opacity: 0.6;
  width: 20px !important;
  min-width: unset;
}

@media only screen and (min-width: 1920px) {
  .hero-teaser .info-section {
    padding-left: 96px;
  }
  .left-sideNav .hero-teaser .info-section,
  .hero-teaser .info-section {
    padding-right: 48px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .hero-teaser .info-section {
    padding-left: 76px;
  }
  .left-sideNav .hero-teaser .info-section,
  .hero-teaser .info-section {
    padding-right: 36px;
  }
}
.cmp-model-teaser .teaser-carousel-item .desktop-video {
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) and (max-width: 1439px) {
  .hero-teaser .info-section {
    padding-left: 56px;
  }
  .left-sideNav .hero-teaser .info-section {
    padding-left: 140px;
    padding-right: 32px;
  }
  .hero-teaser .info-section {
    padding-right: 32px;
  }
}
.hero-teaser .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.hero-teaser .fade-in-img {
  overflow: hidden;
}

.hero-teaser .fade-in-img img {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.hero-teaser .fade-in.is-shown {
  opacity: 1 !important;
}

.hero-teaser .fade-in-img.is-shown img {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}

/**** Customized, do not merge ui ****/
.cmp-model-teaser {
  height: inherit;
  font-family: "audi-wide", "audi-zh-regular";
  position: relative;
}

.cmp-model-teaser .mask-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25.01%, rgba(0, 0, 0, 0)), color-stop(50.01%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 0) 50.01%, #000000 100%);
}

.cmp-model-teaser .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.cmp-model-teaser .teaser-carousel-item {
  display: block !important;
  position: relative;
  color: #ffffff;
}

.cmp-model-teaser .teaser-carousel-item .desktop-video,
.cmp-model-teaser .teaser-carousel-item .mobile-video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100vh;
}

.cmp-model-teaser .teaser-carousel-item .mobile-video {
  -o-object-fit: contain;
     object-fit: contain;
}

.cmp-model-teaser.mobile-half-width .teaser-carousel-item .mobile-video {
  height: 286px !important;
}

.cmp-model-teaser.black .teaser-carousel-item .desktop-video,
.cmp-model-teaser.black .teaser-carousel-item .mobile-video {
  background-color: #000;
}

.cmp-model-teaser.white .teaser-carousel-item .desktop-video,
.cmp-model-teaser.white .teaser-carousel-item .mobile-video {
  background-color: #fff;
}

.cmp-model-teaser.tab-slick-dots.white .slick-dots li button {
  color: #666;
}

.cmp-model-teaser.tab-slick-dots.white .slick-dots li button:before {
  background-color: #666;
}

.cmp-model-teaser.tab-slick-dots.white .slick-dots .slick-current button {
  color: #000;
}

.cmp-model-teaser.tab-slick-dots.white .slick-dots .slick-current button::before {
  background-color: #000;
}

.cmp-model-teaser .teaser-carousel-item img {
  -o-object-fit: cover;
     object-fit: cover;
}

.cmp-model-teaser .teaser-carousel-item .content {
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 76px 30px 180px 20px;
  z-index: 11;
}

.left-sideNav .cmp-model-teaser .teaser-carousel-item .content {
  padding: 76px 40px 180px 40px;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-top-left {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  text-align: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-top-center {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-top-right {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  text-align: end;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-center-left {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  text-align: center;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-center-right {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  text-align: end;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-bottom-left {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-bottom-center {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

.cmp-model-teaser .teaser-carousel-item .content.banner-text-mobile-bottom-right {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  text-align: end;
}

.cmp-model-teaser .teaser-carousel-item .content .title {
  bottom: 220px;
  font-size: 36px;
  letter-spacing: 1px;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.cmp-model-teaser .teaser-carousel-item .content p {
  font-size: 16px;
  letter-spacing: 0.5px;
  width: 378px;
  line-height: 24px;
  margin-top: 16px;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  transition: all 0.5s ease-in-out 0.8s;
}

.cmp-model-teaser .teaser-carousel-item img {
  width: 100%;
}

.cmp-model-teaser.tab-slick-dots .slick-dots li {
  width: 198px;
  vertical-align: middle;
  height: unset;
}

.cmp-model-teaser.tab-slick-dots .slick-dots .slick-current button {
  color: #ffffff;
}

.cmp-model-teaser.tab-slick-dots .slick-dots .slick-current button:before {
  background-color: #fff;
}

/*@media only screen and (max-width: 768px) {
        .cmp-model-teaser.tab-slick-dots .slick-dots li button{
          font-size: 14px;
        }
      }*/
.cmp-model-teaser.tab-slick-dots .slick-dots li button {
  font-size: 16px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 26px;
  display: block;
  width: 198px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  border: 0;
  outline: none;
  background: transparent;
}

.cmp-model-teaser.tab-slick-dots .slick-dots li button:before {
  width: 198px !important;
  height: 2px !important;
}

.support-animation .animate .cmp-model-teaser .parallax-effect .content .title {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.support-animation .animate .cmp-model-teaser .parallax-effect .content p {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.support-animation .parallax-effect .cmp-model-teaser .parallax-effect .content .title {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.support-animation .parallax-effect .cmp-model-teaser .parallax-effect .content p {
  opacity: 1 !important;
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

/* custom control for various pages (start) */
.homepage .cmp-model-teaser .slick-dots {
  bottom: 7%;
}

.modeldetailpage .cmp-model-teaser .slick-dots {
  bottom: 7%;
}

.modeldetailpage.mobile .cmp-model-teaser .slick-dots {
  bottom: 14%;
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .modeldetailpage .cmp-model-teaser .slick-dots {
    bottom: 132px;
  }
}
/* custom control for various pages (end) */
@media only screen and (max-width: 768px) {
  .cmp-model-teaser {
    /* height: 100vh;*/
    font-family: "audi-wide", "audi-zh-regular";
  }
  .cmp-model-teaser .content .title {
    font-size: 24px !important;
    letter-spacing: 0.75px;
    color: #ffffff;
    margin-bottom: 4px;
    font-family: "audi-wide-bold", "audi-zh-bold";
    line-height: normal;
  }
  .cmp-model-teaser .content p {
    font-size: 14px !important;
    letter-spacing: 1.12px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 24px;
    margin-top: 16px;
    font-family: "audi-wide", "audi-zh-regular";
    width: 220px !important;
  }
  .cmp-model-teaser .slick-dots {
    bottom: 7%;
  }
  .cmp-model-teaser.tab-slick-dots .slick-dots li {
    width: 100px !important;
    margin: 0px 10px;
  }
  .cmp-model-teaser.tab-slick-dots .slick-dots li button {
    width: 100px !important;
    font-size: 14px !important;
  }
  .cmp-model-teaser.tab-slick-dots .slick-dots li button:before {
    width: 100px !important;
  }
}
@media only screen and (min-width: 768px) {
  .cmp-model-teaser .teaser-carousel-item .content {
    padding: 104px 64px 160px 80px;
  }
  .left-sideNav .cmp-model-teaser .teaser-carousel-item .content {
    padding: 104px 64px 230px 140px;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-top-left {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    text-align: start;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-top-center {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-top-right {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
    text-align: end;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-center-left {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    text-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
    text-align: center;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-center-right {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
    text-align: end;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-bottom-left {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-bottom-center {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }
  .cmp-model-teaser .teaser-carousel-item .content.banner-text-bottom-right {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
    text-align: end;
  }
}
@media only screen and (min-width: 1920px) {
  .cmp-model-teaser .teaser-carousel-item .content {
    padding-left: 96px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .cmp-model-teaser .teaser-carousel-item .content {
    padding-left: 76px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
  .cmp-model-teaser .teaser-carousel-item .content {
    padding-left: 56px;
  }
}
.cmp-model-teaser .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-model-teaser .fade-in-img {
  overflow: hidden;
}

.cmp-model-teaser .fade-in-img img {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-model-teaser .fade-in.is-shown {
  opacity: 1 !important;
}

.cmp-model-teaser .fade-in-img.is-shown img {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}

@media (min-width: 1025px) {
  .cmp-model-teaser.mobile-half-width .teaser-carousel--content-readMore {
    display: none;
  }
  button.teaser-carousel--content-readMore {
    display: none;
  }
}
@media (max-width: 1024px) {
  .cmp-model-teaser .content p {
    width: 100% !important;
  }
  button.teaser-carousel--content-readMore {
    display: none;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content button.imageTextTeaser--content-readMore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cmp-model-teaser.mobile-half-width.black {
    background-color: #000000;
  }
  .cmp-model-teaser.mobile-half-width .slick-dotted.slick-slider {
    height: 100%;
  }
  .cmp-model-teaser.mobile-half-width .slick-dotted.slick-slider .slick-list,
  .cmp-model-teaser.mobile-half-width .slick-dotted.slick-slider .slick-track,
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item {
    height: 100%;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content {
    padding: 286px 40px 180px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content .content-container {
    padding-top: 16px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content .title.fade-in.is-shown {
    padding-top: 16px;
    line-height: 32px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content p {
    margin-top: 0;
  }
  .cmp-model-teaser.mobile-half-width .fade-in-img.is-shown img {
    height: 286px !important;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item img {
    height: 286px !important;
  }
  .cmp-model-teaser.mobile-half-width .mask-layer {
    height: 286px !important;
  }
  .cmp-model-teaser.mobile-half-width.tab-slick-dots .slick-dots li button {
    font-size: 12px !important;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item picture.fade-in-img img {
    padding-bottom: 16px;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .cmp-model-teaser.mobile-half-width {
    padding-top: 60px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content .desc {
    overflow: hidden;
    margin-bottom: 0;
  }
  button.teaser-carousel--content-readMore {
    width: 100%;
  }
  .cmp-model-teaser.mobile-half-width.black .teaser-carousel--content-readMore {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel--content-readMore {
    color: #000;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
  }
  .cmp-model-teaser.mobile-half-width button {
    width: 100%;
  }
  #modal-sample-teasertitle.imgText-modal .imgText--modal-image img {
    height: 286px !important;
  }
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imageText--title {
    font-size: 20px;
    padding-bottom: 4px;
    line-height: 32px;
    font-family: "audi-wide", "audi-zh-regular";
  }
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imageText--sub-title {
    font-size: 14px;
  }
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imageText--description {
    font-size: 12px;
  }
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imgText--modal-image video {
    -o-object-fit: contain;
       object-fit: contain;
    height: 286px !important;
    width: 100%;
  }
  .teaser-carousel.slick-initialized.slick-slider {
    height: 100%;
  }
  .teaser-carousel.slick-initialized.slick-slider .slick-list,
  .teaser-carousel.slick-initialized.slick-slider .slick-list .slick-track {
    height: 100%;
  }
  .cmp-model-teaser.mobile-half-width .content .title {
    font-size: 20px !important;
    padding-top: 16px;
  }
  .cmp-model-teaser.mobile-half-width .content p {
    font-size: 12px !important;
  }
  .cmp-model-teaser .content p.Top {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .teaser-carousel.slick-initialized.slick-slider,
  .teaser-carousel.slick-initialized.slick-slider .slick-list,
  .teaser-carousel.slick-initialized.slick-slider .slick-list .slick-track {
    height: 100%;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content {
    padding: 733px 56px 180px;
  }
  .left-sideNav .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content {
    padding-left: 140px;
    padding-right: 56px;
  }
  .cmp-model-teaser.mobile-half-width .fade-in-img.is-shown img {
    height: 733px !important;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item img {
    height: 733px !important;
  }
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imgText--modal-image video {
    height: 733px !important;
  }
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .fullpage-wrapper .cmp-model-teaser.mobile-half-width {
    padding-top: 46px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item.fade-in-img.is-shown .content {
    padding-top: 780px;
  }
  .cmp-model-teaser.mobile-half-width .mask-layer {
    height: 733px !important;
  }
  .cmp-model-teaser.mobile-half-width .content .title {
    padding-top: 0;
    padding-bottom: 12px;
    font-size: 36px !important;
    line-height: 48px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item .content .content-container {
    padding-top: 32px;
  }
  .cmp-model-teaser.mobile-half-width .content p,
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imageText--description {
    font-size: 16px !important;
    line-height: 24px;
  }
  #modal-sample-teasertitle.imgText-modal .imgText--modal-image img {
    height: 733px !important;
  }
  #modal-sample-teasertitle.imgText-modal .imgText-modal-dialog__body .imageText--title {
    font-size: 36px !important;
    line-height: 48px;
    margin-bottom: 0;
    padding-bottom: 12px;
  }
  .cmp-model-teaser.mobile-half-width .teaser-carousel-item picture.fade-in-img img {
    padding-bottom: 34px;
  }
}
/*ACNWEB-1378 fix QQ browser issue*/
.cmp-model-teaser .info-section {
  z-index: 2;
}

.hero-teaser .info-section {
  z-index: 2;
}

#fullpage .teaser-carousel.slick-slider.slick-dotted {
  margin-bottom: 0px;
}

.hero-teaser .teaser-carousel-nav li button:before {
  background-color: #fff;
  opacity: 0.6 !important;
}

.hero-teaser .teaser-carousel-nav .slick-current li button:before {
  background-color: #fff;
  opacity: 1 !important;
}

.cmp-model-teaser.mobile-half-width.black .teaser-carousel--content-readMore .aui-button__icon .black-arrow {
  display: none;
}

.cmp-model-teaser.mobile-half-width.white .teaser-carousel--content-readMore .aui-button__icon .white-arrow {
  display: none;
}

.cmp-model-teaser.mobile-half-width.white .content .title {
  color: #000;
}

.cmp-model-teaser.mobile-half-width.white .teaser-carousel-item .content .desc {
  color: #000;
}

.cmp-model-teaser.tab-slick-dots .teaser-carousel-nav,
.hero-teaser.tab-slick-dots .teaser-carousel-nav {
  position: absolute;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cmp-model-teaser.tab-slick-dots .teaser-carousel-nav .slick-slide,
.hero-teaser.tab-slick-dots .teaser-carousel-nav .slick-slide {
  margin: 0 10px;
  width: 198px !important;
}
@media only screen and (max-width: 768px) {
  .cmp-model-teaser.tab-slick-dots .teaser-carousel-nav .slick-slide,
  .hero-teaser.tab-slick-dots .teaser-carousel-nav .slick-slide {
    width: 100px !important;
  }
}

.cmp-model-teaser .teaser-carousel-nav,
.hero-teaser .teaser-carousel-nav {
  position: absolute;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cmp-model-teaser .teaser-carousel-nav .slick-list,
.hero-teaser .teaser-carousel-nav .slick-list {
  width: 240px;
}
.cmp-model-teaser .teaser-carousel-nav .slick-slide,
.hero-teaser .teaser-carousel-nav .slick-slide {
  margin: 0 10px;
  width: 20px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cmp-model-teaser .teaser-carousel-nav .slick-list .slick-slide {
    margin-bottom: 20px;
  }
}
.cmp-model-teaser.tab-slick-dots .teaser-carousel-nav .slick-list,
.hero-teaser.tab-slick-dots .teaser-carousel-nav .slick-list {
  width: auto;
}

.cmp-model-teaser.md-tab-not-full .teaser-carousel-nav .slick-track,
.hero-teaser.md-tab-not-full .teaser-carousel-nav .slick-track {
  width: var(--mdtablength) !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.cmp-model-teaser .teaser-carousel-nav .slick-aui-next,
.cmp-model-teaser .teaser-carousel-nav .slick-aui-prev,
.hero-teaser .teaser-carousel-nav .slick-aui-next,
.hero-teaser .teaser-carousel-nav .slick-aui-prev {
  color: white;
  font-size: 30px;
}

.cmp-model-teaser.white .teaser-carousel-nav .slick-aui-next,
.cmp-model-teaser.white .teaser-carousel-nav .slick-aui-prev {
  color: black;
}

.cmp-model-teaser.black .teaser-carousel-nav .slick-aui-next,
.cmp-model-teaser.black .teaser-carousel-nav .slick-aui-prev {
  color: white;
}

.hero-teaser .teaser-carousel-nav {
  height: auto !important;
}

.cmp-model-teaser.black .teaser-carousel-nav .slick-current button:before {
  background: #fff;
}

.cmp-model-teaser.white .teaser-carousel-nav button:before {
  background-color: rgba(0, 0, 0, 0.25);
}

.cmp-model-teaser.white .teaser-carousel-nav .slick-current button:before {
  background: #000;
}

.cmp-model-teaser.tab-fix-hack .teaser-carousel-nav .slick-track,
.hero-teaser.tab-fix-hack .teaser-carousel-nav .slick-track {
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .left-sideNav .hero-teaser.tab-slick-dots .image-section .teaser-carousel-nav.slick-slider {
    padding-left: 140px;
    padding-right: 56px;
  }
}
.infopage .hero-teaser-carousel {
  /*position: relative;*/
}

.cmp-car-detail-banner {
  font-family: "audi-wide", "audi-zh-regular";
  margin-top: 0px;
  height: inherit;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 0px 20px;
}

.cmp-car-detail-banner .container-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.cmp-car-detail-banner .containersub .title,
.cmp-car-detail-banner .containersub h1,
.cmp-car-detail-banner .containersub h1 p,
.cmp-car-detail-banner .containersub .description,
.cmp-car-detail-banner .containersub .description .text-desc {
  width: 100%;
}

.left-sideNav .cmp-car-detail-banner {
  padding: 0px 40px;
}

.cmp-car-detail-banner {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.cmp-car-detail-banner .mask-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25.01%, rgba(0, 0, 0, 0)), color-stop(50.01%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 0) 50.01%, #000000 100%);
}

.cmp-car-detail-banner .banner-media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0%;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

.cmp-car-detail-banner .banner-media picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .cmp-car-detail-banner.img-overlayss:hover .banner-media::before {
    opacity: 10%;
  }
  .cmp-car-detail-banner.img-zoomin:hover .banner-media picture img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.cmp-car-detail-banner .content-section .content-container {
  padding-top: 42px;
  color: #ffffff;
  position: relative;
}

.cmp-car-detail-banner .content-section .button-wrapper {
  -webkit-transition: all 0.5s ease-in-out 1.2s;
  transition: all 0.5s ease-in-out 1.2s;
  margin-top: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cmp-car-detail-banner .content-section .title {
  font-family: "audi-wide-bold", "audi-zh-bold";
  font-size: 24px;
  letter-spacing: 0.75px;
  color: inherit;
  padding-bottom: 4px;
  -webkit-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
}

.cmp-car-detail-banner .content-section .subtitle {
  font-family: "audi-wide", "audi-zh-regular";
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 1.12px;
  color: inherit;
  padding-bottom: 16px;
  -webkit-transition: all 0.5s ease 0.6s;
  transition: all 0.5s ease 0.6s;
}

.cmp-car-detail-banner .content-section .description {
  font-family: "audi-wide", "audi-zh-regular";
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: 1.12px;
  color: inherit;
  -webkit-transition: all 0.5s ease 0.9s;
  transition: all 0.5s ease 0.9s;
  overflow: hidden;
}

.cmp-car-detail-banner .content-section button {
  height: 44px;
  width: 164px;
  padding: 12px 39px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  order: 3;
  margin-bottom: 8px;
}

.cmp-car-detail-banner .content-section button.desktop {
  display: none;
}

.cmp-car-detail-banner .content-section button.mobile {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

@media only screen and (width: 769px) {
  .cmp-car-detail-banner .content-section button {
    width: 186px !important;
  }
}
@media only screen and (max-width: 769px) {
  .cmp-car-detail-banner .action-items .share {
    display: none;
  }
}
.cmp-car-detail-banner .content-section button span {
  font-size: 12px;
  line-height: 1.67;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.cmp-car-detail-banner .content-section .button-3 {
  margin: 0;
  height: 44px;
  width: 164px;
  padding: 12px 39px;
  margin-bottom: 8px;
}

.cmp-car-detail-banner .content-section .order {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  order: 2;
}

/*mobile pos for action-items*/
.cmp-car-detail-banner .action-items {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
  position: absolute;
  right: 20px;
  top: 82px;
}

.cmp-car-detail-banner .action-items.left {
  left: 20px;
  right: unset;
}

.cmp-car-detail-banner .action-items .share {
  -webkit-appearance: initial;
}

.cmp-car-detail-banner .action-items span {
  font-size: 24px;
  color: #ffffff;
}

.cmp-car-detail-banner .action-items div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-bottom: 23px;
  cursor: pointer;
}

.cmp-car-detail-banner .action-items .mute-action .mute {
  display: none;
}

.cmp-car-detail-banner .action-items .action-name {
  font-size: 10px;
  line-height: 24px;
  letter-spacing: 0.73px;
  color: #f2f2f2;
  padding-right: 8px;
}

.cmp-car-detail-banner .action-items .mute-label {
  display: none;
}

.cmp-car-detail-banner .action-items .selected {
  display: none;
  margin-right: -19px;
  margin-bottom: -14px;
}

.cmp-car-detail-banner .action-items .unmute {
  margin-right: -19px;
  margin-bottom: -14px;
}

.cmp-car-detail-banner .test-drive {
  padding: 12px 39px;
  width: 100%;
}

.cmp-car-detail-banner .test-drive span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.67;
}

.cmp-car-detail-banner .banner-media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}

.cmp-car-detail-banner .banner-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cmp-car-detail-banner .banner-media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cmp-car-detail-banner.video-mode .content-section {
  display: none;
}

.cmp-car-detail-banner.video-mode {
  background-color: #000;
}

.cmp-car-detail-banner.mobile-black.video-mode {
  background-color: #000;
}

.cmp-car-detail-banner.mobile-white.video-mode {
  background-color: #fff;
}

.cmp-car-detail-banner.video-mode .banner-media img {
  display: none;
}

.cmp-car-detail-banner.video-mode .banner-media video {
  display: block;
}

.cmp-car-detail-banner.image-mode .mute-action {
  display: none;
}

.cmp-car-detail-banner.image-mode .banner-media img {
  display: block;
}

.cmp-car-detail-banner.image-mode .banner-media video {
  display: none;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content {
  padding: 16px 16px 0px !important;
  background-color: white;
  color: #000;
  position: relative;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .close-model {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 18px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .close-model .aui-modal-dialog__close {
  width: 20px;
  height: 20px;
  color: #000000;
  cursor: pointer;
  line-height: 0;
  position: absolute;
  top: 16px;
  right: 16px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .close-model p {
  font-size: 12px;
  line-height: 1.67;
  color: #333333;
  font-family: "audi-wide-bold", "audi-zh-bold";
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 270px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items .icon {
  margin-bottom: -4px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items .icon-black {
  margin-bottom: 8px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items span {
  font-size: 48px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items span img {
  height: 48px;
  width: 48px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items div {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  width: 33.33%;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .share-items p {
  font-size: 12px;
  line-height: 1.67;
  color: #333333;
  padding-bottom: 16px;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .wx-qrcode-wrapper {
  display: none;
  text-align: center;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .wx-qrcode-wrapper h3 {
  margin: 20px 0;
}

.aui-modal[id=share-model-popup] .aui-modal-dialog__content .wx-qrcode-wrapper .qrcode {
  border: 2px solid #000000;
  padding: 10px;
}

.support-animation .animate .cmp-car-detail-banner .content-section .title {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .cmp-car-detail-banner .content-section .subtitle {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .cmp-car-detail-banner .content-section .description {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.support-animation .animate .cmp-car-detail-banner .content-section .button-wrapper {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.support-animation .parallax-effect .cmp-car-detail-banner .content-section .title {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.support-animation .parallax-effect .cmp-car-detail-banner .content-section .subtitle {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.support-animation .parallax-effect .cmp-car-detail-banner .content-section .description {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.support-animation .parallax-effect .cmp-car-detail-banner .content-section .button-wrapper {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
}

@media only screen and (min-width: 769px) {
  .cmp-car-detail-banner {
    padding: 112px 80px 96px 80px;
  }
  .left-sideNav .cmp-car-detail-banner {
    padding: 116px 56px 56px 116px;
  }
  .cmp-car-detail-banner .content-section {
    padding-top: 0px;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 100%;
  }
  .cmp-car-detail-banner .content-section .title {
    font-size: 36px;
    letter-spacing: 1px;
    padding-bottom: 12px;
  }
  .cmp-car-detail-banner .content-section .subtitle {
    font-size: 24px;
    letter-spacing: 0.75px;
  }
  .cmp-car-detail-banner .content-section .description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    width: 380px;
  }
  .cmp-car-detail-banner .content-section .containersub .description .button-wrapper {
    margin-top: 16px;
  }
  .cmp-car-detail-banner .content-section button {
    width: 156px;
    height: 44px;
  }
  .cmp-car-detail-banner .content-section button.desktop {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }
  .cmp-car-detail-banner .content-section button.mobile {
    display: none;
  }
  .cmp-car-detail-banner .content-section button span {
    font-size: 15px;
    line-height: 24px;
  }
  .cmp-car-detail-banner .content-section .button-3 {
    position: static;
    margin-bottom: 8px;
    width: 156px;
    height: 52px;
  }
  .cmp-car-detail-banner .content-section .order {
    margin-bottom: 8px;
  }
  .cmp-car-detail-banner .content-section.content-top-left .content-container {
    width: 100%;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .cmp-car-detail-banner .content-section.content-top-left .content-container .title,
  .cmp-car-detail-banner .content-section.content-top-left .content-container .description,
  .cmp-car-detail-banner .content-section.content-top-left .content-container .subtitle {
    text-align: left;
  }
  .cmp-car-detail-banner .content-section.content-top-left .content-container .description .button-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cmp-car-detail-banner .content-section.content-top-center .content-container {
    width: 100%;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: center;
  }
  .cmp-car-detail-banner .content-section.content-top-center .content-container .title,
  .cmp-car-detail-banner .content-section.content-top-center .content-container .description,
  .cmp-car-detail-banner .content-section.content-top-center .content-container .subtitle {
    text-align: center;
  }
  .cmp-car-detail-banner .content-section.content-top-left .content-container .description,
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container .description,
  .cmp-car-detail-banner .content-section.content-center-left .content-container .description {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .cmp-car-detail-banner .content-section.content-top-center .content-container .description,
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container .description,
  .cmp-car-detail-banner .content-section.content-center .content-container .description {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container {
    width: 100%;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-end;
    /* padding-right: 60px; */
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container .title,
  .cmp-car-detail-banner .content-section.content-top-right .content-container .description,
  .cmp-car-detail-banner .content-section.content-top-right .content-container .subtitle {
    text-align: right;
  }
  .cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .title,
  .cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .description,
  .cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .subtitle {
    text-align: left;
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container .description,
  .cmp-car-detail-banner .content-section.content-center-right .content-container .description,
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container .description {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }
  .cmp-car-detail-banner .content-section.content-top-left .content-container .containersub {
    top: 0;
    left: 0;
  }
  .cmp-car-detail-banner .content-section.content-center-left .content-container .containersub {
    top: 33.333%;
    left: 0;
  }
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container .containersub {
    top: unset;
    left: 0;
    bottom: 0;
  }
  .cmp-car-detail-banner .content-section.content-top-center .content-container .containersub {
    top: 0;
    left: 33.333%;
  }
  .cmp-car-detail-banner .content-section.content-center .content-container .containersub {
    top: 33.333%;
    left: 33.333%;
  }
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container .containersub {
    top: unset;
    left: 33.333%;
    bottom: 0;
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container .containersub {
    top: 0;
    right: 0;
  }
  .cmp-car-detail-banner .content-section.content-center-right .content-container .containersub {
    top: 33.333%;
    right: 0;
  }
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container .containersub {
    top: unset;
    bottom: 0;
    right: 0;
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container .button-wrapper .cmp-car-detail-banner .content-section.content-center-left .content-container {
    width: 100%;
    height: 100%;
  }
  .cmp-car-detail-banner .content-section.content-center-left .content-container .title,
  .cmp-car-detail-banner .content-section.content-center-left .content-container .description,
  .cmp-car-detail-banner .content-section.content-center-left .content-container .subtitle {
    text-align: left;
  }
  .cmp-car-detail-banner .content-section.content-center .content-container {
    width: 100%;
    height: 100%;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .cmp-car-detail-banner .content-section.content-center .content-container .title,
  .cmp-car-detail-banner .content-section.content-center .content-container .description,
  .cmp-car-detail-banner .content-section.content-center .content-container .subtitle {
    text-align: center;
  }
  .cmp-car-detail-banner .content-section.content-center-right .content-container {
    width: 100%;
    height: 100%;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    /* padding-right: 60px; */
  }
  .cmp-car-detail-banner .content-section.content-center-right .content-container .title,
  .cmp-car-detail-banner .content-section.content-center-right .content-container .description,
  .cmp-car-detail-banner .content-section.content-center-right .content-container .subtitle {
    /* text-align: right; */
  }
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container {
    width: 100%;
    height: 100%;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container .title,
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container .description,
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container .subtitle {
    text-align: left;
  }
  .cmp-car-detail-banner .content-section.content-bottom-left .content-container .button-wrapper .aui-button--secondary {
    display: none;
  }
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container {
    width: 100%;
    height: 100%;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container .title,
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container .description,
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container .subtitle {
    text-align: center;
  }
  .cmp-car-detail-banner .content-section.content-bottom-center .content-container .button-wrapper .aui-button--secondary {
    display: none;
  }
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container {
    width: 100%;
    height: 100%;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    /* padding-right: 60px; */
  }
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container .title,
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container .description,
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container .subtitle {
    /* text-align: right; */
  }
  .cmp-car-detail-banner .content-section.content-bottom-right .content-container .button-wrapper .aui-button--secondary {
    display: none;
  }
  /*desktop pos for action-items*/
  .cmp-car-detail-banner .action-items {
    top: 104px;
    right: 80px;
    left: unset;
  }
  .cmp-car-detail-banner .action-items.left {
    top: 104px;
    right: unset;
    left: 80px;
  }
}
.cmp-car-detail-banner.custom-model-banner {
  height: 720px;
}

@media only screen and (min-width: 1920px) {
  .cmp-car-detail-banner {
    padding-left: 96px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .cmp-car-detail-banner {
    padding-left: 76px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
  .cmp-car-detail-banner {
    padding-left: 56px;
  }
}
.cmp-car-detail-banner .content-section button.desktop {
  display: block;
}

.cmp-car-detail-banner .content-section .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cmp-car-detail-banner .content-section .button-wrapper button:nth-child(3) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media only screen and (min-width: 768px) {
  .cmp-car-detail-banner .content-section .button-wrapper button:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.cmp-car-detail-banner .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
  transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-car-detail-banner .fade-in-img {
  overflow: hidden;
}

.cmp-car-detail-banner .fade-in-img img {
  -webkit-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
  transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-car-detail-banner .fade-in.is-shown {
  opacity: 1 !important;
}

.cmp-car-detail-banner .fade-in-img.is-shown img {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

@media (min-width: 1025px) {
  .modalHero--content-readMore {
    display: none !important;
  }
  .left-sideNav .cmp-car-detail-banner {
    padding: 112px 96px 80px 140px;
  }
  .cmp-car-detail-banner.full-width .content-section .modalHero--content-readMore {
    display: none;
  }
}
@media (max-width: 1024px) {
  .cmp-car-detail-banner .containersub {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cmp-car-detail-banner.half-width .content-section .content-container {
    padding-top: 0;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .cmp-car-detail-banner.half-width .content-section {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cmp-car-detail-banner.half-width .content-section .content-container {
    width: 100%;
  }
  .cmp-car-detail-banner.half-width.mobile-black .content-section .button-wrapper {
    margin-top: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .button-wrapper {
    margin-top: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .title,
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .imageText--title {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 4px;
    margin-bottom: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .title + h1 {
    margin: 0;
  }
  .cmp-car-detail-banner.half-width .content-section {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cmp-car-detail-banner.half-width .content-section .subtitle,
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .imageText--sub-title {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .description {
    width: 100%;
  }
  .cmp-car-detail-banner.half-width .content-section .description,
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .imageText--description {
    font-size: 14px;
    line-height: 24px;
  }
  .cmp-car-detail-banner.half-width .content-section .description p.text-desc,
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .imageText--description {
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .button-wrapper a {
    width: 100%;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body .button-wrapper a button {
    width: 100%;
    margin-bottom: 4px;
  }
  .imgText-modal .imgText-modal-dialog__body .button-wrapper a button {
    height: 44px;
    width: 164px;
    padding: 12px 39px;
  }
  .cmp-car-detail-banner.mobile-white #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body {
    background-color: white;
    color: #000;
  }
  .cmp-car-detail-banner.mobile-black #modal-sample-modalHero.imgText-modal .imgText-modal-dialog__body {
    background-color: #000;
    color: #fff;
  }
  .imgText-modal .imgText-modal-dialog__body .button-wrapper a button.mobile-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  .imgText-modal .imgText-modal-dialog__body .button-wrapper a button.mobile-transparent-button:hover {
    border-color: #cccccc;
  }
  #modal-sample-modalHero.imgText-modal.popup-white .imgText-modal-dialog__body .button-wrapper a button.mobile-transparent-button {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
  }
  #modal-sample-modalHero.imgText-modal.popup-black .imgText-modal-dialog__body .button-wrapper a button.mobile-transparent-button {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
  }
  #modal-sample-modalHero.imgText-modal.popup-white .imgText-modal-dialog__body {
    background-color: #fff;
  }
  #modal-sample-modalHero.imgText-modal.popup-black .imgText-modal-dialog__body {
    background-color: #000;
  }
  #modal-sample-modalHero.imgText-modal.popup-black .imgText-modal-dialog__body .imageText--title,
  #modal-sample-modalHero.imgText-modal.popup-black .imgText-modal-dialog__body .imageText--sub-title,
  #modal-sample-modalHero.imgText-modal.popup-black .imgText-modal-dialog__body .imageText--description {
    color: #fff;
  }
  .imgText-modal .imgText-modal-body button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
    width: 100%;
  }
  .imgText-modal .imgText-modal-body button.mobile-black-button:hover {
    border-color: #333333;
    background-color: #333333;
    background-color: #000;
  }
  .imgText-modal .imgText-modal-body button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .imgText-modal .imgText-modal-body button.mobile-white-button:hover {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .cmp-car-detail-banner.video-mode .banner-media video {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .cmp-car-detail-banner.half-width.mobile-white .content-section {
    color: #000;
  }
  .cmp-car-detail-banner.half-width .content-section .modalHero--content-readMore {
    width: 100%;
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 30px;
    border: 0;
    bottom: 0px;
    max-height: 50px;
    margin-bottom: 0;
  }
  .cmp-car-detail-banner.half-width.mobile-white .content-section .modalHero--content-readMore {
    color: #fff;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .cmp-car-detail-banner.half-width.mobile-black .content-section .modalHero--content-readMore {
    color: #000;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
  }
  .cmp-car-detail-banner.half-width.mobile-white .content-section .modalHero--content-readMore .aui-button__icon .black-arrow {
    display: none;
  }
  .cmp-car-detail-banner.half-width.mobile-black .content-section .modalHero--content-readMore .aui-button__icon .white-arrow {
    display: none;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-body button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
    width: 100%;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-body button.mobile-black-button:hover {
    border-color: #333333;
    background-color: #333333;
    background-color: #000;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-body button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  #modal-sample-modalHero.imgText-modal .imgText-modal-body button.mobile-white-button:hover {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .cmp-car-detail-banner.full-width .content-section .modalHero--content-readMore {
    display: none;
  }
  .cmp-car-detail-banner.half-width.mobile-white {
    background-color: white;
  }
  .cmp-car-detail-banner.half-width.mobile-white .content-section {
    color: black;
  }
}
@media screen and (max-width: 1024px) and (min-width: 787px) {
  .cmp-car-detail-banner.half-width .banner-media picture img {
    height: 733px !important;
  }
  .cmp-car-detail-banner.half-width .mask-layer {
    height: 733px;
  }
  .cmp-car-detail-banner.half-width .content-section {
    padding-top: 765px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    padding-left: 56px;
    padding-right: 56px;
  }
  .cmp-car-detail-banner.half-width {
    padding: 0;
  }
  .cmp-car-detail-banner.half-width.mobile-white .content-section .content-container,
  .cmp-car-detail-banner.half-width.mobile-white .desktop-white .content-section .content-container,
  .cmp-car-detail-banner.half-width.mobile-white .desktop-black .content-section .content-container {
    padding-top: 0;
  }
  .cmp-car-detail-banner.half-width.mobile-black .content-section .content-container,
  .cmp-car-detail-banner.half-width.mobile-black .desktop-white .content-section .content-container,
  .cmp-car-detail-banner.half-width.mobile-black .desktop-black .content-section .content-container {
    padding-top: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .content-container .description .button-wrapper a {
    width: 100%;
  }
}
@media (max-width: 786px) {
  .cmp-car-detail-banner .content-section .subtitle {
    padding-bottom: 0;
  }
  .cmp-car-detail-banner {
    padding: 88px 20px 0 20px;
  }
  .cmp-car-detail-banner.cmp-car-detail-banner.half-width .content-section button {
    width: 100%;
    margin-bottom: 4px;
  }
  .cmp-car-detail-banner.cmp-car-detail-banner.half-width .content-section button.modalHero--content-readMore {
    margin-bottom: 0;
  }
  .cmp-car-detail-banner.half-width.mobile-black .content-section .modalHero--content-readMore {
    margin-bottom: 0;
  }
  .cmp-car-detail-banner.half-width .banner-media picture img {
    height: 375px !important;
  }
  .cmp-car-detail-banner.half-width .mask-layer {
    height: 375px;
  }
  .cmp-car-detail-banner.half-width .content-section {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .cmp-car-detail-banner .content-section .button-wrapper {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .content-container .description .button-wrapper a {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .cmp-car-detail-banner .content-section.desktop-black .content-container {
    color: #000;
  }
  .cmp-car-detail-banner .content-section button.desktop-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .cmp-car-detail-banner .content-section button.desktop-white-button:hover {
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #000;
  }
  .cmp-car-detail-banner .content-section .content-container button.desktop-transparent-button,
  .cmp-car-detail-banner .content-section button.desktop-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  .cmp-car-detail-banner .content-section .content-container button.desktop-transparent-button:hover,
  .cmp-car-detail-banner .content-section button.desktop-transparent-button:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    color: #fff;
  }
  .cmp-car-detail-banner .content-section .content-container button.desktop-black-transparent-button,
  .cmp-car-detail-banner .content-section button.desktop-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
  }
  .cmp-car-detail-banner .content-section .content-container button.desktop-black-transparent-button:hover,
  .cmp-car-detail-banner.mobile-black .content-section .content-container button.desktop-black-transparent-button:hover,
  .cmp-car-detail-banner .content-section button.desktop-black-transparent-button:hover {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #000;
    color: #000;
  }
  .cmp-car-detail-banner .content-section button.desktop-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
  }
  .cmp-car-detail-banner .content-section button.desktop-black-button:hover {
    background: #4c4c4c;
    border: 1px solid rgba(190, 190, 190, 0.2);
    color: #fff;
  }
}
@media screen and (max-width: 1024px) and (min-width: 787px) {
  .cmp-car-detail-banner.half-width .content-section .content-container {
    color: #ffffff;
  }
  .cmp-car-detail-banner.half-width .content-section .content-container,
  .cmp-car-detail-banner.half-width.mobile-black .content-section .content-container {
    color: #000000;
  }
  .cmp-car-detail-banner.half-width.mobile-black {
    background-color: white;
  }
  .cmp-car-detail-banner.half-width.mobile-white {
    background-color: black;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-transparent-button:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    color: #fff;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-black-transparent-button:hover {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #000000;
    color: #000;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-black-button:hover {
    border-color: #333333;
    background-color: #333333;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-white-button:hover {
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #000;
  }
}
@media only screen and (max-width: 768px) {
  .cmp-car-detail-banner .content-section {
    height: 100%;
  }
  .cmp-car-detail-banner .content-section.mobile-black .content-container {
    color: #000;
  }
  .cmp-car-detail-banner.half-width.mobile-black {
    background-color: white;
  }
  .cmp-car-detail-banner.half-width.mobile-white {
    background-color: black;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-transparent-button,
  .cmp-car-detail-banner .content-section button.mobile-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  .cmp-car-detail-banner .content-section button.mobile-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-black-button,
  .cmp-car-detail-banner .content-section button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
  }
  .cmp-car-detail-banner.half-width .content-section button.mobile-white-button,
  .cmp-car-detail-banner .content-section button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
}
/* --------------------------add modelHero----------------------------- */
.cmp-car-detail-banner .content-section .content-container .containersub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  /* padding-right: 120px;  */
  width: 33.333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
}

.cmp-car-detail-banner .content-section .content-container {
  width: 100%;
  height: 100%;
}

.cmp-car-detail-banner .content-section .content-container .description {
  overflow: visible;
}

.cmp-car-detail-banner .content-section.content-top-center .content-container .containersub,
.cmp-car-detail-banner .content-section.content-center .content-container .containersub,
.cmp-car-detail-banner .content-section.content-bottom-center .content-container .containersub {
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
}

.cmp-car-detail-banner .content-section.content-top-right .content-container .containersub,
.cmp-car-detail-banner .content-section.content-top-right .content-container .description,
.cmp-car-detail-banner .content-section.content-bottom-right .content-container .containersub,
.cmp-car-detail-banner .content-section.content-bottom-right .content-container .description,
.cmp-car-detail-banner .content-section.content-center-right .content-container .containersub,
.cmp-car-detail-banner .content-section.content-center-right .content-container .description {
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  padding: 0;
  text-align: right;
}

.cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .containersub,
.cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .description {
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .cmp-car-detail-banner .content-section .content-container .containersub {
    padding-right: 0;
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .cmp-car-detail-banner .content-section.content-top-right .content-container .containersub,
  .cmp-car-detail-banner .content-section.content-top-right .content-container .description {
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    text-align: end;
  }
  .cmp-car-detail-banner .content-section .content-container .containersub {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .cmp-car-detail-banner .content-section.mo-content-center .content-container,
  .cmp-car-detail-banner .content-section.mo-content-bottom .content-container,
  .cmp-car-detail-banner .content-section.mo-center-top .content-container,
  .cmp-car-detail-banner .content-section.mo-center-bottom .content-container {
    height: 100%;
  }
  .left-sideNav .cmp-car-detail-banner {
    padding: 88px 40px 28px 40px;
  }
  .cmp-car-detail-banner .content-section .content-container {
    padding-top: 0;
  }
  .cmp-car-detail-banner .content-section .content-container .containersub {
    width: 100%;
  }
  .cmp-car-detail-banner .content-section .containersub .title {
    font-size: 24px;
    line-height: 24px;
  }
  .cmp-car-detail-banner .content-section .containersub .subtitle {
    font-size: 20px;
    line-height: 30px;
    margin-top: 6px;
  }
  .cmp-car-detail-banner .content-section .containersub .description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
  }
  .cmp-car-detail-banner .content-section .containersub .description .button-wrapper {
    margin-top: 12px;
  }
  .cmp-car-detail-banner .content-section .containersub .title,
  .cmp-car-detail-banner .content-section .containersub .subtitle,
  .cmp-car-detail-banner .content-section .containersub .description {
    text-align: center !important;
    white-space: normal;
  }
  .cmp-car-detail-banner .content-section.mo-content-center.content-container,
  .cmp-car-detail-banner .content-section.mo-content-top .content-container,
  .cmp-car-detail-banner .content-section.mo-content-bottom .content-container {
    align-items: center !important;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  .content-section.mo-content-center .content-container,
  .content-section.mo-center-top .content-container,
  .content-section.mo-center-bottom .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cmp-car-detail-banner .content-section.mo-content-top .content-container .containersub {
    top: 0;
    left: 0;
    bottom: unset;
    right: unset;
  }
  .cmp-car-detail-banner .content-section.mo-content-bottom .content-container .containersub {
    top: unset;
    bottom: 0;
    left: 0;
    right: unset;
  }
  .cmp-car-detail-banner .content-section.mo-center-top .content-container .containersub {
    top: 33.333%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cmp-car-detail-banner .content-section.mo-center-bottom .content-container .containersub {
    top: 66.666%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cmp-car-detail-banner.half-width .content-section {
    position: absolute;
    max-height: unset !important;
    height: 50%;
    left: 40px;
    right: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub {
    height: calc(100% - 24px);
    bottom: unset !important;
    left: 0 !important;
    right: unset !important;
    top: 0 !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 20px !important;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .subtitle {
    margin-top: 8px;
    padding-bottom: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .description {
    margin-top: 8px;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .description .text-desc {
    padding-bottom: 0;
    text-align: center;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .button-box {
    max-height: none !important;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .button-box .button-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .button-box .button-wrapper a {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 7px;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .button-box .button-wrapper a:last-child {
    margin-right: 0;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .button-box .button-wrapper.item-1 a {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: 164px;
  }
  .cmp-car-detail-banner.half-width .content-section .containersub .button-box .button-wrapper.item-3 a button {
    padding-left: 0;
    padding-right: 0;
  }
  .cmp-car-detail-banner.half-width .banner-media {
    height: 50%;
  }
  .cmp-car-detail-banner.half-width .banner-media picture img {
    width: 100%;
    height: 100% !important;
  }
  .cmp-car-detail-banner.half-imagetop .content-section {
    bottom: 0;
  }
  .cmp-car-detail-banner.half-imagetop .content-section .content-container {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .cmp-car-detail-banner.half-imagetop .content-section .content-container .containersub {
    position: absolute;
    bottom: 24px;
    left: 0;
    top: unset;
  }
  .cmp-car-detail-banner.half-imagebottom .content-section {
    top: 0;
    padding-top: 60px;
  }
  .cmp-car-detail-banner.half-imagebottom .banner-media {
    bottom: 0;
    top: unset;
  }
  .left-sideNav .cmp-car-detail-banner.half-width {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .stickyFeatureMenu + .container .cmp-car-detail-banner.full-width {
    padding-bottom: 124px;
  }
  .stickyFeatureMenu + .container .cmp-car-detail-banner.half-imagetop .containersub {
    height: calc(100% - 24px - 96px);
  }
  .stickyFeatureMenu + .container .cmp-car-detail-banner.modal-hero-noBottom.half-imagetop .containersub {
    height: calc(100% - 24px);
  }
}
html.tablet.portrait .cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .containersub,
html.tablet.portrait .cmp-car-detail-banner .content-section.content-bottom-center .content-container .containersub,
html.tablet.portrait .cmp-car-detail-banner .content-section.content-center .content-container .containersub,
html.tablet.portrait .cmp-car-detail-banner .content-section.content-top-center .content-container .containersub {
  left: 25%;
}

@media only screen and (max-width: 1023px) {
  .stickyFeatureMenu + .container .cmp-car-detail-banner {
    padding-bottom: 124px;
  }
}
html.tablet.portrait .cmp-car-detail-banner .content-section.has-action-items.content-top-right .content-container .containersub,
html.tablet.portrait .cmp-car-detail-banner .content-section.content-bottom-center .content-container .containersub,
html.tablet.portrait .cmp-car-detail-banner .content-section.content-center .content-container .containersub,
html.tablet.portrait .cmp-car-detail-banner .content-section.content-top-center .content-container .containersub {
  left: 25%;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions :nth-child(2) .bottom-btn {
  left: initial;
}

.cmp-hero-billboard {
  font-family: "audi-wide", "audi-zh-regular";
  position: relative;
}

.cmp-hero-billboard .mask-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(25.01%, rgba(0, 0, 0, 0)), color-stop(50.01%, rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25.01%, rgba(0, 0, 0, 0) 50.01%, #000000 100%);
}

.cmp-hero-billboard .cmp-hero-billboard__container {
  width: 100%;
  margin-bottom: 0 !important;
}

.cmp-hero-billboard .cmp-hero-billboard__container .slick-dots {
  bottom: 5%;
}

.cmp-hero-billboard .cmp-hero-billboard__container .slick-slide img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser {
  position: relative;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container {
  position: absolute;
  color: #ffffff;
  width: 100%;
  height: 100%;
  padding-top: 120px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .txt-section {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 0px 20px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .txt-section {
  color: #ffffff;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-black .content-container .content .txt-section {
  color: #000000;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .title {
  font-family: "audi-wide-bold", "audi-zh-bold";
  font-size: 36px;
  line-height: 48px;
  color: inherit;
  padding-bottom: 12px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .desc {
  font-size: 24px;
  line-height: 34px;
  font-family: "audi-wide-bold", "audi-zh-bold"; /*use the same style as image text link style*/
  font-weight: 500;
  padding-bottom: 12px;
  color: inherit;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-title {
  font-size: 16px;
  line-height: 24px;
  font-family: "audi-wide", "audi-zh-regular";
  font-weight: 400;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-title .text-desc {
  padding-bottom: 16px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-desc {
  font-size: 16px;
  line-height: 24px;
  font-family: "audi-wide", "audi-zh-regular";
  font-weight: 400;
  padding-bottom: 12px;
  text-align: center;
  color: inherit;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content-bottom-center .actions,
.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content-center .actions,
.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content-top-center .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions :nth-child(2) .bottom-btn {
  left: auto;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button {
  margin-bottom: 16px;
  width: 164px;
  height: 54px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-white-button {
  border: 1px solid #fff;
  background: #fff;
  color: #000;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-white-button:hover {
  border-color: #e5e5e5;
  background-color: #e5e5e5;
}

#modal-sample-heroBillboard.imgText-modal.popup-white .imgText-modal-dialog__body {
  background-color: #fff;
}

#modal-sample-heroBillboard.imgText-modal.popup-black .imgText-modal-dialog__body {
  background-color: #000;
}

#modal-sample-heroBillboard.imgText-modal.popup-black .imgText-modal-dialog__body .imageText--title,
#modal-sample-heroBillboard.imgText-modal.popup-black .imgText-modal-dialog__body .imageText--sub-title,
#modal-sample-heroBillboard.imgText-modal.popup-black .imgText-modal-dialog__body .imageText--description {
  color: #fff;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-black-button {
  color: #fff;
  border: 1px solid #000;
  background: #000;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-black-button:hover {
  border-color: #333333;
  background-color: #333333;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button span {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  font-family: "audi-wide", "audi-zh-regular";
  line-height: 2;
  text-align: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .icon.aui-button__text {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  padding-left: 25px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .full-width {
  left: 20px;
  right: 20px;
  width: calc(100% - 40px) !important;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .half-width {
  left: calc(50% - 164px - 4px);
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .bottom-btn {
  height: 44px;
  position: absolute;
  bottom: 132px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  bottom: 152px;
  width: 100%;
  position: absolute;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a {
  width: calc(100% - 40px);
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button {
  width: 166px;
  height: 44px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.mobile-white-button {
  border: 1px solid #fff;
  background: #fff;
  color: #000;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.mobile-black-button {
  color: #fff;
  border: 1px solid #000;
  background: #000;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button span {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 12px;
  font-family: "audi-wide", "audi-zh-regular";
  line-height: 1;
  text-align: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button .icon.aui-icon-test-drive-small:before {
  font-size: 19px;
  margin-right: 12px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button .icon.aui-icon-interior-configuration-small:before {
  font-size: 19px;
  margin-right: 12px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a .full-width {
  width: 100%;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a:first-of-type {
  margin-right: 8px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon :nth-child(1) {
  text-align: right;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .last {
  position: absolute;
  bottom: 148px;
  width: 100% !important;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .last button {
  min-width: 335px !important;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
  height: 100%;
  margin-bottom: 132px;
  padding-bottom: 16px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button {
  width: 50%;
  height: 44px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button .icon {
  display: none;
  margin-right: 15px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button span {
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button:first-of-type {
  margin-right: 8px;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .video-player {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-video.content-container {
  padding-top: 0px !important;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-video.content-container .content {
  padding-bottom: 0px;
  height: inherit;
  position: inherit;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.mobile-transparent-button, .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.mobile-black-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .actions .aui-button.mobile-transparent-button, .cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .actions .aui-button.mobile-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-transparent-button, .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-black-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
  }
  #modal-sample-heroBillboard.imgText-modal.popup-white .imgText-modal-dialog__body button.mobile-transparent-button, #modal-sample-heroBillboard.imgText-modal.popup-white .imgText-modal-dialog__body button.mobile-black-transparent-button {
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
  }
  #modal-sample-heroBillboard.imgText-modal.popup-black .imgText-modal-dialog__body button.mobile-transparent-button, #modal-sample-heroBillboard.imgText-modal.popup-black .imgText-modal-dialog__body button.mobile-black-transparent-button {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser {
    position: relative;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container {
    position: absolute;
    color: #ffffff;
    width: 100%;
    height: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon {
    left: 0;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .txt-section {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 0px 20px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .last {
    position: absolute;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .last button {
    width: 335px !important;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
    height: 100%;
    margin-bottom: 132px;
    padding-bottom: 16px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom span {
    font-size: 12px;
    line-height: 1.67;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button {
    width: 164px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button .icon {
    display: none;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .full-span {
    width: 335px;
    height: 44px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button:first-of-type {
    margin-right: 8px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .video-player {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content {
    padding-left: 76px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content {
    padding-left: 56px;
  }
}
@media only screen and (min-width: 769px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser {
    position: relative;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container {
    position: absolute;
    color: #ffffff;
    width: 100%;
    height: 100%;
    padding-top: 144px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    padding: 0px 88px 73px 96px;
  }
  .left-sideNav .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content {
    padding: 0px 88px 73px 140px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .txt-section {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 0px 0px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button {
    width: 200px !important;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    z-index: 1;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
    z-index: 1;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-black-transparent-button:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button span {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    font-size: 15px;
    font-family: "audi-wide", "audi-zh-regular";
    line-height: 2;
    text-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions a {
    margin-right: 10px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions a:last-child {
    margin-right: 0;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .bottom-btn {
    height: 52px;
    position: static;
    bottom: 132px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .button3-3 {
    width: 152px;
    height: 44px;
    position: absolute;
    right: 90px;
    top: calc(50% - 22px);
    margin-right: 0px;
    margin-bottom: 16px;
    bottom: auto;
    left: initial;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 152px;
    position: absolute;
    right: 90px;
    top: 55%;
    /* transform: translateY(-50%); */
    margin-right: 0px;
    margin-bottom: 16px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon .full-width {
    width: 152px !important;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a .icon {
    display: inline-block;
    font-size: 21px;
    height: 19px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a .aui-button__text {
    font-size: 12px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button:first-of-type {
    margin-bottom: 16px;
    margin-right: 0;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button {
    width: 168px;
    height: 44px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.desktop-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.desktop-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button span {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    font-size: 15px;
    font-family: "audi-wide", "audi-zh-regular";
    line-height: 1;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a .full-width {
    width: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .last {
    position: unset;
    width: 200px !important;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom {
    font-family: "audi-wide", "audi-zh-regular";
    position: absolute;
    display: none;
    right: 80px;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin: 0px;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    bottom: 38vh;
    padding-right: 9px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button {
    width: 152px;
    height: 44px;
    padding: 20px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button .icon {
    display: inline-block;
    font-size: 21px;
    height: 19px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button .aui-button__text {
    font-size: 12px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom .aui-button:first-of-type {
    margin-right: 0px;
    margin-bottom: 16px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .bottom span {
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .video-player {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-left .actions {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-left .txt-section {
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-right .actions,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right .actions,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .actions {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    width: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-right .txt-section {
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-left {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-left .txt-section {
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .txt-section {
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right .txt-section {
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .txt-section {
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-left {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-left .txt-section {
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .txt-section {
    -ms-flex-align: end;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .actions-with-icon {
    left: 90px;
    right: auto;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-video.content-container {
    bottom: 0px;
  }
  /* align texts to center when it is in center style */
  /* center */
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .sub-desc {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .title {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .sub-title {
    text-align: center;
  }
  /* top center */
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .sub-desc {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .title {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .sub-title {
    text-align: center;
  }
  /* bottom center */
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .sub-desc {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .title {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .sub-title {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .sub-title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-right .title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-right .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-right .sub-title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right .title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right .sub-title {
    text-align: right;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .sub-title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-center .sub-title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .sub-title {
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-left .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-bottom-left .sub-title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-left .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-left .sub-title,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-left .desc,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-left .sub-title {
    text-align: left;
  }
}
@media (min-width: 821px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.desktop-white-button:hover {
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.desktop-transparent-button:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    color: #fff;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.desktop-black-transparent-button:hover {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #000;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button.desktop-black-button:hover {
    background: #4c4c4c;
    border: 1px solid rgba(190, 190, 190, 0.2);
    color: #fff;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-white-button:hover {
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-transparent-button:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #ffffff;
    color: #fff;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.desktop-black-button:hover {
    background: #4c4c4c;
    border: 1px solid rgba(190, 190, 190, 0.2);
    color: #fff;
  }
}
@media only screen and (max-width: 1025px) {
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .cmp-hero-billboard .cmp-hero-billboard__container .slick-dots {
    bottom: 14%;
  }
}
.cmp-hero-billboard .fade-in {
  opacity: 0 !important;
  -webkit-transition: opacity !important;
  transition: opacity !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-hero-billboard .fade-in-img {
  overflow: hidden;
}

.cmp-hero-billboard .fade-in-img img {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
  -webkit-transition: -webkit-transform !important;
  transition: -webkit-transform !important;
  transition: transform !important;
  transition: transform, -webkit-transform !important;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transition-duration: 0.8s !important;
          transition-duration: 0.8s !important;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
          transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1) !important;
}

.cmp-hero-billboard .fade-in.is-shown {
  opacity: 1 !important;
}

.cmp-hero-billboard .fade-in-img.is-shown img {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  z-index: 1;
}

.cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container {
  z-index: 2;
}

.cmp-hero-billboard,
.cmp-hero-billboard .cmp-hero-billboard__container,
.cmp-hero-billboard .cmp-hero-billboard__container .slick-list,
.cmp-hero-billboard .cmp-hero-billboard__container .slick-list .slick-track,
.cmp-hero-billboard .cmp-hero-billboard__container .slick-list .slick-track .slick-slide,
.cmp-hero-billboard .cmp-hero-billboard__container .slick-list .slick-track .slick-slide .teaser,
.cmp-hero-billboard .cmp-hero-billboard__container .teaser picture,
.cmp-hero-billboard .cmp-hero-billboard__container .teaser picture img {
  height: 100%;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .heroBillboard--content-readMore {
    display: none !important;
  }
  .cmp-hero-billboard.full-width .cmp-hero-billboard__container .teaser .content-container .content .heroBillboard--content-readMore {
    display: none;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .txt-section.desktop-white {
    color: #ffffff;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .txt-section.desktop-black {
    color: #000000;
  }
}
@media (max-width: 1024px) {
  .section {
    height: 100vh;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .aui-button {
    position: static;
    padding: 14px 16px;
    min-width: 164px;
    margin: auto;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .aui-button {
    margin: unset;
    width: 100%;
    margin-bottom: 4px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .full-width,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .full-width,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.full-width,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .aui-button.full-width {
    width: 100% !important;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button .aui-button__text::before,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .aui-button .aui-button__text::before {
    padding-right: 5px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .icon.aui-button__text,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .icon.aui-button__text {
    padding-left: unset;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: static;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a:first-of-type,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon a:first-of-type {
    margin-right: unset;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon :nth-child(1),
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon :nth-child(1) {
    text-align: unset;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon a {
    width: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon a button {
    padding: 14px 16px;
    min-width: 164px;
    margin: auto;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button .icon.aui-icon-test-drive-small:before,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon a button .icon.aui-icon-test-drive-small:before,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions-with-icon a button .icon.aui-icon-interior-configuration-small:before,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions-with-icon a button .icon.aui-icon-interior-configuration-small:before {
    margin-right: 5px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .actions .bottom-btn,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .bottom-btn {
    position: static;
    bottom: unset;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-title {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section .title,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .imageText--title {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 4px;
    margin-bottom: 0;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section .sub-title .text-desc,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .imageText--sub-title {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section .description,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .imageText--description {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 16px;
    margin-bottom: 0;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container {
    padding-top: 0;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser picture {
    width: 100%;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser picture img {
    width: 100%;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-black {
    background-color: #000;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-black .content-container .content .txt-section {
    color: white;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-white {
    background-color: #fff;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .txt-section {
    color: #000;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .heroBillboard--content-readMore {
    width: 100%;
  }
  .cmp-hero-billboard.full-width .cmp-hero-billboard__container .teaser .content-container .content .heroBillboard--content-readMore {
    display: none;
  }
  .cmp-hero-billboard .heroBillboard--content-readMore {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: 30px;
    border: 0;
    bottom: 0px;
    max-height: 50px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-black .content-container .content .heroBillboard--content-readMore {
    color: #fff;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #000), color-stop(3.5%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0, #000 50%, #000 3.5%, rgba(0, 0, 0, 0) 100%);
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .heroBillboard--content-readMore {
    color: #000;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(50%, #fff), color-stop(3.5%, #fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(0, #fff 50%, #fff 3.5%, rgba(255, 255, 255, 0) 100%);
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-black .content-container .content .actions .aui-button.mobile-transparent-button {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    z-index: 1;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-black .content-container .content .actions .aui-button.mobile-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
    z-index: 1;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .actions .aui-button.mobile-transparent-button {
    border: 1px solid #FFF;
    background: transparent;
    color: #FFF;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .actions .aui-button.mobile-black-transparent-button {
    border: 1px solid #000;
    background: transparent;
    color: #000;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-black .content-container .content .heroBillboard--content-readMore .aui-button__icon .black-arrow {
    display: none;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser.mobile-white .content-container .content .heroBillboard--content-readMore .aui-button__icon .white-arrow {
    display: none;
  }
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-body button.mobile-black-button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
    width: 100%;
  }
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-body button.mobile-black-button:hover {
    border-color: #333333;
    background-color: #333333;
    background-color: #000;
  }
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-body button.mobile-white-button {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
  }
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-body button.mobile-white-button:hover {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .cmp-hero-billboard.full-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section .heroBillboard--content-readMore {
    display: none;
  }
}
@media screen and (max-width: 1024px) and (min-width: 787px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-right .sub-title {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .title {
    line-height: 40px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser picture img,
  #modal-sample-heroBillboard.imgText-modal .imgText--modal-image picture img {
    height: 733px !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cmp-hero-billboard.half-width .mask-layer,
  #modal-sample-heroBillboard.imgText-modal .imgText--modal-image picture .mask-layer {
    height: 733px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content {
    padding-top: 765px;
    padding-left: 56px;
    padding-right: 56px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    position: relative;
  }
  .cmp-hero-billboard.half-width {
    padding: 0;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .actions,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .actions,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-top-center .actions-with-icon,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center .actions-with-icon {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .actions,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-right .actions-with-icon {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-left .actions,
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content.content-center-left .actions-with-icon {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 786px) {
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .actions .aui-button,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .actions .aui-button {
    margin-bottom: 4px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .actions a {
    width: 100%;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .txt-section {
    padding-left: 40px;
    padding-right: 40px;
  }
  .cmp-hero-billboard.full-width .cmp-hero-billboard__container .teaser picture {
    height: 100vh;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .title {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 12px;
    text-align: center;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section .title,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body .imageText--title {
    text-align: left;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .desc {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 12px;
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-title {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-title .text-desc {
    padding-bottom: 16px;
  }
  .cmp-hero-billboard .cmp-hero-billboard__container .teaser .content-container .content .sub-desc {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 12px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser picture img,
  #modal-sample-heroBillboard.imgText-modal .imgText--modal-image picture img {
    height: 375px !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cmp-hero-billboard.half-width .mask-layer,
  #modal-sample-heroBillboard.imgText-modal .imgText--modal-image picture .mask-layer {
    height: 375px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content {
    padding-top: 391px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: left !important;
        -ms-flex-align: left !important;
            align-items: left !important;
    text-align: left !important;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    position: relative;
  }
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .sub-title,
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .sub-title .text-desc,
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .desc,
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .sub-desc,
  .cmp-hero-billboard.half-width .cmp-hero-billboard__container .teaser .content-container .content .txt-section .title,
  #modal-sample-heroBillboard.imgText-modal .imgText-modal-dialog__body {
    text-align: left !important;
  }
}
/*fit iphone xs xr */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .cmp-hero-billboard .cmp-hero-billboard__container .slick-dots {
    bottom: 20%;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .modeldetailpage.fp-enabled .stickyFeatureMenu + .container .cmp-container .cmp-hero-billboard .cmp-hero-billboard__container .slick-dots {
    bottom: 20%;
  }
}
/*fit iphone xs xr */