@font-face {
    font-family: 'KKPD';
    src: url("/site/templates/fonts/kkpd.otf") format("opentype");
}

/* @font-face {
  font-family: 'Audi Type';
  src: url('/site/templates/fonts/AudiTypeScreen-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Audi Type';
  src: url('/site/templates/fonts/AudiTypeScreen-Bold.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

*/

a small {
  opacity: 1 !important;
}

.pre-header__custom {
  position: fixed;

  width: 100%;

  z-index: 14;

  transition: all 1000ms ease;
}

.f-header__custom {
  position: fixed !important;
  top: 100px;
}

.f-header__color {
  background: transparent !important;

  box-shadow: none;
}

.move-header {
  transform: translateY(-60%) !important;
}

.hidden {
  transform: translateY(-100%);
}

.f-header__item{
  margin-right: var(--space-md);
}
.custom-f-header__item{
  border-bottom: none;
}
.tabs-nav-v2__item{
  padding: var(--space-xs) var(--space-xs);
}
:root{
  --mega-nav-height: 70px;
}
[data-theme]{
  color: var(--color-contrast-higher) !important;
}
.carousel-v2{
  --carousel-item-auto-size: 280px;
  --carousel-grid-gap: var(--space-sm);
}
.carousel__control:hover{
  background-color: var(--color-primary-dark);
}
.carousel__control{
  cursor: pointer;
  background-color: var(--color-primary);
  color: white;
}
.mega-nav__container{
  height: 70px;
}
.pre-header{
  background-color: white;
  color: var(--color-black);
}
video{
  width: auto;
  height: auto;
}
.arrow
{
  position: absolute;
  bottom: 2rem;
  right: 50%;
  transform: translate(0, -50%);
  width: 28px;
  height: 28px;

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
  background-size: contain;
}
:focus-visible{
  outline: none;
}
.bounce {
  animation: bounce 2s infinite;
}
.pre-header{
  display: flex;
  align-items: center;
  height: 40px;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(30px);
  }
  60% {
    transform: translateY(15px);
  }
}



:root{
    --f-header-height: 70px;
	--app-ui-static-sidebar-width: 200px;
	--app-ui-header-height: 0px;
	--testimonial-slideshow-profile-img-size: 110px;
    --radius-xl: calc(var(--radius, 0.375em)*4);
}
.f-header__logo{
    width: auto;
}
.feature-v9__block{
  min-height: 300px;
  padding: var(--space-xxxl) var(--space-md) var(--space-sm) var(--space-md);
}
.feature-v9__block::before{
  height: 100%;
  background: linear-gradient(hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1));
}
.video-card__preview{
  border-radius: var(--radius-xl);
}
.video-card__preview{
  aspect-ratio: unset;
}
.tabs-nav-v2{
  justify-content: center;
  border-bottom: 0;
}
.tabs-nav-v2__item{
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 5px solid transparent;
  background-color: transparent;
}
.tabs-nav-v2__item--selected:hover, .tabs-nav-v2__item[aria-selected=true]:hover{
  background-color: transparent;
}
.tabs-nav-v2__item--selected, .tabs-nav-v2__item[aria-selected=true]{
  color: var(--color-black);
  border-bottom: 5px solid var(--color-primary);
  border-color: var(--color-primary);
  font-weight: bold;
  background-color: transparent;
}
.prod-color-feature .color-swatches{
  top: 10%;
  left: 0;
  display: flex;
  justify-content: center;
}
.color-swatches__list{
  display: flex;
}
.prod-card-v2__badge{
  background: var(--color-white);
  color: var(--color-primary);
  border-radius: var(--radius-xl);
}
.card-v5__btn{
  background-color: var(--color-primary);
  color: var(--color-white);
}
.card-v5__btn:hover{
  background-color: var(--color-primary-darker);
}
.color-swatches__item--selected .color-swatches__swatch::before{
  border-color: var(--color-primary);
}
.card-v9--overlay-bg::before{
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.4);
}
.card-v9--overlay-bg:hover::before{
  background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
}
.modal__close-btn--outer{
  background-color: var(--color-primary);
  cursor: pointer;
}
.modal__close-btn--outer:hover{
  background-color: var(--color-primary-dark);
}
.card-v9__btn::after{
  background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 1);
  border-radius: var(--btn-radius, 0.25em);
}
.field-custom{
  transition: ease 0.3s;
}
.field-custom:hover{
  transform: scale(1.02);
}
.slideshow__navigation{
  left: 5%;
  bottom: 5%;
  justify-content: start;
}
.slideshow__nav-item button{
  color: white;
}
.footer-v2__socials a{
  transition: ease 0.2s;
}
.footer-v2__print a{
  transition: ease 0.2s;
}
.mega-nav__card-title{
  font-weight: bold;
  text-align: center;
}
.mega-nav__sub-item{
  text-align: start;
  display: flex;
  align-items: center;
}
.mega-nav--desktop .mega-nav__sub-nav, .mega-nav--desktop .mega-nav__search-inner{
  padding: var(--space-lg) 0;
}
.mega-nav--desktop .mega-nav__sub-nav--layout-4 .mega-nav__sub-link{
  font-size: var(--text-md);
}
.mega-nav--mobile .mega-nav__sub-nav-wrapper{
  padding: 0 0 var(--space-lg) 0;
}
.custom-menu-icon{
    content: "";
    margin-right: 10px;
    display: block;
    width: 6px;
    height: 6px;
    position: relative;
    background-color: rgb(75, 168, 46);
}
.mega-nav__item-custom-link{
  border-bottom: none !important;
}
.footer-v5__link{
  color: var(--color-contrast-higher);
  transition: 0.2s;
}
.footer-v2__print{
  color: var(--color-contrast-higher);
}
.footer-v2__socials a{
  color: var(--color-primary);
}
.back-to-top{
  background-color: var(--color-primary);
  left: var(--space-xs);
  bottom: 3%;
  right: auto;
  --size: 55px;
}
.mega-nav--desktop .mega-nav__control::after{
  background-color: var(--color-primary);
}
.slideshow__nav-item button{
  opacity: 1;
  transform: scale(0.5);
}
.slideshow__nav-item--selected button{
  transform: scale(1.5);
}
td{
    border: solid 1px #cdcdcd;
}
.tbl__body .tbl__row:hover {
  background-color: transparent;
}
.modal--is-loading .modal__content{
  visibility: visible;
}
.modal--is-loading .modal__loader{
  display: none;
}
.video-card__play-btn::before{
  background-color: var(--color-primary);
}
.subnav__link{
  padding: 0.7em 1.5625em;
  margin: 1em 0;
  color: var(--color-white);
  font-weight: bold;
}
.subnav__link[aria-current=page]{

    color: var(--color-white);
    border-bottom: 2px solid var(--color-white);
}
.carousel-v2__control{
  background-color: var(--color-primary);
  opacity: 1;
  border-radius: 0%;
  --size: 45px;
  margin: 0 var(--space-xxxs);
}
.carousel-v2__control:hover{
  background-color: var(--color-primary-dark);
  opacity: 1;
}
.back-to-top:hover{
  background-color: var(--color-primary-dark);
  opacity: 1;
}
.mega-nav--desktop .mega-nav__logo{
  margin-right: var(--space-xs);
}
.v-timeline__date-value{
    font-size: var(--text-md);
    font-weight: bold;
  }
.custom-card-hover{
  transition: 0.5s;
}
.custom-card-hover:hover{
  transform: scale(1.03);
}
.dow-list__item{
  border-radius: var(--radius-xl);
  background: var(--color-bg-dark);
}
.mega-nav__logo{
  width: 65px;
  height: auto;
  display: flex;
  align-items: center;

}
.mega-nav__logo > img{
  width: 65px;
  height: auto;
}
.mega-nav--desktop .mega-nav__control{
  font-size: 0.9em;
}
.slideshow__height-custom{
  height: calc(100vh - 109px);
}
.custom-height-footer-logo{
  height: 120px;
}
.f-header__link{
  padding: var(--space-sm) 0;
}


.modal--search {
  z-index: 99;
}

@media (min-width: 64rem){
    .f-header__link, .f-header__dropdown-control, .f-header__dropdown-link, .f-header__btn, .f-header__form-control{
        font-size: 1rem;
        font-weight: 900;
        color: var(--color-contrast-higher);
        transition: 0.2s;
    }

    .v-timeline__section--history {
      min-height:300px;
    }

    .v-timeline__item--history {
      height: 100%;
    }

    .v-timeline__image {
      position: absolute;
      top: 180px;
    }

    .v-timeline__section:nth-child(odd) .v-timeline__image {
      
      right: calc(-2*(var(--v-timeline-triangle-size) + var(--space-xxs)) - var(--v-timeline-marker-size));
      transform: translateX(100%) translateY(-50%);
    }

    .v-timeline__section:nth-child(even) .v-timeline__image {
      left: calc(-2*(var(--v-timeline-triangle-size) + var(--space-xxs)) - var(--v-timeline-marker-size));
      transform: translateX(-100%) translateY(-50%);
    }
}
@media (max-width: 1024px) {
  .anim-menu-btn__icon-color {
    color: #fff;
  }

  .f-header__custom {
    top: 0px;
  }

  .move-header {
    transform: translateY(0) !important;
  }

	.f-header__head{
	display: none;
	}
  .custom-height-footer-logo{
    height: 60px;
  }
  .slideshow__height-custom{
    height: 65vh;
  }
  .back-to-top{
    bottom: 8%;

    --size: 40px;
  }
  .mega-nav__sub-nav-custom{
    display: flex !important;
    gap: unset !important;
  }
  .mega-nav__logo{
    width: 65px;
    height: auto;
  }
  .mega-nav__logo > img{
    width: 65px;
    height: auto;
  }
  .map-custom{
    min-height: 350px;
  }
  .slideshow__navigation{
    display: none;
  }
  .pre-header-custom{
    display: none;
  }
  .advantages-custom{
    border-right: none !important;
    border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
  }
  .pre-header{
    display: none !important;
  }
}
.map-custom{
  height: 450px;
}
.accordion-v2__item{
  transition: 0.2s;
}
.thumbslide__nav-item--active::after{
  border-radius: var(--radius-xl);
}
.card-v3{
  background: var(--color-bg-darker);
}
.advantages-custom{
  border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o-base, 0.1));
}
.card-v5{
  background-color: var(--color-white);
}
.card-v8{
  transition: 0.2s;
}
.card-v8:hover{
  box-shadow: none;
  transform: scale(1.02);
}

.js-load-more-container {
  transition: opacity 0.3s ease;
}

.js-load-more:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .hide_content {
    display: none;
  }
}

.btn-padding-custom {
  padding-top: var(--space-xxxxs);
  padding-bottom: var(--space-xxxxs);
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}

.btn-subtle-custom {
  background: var(--color-contrast-medium);
  color: var(--color-white);
  border: 1px solid var(--color-contrast-medium);
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 600;
  outline: none;
}
.btn-subtle-custom:hover {
  background: var(--color-contrast-high);
  color: var(--color-white);
  border: 1px solid var(--color-contrast-high);
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  font-weight: 600;
  outline: none;
}

.tbl__cell-custom {
  padding: var(--space-xxxxs);
}

.pagination--split .pagination__list > *:last-child {
  margin-left: 0;
}

.pagination--split .pagination__list > *:first-child {
   margin-right: 0;
}

.btn--search {
  --btn-padding-y: var(--space-xxxs);
}

.tbl__row:nth-child(even) {
  background-color: #ececec;
}

.tbl__row:nth-child(odd) {
  background-color: var(--bg-white);
}
.fit-content {
  width: fit-content;
}

.promo-images .modal-img-btn::after {
  border-radius: var(--radius-xl);
}