@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.k-grid {
  display: grid;
}

@media (min-width: 1440px) {
  #eut_container > #contents {
    --k-top-offset: 112px;
  }
  #eut_container > .breadcrumb + #contents {
    --k-top-offset: 152px;
    /* height of main nav 80px + supplementary nav 32px + breadcrumbs 40px */
  }
  #container > #content {
    --k-top-offset: 192px;
    /* UK */
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  #eut_container > #contents {
    --k-top-offset: 60px;
  }
  #eut_container > .breadcrumb + #contents {
    --k-top-offset: 100px;
    /* height of main nav 60px + breadcrumbs 40px */
  }
  #container > #content {
    --k-top-offset: 50px;
    /* UK */
  }
}
@media (max-width: 767px) {
  #eut_container > #contents {
    --k-top-offset: 60px;
    /* height of main nav */
  }
  #container > #content {
    --k-top-offset: 60px;
    /* UK */
  }
}
@media (min-width: 1025px) {
  :root {
    --k-font-heading-1: normal normal 400 50px/60px kiam, Tahoma, sans-serif;
    --k-font-heading-2: normal normal 400 40px/48px kiam, Tahoma, sans-serif;
    --k-font-heading-3: normal normal 400 30px/38px kiam, Tahoma, sans-serif;
    --k-font-heading-4: normal normal 400 30px/38px kiab, Tahoma, sans-serif;
    --k-font-heading-5: normal normal 400 24px/30px kiam, Tahoma, sans-serif;
    --k-font-heading-6: normal normal 400 18px/23px kiab, Tahoma, sans-serif;
    --k-font-description-1: normal normal 400 18px/25px kiam, Tahoma, sans-serif;
    --k-font-description-2: normal normal 400 16px/22px kiam, Tahoma, sans-serif;
    --k-font-description-3: normal normal 400 14px/17px kiam, Tahoma, sans-serif;
    --k-font-description-4: normal normal 400 10px/17px kiam, Tahoma, sans-serif;
    --k-font-button: normal normal 400 16px/22px kiab, Tahoma, sans-serif;
    --k-font-button-small: normal normal 400 14px/20px kiab, Tahoma, sans-serif;
    --k-font-table-heading: normal normal 400 16px/20px kiab, Tahoma, sans-serif;
    --k-font-table-description: normal normal 400 16px/20px kiam, Tahoma, sans-serif;
    --k-nav-height: 49px;
    /* height of snb */
    --k-vertical-margin: 40px;
    --k-vertical-margin-small: 20px;
    --k-vertical-margin-56: 56px;
    --k-vertical-margin-20: 20px;
    --k-grid-margin: 80px;
    --k-grid-gutter: 40px;
    --k-grid-column: calc((100% - 160px - 440px) / 12);
  }
  .k-grid {
    grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13";
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    --k-font-heading-1: normal normal 400 40px/48px kiam, Tahoma, sans-serif;
    --k-font-heading-2: normal normal 400 30px/38px kiam, Tahoma, sans-serif;
    --k-font-heading-3: normal normal 400 24px/30px kiam, Tahoma, sans-serif;
    --k-font-heading-4: normal normal 400 24px/30px kiab, Tahoma, sans-serif;
    --k-font-heading-5: normal normal 400 20px/24px kiam, Tahoma, sans-serif;
    --k-font-heading-6: normal normal 400 18px/23px kiab, Tahoma, sans-serif;
    --k-font-description-1: normal normal 400 18px/25px kiam, Tahoma, sans-serif;
    --k-font-description-2: normal normal 400 16px/22px kiam, Tahoma, sans-serif;
    --k-font-description-3: normal normal 400 14px/17px kiam, Tahoma, sans-serif;
    --k-font-description-4: normal normal 400 10px/17px kiam, Tahoma, sans-serif;
    --k-font-button: normal normal 400 16px/22px kiab, Tahoma, sans-serif;
    --k-font-button-small: normal normal 400 14px/20px kiab, Tahoma, sans-serif;
    --k-font-table-heading: normal normal 400 16px/20px kiab, Tahoma, sans-serif;
    --k-font-table-description: normal normal 400 16px/20px kiam, Tahoma, sans-serif;
    --k-nav-height: 40px;
    --k-vertical-margin: 30px;
    --k-vertical-margin-small: 15px;
    --k-vertical-margin-56: 40px;
    --k-vertical-margin-20: 20px;
    --k-grid-margin: 30px;
    --k-grid-gutter: 20px;
    --k-grid-column: calc((100% - 60px - 220px) / 12);
  }
  .k-grid {
    grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13";
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  :root {
    --k-font-heading-1: normal normal 400 36px/42px kiam, Tahoma, sans-serif;
    --k-font-heading-2: normal normal 400 30px/38px kiam, Tahoma, sans-serif;
    --k-font-heading-3: normal normal 400 24px/30px kiam, Tahoma, sans-serif;
    --k-font-heading-4: normal normal 400 20px/30px kiab, Tahoma, sans-serif;
    --k-font-heading-5: normal normal 400 20px/24px kiam, Tahoma, sans-serif;
    --k-font-heading-6: normal normal 400 18px/23px kiab, Tahoma, sans-serif;
    --k-font-description-1: normal normal 400 18px/25px kiam, Tahoma, sans-serif;
    --k-font-description-2: normal normal 400 16px/22px kiam, Tahoma, sans-serif;
    --k-font-description-3: normal normal 400 14px/17px kiam, Tahoma, sans-serif;
    --k-font-description-4: normal normal 400 10px/17px kiam, Tahoma, sans-serif;
    --k-font-button: normal normal 400 20px/24px kiab, Tahoma, sans-serif;
    --k-font-button-small: normal normal 400 18px/23px kiab, Tahoma, sans-serif;
    --k-font-table-heading: normal normal 400 16px/20px kiab, Tahoma, sans-serif;
    --k-font-table-description: normal normal 400 16px/20px kiam, Tahoma, sans-serif;
    --k-nav-height: 40px;
    --k-vertical-margin: 30px;
    --k-vertical-margin-small: 15px;
    --k-vertical-margin-56: 36px;
    --k-vertical-margin-20: 18px;
    --k-grid-margin: 30px;
    --k-grid-gutter: 20px;
    --k-grid-column: calc((100% - 60px - 100px) / 6);
  }
  .k-grid {
    grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 c7";
  }
}
@media (max-width: 480px) {
  :root {
    --k-font-heading-1: normal normal 400 36px/42px kiam, Tahoma, sans-serif;
    --k-font-heading-2: normal normal 400 30px/38px kiam, Tahoma, sans-serif;
    --k-font-heading-3: normal normal 400 24px/30px kiam, Tahoma, sans-serif;
    --k-font-heading-4: normal normal 400 20px/30px kiab, Tahoma, sans-serif;
    --k-font-heading-5: normal normal 400 20px/24px kiam, Tahoma, sans-serif;
    --k-font-heading-6: normal normal 400 18px/23px kiab, Tahoma, sans-serif;
    --k-font-description-1: normal normal 400 18px/25px kiam, Tahoma, sans-serif;
    --k-font-description-2: normal normal 400 16px/22px kiam, Tahoma, sans-serif;
    --k-font-description-3: normal normal 400 14px/17px kiam, Tahoma, sans-serif;
    --k-font-description-4: normal normal 400 10px/17px kiam, Tahoma, sans-serif;
    --k-font-button: normal normal 400 16px/22px kiab, Tahoma, sans-serif;
    --k-font-button-small: normal normal 400 14px/20px kiab, Tahoma, sans-serif;
    --k-font-table-heading: normal normal 400 16px/20px kiab, Tahoma, sans-serif;
    --k-font-table-description: normal normal 400 16px/20px kiam, Tahoma, sans-serif;
    --k-nav-height: 40px;
    --k-vertical-margin: 15px;
    --k-vertical-margin-small: 5px;
    --k-vertical-margin-56: 36px;
    --k-vertical-margin-20: 18px;
    --k-grid-margin: 15px;
    --k-grid-gutter: 20px;
    --k-grid-column: calc((100% - 30px - 100px) / 6);
  }
  .k-grid {
    grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 c7";
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* UK */
  #container > #content {
    --k-nav-height: 49px;
  }
}
@media (min-width: 1025px) {
  .parsys > .section .inner,
  .parsys > .section .eut_newcar_m10_inner,
  .parsys > .section .eut_specification,
  .parsys > .section .eut_sub_title,
  .parsys > .section.k-slider,
  .pipContents > .section.k-slider,
  .pipContents > .section.ukBaseComponent,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    grid-template-columns: 80px repeat(11, 1fr 40px) 1fr 80px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13";
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .parsys > .section .inner,
  .parsys > .section .eut_newcar_m10_inner,
  .parsys > .section .eut_specification,
  .parsys > .section .eut_sub_title,
  .parsys > .section.k-slider,
  .pipContents > .section.k-slider,
  .pipContents > .section.ukBaseComponent,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent,
  .k-grid {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    grid-template-columns: 30px repeat(11, 1fr 20px) 1fr 30px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 . c7 . c8 . c9 . c10 . c11 . c12 c13";
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .parsys > .section .inner,
  .parsys > .section .eut_newcar_m10_inner,
  .parsys > .section .eut_specification,
  .parsys > .section .eut_sub_title,
  .parsys > .section.k-slider,
  .pipContents > .section.k-slider,
  .pipContents > .section.ukBaseComponent,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    grid-template-columns: 30px repeat(5, 1fr 20px) 1fr 30px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 c7";
  }
}
@media (max-width: 480px) {
  .parsys > .section .inner,
  .parsys > .section .eut_newcar_m10_inner,
  .parsys > .section .eut_specification,
  .parsys > .section .eut_sub_title,
  .parsys > .section.k-slider,
  .pipContents > .section.k-slider,
  .pipContents > .section.ukBaseComponent,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    grid-template-columns: 15px repeat(5, 1fr 20px) 1fr 15px;
    grid-template-areas: "c0 c1 . c2 . c3 . c4 . c5 . c6 c7";
  }
}
.parsys > .section .inner,
.parsys > .section .eut_newcar_m10_inner,
.parsys > .section .eut_specification,
.parsys > .section .eut_sub_title,
.pipContents > .section.k-slider,
.pipContents > .section.ukBaseComponent,
.pipContents > .UK_Common_CONBOX.ukBaseComponent,
.parsys > .section.k-slider {
  /* width: 100vw !important; */
  max-width: 1920px;
  position: relative;
}

.parsys > .section .inner,
.parsys > .section .eut_newcar_m10_inner,
.parsys > .section .eut_specification,
.pipContents > .section.ukBaseComponent,
.pipContents > .UK_Common_CONBOX.ukBaseComponent,
.parsys > .section .eut_sub_title {
  display: grid;
  width: auto !important;
}

.parsys > .section.k-slider {
  display: block !important;
  overflow: hidden;
}

.parsys > .section .eut_newcar_m10 {
  padding: 0;
}

/*
.parsys > .section.k-slider {
    width: 100vw !important;

position:relative;
}*/
@media screen and (max-width: 767px) {
  .pipContents > .section.k-slider > *,
  .pipContents > .section.ukBaseComponent > *,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent > *,
  .parsys > .section .inner > *,
  .parsys > .section .eut_newcar_m10_inner > *,
  .parsys > .section .eut_sub_title > *,
  .parsys > .section.k-slider > * {
    grid-area: 1/c1/span 1/c6;
  }
  .parsys > .section .eut_specification > * {
    grid-area: 1/c0/span 1/c7;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pipContents > .section.k-slider > *,
  .pipContents > .section.ukBaseComponent > *,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent > *,
  .parsys > .section .inner > *,
  .parsys > .section .eut_newcar_m10_inner > *,
  .parsys > .section .eut_sub_title > *,
  .parsys > .section.k-slider > * {
    grid-area: 1/c1/span 1/c12;
  }
  .parsys > .section .eut_specification > * {
    grid-area: 1/c0/span 1/c7;
  }
}
@media screen and (min-width: 1024px) {
  .pipContents > .section.k-slider > *,
  .pipContents > .section.ukBaseComponent > *,
  .pipContents > .UK_Common_CONBOX.ukBaseComponent > *,
  .parsys > .section .inner > *,
  .parsys > .section .eut_newcar_m10_inner > *,
  .parsys > .section .eut_sub_title > *,
  .parsys > .section.k-slider > * {
    grid-area: 1/c3/span 1/c11;
  }
  .parsys > .section .eut_specification > * {
    grid-area: 1/c3/span 1/c13;
  }
  .parsys > .section.k-slider > * {
    grid-area: 1/c0/span 1/c13;
    /*padding-left: calc(var(--k-grid-gutter) + var(--k-grid-column));*/
  }
}
.eut_tb1_title {
  display: none;
}

.pip.parsys > :first-child {
  margin-top: 50px;
}

/* remove model selection dropdown */
.eut_tb1 .eut_tb1_content table.select_box tbody td,
.eut_tb1 .eut_tb1_content table.select_box thead th {
  display: table-cell;
}
.eut_tb1 .eut_tb1_content table.select_box thead th.select {
  display: none;
}
.eut_tb1 .eut_tb1_content table.select_box tbody td.display_none:not(.select) {
  display: table-cell !important;
}

/* show all tables */
.aem-AuthorLayer-Edit .eutTb1.common.section {
  display: block !important;
}

.eut_tb1 .eut_tb1_content {
  height: auto;
  overflow: visible;
}
.eut_tb1 .eut_tb1_content th {
  font: var(--k-font-table-heading) !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.eut_tb1 .eut_tb1_content td > * {
  font: var(--k-font-table-description) !important;
  color: #05141F !important;
}

.eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] .eut_tb_layer {
  display: none;
  /* tooltips are obsolete since category is always visible */
}

.eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] svg {
  display: block;
}

.eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] .display_none {
  display: block !important;
  /* show all contents all the time */
}

@media screen and (max-width: 767px) {
  .eut_tb1 {
    --minColumnWidth: 120px;
  }
  .eut_tb1 .eut_tb1_content {
    overflow-x: auto !important;
    container: eut_tb1_content/inline-size;
    display: flex;
    border: 0 !important;
  }
  .eut_tb1 .eut_tb1_content table.select_box {
    flex-shrink: 0;
    min-width: calc(var(--tableColumns) * var(--minColumnWidth));
    display: inline-grid;
    width: 100%;
  }
  .eut_tb1 .eut_tb1_content table.select_box tr {
    display: grid;
    grid-template-columns: repeat(var(--tableColumns), minmax(var(--minColumnWidth), 1fr));
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th.category,
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category {
    grid-area: 1/1/span 1/-1;
    padding: 0 !important;
    border: 0 !important;
    z-index: 1;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th.category > *,
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category > * {
    position: sticky;
    left: 0;
    display: block;
    width: 100cqi;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] {
    padding: 0;
    border: 0;
    grid-area: 2/auto/span 1/span 1;
    z-index: -1;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] > * {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] .layer_area {
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option]:nth-child(even) > * {
    background-color: #F5F5F5;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th:nth-child(even) {
    background-color: #F5F5F5;
    border: 0;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th:nth-child(odd) {
    background-color: #FFF;
    border: 0;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody {
    border-top: 1px solid #05141F;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] {
    border-top: 1px solid #C7C8CA;
    border-bottom: 1px solid #C7C8CA;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead {
    grid-area: 1/1/span 1/span 1;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody {
    grid-area: 2/1/span 1/span 1;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box:before {
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(3 * var(--k-grid-margin));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to right, white, transparent);
    opacity: calc(1 - (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)));
    z-index: 1;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box:after {
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(3 * var(--k-grid-margin));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to left, white, transparent);
    opacity: calc(1 - var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor));
    z-index: 1;
    transform: translateX(calc(100cqi - 3 * var(--k-grid-margin)));
  }
}
@media screen and (min-width: 768px) {
  .eut_tb1 {
    --minColumnWidth: 145px;
  }
  .eut_tb1 .eut_tb1_content {
    overflow-x: auto !important;
    container: eut_tb1_content/inline-size;
    display: flex;
    border: 0 !important;
  }
  .eut_tb1 .eut_tb1_content table.select_box {
    flex-shrink: 0;
    width: calc(var(--tableColumns) * var(--minColumnWidth) + 2 * var(--minColumnWidth));
    display: inline-grid;
    min-width: 100%;
    /*min-width: 1000px; /*testing*/
  }
  .eut_tb1 .eut_tb1_content table.select_box tr {
    position: relative;
    display: grid;
    grid-template-columns: minmax(calc(2 * var(--minColumnWidth)), 1fr) repeat(var(--tableColumns), minmax(var(--minColumnWidth), 1fr));
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th.category,
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category {
    grid-area: 1/auto/span 1/span 1;
    padding: 0 !important;
    z-index: -1;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] {
    padding: 0;
    grid-area: 1/auto/span 1/span 1;
    z-index: -1;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option]:nth-child(even) > * {
    background-color: #F5F5F5;
    height: 100%;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] .layer_area {
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category .layer_area {
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th:nth-child(even) {
    background-color: #F5F5F5;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th:nth-child(odd) {
    background-color: #FFF;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead {
    grid-area: 1/1/span 1/span 1;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody {
    grid-area: 2/1/span 1/span 1;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody {
    /* border-top: 1px solid #05141F;*/
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th {
    border: 0;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category,
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] {
    border: 0;
    /*border-bottom: 1px solid #C7C8CA;*/
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category > *,
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] > * {
    height: 100%;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] > * {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td.category > * {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody tr:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 1px solid #C7C8CA !important;
    z-index: 1;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead tr:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 1px solid #05141F !important;
    z-index: 1;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box {
    cursor: grab;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box tbody td.category {
    width: calc(var(--tableColumns) * var(--minColumnWidth) + 2 * var(--minColumnWidth));
    z-index: 1;
    background-color: transparent;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box thead th.category,
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box tbody td.category > * {
    position: sticky;
    left: 0;
    display: inline-block;
    width: calc(2 * var(--minColumnWidth));
    background-color: #FFF;
    z-index: 1;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box:before {
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(2 * var(--k-grid-margin) + 2 * var(--minColumnWidth));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to right, white calc(2 * var(--minColumnWidth)), transparent);
    opacity: calc(1 - (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)));
    z-index: 1;
    pointer-events: none;
  }
  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box:after {
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(2 * var(--k-grid-margin));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to left, white, transparent);
    opacity: calc(1 - var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor));
    z-index: 1;
    transform: translateX(calc(100cqi - 2 * var(--k-grid-margin)));
    pointer-events: none;
  }
}
/* non-feature  begin */
/* engine selection part on top */
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) {
  display: grid;
  grid-template-columns: repeat(var(--tableColumns), minmax(var(--minColumnWidth), 1fr));
  padding: 0 !important;
  grid-area: auto/1/span 1/-1;
  background: transparent;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > div {
  display: table-cell !important;
  grid-area: 1/auto/span 1/span 1;
  padding: 8px 0 8px 0;
  text-align: center;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > div:nth-child(odd) {
  background-color: #F5F5F5;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > span {
  display: table-cell !important;
  grid-area: 1/auto/span 1/span 1;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > span:nth-child(odd) {
  background-color: #F5F5F5;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > span ul {
  background: transparent;
  z-index: 0;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) * {
  padding: 0;
  width: var(--minColumnWidth);
  min-width: 100%;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) li {
  border-top: 1px solid #C7C8CA;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) li:first-child {
  border-top: 1px solid #05141F;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) li:nth-last-child(1) {
  border-bottom: 1px solid #C7C8CA;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) a {
  white-space: break-spaces;
  font: var(--k-font-table-description);
  text-align: center;
  height: auto;
  background: transparent;
  padding: 8px 0 8px 0;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) a:before {
  content: "";
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M4.5 9l3-3-3-3' stroke='%2305141F' stroke-width='1.5' stroke-linecap='square'/%3e%3c/svg%3e") no-repeat center center;
  width: 16px;
  height: 12px;
  display: inline-block;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) a:hover {
  font-family: kiab;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) a:hover:before {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M4.5 9l3-3-3-3' stroke='%2305141F' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e") no-repeat center center;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > span:not(.display_none) .k-active {
  background-color: #05141F !important;
  color: white !important;
  font-family: kiab, sans-serif;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) > span:not(.display_none) .k-active:before {
  content: "";
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M4.5 9l3-3-3-3' stroke='%23fff' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e") no-repeat center center;
  width: 16px;
  height: 12px;
  display: inline-block;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) .selected-headline {
  display: none !important;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) .select-list {
  display: block !important;
  height: auto !important;
  position: relative !important;
  top: 0 !important;
  border: 0;
}
.eut_tb1 .eut_tb1_content table.select_box tr > th:not(.category):not(.category ~ *) .select-list-selected {
  text-decoration: none !important;
}

/* selected engine bottom part */
.eut_tb1:not(.k-active) .emission-data {
  display: none;
}

.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) {
  display: block;
  width: 100cqi;
  position: sticky;
  left: 0;
  z-index: 1;
  margin-top: 23px;
  border-top: 0 !important;
}
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) [trimname] > * {
  grid-area: 1/auto/span 1/span 1 !important;
}
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td {
  border-top: 0 !important;
}

.eut_tb1_content:not(.tb1_user_input) table:not(.k-active) tbody:not([tabletype=feature]):not([tabletype=engine]) > * {
  height: 0;
  overflow: hidden;
  transition: height 0.6s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
}

@media screen and (min-width: 768px) {
  .eut_tb1_content:not(.tb1_user_input) table.k-active tbody:not([tabletype=feature]):not([tabletype=engine]) > * {
    height: 100%;
    overflow: hidden;
    transition: height 0.6s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
    grid-template-columns: calc(2 * var(--minColumnWidth));
  }
  .eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td:first-child {
    width: calc(2 * var(--minColumnWidth));
  }
  .eut_tb1[data-scrollable=true].k-emission-table .eut_tb1_content table.select_box:before {
    background: linear-gradient(to right, white, transparent);
    width: calc(2 * var(--k-grid-margin));
  }
  .eut_tb1.k-emission-table .eut_tb1_content table.select_box thead tr:after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .eut_tb1_content:not(.tb1_user_input) table.k-active tbody:not([tabletype=feature]):not([tabletype=engine]) > * {
    height: 100%;
    overflow: hidden;
    transition: height 0.6s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
    grid-template-columns: calc(1 * var(--minColumnWidth));
    /* width: 100cqi; */
  }
  .eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td:first-child {
    width: calc(1 * var(--minColumnWidth));
  }
}
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td > div > div {
  height: 80px !important;
  box-sizing: border-box;
}
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td div .fuel-labels-header ~ *,
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td:nth-child(odd) > *,
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td .wltp + .nedc {
  background-color: #F5F5F5;
}
.eut_tb1_content:not(.tb1_user_input) tbody:not([tabletype=feature]):not([tabletype=engine]) td .fuel-labels span {
  font-family: kiab, sans-serif;
  font-weight: normal !important;
  font-size: 15px;
}

table:not(.emission-table) tbody:not([tabletype=feature]):not([tabletype=engine]) td .tableCellType {
  text-align: left;
}

/* non-feature end */
/* custom tables begin */
@media screen and (max-width: 767px) {
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box thead th.category,
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box tbody td.category {
    position: sticky;
    left: 0;
    display: block;
    width: 100cqi;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font: var(--k-font-table-description) !important;
    color: #05141F !important;
  }
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box tbody td:not(.category) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font: var(--k-font-table-description) !important;
    color: #05141F !important;
    text-align: center !important;
  }
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box tbody td[class*=option]:nth-child(even) {
    background-color: #F5F5F5;
  }
}
@media screen and (min-width: 767px) {
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box thead th.category,
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box tbody td.category {
    position: sticky;
    left: 0;
    display: block;
    width: 100cqi;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font: var(--k-font-table-description) !important;
    color: #05141F !important;
  }
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box tbody td:not(.category) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font: var(--k-font-table-description) !important;
    color: #05141F !important;
    text-align: center !important;
  }
  .eut_tb1 .eut_tb1_content.tb1_user_input table.select_box tbody td[class*=option]:nth-child(even) {
    background-color: #F5F5F5;
  }
}
/* custom tables end */
@media screen and (max-width: 767px) {
  .spec_list {
    padding: 0 !important;
    max-width: none !important;
  }
  .spec_list .tb_title {
    background-color: #FFF !important;
    font: var(--k-font-heading-4) !important;
    pointer-events: none;
  }
  .spec_list .tb_title, .spec_list .tb_title * {
    color: #05141F !important;
  }
  .specificationComp {
    --minColumnWidth: 120px;
  }
  .specificationComp table {
    position: relative;
    flex-shrink: 0;
    min-width: calc(var(--tableColumns) * var(--minColumnWidth));
    display: inline-grid;
    width: 100%;
  }
  .specificationComp .table.accessibilityBody {
    overflow-x: auto !important;
    container: eut_tb1_content/inline-size;
    display: flex;
    overflow-y: visible;
  }
  .specificationComp tr > * {
    border: none !important;
  }
  .specificationComp tr > *:nth-child(even) {
    background-color: #F5F5F5 !important;
  }
  .specificationComp tr > *:nth-child(odd) {
    background-color: #FFF !important;
  }
  .specificationComp tbody tr {
    border-top: none !important;
    /*border-bottom: 1px solid #C7C8CA;*/
  }
  .specificationComp .table {
    border: none;
    overflow-x: auto !important;
  }
  .specificationComp th, .specificationComp td {
    min-width: 100%;
    display: inline-flex;
    justify-content: center;
    z-index: -1;
    position: relative;
  }
  .specificationComp thead {
    grid-area: 1/1/span 1/span 1;
  }
  .specificationComp tbody {
    grid-area: 2/1/span 1/span 1;
    border-top: 1px solid #05141F !important;
  }
  .specificationComp th {
    font: var(--k-font-table-heading) !important;
  }
  .specificationComp td {
    font: var(--k-font-table-description) !important;
  }
  .specificationComp tr {
    display: grid;
    grid-template-columns: repeat(var(--tableColumns), minmax(var(--minColumnWidth), 1fr));
  }
  .specificationComp tr > *:first-child {
    grid-area: 1/1/span 1/span 1;
    z-index: 1;
  }
  .specificationComp tr > *:first-child ~ * {
    grid-area: 2/auto/span 1/span 1;
    border-top: 1px solid #C7C8CA !important;
    border-bottom: 1px solid #C7C8CA !important;
  }
  .specificationComp tr > td:first-child ~ * {
    border-top: 1px solid #C7C8CA !important;
    border-bottom: 1px solid #C7C8CA !important;
  }
  .specificationComp tr > th:first-child ~ * {
    border: none !important;
  }
  .specificationComp thead th:first-child,
  .specificationComp tbody td:first-child {
    position: sticky;
    left: 0;
    display: block;
    width: 100cqi !important;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .spec_list[data-scrollable=true] table:before {
    display: block;
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(3 * var(--k-grid-margin));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to right, white, transparent);
    opacity: calc(1 - (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)));
    z-index: 1;
  }
  .spec_list[data-scrollable=true] table:after {
    display: block;
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(3 * var(--k-grid-margin));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to left, white, transparent);
    opacity: calc(1 - var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor));
    z-index: 1;
    transform: translateX(calc(100cqi - 3 * var(--k-grid-margin)));
  }
}
@media screen and (min-width: 768px) {
  .spec_list {
    padding: 0 !important;
    max-width: none !important;
  }
  .spec_list .tb_title {
    background-color: #FFF !important;
    font: var(--k-font-heading-4) !important;
    pointer-events: none;
  }
  .spec_list .tb_title, .spec_list .tb_title * {
    color: #05141F !important;
  }
  .specificationComp {
    --minColumnWidth: 145px;
  }
  .specificationComp table {
    position: relative;
    flex-shrink: 0;
    min-width: calc(var(--tableColumns) * var(--minColumnWidth) + 2 * var(--minColumnWidth));
    display: inline-grid;
    width: 100%;
  }
  .specificationComp .table.accessibilityBody {
    overflow-x: auto !important;
    container: eut_tb1_content/inline-size;
    display: flex;
    overflow-y: visible;
  }
  .specificationComp tr {
    display: grid;
    position: relative;
    grid-template-columns: minmax(calc(2 * var(--minColumnWidth)), 1fr) repeat(var(--tableColumns), minmax(var(--minColumnWidth), 1fr));
  }
  .specificationComp tr > * {
    border: none !important;
  }
  .specificationComp tr > *:nth-child(even) {
    background-color: #F5F5F5 !important;
  }
  .specificationComp tr > *:nth-child(odd) {
    background-color: #FFF !important;
  }
  .specificationComp tbody tr {
    border-top: none !important;
  }
  .specificationComp .table {
    border: none;
  }
  .specificationComp th, .specificationComp td {
    min-width: var(--minColumnWidth);
    display: inline-flex;
    justify-content: center;
    z-index: -1;
    position: relative;
  }
  .specificationComp thead {
    grid-area: 1/1/span 1/span 1;
  }
  .specificationComp tbody {
    grid-area: 2/1/span 1/span 1;
  }
  .specificationComp th {
    font: var(--k-font-table-heading) !important;
    grid-area: 1/auto/span 1/span 1;
    min-width: 100% !important;
  }
  .specificationComp td {
    font: var(--k-font-table-description) !important;
    grid-area: 1/auto/span 1/span 1;
    min-width: 100% !important;
  }
  .specificationComp tbody tr:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 1px solid #C7C8CA !important;
    z-index: 1;
  }
  .specificationComp thead tr:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 1px solid #05141F !important;
    z-index: 1;
  }
  .specificationComp tr > *:first-child {
    z-index: 1;
  }
  .specificationComp thead th:first-child,
  .specificationComp tbody td:first-child {
    position: sticky;
    left: 0;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .spec_list[data-scrollable=true] table {
    cursor: grab;
  }
  .spec_list[data-scrollable=true] table:before {
    display: block;
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(2 * var(--k-grid-margin) + 2 * var(--minColumnWidth));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to right, white calc(2 * var(--minColumnWidth)), transparent);
    opacity: calc(1 - (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)));
    z-index: 1;
    pointer-events: none;
  }
  .spec_list[data-scrollable=true] table:after {
    display: block;
    grid-area: 1/1/span 2/span 1;
    content: "";
    width: calc(2 * var(--k-grid-margin));
    height: 100%;
    position: sticky;
    left: 0;
    background: linear-gradient(to left, white, transparent);
    opacity: calc(1 - var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor));
    z-index: 1;
    transform: translateX(calc(100cqi - 2 * var(--k-grid-margin)));
    pointer-events: none;
  }
  /*

  .eut_tb1 {
      --minColumnWidth: 145px;
  }

  .eut_tb1 .eut_tb1_content {
      overflow-x: auto !important;
      container: eut_tb1_content / inline-size;
      display: flex;
      border: 0 !important;
  }

  .eut_tb1 .eut_tb1_content table.select_box {
      flex-shrink: 0;
      width: calc(var(--tableColumns) * var(--minColumnWidth) + 2 * var(--minColumnWidth));
      display: inline-grid;
      min-width: 100%;

      tr {
          display: grid;
          grid-template-columns: minmax(calc(2 * var(--minColumnWidth)), 1fr) repeat(var(--tableColumns), minmax(var(--minColumnWidth), 1fr));
      }

      thead th.category,
      tbody td.category {
          grid-area: 1 / auto / span 1 / span 1;
          padding: 0 !important;
          z-index: -1;
      }

      tbody td[class*="option"] {
          padding: 0;

          grid-area: 1 / auto / span 1 / span 1;
          z-index: -1;
      }

      tbody td[class*="option"]:nth-child(even)>* {
          background-color: #F5F5F5;
          height: 100%;
      }

      tbody td[class*="option"] .layer_area {

          padding-top: 8px;
          padding-bottom: 8px;
          box-sizing: border-box;
      }

      tbody td.category .layer_area {

          padding-top: 8px;
          padding-bottom: 8px;
          box-sizing: border-box;
      }

      thead th:nth-child(even) {
          background-color: #F5F5F5;


      }

      thead th:nth-child(odd) {
          background-color: #FFF;

      }

      thead {
          grid-area: 1 / 1 / span 1 / span 1;
      }

      tbody {
          grid-area: 2 / 1 / span 1 / span 1;
      }

      tbody {
          border-top: 1px solid #05141F;
      }

      thead th {
          border: 0;
      }

      tbody td.category,
      tbody td[class*="option"] {
          border: 0;
          border-bottom: 1px solid #C7C8CA;
      }

      tbody td.category>*,
      tbody td[class*="option"]>* {
          height: 100%;
      }

      tbody td[class*="option"]>* {
          display: flex;
          justify-content: center;
          align-items: center;
      }

      tbody td.category>* {
          display: flex;
          justify-content: flex-start;
          align-items: center;

      }
  }

  .eut_tb1[data-scrollable=true] .eut_tb1_content table.select_box {
      cursor: grab;

      tbody td.category {
          width: calc(var(--tableColumns) * var(--minColumnWidth) + 2 * var(--minColumnWidth));
          z-index: 1;
          background-color: transparent;
      }

      thead th.category,
      tbody td.category>* {
          position: sticky;
          left: 0;
          display: inline-block;
          width: calc(2 * var(--minColumnWidth));
          background-color: #FFF;
          z-index: 1
      }

      &:before {
          grid-area: 1 / 1 / span 2 / span 1;
          content: '';
          width: calc(2 * var(--k-grid-margin) + 2 * var(--minColumnWidth));
          height: 100%;
          position: sticky;
          left: 0;
          background: linear-gradient(to right, white calc(2 * var(--minColumnWidth)), transparent);
          opacity: calc(1 - ((1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor)) * (1 - var(--scrollProgressFactor))));
          z-index: 1;
          pointer-events: none;
      }


      &:after {
          grid-area: 1 / 1 / span 2 / span 1;
          content: '';
          width: calc(2 * var(--k-grid-margin));
          height: 100%;
          position: sticky;
          left: 0;
          background: linear-gradient(to left, white, transparent);
          opacity: calc(1 - (var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor) * var(--scrollProgressFactor)));
          z-index: 1;
          transform: translateX(calc(100cqi - 2 * var(--k-grid-margin)));
          pointer-events: none;

      }
  }

  */
}
/* SLIDER BEGIN ---- */
.k-slider {
  --swiper-theme-color: #05141f;
}

@media (min-width: 768px) {
  .k-slider {
    --swiper-pagination-top: calc(var(--k-slider-image-height) - 34px);
  }
}
@media (max-width: 767px) {
  .k-slider {
    /*  --swiper-pagination-top: calc(var(--k-slider-image-height) + 20px);*/
    --swiper-pagination-top: calc(var(--k-slider-image-height) + 20px);
  }
}
.k-slider .container-inner {
  /* 3 slides larger than full width */
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) {
  .k-slider swiper-container {
    /*  3 slides, each 6 cols wide */
    width: calc(3 * (6 * var(--k-grid-column) + 5 * var(--k-grid-gutter)) + 2 * var(--k-grid-gutter));
    /* active slide staring on c2: */
    left: calc(var(--k-grid-margin) + var(--k-grid-column) + var(--k-grid-gutter) - 6 * var(--k-grid-column) - 6 * var(--k-grid-gutter));
    position: relative;
  }
  /*.k-slider[data-count="2"]*/
  .k-large-slider swiper-container {
    /* 3 slides, each 9 cols wide */
    width: calc(3 * (9 * var(--k-grid-column) + 8 * var(--k-grid-gutter)) + 2 * var(--k-grid-gutter));
    /* active slide staring on c1: */
    left: calc(var(--k-grid-margin) - 9 * var(--k-grid-column) - 9 * var(--k-grid-gutter));
    position: relative;
  }
}
@media (max-width: 767px) {
  .k-slider swiper-container {
    width: calc(6 * var(--k-grid-column) + 5 * var(--k-grid-gutter));
    position: relative;
  }
}
.k-slider swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
  transition: opacity 0.6s cubic-bezier(0.6, 0, 0.4, 1);
}

.k-slider swiper-slide.swiper-slide-active {
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.6, 0, 0.4, 1);
}

/* slider contents */
.k-slider swiper-slide .visual.image {
  margin-bottom: 0;
}

.k-slider swiper-slide .visual.image .visual-description {
  position: relative;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .k-slider swiper-slide .visual.image .visual-description {
    margin: 0;
  }
}
.k-slider swiper-slide .visual.image .visual-description .title-text * {
  color: #05141F;
  font: var(--k-font-heading-6);
}

@media (min-width: 768px) {
  .k-slider swiper-slide .visual.image .visual-description .title-text {
    margin-top: 24px;
  }
  .k-slider swiper-slide .visual.image .visual-description .copy-text {
    margin-top: 12px;
  }
  .k-slider swiper-slide .visual.image img {
    aspect-ratio: 860/486;
  }
}
@media (max-width: 767px) {
  .k-slider swiper-slide .visual.image .visual-description .title-text {
    margin-top: 23px;
  }
  .k-slider swiper-slide .visual.image .visual-description .copy-text {
    margin-top: 8px;
  }
  .k-slider swiper-slide .visual.image img {
    aspect-ratio: 860/486;
  }
}
.k-slider swiper-slide .visual.image .visual-description .copy-text * {
  color: #05141F;
  font: var(--k-font-description-1);
}

/* slider controls */
.k-slider-next,
.k-slider-prev {
  position: absolute;
  height: var(--k-slider-image-height);
  top: 0;
  z-index: 1;
  background: url("/etc.clientlibs/settings/wcm/designs/eut/clientlib/resources/rbr/icons/icon_arrow_big_right.svg") no-repeat center center;
  filter: invert(1) brightness(2);
  /*opacity: 0.2;*/
  background-size: 40px;
  transition: opacity 0.6s cubic-bezier(0.6, 0, 0.4, 1);
  cursor: pointer;
  width: var(--k-grid-column);
}

@media (max-width: 767px) {
  .k-slider-next,
  .k-slider-prev {
    background-size: 23px;
    width: 25px;
  }
}
.k-slider-next:hover,
.k-slider-prev:hover {
  opacity: 1;
}

.k-slider-next.swiper-button-disabled,
.k-slider-prev.swiper-button-disabled {
  opacity: 0;
}

@media (min-width: 768px) {
  .k-slider-next {
    left: calc(var(--k-grid-margin) + 7 * var(--k-grid-column) + 7 * var(--k-grid-gutter));
  }
  .k-large-slider .k-slider-next {
    left: calc(var(--k-grid-margin) + 8 * var(--k-grid-column) + 8 * var(--k-grid-gutter));
  }
  .k-large-slider swiper-slide .visual.image img {
    aspect-ratio: 1310/736;
  }
}
@media (max-width: 767px) {
  .k-slider-next {
    left: calc(var(--k-grid-margin) + 6 * var(--k-grid-column) + 5 * var(--k-grid-gutter) - 25px);
  }
  .k-large-slider swiper-slide .visual.image img {
    aspect-ratio: 1/1;
  }
}
.k-slider-prev {
  left: var(--k-grid-margin);
  transform: rotate(-180deg);
}

@media (min-width: 768px) {
  .k-slider {
    --swiper-pagination-bullet-width: auto;
    --swiper-pagination-bullet-height: 2px;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-bullet-inactive-opacity: .4;
    --swiper-pagination-bullet-inactive-color: #FFFFFF;
    --swiper-pagination-color: #FFFFFF;
  }
  .k-slider .swiper-pagination-bullet {
    width: auto;
    height: 2px;
    border-radius: 0;
    opacity: 0.4;
    background: #FFFFFF;
  }
  .k-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .k-large-slider {
    --swiper-pagination-bullet-width: calc(2 * var(--k-grid-gutter));
  }
  .k-slider .k-slider-pagination {
    position: absolute;
    left: calc(var(--k-grid-margin) + 1 * var(--k-grid-column) + 1 * var(--k-grid-gutter));
    width: calc(6 * var(--k-grid-column) + 5 * var(--k-grid-gutter));
    z-index: 1;
  }
  .k-large-slider .k-slider-pagination {
    left: calc(var(--k-grid-margin));
    width: calc(9 * var(--k-grid-column) + 8 * var(--k-grid-gutter));
  }
}
@media (max-width: 767px) {
  .k-slider {
    --swiper-pagination-bullet-width: auto;
    --swiper-pagination-bullet-height: 2px;
    --swiper-pagination-bullet-border-radius: 0;
    --swiper-pagination-bullet-horizontal-gap: 0;
    --swiper-pagination-bullet-inactive-opacity: .2;
    --swiper-pagination-bullet-inactive-color: #05141F;
  }
  .k-slider .swiper-pagination-bullet {
    width: auto;
    height: 2px;
    border-radius: 0;
    opacity: 0.2;
    background: #05141F;
  }
  .k-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .k-slider .k-slider-pagination {
    position: absolute;
    left: calc(var(--k-grid-margin));
    width: calc(6 * var(--k-grid-column) + 5 * var(--k-grid-gutter));
    z-index: 1;
  }
}
/* treat slide duplication for insufficient loops */
.k-slider .k-slider-pagination {
  display: grid;
  justify-content: center;
  grid-auto-columns: minmax(2px, 60px);
  gap: 10px;
}

@media (min-width: 768px) {
  .k-slider .k-slider-pagination {
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.k-slider .k-slider-pagination.k-slider-pagination-triple {
  grid-template-columns: repeat(2, minmax(2px, 60px));
}

.k-slider .k-slider-pagination.k-slider-pagination-double-3 {
  grid-template-columns: repeat(3, minmax(2px, 60px));
}

.k-slider .k-slider-pagination.k-slider-pagination-double-4 {
  grid-template-columns: repeat(4, minmax(2px, 60px));
}

.k-slider .k-slider-pagination.k-slider-pagination-double-5 {
  grid-template-columns: repeat(5, minmax(2px, 60px));
}

.k-large-slider .k-slider-pagination {
  grid-auto-columns: minmax(2px, 100px);
}

.k-large-slider .k-slider-pagination.k-slider-pagination-triple {
  grid-template-columns: repeat(2, minmax(2px, 100px));
}

.k-large-slider .k-slider-pagination.k-slider-pagination-double-3 {
  grid-template-columns: repeat(3, minmax(2px, 100px));
}

.k-large-slider .k-slider-pagination.k-slider-pagination-double-4 {
  grid-template-columns: repeat(4, minmax(2px, 100px));
}

.k-large-slider .k-slider-pagination.k-slider-pagination-double-5 {
  grid-template-columns: repeat(5, minmax(2px, 100px));
}

@media (max-width: 767px) {
  .k-slider .k-slider-pagination {
    grid-auto-columns: 1fr;
    gap: 8px;
  }
  .k-slider .k-slider-pagination.k-slider-pagination-triple {
    grid-template-columns: repeat(2, 1fr);
  }
  .k-slider .k-slider-pagination.k-slider-pagination-double-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .k-slider .k-slider-pagination.k-slider-pagination-double-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .k-slider .k-slider-pagination.k-slider-pagination-double-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
.k-slider .k-slider-pagination > * {
  grid-area: 1/auto/1/span 1;
}

.k-slider .k-slider-pagination.k-slider-pagination-triple > :nth-child(2n+1),
.k-slider .k-slider-pagination.k-slider-pagination-double-3 > :nth-child(3n+1),
.k-slider .k-slider-pagination.k-slider-pagination-double-4 > :nth-child(4n+1),
.k-slider .k-slider-pagination.k-slider-pagination-double-5 > :nth-child(5n+1) {
  grid-area: 1/1/1/1;
}

.k-slider .k-slider-pagination.k-slider-pagination-triple > :nth-child(2n+0),
.k-slider .k-slider-pagination.k-slider-pagination-double-3 > :nth-child(3n+2),
.k-slider .k-slider-pagination.k-slider-pagination-double-4 > :nth-child(4n+2),
.k-slider .k-slider-pagination.k-slider-pagination-double-5 > :nth-child(5n+2) {
  grid-area: 1/2/1/2;
}

.k-slider .k-slider-pagination.k-slider-pagination-double-3 > :nth-child(3n+0),
.k-slider .k-slider-pagination.k-slider-pagination-double-4 > :nth-child(4n+3),
.k-slider .k-slider-pagination.k-slider-pagination-double-5 > :nth-child(5n+3) {
  grid-area: 1/3/1/3;
}

.k-slider .k-slider-pagination.k-slider-pagination-double-4 > :nth-child(4n+0),
.k-slider .k-slider-pagination.k-slider-pagination-double-5 > :nth-child(5n+4) {
  grid-area: 1/4/1/4;
}

.k-slider .k-slider-pagination.k-slider-pagination-double-5 > :nth-child(5n+0) {
  grid-area: 1/5/1/5;
}

.k-slider .k-slider-pagination.k-slider-pagination-triple > :nth-child(2) ~ *:not(.swiper-pagination-bullet-active),
.k-slider .k-slider-pagination.k-slider-pagination-double-3 > :nth-child(3) ~ *:not(.swiper-pagination-bullet-active),
.k-slider .k-slider-pagination.k-slider-pagination-double-4 > :nth-child(4) ~ *:not(.swiper-pagination-bullet-active),
.k-slider .k-slider-pagination.k-slider-pagination-double-5 > :nth-child(5) ~ *:not(.swiper-pagination-bullet-active) {
  opacity: 0;
}

/* SLIDER END ---- */
.k-large-slider .k-slider-prev,
.k-large-slider .k-slider-next {
  filter: none;
}

.k-large-slider .visual-disclaimer * {
  color: #05141F;
  font: var(--k-font-description-4);
}

@media (min-width: 768px) {
  .k-slider.k-large-slider .swiper-pagination-bullet {
    background: #05141F;
  }
}
/* â–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–žâ–ž */
.k-slider #elp_container {
  display: none;
}

.k-slider {
  position: relative;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .k-slider:not(.k-large-slider) .k-slider-pagination {
    display: none;
  }
  .k-slider:not(.k-large-slider) swiper-slide:not(.swiper-slide-active) {
    opacity: 1;
  }
  .k-slider:not(.k-large-slider) swiper-container {
    /*  3 slides, each 6 cols wide */
    width: calc(12 * var(--k-grid-column) + 11 * var(--k-grid-gutter));
    /* active slide staring on c2: */
    left: calc(var(--k-grid-margin));
    margin: 0;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .k-slider:not(.k-large-slider) .k-slider-pagination {
    display: none;
  }
  .k-slider:not(.k-large-slider) swiper-slide:not(.swiper-slide-active) {
    opacity: 1;
  }
  .k-slider:not(.k-large-slider) swiper-container {
    /*  3 slides, each 6 cols wide */
    width: calc(3 * (3 * var(--k-grid-column) + 2 * var(--k-grid-gutter)) + 2 * var(--k-grid-gutter));
    /* active slide staring on c2: */
    left: calc(var(--k-grid-margin) + 2 * var(--k-grid-column) + 2 * var(--k-grid-gutter));
    margin: 0;
    position: relative;
  }
  /*.k-slider[data-count="2"]*/
  .k-large-slider swiper-slide.swiper-slide-prev {
    opacity: 0;
  }
  .k-large-slider swiper-container {
    /* 3 slides, each 6 cols wide */
    width: calc(3 * (6 * var(--k-grid-column) + 5 * var(--k-grid-gutter)) + 2 * var(--k-grid-gutter));
    /* active slide staring on c1: */
    left: calc(var(--k-grid-margin) - 4 * var(--k-grid-column) - 4 * var(--k-grid-gutter));
    position: relative;
  }
  .k-large-slider .k-slider-pagination {
    left: calc(var(--k-grid-margin) + 2 * var(--k-grid-column) + 2 * var(--k-grid-gutter));
    width: calc(6 * var(--k-grid-column) + 5 * var(--k-grid-gutter));
  }
  .k-large-slider .k-slider-pagination {
    display: grid;
    justify-content: center;
    grid-auto-columns: minmax(2px, 60px);
    gap: 10px;
  }
  .k-large-slider .k-slider-pagination.k-slider-pagination-triple {
    grid-template-columns: repeat(2, minmax(2px, 60px));
  }
  .k-large-slider .k-slider-pagination.k-slider-pagination-double-3 {
    grid-template-columns: repeat(3, minmax(2px, 60px));
  }
  .k-large-slider .k-slider-pagination.k-slider-pagination-double-4 {
    grid-template-columns: repeat(4, minmax(2px, 60px));
  }
  .k-large-slider .k-slider-pagination.k-slider-pagination-double-5 {
    grid-template-columns: repeat(5, minmax(2px, 60px));
  }
  .k-large-slider .k-slider-prev {
    display: none;
  }
}
.k-large-slider swiper-slide .visual.image img {
  aspect-ratio: 860/486;
}

/* -- visuals -- */
.visual.image.k-modified .visual-container,
.visual.image.k-modified .inner-container,
.visual.image.k-modified .visual-media {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.visual.image.k-modified .visual-media {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.visual.image.k-modified .visual-media-image {
  position: relative;
}

.visual.image.k-modified .visual-media-image > a {
  height: 100%;
}

.visual.image.k-modified picture {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.visual.image.k-modified .visual-media-video picture {
  position: absolute;
}

.visual.image.k-modified picture img {
  display: block;
  /* height: 100%; */
  /* width: 100%; */
  object-fit: cover;
  object-position: 50% 50%;
}

.visual.image.k-modified picture video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.visual.image.k-modified .fp-controls {
  display: none !important;
}

.visual.image.k-modified .visual-media-video {
  position: absolute;
  height: auto;
  width: 100%;
  display: block;
  top: calc(50% - 50px);
}

.visual.image.k-modified .visual-media-video > *:after {
  content: var(--videoPopupCTA);
  color: white;
  position: relative;
  display: block;
  z-index: 1;
  text-align: center;
}

.visual.image.k-modified .video-maincontainer * {
  background-image: none !important;
}

.visual.image.k-modified .fp-ratio,
.visual.image.k-modified .btn-container,
.visual.image.k-modified .visual-player-container {
  padding-top: 102px !important;
  padding-bottom: 0px !important;
}

.visual.image.k-modified .video-maincontainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.visual.image.k-modified .video-maincontainer .full_link {
  display: block;
  position: relative;
}

.visual.image.k-modified .video-maincontainer .iframe-container {
  padding: 0;
}

.visual.image.k-modified .video-maincontainer .iframe-container video {
  position: relative;
  bottom: unset;
  transform: none;
}

.visual.image.k-modified .disclaimer {
  /* padding-bottom: 10px; */
}

/* globalizing local fix from /etc.clientlibs/settings/wcm/designs/kia-elp/elp-common/visual/visual-author.css */
/* overlay player fixes begin (if same video playing issue found in other countries please remove lang="no" css) */
.column_control ul {
  opacity: 1;
}

.visual-media-video .trailer {
  position: fixed !important;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 100;
}

.visual-media-video .trailer.trailer.active {
  z-index: 2000;
  height: 100vh !important;
  top: 0;
}

.visual-media-video .trailer .trailer-content {
  overflow: visible;
  width: 100%;
}

.visual-media-video .trailer .iframe-container {
  position: relative !important;
}

.visual-media-video .trailer .iframe-container > iframe {
  width: 100%;
  height: 100%;
}

.visual-media-video .trailer .trailer-content {
  max-width: calc(100% - 30px);
  margin: 0 auto;
  max-height: calc(100% - 120px);
  height: auto;
  width: 125vh;
}

@media (min-width: 541px) and (max-width: 1024px) {
  .visual-media-video .trailer .trailer-content {
    max-width: calc(100% - 80px);
  }
}
@media (min-width: 768px) and (max-device-width: 989px) {
  .visual-media-video .trailer .trailer-content {
    max-width: calc(100% - 80px - 60px);
  }
}
@media (min-width: 1025px) {
  .visual-media-video .trailer .trailer-content {
    max-width: calc((100% - 160px) * 0.9 + 32px);
  }
}
/* overlay player fixes end */
/* navigation begin =============================================================== */
#eut_container {
  overflow: visible;
  /* prerequisite for sticky */
}

#container .snb_pip,
#eut_container .pipSnb {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  height: var(--k-nav-height);
}
#container .snb_pip .snb_area .k-snb_menu-cta,
#eut_container .pipSnb .snb_area .k-snb_menu-cta {
  order: 4;
  display: block;
  z-index: 1;
}
#container .snb_pip .snb_area:not(.active) .k-snb_menu-cta,
#eut_container .pipSnb .snb_area:not(.active) .k-snb_menu-cta {
  max-height: var(--k-nav-height);
  overflow: hidden;
}
#container .snb_pip .snb_area .k-snb_menu-cta a,
#eut_container .pipSnb .snb_area .k-snb_menu-cta a {
  display: block;
  text-align: center;
  border: 2px solid white;
  padding: 1px 15px;
  color: white;
  font: var(--k-font-button-small);
}
#container .snb_pip .snb_area .k-snb_menu-cta > :first-child a,
#eut_container .pipSnb .snb_area .k-snb_menu-cta > :first-child a {
  background-color: white;
  color: #05141F;
}
#container .snb_pip .dn_mobile,
#eut_container .pipSnb .dn_mobile {
  display: none;
}

#container .snb_pip .inner,
#eut_container .pipSnb #eut_snb {
  margin: 0;
  position: relative;
  display: flex;
  width: 100%;
  max-width: none;
}

/* do not use float begin */
.pipSnb * {
  float: none !important;
}

.pipSnb > *:after,
.pipSnb .snb_inner:after,
.pipSnb .snb_inner .snb_menu:after {
  content: none !important;
}

/* do not use float end */
@media (max-width: 1024px) {
  #container .snb_pip #eut_snb,
  #eut_container .pipSnb #eut_snb {
    margin: 0;
    position: relative;
    display: flex;
  }
  #container .snb_pip .snb_inner,
  #eut_container .pipSnb .snb_inner {
    overflow-y: auto;
    /* height: 100%; */
    display: inline-flex;
    flex-direction: column;
    height: auto;
    width: 100%;
  }
  #container .snb_pip .snb_img,
  #eut_container .pipSnb .snb_img {
    z-index: 1;
    user-select: none;
    pointer-events: none;
    background-color: #05141F;
    width: 100% !important;
    height: 40px !important;
    display: block;
    flex-shrink: 0;
  }
  #container .snb_pip .snb_img a,
  #eut_container .pipSnb .snb_img a {
    user-select: none;
    width: 100% !important;
    height: 40px !important;
    display: block;
  }
  #container .snb_pip .snb_img img,
  #eut_container .pipSnb .snb_img img {
    user-select: none;
    padding-left: 40px !important;
    width: auto !important;
    display: block;
    height: var(--k-nav-height);
  }
  #container .snb_pip .snb_area,
  #eut_container .pipSnb .snb_area {
    display: flex;
    flex-direction: column;
    position: relative !important;
    left: 0 !important;
    /*padding-top: 38px;*/
    background-color: #05141F;
    color: white;
    transition: height 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    height: 0px;
    border: 0 !important;
    overflow: visible;
  }
  #container .snb_pip .snb_area:before,
  #eut_container .pipSnb .snb_area:before {
    content: "";
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M6 5l6 6 6-6' stroke='%23fff' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e");
    position: absolute;
    width: 24px;
    height: 16px;
    background-position: 50% 50% !important;
    display: block;
    left: 10px;
    top: -27px;
    z-index: 1;
    transition: transform 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
    user-select: none;
    pointer-events: none;
  }
  #container .snb_pip .snb_area .eut_snb_opener:before,
  #eut_container .pipSnb .snb_area .eut_snb_opener:before {
    content: "";
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M0 0l7 5-7 5V0z' fill='%23fff'/%3e%3c/svg%3e");
    position: relative;
    width: 7px;
    height: 10px;
    display: inline-block;
    margin-right: 18px;
  }
  #container .snb_pip .snb_area .eut_snb_opener,
  #eut_container .pipSnb .snb_area .eut_snb_opener {
    order: 1;
    padding-left: 15px !important;
    font: var(--k-font-table-heading) !important;
    position: relative;
    text-align: left;
    width: calc(100% - 15px);
  }
  #container .snb_pip .snb_area .eut_snb_opener:after,
  #eut_container .pipSnb .snb_area .eut_snb_opener:after {
    content: none;
  }
  #container .snb_pip .snb_area .snb_menu,
  #eut_container .pipSnb .snb_area .snb_menu {
    order: 3;
    position: relative !important;
    top: -40px !important;
    background-color: transparent !important;
  }
  #container .snb_pip .snb_area li a,
  #eut_container .pipSnb .snb_area li a {
    font: var(--k-font-table-description) !important;
    color: #fff;
  }
  #container .snb_pip .snb_area .k-snb_menu > *,
  #eut_container .pipSnb .snb_area .k-snb_menu > * {
    padding: 5px;
    box-sizing: border-box;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage {
    order: 2;
    display: block;
    top: -40px;
    position: relative;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li {
    margin: 0 15px 0 15px;
    padding-left: 25px;
    display: block;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a {
    padding: 0;
    height: 38px;
    display: inline-flex;
    align-items: center;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a.k-active,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a.k-active {
    border-bottom: 2px solid white;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a:active,
  #container .snb_pip .snb_area .k-snb_menu-onpage li a:hover,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a:active,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a:hover {
    text-decoration: none;
  }
  #container .snb_pip .snb_area .snb_menu li,
  #eut_container .pipSnb .snb_area .snb_menu li {
    border: 0 !important;
    padding-left: 0 !important;
  }
  #container .snb_pip .snb_area .snb_menu li a,
  #eut_container .pipSnb .snb_area .snb_menu li a {
    color: white !important;
    padding: 0 15px 0 15px;
    height: 38px;
    display: flex;
    align-items: center;
  }
  #container .snb_pip .snb_area .k-snb_menu-cta,
  #eut_container .pipSnb .snb_area .k-snb_menu-cta {
    top: -40px;
    position: absolute;
    right: 0;
  }
  #container .snb_pip .snb_area .k-snb_menu-cta a,
  #eut_container .pipSnb .snb_area .k-snb_menu-cta a {
    margin: 6px 15px 15px 15px;
  }
  #container .snb_pip .snb_area.active,
  #eut_container .pipSnb .snb_area.active {
    height: 100vh;
    /* todo */
    transition: height 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0s;
  }
  #container .snb_pip .snb_area.active:before,
  #eut_container .pipSnb .snb_area.active:before {
    transform: rotate(180deg);
    transition: transform 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
  }
  #container .snb_pip .snb_area.active .eut_snb_opener,
  #eut_container .pipSnb .snb_area.active .eut_snb_opener {
    opacity: 1;
    color: white;
    background-color: #05141f;
    /* padding-left: 40px; */
    padding-top: 38px;
    height: 38px;
    top: -40px;
    box-sizing: content-box;
    flex-shrink: 0;
  }
  #container .snb_pip .snb_area:not(.active) .eut_snb_opener,
  #eut_container .pipSnb .snb_area:not(.active) .eut_snb_opener {
    opacity: 1;
    margin-top: -40px;
    height: 40px !important;
  }
  #container .snb_pip .snb_area:not(.active) .snb_menu, #container .snb_pip .snb_area:not(.active) .k-snb_menu-onpage,
  #eut_container .pipSnb .snb_area:not(.active) .snb_menu,
  #eut_container .pipSnb .snb_area:not(.active) .k-snb_menu-onpage {
    display: none;
  }
}
@media (min-width: 1025px) {
  #container .snb_pip .snb_inner,
  #eut_container .pipSnb .snb_inner {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  #container .snb_pip .snb_img,
  #eut_container .pipSnb .snb_img {
    padding-left: var(--k-grid-margin);
    padding-right: 40px;
    width: auto;
    height: var(--k-nav-height);
  }
  #container .snb_pip .snb_img img,
  #eut_container .pipSnb .snb_img img {
    height: var(--k-nav-height);
  }
  #container .snb_pip .snb_area,
  #eut_container .pipSnb .snb_area {
    display: grid;
    grid-template-columns: minmax(0, min-content) minmax(0, min-content) minmax(0, 1fr);
    width: 100%;
  }
  #container .snb_pip .snb_area .snb_menu li,
  #eut_container .pipSnb .snb_area .snb_menu li {
    padding: 0 15px 0 25px;
    margin: 0;
    height: var(--k-nav-height);
  }
  #container .snb_pip .snb_area .snb_menu li a,
  #eut_container .pipSnb .snb_area .snb_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font: var(--k-font-description-1) !important;
    color: #fff;
    opacity: 0.5;
    height: var(--k-nav-height);
  }
  #container .snb_pip .snb_area .snb_menu li a:hover,
  #eut_container .pipSnb .snb_area .snb_menu li a:hover {
    opacity: 1;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage {
    grid-area: 2/1/span 1/span 3;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage > *,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage > * {
    display: inline-block;
    width: auto;
    padding: 8px;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a {
    font: var(--k-font-table-description) !important;
    color: #fff;
  }
  #container .snb_pip .snb_area .eut_snb_opener,
  #eut_container .pipSnb .snb_area .eut_snb_opener {
    height: var(--k-nav-height);
    /* vertical-align: baseline; */
    white-space: nowrap;
    flex-grow: 0;
    padding: 0 15px 0 8px;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    color: #fff;
    font: var(--k-font-heading-6) !important;
  }
  #container .snb_pip .snb_area .eut_snb_opener:after,
  #eut_container .pipSnb .snb_area .eut_snb_opener:after {
    content: "";
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M6 5l6 6 6-6' stroke='%23fff' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e");
    position: relative;
    width: 24px;
    height: 16px;
    background-position: 50% 50% !important;
    display: inline-block;
    z-index: 1;
    transition: transform 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
    user-select: none;
    pointer-events: none;
    top: unset;
    margin: 0;
    padding: 0;
    right: unset;
  }
  #container .snb_pip .snb_area .eut_snb_opener:before,
  #eut_container .pipSnb .snb_area .eut_snb_opener:before {
    content: "";
    width: calc(100% - 27px);
    height: 3px;
    background-color: white;
    position: absolute;
    bottom: 0;
    transition: transform 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0s;
    z-index: 1;
  }
  #container .snb_pip .snb_area .eut_snb_opener:hover,
  #container .snb_pip .snb_area .snb_menu a:hover,
  #eut_container .pipSnb .snb_area .eut_snb_opener:hover,
  #eut_container .pipSnb .snb_area .snb_menu a:hover {
    text-decoration: none;
  }
  #container .snb_pip .snb_area .eut_snb_opener:active,
  #container .snb_pip .snb_area .eut_snb_opener:focus,
  #eut_container .pipSnb .snb_area .eut_snb_opener:active,
  #eut_container .pipSnb .snb_area .eut_snb_opener:focus {
    text-decoration: none !important;
  }
  #container .snb_pip .snb_area .snb_menu,
  #eut_container .pipSnb .snb_area .snb_menu {
    width: auto !important;
    display: flex;
  }
  #container .snb_pip .snb_area .k-snb_menu-cta,
  #eut_container .pipSnb .snb_area .k-snb_menu-cta {
    height: var(--k-nav-height);
    overflow-y: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 12px;
    box-sizing: border-box;
    padding-right: var(--k-grid-margin);
  }
  #container .snb_pip .snb_area .k-snb_menu-cta > *,
  #eut_container .pipSnb .snb_area .k-snb_menu-cta > * {
    display: inline-block;
    white-space: nowrap;
  }
  #container .snb_pip .snb_area.active .k-snb_menu-onpage,
  #eut_container .pipSnb .snb_area.active .k-snb_menu-onpage {
    display: inline-flex;
    color: white;
    background-color: #05141F;
    flex-direction: column;
    width: max-content;
  }
  #container .snb_pip .snb_area.active .eut_snb_opener:before,
  #eut_container .pipSnb .snb_area.active .eut_snb_opener:before {
    width: 0;
  }
  #container .snb_pip .snb_area.active .eut_snb_opener:after,
  #eut_container .pipSnb .snb_area.active .eut_snb_opener:after {
    transform: rotate(180deg);
    transition: transform 0.8s cubic-bezier(0.6, 0, 0.4, 1) 0.2s;
  }
  #container .snb_pip .snb_area:not(.active) .k-snb_menu-onpage,
  #eut_container .pipSnb .snb_area:not(.active) .k-snb_menu-onpage {
    display: none;
  }
}
@media (min-width: 1025px) {
  #container .snb_pip .k-snb_menu-onpage,
  #eut_container .pipSnb .k-snb_menu-onpage {
    position: absolute;
    left: var(--k-grid-margin);
    width: calc(2 * var(--k-grid-column) + var(--k-grid-gutter));
    top: 129px;
    color: #05141F !important;
    display: flex !important;
    flex-direction: column;
  }
  #container .snb_pip .snb_area .eut_snb_opener:after,
  #eut_container .pipSnb .snb_area .eut_snb_opener:after {
    display: none !important;
  }
  #container .snb_pip .snb_area .eut_snb_opener:before,
  #eut_container .pipSnb .snb_area .eut_snb_opener:before {
    width: calc(100% - 23px) !important;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a.k-active,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a.k-active {
    font-family: kiab;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a {
    padding-bottom: 3px;
    line-height: 30px;
    color: #05141F;
  }
  #container .snb_pip .snb_area .k-snb_menu-onpage li a.k-active,
  #container .snb_pip .snb_area .k-snb_menu-onpage li a:hover,
  #container .snb_pip .snb_area .k-snb_menu-onpage li a:active,
  #container .snb_pip .snb_area .k-snb_menu-onpage li a:focus,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a.k-active,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a:hover,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a:active,
  #eut_container .pipSnb .snb_area .k-snb_menu-onpage li a:focus {
    text-decoration: none;
    border-bottom: 2px solid #05141F;
  }
}
/* navigation end =============================================================== */
/* buttons begin */
/* unset styles */
#contents a.eut_cmpe_btn {
  font: unset;
  font-weight: unset;
  -webkit-text-size-adjust: unset;
  text-decoration: unset;
  vertical-align: unset;
  display: unset;
  padding: unset;
  border-radius: unset;
  font-family: unset;
  color: unset;
  border: unset;
  text-align: unset;
  box-sizing: unset;
  text-transform: unset;
  background-color: unset;
  padding-top: unset;
  height: unset;
  line-height: unset;
  padding-left: unset;
  padding-right: unset;
  font-size: unset;
  position: unset;
  bottom: unset;
  right: unset;
  float: unset;
  margin-top: unset;
  top: unset;
  bottom: unset;
}

.eut_tb1 .eut_tb1_h2 {
  padding: 0;
}

/* apply styles of new button */
#contents a.eut_cmpe_btn {
  font: var(--k-font-button);
  padding: 19px 39px;
  position: relative;
  display: inline-block;
  border: 1px solid #05141F;
  margin-bottom: 8px;
  margin-top: 8px;
  /*
  list-style: none;
  text-align: left;
  letter-spacing: 0px;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  text-decoration: none;
  background-color: transparent;
  color: inherit;
  vertical-align: baseline;
  border: 1px solid #05141F;
  padding-top: 15px;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 15px;
  width: fit-content;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background-color: transparent !important;
  position: relative !important;*/
  box-sizing: border-box;
}

/*
@media only screen and (max-width: 767px) {
#contents a.eut_cmpe_btn  {
    height: 29px;
    width: calc(100% - 60px);
    opacity: 1;
    border: 1px solid #05141F;
    text-align: center;
    font-size: 18px;
}
}



#contents .eut_ctha_c a.eut_cmpe_btn  {
margin: 0 auto;
}

#contents .eut_ctha_r a.eut_cmpe_btn  {
margin: 0 0 0 auto;
}
*/
#contents a.eut_cmpe_btn:focus,
#contents a.eut_cmpe_btn:active,
#contents a.eut_cmpe_btn:hover {
  text-decoration: underline;
}

#contents a.eut_cmpe_btn:after {
  display: none;
}

#contents a.eut_cmpe_btn[href="javascript:window.print()"]:after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18 14H6v8h12v-8z' stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: unset;
  right: unset;
  margin: 0 0 0 14px;
  top: 50%;
  transform: translateY(-50%);
}

#contents a.eut_cmpe_btn[href="javascript:window.print()"] {
  background: #05141f !important;
  color: white;
  padding-right: 71px;
}

@media (max-width: 767px) {
  #contents a.eut_cmpe_btn {
    display: block;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media screen {
  #contents a.eut_cmpe_btn img {
    display: none !important;
  }
}
.eut_tb1_h2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /*justify-content: flex-end;*/
}

#contents [data-anchor=dimensions] .eut_tb1_h2 a {
  margin-left: auto;
}

/* buttons end */
/* print begin */
@media print {
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] svg {
    display: block;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] .display_none {
    display: block !important;
  }
  .eut_tb1 .eut_tb1_title button {
    color: #05141f;
  }
  .eut_tb1 {
    margin: 1mm;
  }
  .eut_tb1 table {
    page-break-after: always;
  }
  #contents a.eut_cmpe_btn {
    page-break-before: always;
    page-break-after: always;
  }
  .eut_tb1 * {
    background: transparent !important;
    color: #05141f !important;
  }
  .eut_tb1_content {
    border: 0 !important;
  }
  .eut_tb1 .eut_tb1_content table.select_box thead th.category {
    width: 5cm;
    border: 0;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td {
    font-size: 8pt;
    padding: 1mm;
  }
  .eut_tb1 .eut_tb1_content table.select_box tbody td[class*=option] > * {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /*
  .eut_tg3 img {
      max-width: 6cm;
  }

  .dimension_slide img {
      max-width: 6cm;
  }*/
  .eut_dimensions .dimension_slide li {
    float: none !important;
    display: block !important;
  }
  .eut_dimensions * {
    display: block !important;
    width: 16cm !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  .eut_dimensions,
  .eut_dimensions .wrap,
  .eut_dimensions .dimension_slide {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .dimension_all_view {
    display: none !important;
  }
  .k-slider {
    display: none;
  }
  #contents a.eut_cmpe_btn {
    aspect-ratio: 1;
  }
  /*.eutPipSpecificationsTableTitle a {
      display: none;
  }*/
}
/* print end */
/* misc begin */
h1 {
  text-transform: unset !important;
}

#eut_footer {
  z-index: 1;
  position: relative;
}

#eut_container {
  z-index: 0;
  position: relative;
}

/* misc end */
.eut_tb1_h2 h2 {
  font: var(--k-font-heading-4) !important;
}

.eut_tb1_h2 .text,
.eut_newcar_m10_inner p {
  font: var(--k-font-description-1) !important;
  color: #05141F !important;
}

.eut_dl1a h2.tit {
  font: var(--k-font-heading-4) !important;
}

.eut_dl1a .disclaimer > * {
  font: var(--k-font-description-1) !important;
}

.co1_1.co1Base * {
  vertical-align: middle;
}

@media (min-width: 767px) {
  #highlights-slider {
    margin-bottom: 80px !important;
  }
  .eutPipSpecificationsEmission,
  .eut_tb1_h2 h2 {
    padding-top: 128px !important;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #highlights-slider {
    margin-bottom: 40px !important;
  }
  .eutPipSpecificationsEmission,
  .eut_tb1_h2 h2 {
    padding-top: 64px !important;
    margin-bottom: 20px;
  }
  #highlights-slider .visual-disclaimer {
    padding-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}