@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: auto;
    right: 10px
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.staggered-zoomed-image,
.zoomed-image {
    transform: scale(1.2);
    transition: transform .5s ease-out
}

.staggered-zoomed-image.--reveal,
.zoomed-image.--reveal {
    transform: none
}

.staggered-fade {
    opacity: 0;
    transform: translateY(40px)
}

*,
:after,
:before {
    box-sizing: border-box
}

[v-cloak] {
    display: none !important
}

body,
html {
    background-color: #f7f7f7 !important;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: 300
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

body.light-background {
    background-color: #fff
}

a {
    color: inherit;
    display: inline-block;
    text-decoration: none
}

#app {
    position: relative
}

#page-wrapper {
    width: 100%;
    background-color: white;
}

.container {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%
}

@media (min-width:768px) {
    .container {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .container {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1600px) {
    .container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.container--large {
    margin: 0 30px
}

@media (min-width:768px) {
    .container--large {
        margin: 0 40px
    }
}

@media (min-width:1024px) {
    .container--large {
        margin: 0 120px
    }
}

@media (min-width:1440px) {
    .container--large {
        margin: 0 auto;
        max-width: 1200px
    }
}

.container-1200 {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%
}

@media (min-width:768px) {
    .container-1200 {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .container-1200 {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1600px) {
    .container-1200 {
        padding-left: 80px;
        padding-right: 80px
    }
}

.container__model {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%
}

@media (min-width:768px) {
    .container__model {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1024px) {
    .container__model {
        padding-left: 120px;
        padding-right: 120px
    }
}

.container__model--no-desktop {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%
}

@media (min-width:768px) {
    .container__model--no-desktop {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1024px) {
    .container__model--no-desktop {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1440px) {
    .container__model__max-width {
        margin: 0 auto;
        max-width: 1440px
    }
}

@media (min-width:1600px) {
    .max-width-centered {
        margin: 0 auto;
        max-width: 1440px
    }
}

.container__footer-new {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .container__footer-new {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    .container__footer-new {
        padding-left: 40px;
        padding-right: 40px
    }
}

.text-container {
    margin: 0 auto;
    max-width: 900px
}

.text-container--no-max {
    max-width: none
}

.float-group:after {
    clear: both;
    content: "";
    display: table
}

.nowrap {
    white-space: nowrap
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    padding: 0
}

b,
p b,
p strong,
strong {
    font-weight: 700
}

.h1,
h1 {
    font-size: 2.5em;
    line-height: 1
}

@media (min-width:768px) {

    .h1,
    h1 {
        font-size: 3.125em;
        line-height: 1.22em
    }
}

.large-title {
    font-size: 3.75em;
    line-height: 1;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .large-title {
        font-size: 5.625em;
        letter-spacing: -6px;
        margin-bottom: 30px
    }
}

.request__title,
.thanks__title,
.gform_title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 1.875em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 40px
}

@media (min-width:768px) {

    .request__title,
    .thanks__title,
    .gform_title {
        font-size: 3.125em;
        margin-bottom: 50px
    }
}

.request__title--newsletter-subscribe,
.thanks__title--newsletter-subscribe {
    margin-bottom: 20px
}

@media (min-width:768px) {

    .request__title--newsletter-subscribe,
    .thanks__title--newsletter-subscribe {
        margin-bottom: 30px
    }
}

.title-v2,
.title-v2 p,
.gform_title {
    font-weight: 700
}

.title-v2 span {
    font-weight: 400
}

.button,
.page-content ol li,
.page-content p,
.page-content table,
.page-content ul li,
.text-regular {
    font-size: .9375em;
    line-height: 1.1666666667em
}

@media (min-width:768px) {

    .button,
    .page-content ol li,
    .page-content p,
    .page-content table,
    .page-content ul li,
    .text-regular {
        font-size: 1.375em;
        line-height: 1.3636363636em
    }
}

.delay-enter-active,
.delay-leave-active {
    transition: opacity .5s ease .2s
}

.delay-enter,
.delay-leave-to {
    opacity: 0
}

.a-fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .6s cubic-bezier(.66, 0, .12, 1), transform .6s cubic-bezier(.66, 0, .12, 1)
}

.a-fade-up.a-fade-up--1 {
    transition-delay: .2s
}

.a-fade-up.a-fade-up--2 {
    transition-delay: .4s
}

.a-fade-up.a-fade-up--3 {
    transition-delay: .6s
}

.a-fade-up.a-fade-up--4 {
    transition-delay: .8s
}

.a-fade-up.a-fade-up--5 {
    transition-delay: 1s
}

.a-fade-up.a-fade-up--6 {
    transition-delay: 1.2s
}

.a-fade-up.a-fade-up--7 {
    transition-delay: 1.4s
}

.a-fade-up.a-fade-up--8 {
    transition-delay: 1.6s
}

.a-fade-up.a-fade-up--9 {
    transition-delay: 1.8s
}

.a-fade-up.a-fade-up--10 {
    transition-delay: 2s
}

.a-fade-up.opacity {
    opacity: 0
}

.a-fade-up.rellax {
    transform: translateY(0)
}

.a-fade-up.--reveal {
    opacity: 1;
    transform: none
}

.a-fade-up.opacity.--reveal {
    opacity: .85
}

.a-fade-in,
.a-fade-in--initial {
    opacity: 0
}

.a-fade-in--initial.--reveal,
.a-fade-in.--reveal {
    opacity: 1;
    transition: opacity 1.2s ease, transform .6s ease
}

.a-fade-in--initial.a-fade-in--1,
.a-fade-in.a-fade-in--1 {
    transition-delay: .2s
}

.a-fade-in--initial.a-fade-in--2,
.a-fade-in.a-fade-in--2 {
    transition-delay: .4s
}

.a-fade-in--initial.a-fade-in--3,
.a-fade-in.a-fade-in--3 {
    transition-delay: .6s
}

.a-fade-in--initial.a-fade-in--4,
.a-fade-in.a-fade-in--4 {
    transition-delay: .8s
}

.a-fade-in--initial.a-fade-in--5,
.a-fade-in.a-fade-in--5 {
    transition-delay: 1s
}

.a-fade-in--initial.a-fade-in--6,
.a-fade-in.a-fade-in--6 {
    transition-delay: 1.2s
}

.a-fade-in--initial.a-fade-in--7,
.a-fade-in.a-fade-in--7 {
    transition-delay: 1.4s
}

.a-fade-in--initial.a-fade-in--8,
.a-fade-in.a-fade-in--8 {
    transition-delay: 1.6s
}

.a-fade-in--initial.a-fade-in--9,
.a-fade-in.a-fade-in--9 {
    transition-delay: 1.8s
}

.a-fade-in--initial.a-fade-in--10,
.a-fade-in.a-fade-in--10 {
    transition-delay: 2s
}

.opacity-blur {
    opacity: .2;
    transition: opacity 1s ease, filter 1s ease
}

.opacity-blur.--reveal {
    opacity: 1
}

.a-reveal {
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform .6s cubic-bezier(.66, 0, .12, 1)
}

.a-reveal.a-revealed {
    transform: scaleX(1)
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .4s cubic-bezier(.66, 0, .12, 1)
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.banner-image__block-info {
    display: inline-block;
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 1s cubic-bezier(.22, 1, .36, 1), transform 1s cubic-bezier(.22, 1, .36, 1);
    transition-delay: .2s
}

pre {
    color: red;
    font-size: 1.25em
}

.--white {
    color: #fff !important
}

.--bg-white {
    background-color: #fff !important
}

.--light-blue {
    color: #90d0ee !important
}

.--blue {
    color: #21a1dc !important
}

.--bg-light-blue {
    background-color: #90d0ee !important
}

.--bg-blue {
    background-color: #21a1dc !important
}

.--bold {
    font-weight: 700 !important
}

.--italic {
    font-style: italic !important
}

.top-title {
    color: hsla(0, 0%, 9%, .3);
    font-weight: 600;
    text-transform: uppercase
}

.top-title span {
    text-transform: lowercase
}

.section-chapter {
    background-color: #f2f2f2;
    height: 0;
    overflow: hidden
}

.section-chapter--white {
    background-color: #fff
}

.section-chapter--open {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .section-chapter--open {
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {
    .section-chapter--open {
        margin-bottom: 80px
    }
}

.section-chapter--full-specs {
    background-color: #fff
}

.section-chapter-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative
}

@media (min-width:768px) {
    .section-chapter-container {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .section-chapter-container {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:1440px) {
    .section-chapter-container {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.section-chapter__buttons-holder--center {
    display: flex;
    justify-content: center
}

.section-chapter__buttons-holder {
    text-align: center
}

.specs-close-button-container {
    display: flex;
    justify-content: center
}

.image-text-block-container {
    padding-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    .image-text-block-container {
        padding-bottom: 80px
    }
}

@media (min-width:1024px) {
    .image-text-block-container {
        padding-bottom: 120px
    }
}

.image-text-block-container--background {
    background-color: #f2f2f2;
    margin-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .image-text-block-container--background {
        margin-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:1024px) {
    .image-text-block-container--background {
        margin-bottom: 120px;
        padding-top: 120px
    }
}

.image-text-block-container--small-padding-bottom {
    padding-bottom: 40px
}

@media (min-width:768px) {
    .image-text-block-container--small-padding-bottom {
        padding-bottom: 60px
    }
}

@media (min-width:1024px) {
    .image-text-block-container--small-padding-bottom {
        padding-bottom: 80px
    }
}

.image-text-block-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative
}

.image-text-block {
    margin-bottom: 40px
}

@media (min-width:1024px) {
    .image-text-block {
        display: flex;
        margin-bottom: 80px
    }

    .image-text-block--fullwidth {
        flex-direction: column
    }
}

.image-text-block--last {
    margin-bottom: 0
}

.image-text-block--fullwidth .block-slider,
.image-text-block--fullwidth .image-text-block__holder--fullwidth {
    margin-bottom: 30px
}

.image-text-block__image-container {
    flex: 1
}

.image-text-block__holder,
.image-text-block__image {
    align-self: flex-start;
    display: block;
    margin-bottom: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {

    .image-text-block__holder,
    .image-text-block__image {
        flex: 1;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {

    .image-text-block__holder,
    .image-text-block__image {
        flex: unset;
        height: 500px;
        max-width: 765px;
        width: 765px
    }
}

.image-text-block__holder--fullwidth,
.image-text-block__image--fullwidth {
    height: auto;
    max-width: none;
    width: 100%
}

.image-text-block__holder--auto-height,
.image-text-block__image--auto-height {
    height: auto
}

@media (min-width:1024px) {

    .image-text-block__holder.block-slider,
    .image-text-block__image.block-slider {
        max-width: 67%
    }
}

.image-text-block__video {
    display: block;
    width: 100%
}

@media (min-width:1024px) {
    .image-text-block__content {
        max-width: 500px;
        min-width: 345px;
        padding: 5% 0 0 60px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.image-text-block__content--fullwidth {
    display: flex;
    padding: 0
}

@media (min-width:1440px) {
    .image-text-block__content {
        flex: 1;
        width: auto
    }
}

.image-text-block__content--model {
    width: 100%
}

.image-text-block__content--model div {
    max-width: 870px;
    width: 100%
}

@media (min-width:768px) {
    .image-text-block__content--model div {
        margin-right: 40px
    }
}

.image-text-block__content--model img {
    display: none;
    margin-left: auto;
    margin-right: 0
}

@media (min-width:768px) {
    .image-text-block__content--model img {
        display: block
    }
}

.image-text-block__content-title {
    color: #000;
    font-size: 1.5625em;
    margin-bottom: 10px
}

.image-text-block__content-text {
    color: rgba(0, 0, 0, .6);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

.image-text-block__content-text--spacing-bottom {
    margin-bottom: 32px
}

.image-text-block__content--large-text .image-text-block__content-title {
    font-size: 1.5625em
}

.image-text-block__content-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px
}

@media (min-width:1024px) {
    .image-text-block__content-image {
        margin-left: 0
    }
}

.image-text-block__content-detail {
    margin-top: 40px
}

.image-text-block__content-detail__title {
    color: #181818;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.24;
    opacity: .8
}

@media (min-width:768px) {
    .image-text-block__content-detail__title {
        font-size: 1.5625em
    }
}

.image-text-block__content-detail__subtitle {
    color: #181818;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.25;
    opacity: .4
}

@media (min-width:768px) {
    .image-text-block__content-detail__subtitle {
        font-size: 1em
    }
}

.image-text-block__button {
    margin-top: 30px
}

@media (min-width:768px) {
    .image-text-block__button {
        margin-top: 60px
    }
}

@media (min-width:1024px) {

    .image-text-block--reverse .image-text-block__image,
    .image-text-block--reverse .image-text-block__image-container {
        order: 2
    }

    .image-text-block--reverse .image-text-block__content {
        order: -1;
        padding-left: 0;
        padding-right: 60px
    }

    .image-text-block--reverse-ismart .image-text-block__image,
    .image-text-block--reverse-ismart .image-text-block__image-container,
    .image-text-block--reverse-ismart picture {
        display: flex;
        order: 2
    }

    .image-text-block--reverse-ismart .image-text-block__content {
        display: flex;
        flex-direction: column;
        order: 1;
        padding-left: 0;
        padding-right: 60px
    }
}

.about-image-text-block__image-container {
    height: 100%
}

.image-text-block__cta-holder {
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

.image-text-block__cta-holder--image {
    flex-direction: row;
    flex-wrap: wrap
}

.image-text-block__cta {
    margin-bottom: 15px
}

.image-text-block__cta-holder--image .image-text-block__cta:nth-child(2n-1) {
    margin-right: 15px
}

.image-description-block {
    margin-bottom: 40px
}

@media (min-width:1024px) {
    .image-description-block {
        margin-bottom: 80px
    }
}

.image-description-block__image {
    display: block;
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:1024px) {
    .image-description-block__image {
        margin-bottom: 40px
    }
}

.image-description-block__content-title {
    color: #000;
    margin-bottom: 10px
}

.image-description-block__content-text {
    color: rgba(0, 0, 0, .6);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    max-width: 560px
}

.fullscreen-video-container {
    background-color: #fff;
    margin-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    .fullscreen-video-container {
        margin-bottom: 50px;
        padding: 8px
    }
}

@media (min-width:1024px) {
    .fullscreen-video-container {
        margin-bottom: 80px
    }
}

.fullscreen-video-container.no-margin-bottom {
    margin-bottom: 0
}

.fullscreen-video-no-margin {
    background-color: #fff;
    position: relative
}

.fullscreen-video {
    display: block;
    height: auto;
    width: 100%
}

.video-block__play-button {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.video-block__content {
    display: none
}

@media (min-width:768px) {
    .video-block__content {
        display: block;
        left: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateY(-50%) translateY(140px);
        width: 100%;
        z-index: 10
    }
}

@media (min-width:768px) and (min-width:1024px) {
    .video-block__content {
        transform: translateY(-50%) translateY(145px)
    }
}

.three-blocks-holder {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media (min-width:480px) {
    .three-blocks-holder {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .three-blocks-holder {
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {
    .three-blocks-holder {
        margin-bottom: 60px
    }
}

.three-blocks__block {
    margin-bottom: 40px
}

@media (min-width:480px) {
    .three-blocks__block {
        width: 47%
    }
}

@media (min-width:768px) {
    .three-blocks__block {
        margin-bottom: 0;
        width: 28%
    }
}

@media (min-width:1024px) {
    .three-blocks__block {
        width: 28%
    }
}

@media (min-width:768px) {
    .three-hatch__block--two-blocks {
        width: 47%
    }
}

.three-blocks__block-image {
    display: block;
    margin-bottom: 27px;
    width: 100%
}

@media (min-width:1024px) {
    .three-blocks__block-image {
        margin-bottom: 37px
    }
}

.three-blocks__block-title {
    font-size: 1.5625em;
    margin-bottom: 8px
}

.three-blocks__block-text {
    font-size: 1em;
    line-height: 24px;
    opacity: .6
}

.margin-block-spacing {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .margin-block-spacing {
        margin-bottom: 80px
    }
}

@media (min-width:1024px) {
    .margin-block-spacing {
        margin-bottom: 120px
    }
}

.padding-block-spacing {
    padding-bottom: 40px
}

@media (min-width:768px) {
    .padding-block-spacing {
        padding-bottom: 80px
    }
}

@media (min-width:1024px) {
    .padding-block-spacing {
        padding-bottom: 120px
    }
}

.padding-block-spacing-top {
    padding-top: 40px
}

@media (min-width:768px) {
    .padding-block-spacing-top {
        padding-top: 80px
    }
}

@media (min-width:1024px) {
    .padding-block-spacing-top {
        padding-top: 120px
    }
}

.bg-off-white {
    background-color: #f2f2f2
}

.bg-white {
    background-color: #fff
}

.path-fill-white path {
    fill: #fff
}

.margin-bottom-block {
    margin-bottom: 40px
}

.margin-bottom-block:last-child {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .margin-bottom-block {
        margin-bottom: 80px
    }
}

.model__disclaimer {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .model__disclaimer {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {
    .model__disclaimer {
        margin-bottom: 80px
    }
}

.disclaimer-block {
    font-size: 1em;
    line-height: 1.3;
    opacity: .3;
    padding-bottom: 70px
}

.container-bg {
    background-color: #fff;
    color: #181818
}

.model-image--rounded-corners,
.model-video--rounded-corners>div:first-of-type {
    border-radius: 10px
}

.recharge-page--bottom-spacing {
    padding-bottom: 100px
}

@media (min-width:768px) {
    .recharge-page--bottom-spacing {
        padding-bottom: 40px
    }
}

.recharge-page--container {
    padding: 0 20px;
    width: 100%
}

@media (min-width:768px) {
    .recharge-page--container {
        align-self: center;
        max-width: 1440px;
        padding: 0 40px
    }
}

.button {
    border: 2px solid;
    border-radius: 58px;
    cursor: pointer;
    padding: 12px 40px;
    position: relative
}

.button--white {
    border-color: #fff
}

.button--outline,
.button--white {
    background-color: #fff;
    color: #181818
}

.button--black,
.button--outline {
    border-color: #181818
}

.button--black {
    background-color: #181818;
    color: #fff
}

.button--plus {
    padding-left: 25px;
    padding-right: 60px
}

@media (min-width:768px) {
    .button--plus {
        padding-right: 70px
    }
}

.button--plus svg {
    fill: currentColor;
    height: 18px;
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 18px
}

@media (min-width:768px) {
    .button--plus svg {
        height: 24px;
        right: 14px;
        width: 24px
    }
}

.button--plus:after {
    border: 2px solid;
    border-radius: 58px;
    content: "";
    display: block;
    height: 45px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -2px;
    width: 45px;
    z-index: 1
}

@media (min-width:768px) {
    .button--plus:after {
        height: 58px;
        width: 58px
    }
}

.button--arrow {
    padding-left: 25px;
    padding-right: 54px
}

@media (min-width:768px) {
    .button--arrow {
        padding-right: 62px
    }
}

.button--arrow svg {
    fill: currentColor;
    height: 17px;
    left: 0;
    position: absolute;
    transform: translateX(-6px);
    transition: transform .25s cubic-bezier(.165, .84, .44, 1);
    width: 24px
}

@media (min-width:768px) {
    .button--arrow svg {
        height: 21px;
        transform: translateX(-7px);
        width: 30px
    }
}

.button--loading:after {
    background-color: #fff;
    background-image: url(/media/images/loader.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 26px;
    border-radius: 58px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.button .button__arrow-right-holder {
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

@media (min-width:768px) {
    .button .button__arrow-right-holder {
        height: 21px;
        right: 9px;
        top: 14px;
        transform: translateY(0);
        width: 30px
    }
}

.button:disabled {
    background-color: #eee;
    cursor: not-allowed;
    pointer-events: none
}

.no-touchevents .button--plus:hover svg {
    transform: translateY(-50%) rotate(90deg)
}

@media (min-width:768px) {
    .no-touchevents .button--arrow:hover svg {
        transform: translateX(0)
    }
}

#header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50
}

#header.fixed {
    position: fixed
}

#header .header-container {
    padding-left: 25px;
    padding-right: 12px;
    width: 100%
}

@media (min-width:768px) {
    #header .header-container {
        padding-left: 30px;
        padding-right: 40px
    }

    .page-countdown #header .header-container {
        padding-right: 30px
    }
}

#header .header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 35px;
    padding-top: 25px
}

@media (min-width:768px) {
    #header .header-inner {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

@media (min-width:1600px) {
    #header .header-inner {
        padding-bottom: 35px;
        padding-top: 35px
    }
}

.page-countdown #header .header-inner {
    padding-top: 17px
}

@media (min-width:768px) {
    .page-countdown #header .header-inner {
        padding-top: 30px
    }
}

@media (min-width:1600px) {
    .page-countdown #header .header-inner {
        padding-top: 30px
    }
}

#header .logo {
    display: flex;
    position: relative;
    z-index: 25
}

#header .logo svg {
    fill: #fff;
    height: 40px;
    width: 40px
}

@media (min-width:768px) {
    #header .logo svg {
        height: 50px;
        width: 50px
    }
}

#header .logo span {
    display: inline-block;
    font-size: .9375em;
    letter-spacing: -.45px;
    line-height: 1;
    padding-left: 10px
}

@media (min-width:768px) {
    #header .logo span {
        font-size: 1.875em;
        padding-bottom: 5px;
        padding-left: 20px
    }
}

#header .logo--white svg path {
    fill: #fff
}

#header .logo-title {
    display: none;
    font-size: 1em;
    line-height: 1
}

#header #header.inverted {
    background-color: #181818;
    position: fixed
}

#header #header.inverted:before {
    display: none
}

#header #header.inverted--content {
    background-color: #181818
}

#header #header.inverted--content:before {
    display: none
}

#header #header.show-relative {
    position: relative
}

#header #header.display-none {
    display: none
}

#header-v2 {
    position: relative;
    width: 100%;
    z-index: 50
}

#header-v2.fixed {
    position: fixed
}

#header-v2 #hamburger-v2 {
    cursor: pointer;
    display: block;
    height: 35px;
    overflow: hidden;
    position: relative;
    width: 35px;
    z-index: 27
}

#header-v2 .country-close {
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in
}

#header-v2 .country-close--active {
    opacity: 1;
    pointer-events: all
}

#header-v2 .main-navigation {
    background-color: #000;
    bottom: 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 103px 25px 85px;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

@media (min-width:1024px) {
    #header-v2 .main-navigation {
        background-color: transparent;
        bottom: auto;
        display: flex;
        height: auto;
        justify-content: space-between;
        opacity: 1;
        padding: 0;
        position: relative;
        right: auto;
        visibility: visible;
        width: auto;
        width: 100%;
        z-index: 1
    }
}

#header-v2 .main-navigation--black {
    color: #181818
}

#header-v2 .main-navigation--black li a img {
    filter: invert(1)
}

#header-v2 .main-navigation--black .dropdown-arrow-menu {
    fill: #181818
}

#header-v2 .main-navigation--white {
    color: #fff
}

#header-v2 .main-navigation--background {
    transition: all .8s ease;
    z-index: 0
}

#header-v2 .main-navigation__overlay {
    background-color: #181818;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    transition: opacity .8s;
    width: 100%;
    z-index: 20
}

#header-v2 .fade-overlay-enter {
    opacity: 0
}

#header-v2 .fade-overlay-enter-to,
#header-v2 .fade-overlay-leave {
    opacity: .7
}

#header-v2 .fade-overlay-leave-to {
    opacity: 0
}

#header-v2 .main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    #header-v2 .main-navigation ul {
        align-items: center;
        display: flex
    }

    #header-v2 .main-navigation .main-navigation__list {
        margin-left: 20px
    }
}

@media (min-width:1024px) {
    #header-v2 .main-navigation .main-navigation__list {
        margin: auto
    }
}

#header-v2 .main-navigation li {
    display: block
}

#header-v2 .main-navigation li+li {
    margin-top: 10px
}

@media (min-width:768px) {
    #header-v2 .main-navigation li {
        margin: 0 10px
    }

    #header-v2 .main-navigation li a {
        position: relative
    }

    #header-v2 .main-navigation li a:before {
        background-color: #fff;
        bottom: -3px;
        content: "";
        height: 3px;
        left: 0;
        max-height: 3px;
        position: absolute;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1);
        width: 30px
    }

    #header-v2 .main-navigation li a.active:before {
        transform: scaleX(1)
    }

    #header-v2 .main-navigation li a.has-icon {
        margin-left: 27px
    }

    #header-v2 .main-navigation li a img {
        left: -27px;
        margin-right: 10px;
        position: absolute;
        top: 3px
    }

    #header-v2 .main-navigation li+li {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    #header-v2 .main-navigation li {
        margin: 0 15px
    }
}

#header-v2 .main-navigation a,
#header-v2 .main-navigation div.toggle-countries {
    font-size: 1.875em;
    line-height: 1.5em
}

@media (min-width:768px) {

    #header-v2 .main-navigation a,
    #header-v2 .main-navigation div.toggle-countries {
        font-size: 1.125em;
        line-height: 1.3636363636em
    }
}

#header-v2 .main-navigation ul.main-navigation__sublist {
    display: block;
    height: auto;
    overflow: hidden;
    perspective: 1000px;
    position: absolute
}

#header-v2 .main-navigation ul.main-navigation__sublist li:first-child {
    -webkit-animation: rotateX .3s ease-in-out 60ms forwards;
    animation: rotateX .3s ease-in-out 60ms forwards;
    transform-origin: top center
}

@-webkit-keyframes rotateX {
    0% {
        opacity: 0;
        transform: rotateX(-90deg)
    }

    50% {
        transform: rotateX(-20deg)
    }

    to {
        opacity: 1;
        transform: rotateX(0deg)
    }
}

#header-v2 .main-navigation ul.main-navigation__sublist li:nth-child(2) {
    -webkit-animation: rotateX .3s ease-in-out .12s forwards;
    animation: rotateX .3s ease-in-out .12s forwards;
    transform-origin: top center
}

#header-v2 .main-navigation ul.main-navigation__sublist li:nth-child(3) {
    -webkit-animation: rotateX .3s ease-in-out .18s forwards;
    animation: rotateX .3s ease-in-out .18s forwards;
    transform-origin: top center
}

#header-v2 .main-navigation ul.main-navigation__sublist li:nth-child(4) {
    -webkit-animation: rotateX .3s ease-in-out .24s forwards;
    animation: rotateX .3s ease-in-out .24s forwards;
    transform-origin: top center
}

#header-v2 .main-navigation ul.main-navigation__sublist li:nth-child(5) {
    -webkit-animation: rotateX .3s ease-in-out .3s forwards;
    animation: rotateX .3s ease-in-out .3s forwards;
    transform-origin: top center
}

#header-v2 .main-navigation ul.main-navigation__sublist li {
    display: none;
    margin: 10px 0;
    opacity: 0
}

#header-v2 .dropdown:hover .main-navigation__sublist li {
    display: block
}

#header-v2 .dropdown-arrow-menu {
    fill: #fff;
    margin-left: 10px;
    transform: translateY(-2px)
}

#header-v2 .main-navigation .toggle-countries {
    border-color: #fff;
    cursor: pointer;
    font-style: italic
}

@media (min-width:768px) {
    #header-v2 .main-navigation .toggle-countries {
        border-radius: 50px;
        color: #fff;
        font-style: normal;
        overflow: hidden;
        padding: 0 30px;
        position: relative;
        transition: color .7s cubic-bezier(.165, .84, .44, 1)
    }

    .page-countdown #header-v2 .main-navigation .toggle-countries {
        overflow: visible
    }
}

#header-v2 .main-navigation .toggle-countries svg {
    fill: #fff;
    stroke-width: 1px;
    stroke: #fff;
    height: 30px;
    margin-right: 5px;
    width: 24px
}

@media (min-width:768px) {
    #header-v2 .main-navigation .toggle-countries svg {
        display: none
    }
}

#header-v2 .main-navigation .toggle-countries--black {
    color: #181818
}

#header-v2 .main-navigation .toggle-countries--white {
    color: #fff
}

#header-v2 .main-navigation .main-navigation__country {
    display: none
}

@media (min-width:1280px) {
    #header-v2 .main-navigation .main-navigation__country {
        display: flex
    }
}

@media (min-width:768px) {
    #header-v2 .main-navigation .main-navigation__country li {
        margin-right: 0
    }
}

#header-v2 .collapsable-menu {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .8s ease, width .5s ease-out;
    width: 100%;
    z-index: 25
}

@media (min-width:768px) {
    #header-v2 .collapsable-menu {
        width: 375px;
        z-index: 21
    }
}

#header-v2 .collapsable-menu.nav--visible {
    transform: translateX(0)
}

#header-v2 .collapsable-menu-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 85px;
    overflow-y: auto
}

#header-v2 .collapsable-menu-container ul {
    color: #181818;
    margin: 0;
    padding: 0
}

#header-v2 .collapsable-menu-container ul:nth-last-child(2) {
    height: 100%
}

@media (min-width:768px) {
    #header-v2 .collapsable-menu .logo {
        display: none
    }
}

#header-v2 .collapsable-menu__cta {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    margin: 0;
    min-height: 75px;
    padding: 15px;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    #header-v2 .collapsable-menu__cta {
        padding: 30px 40px 30px 30px
    }
}

#header-v2 .collapsable-menu__cta .button {
    font-size: 1em;
    padding: 10px 20px
}

@media (min-width:768px) {
    #header-v2 .collapsable-menu__cta .button {
        padding: 15px 30px
    }
}

#header-v2 .collapsable-menu .collapsable-menu__item {
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    list-style: none;
    padding: 20px 40px
}

#header-v2 .collapsable-menu .collapsable-menu__item a,
#header-v2 .collapsable-menu .collapsable-menu__item div {
    font-size: 1.125em
}

#header-v2 .collapsable-menu .collapsable-menu__item .toggle-countries {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row
}

#header-v2 .collapsable-menu .collapsable-menu__item--countries {
    border-bottom: none
}

#header-v2 .hamburger__line {
    background-color: #000;
    height: 2px;
    margin: 5px auto 0;
    position: relative;
    top: 4px;
    width: 31px
}

#header-v2 .hamburger__bottom {
    transform: rotate(0deg) translateY(0);
    transition: .5s
}

#header-v2 .hamburger__bottom--active {
    transform: translateY(-7px) rotate(-45deg);
    transition: .5s;
    width: 20px
}

#header-v2 .hamburger__top {
    transform: rotate(0deg) translateY(0);
    transition: .5s
}

#header-v2 .hamburger__top--active {
    transform: translateY(7px) rotate(45deg);
    transition: .5s;
    width: 20px
}

#header-v2 .hamburger__middle {
    opacity: 1;
    transition: .6s
}

#header-v2 .hamburger__middle--active {
    opacity: 0;
    transition: .6s
}

#header-v2 .hamburger-inner {
    color: #000;
    margin-bottom: 8px;
    margin-top: 8px;
    position: relative
}

#header-v2 .hamburger-inner,
#header-v2 .hamburger-inner:after,
#header-v2 .hamburger-inner:before {
    background-color: currentColor;
    border-radius: 3px;
    display: block;
    height: 3px;
    transition-duration: .3s;
    transition-property: background-color, transform;
    width: 25px
}

#header-v2 .hamburger-inner:after,
#header-v2 .hamburger-inner:before {
    content: "";
    left: 0;
    position: absolute
}

#header-v2 .hamburger-inner:before {
    top: -8px
}

#header-v2 .hamburger-inner:after {
    bottom: -8px
}

#header-v2 .hamburger-inner__active {
    transform: rotate(45deg) translate(5px, -5px)
}

#header-v2 .hamburger-inner__active:before {
    transform: rotate(45deg) translate(6px, 6px)
}

#header-v2 .hamburger-inner__active:after {
    opacity: 0
}

#header-v2 .hamburger-inner--black {
    color: #181818
}

#header-v2 .hamburger-inner--white {
    color: #fff
}

#header-v2 .countries-switcher-cee {
    background-color: #fff;
    bottom: 0;
    color: #181818;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 50
}

#header-v2 .countries-switcher-cee.countries--visible {
    opacity: 1;
    visibility: visible
}

#header-v2 .countries-switcher-cee .container {
    height: 100%
}

#header-v2 .countries-navigation-cee {
    margin: 10px 40px 0
}

@media (min-width:768px) {
    #header-v2 .countries-navigation-cee {
        margin-top: 0;
        width: 100%
    }
}

@media (min-width:1024px) {
    #header-v2 .countries-navigation-cee {
        margin: 0;
        max-width: 1200px;
        padding-bottom: 70px;
        width: 100%
    }
}

#header-v2 .countries-navigation-cee ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    #header-v2 .countries-navigation-cee ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

#header-v2 .countries-navigation-cee li {
    display: block;
    margin: 20px 0
}

@media (min-width:768px) {
    #header-v2 .countries-navigation-cee li {
        margin: 30px 0;
        width: 33%
    }
}

@media (min-width:1024px) {
    #header-v2 .countries-navigation-cee li {
        width: 24%
    }
}

#header-v2 .countries-navigation-cee li.country--current {
    color: #fff;
    font-style: italic
}

#header-v2 .countries-navigation-cee .country-language {
    font-size: 19px;
    position: relative;
    top: 4px;
    vertical-align: super
}

@media (min-width:768px) {
    #header-v2 .countries-navigation-cee .country-language {
        font-size: 25px
    }
}

@media (min-width:1280px) {
    #header-v2 .countries-navigation-cee .country-language {
        font-size: 30px
    }
}

#header-v2 .countries-switcher {
    background-color: #fff;
    bottom: 0;
    color: #181818;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 30
}

#header-v2 .countries-switcher.countries--visible {
    opacity: 1;
    visibility: visible
}

#header-v2 .countries-switcher .container {
    height: 100%
}

@media (max-width:767px) {
    #header-v2 .countries-switcher-container {
        padding: 80px 0 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    #header-v2 .countries-switcher-container {
        padding: 80px 0 0
    }
}

@media (min-width:768px) {
    #header-v2 .countries-switcher-container {
        display: flex;
        justify-content: center
    }
}

#header-v2 .countries-switcher-inner {
    display: flex;
    height: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative
}

@media (min-width:1024px) {
    #header-v2 .countries-switcher-inner {
        align-items: center;
        height: 100%;
        justify-content: center;
        position: absolute;
        top: 120px
    }
}

@media (min-width:1600px) {
    #header-v2 .countries-switcher-inner {
        top: 180px
    }
}

#header-v2 .toggle-countries .toggle-countries__flag {
    margin-left: auto
}

#header-v2 .toggle-countries .toggle-countries__flag img {
    border-radius: 16px;
    height: 32px;
    width: 32px
}

#header-v2 .countries-navigation {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 10px 40px 0;
    width: 100%
}

@media (min-width:1024px) {
    #header-v2 .countries-navigation {
        margin-top: 0;
        max-width: 1200px;
        padding-bottom: 70px
    }
}

@media (min-width:1280px) {
    #header-v2 .countries-navigation {
        margin: 0
    }
}

#header-v2 .countries-navigation ul {
    list-style: none;
    margin: 0;
    overflow-y: auto
}

@media (min-width:768px) {
    #header-v2 .countries-navigation ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-bottom: 20px
    }
}

#header-v2 .countries-navigation li {
    display: block;
    margin: 20px 0
}

@media (min-width:768px) {
    #header-v2 .countries-navigation li {
        margin: 30px 0;
        width: 33%
    }
}

@media (min-width:1024px) {
    #header-v2 .countries-navigation li {
        width: 25%
    }
}

#header-v2 .countries-navigation li.country--current {
    color: #fff;
    font-style: italic
}

#header-v2 .countries-navigation .country-language {
    font-size: 19px;
    position: relative;
    top: 4px;
    vertical-align: super
}

@media (min-width:768px) {
    #header-v2 .countries-navigation .country-language {
        font-size: 25px
    }
}

@media (min-width:1280px) {
    #header-v2 .countries-navigation .country-language {
        font-size: 30px
    }
}

#header-v2 .countries-switcher__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 75px;
    justify-content: space-between;
    left: 0;
    padding: 0 20px 0 15px;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    #header-v2 .countries-switcher__header {
        height: 110px;
        padding: 0 40px
    }
}

#header-v2 .toggle-countries {
    display: block;
    z-index: 15
}

#header-v2 .toggle-countries .hamburger-inner {
    background-color: transparent;
    color: #181818;
    opacity: .2
}

#header-v2 .toggle-countries .hamburger-inner:before {
    transform: translateY(8px) rotate(45deg)
}

#header-v2 .toggle-countries .hamburger-inner:after {
    transform: translateY(-8px) rotate(-45deg)
}

#header-v2 .countries-navigation__title {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    text-align: left;
    width: 175px
}

@media (min-width:1024px) {
    #header-v2 .countries-navigation__title {
        margin-bottom: 80px;
        text-align: center;
        width: 100%
    }
}

#header-v2 .countries-navigation__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row
}

#header-v2 .countries-navigation__bundle {
    color: #181818;
    display: flex;
    flex-direction: column;
    margin-left: 5px
}

#header-v2 .countries-navigation__country {
    font-size: 1.25em;
    font-weight: 700
}

#header-v2 .countries-navigation__language {
    font-size: 1em;
    opacity: .5
}

#header-v2 .countries-navigation__language-cee {
    font-size: 1em;
    opacity: .5;
    width: 70%
}

#header-v2 ul.only-country-toggle {
    margin-left: auto
}

#header-v2 ul.only-country-toggle li {
    margin: 0
}

@media (min-width:1440px) {
    #header-v2 .no-touchevents .main-navigation li a:hover:before {
        transform: scaleX(1)
    }
}

#header-v2 .header-container {
    background-color: #f7f7f7;
    padding-left: 25px;
    padding-right: 12px;
    position: relative;
    width: 100%;
    z-index: 30
}

@media (min-width:768px) {
    #header-v2 .header-container {
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 40px
    }

    .page-countdown #header-v2 .header-container {
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    #header-v2 .header-container {
        padding-left: 40px
    }
}

#header-v2 .header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 35px;
    padding-top: 25px
}

@media (min-width:768px) {
    #header-v2 .header-inner {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

@media (min-width:1600px) {
    #header-v2 .header-inner {
        padding-bottom: 35px;
        padding-top: 35px
    }
}

.page-countdown #header-v2 .header-inner {
    padding-top: 17px
}

@media (min-width:768px) {
    .page-countdown #header-v2 .header-inner {
        padding-top: 30px
    }
}

@media (min-width:1600px) {
    .page-countdown #header-v2 .header-inner {
        padding-top: 30px
    }
}

#header-v2 .custom-logo-link {
    display: flex;
    position: relative;
    z-index: 25;
}
#header-v2 .custom-logo-link img,
#footer-v2 .container__footer-new .footer-inner .footer-logo .custom-logo-link img {
    height: 50px;
    width: 50px;
}

#header-v2 .custom-logo-link svg {
    fill: #fff;
    height: 40px;
    width: 40px
}

@media (min-width:768px) {
    #header-v2 .custom-logo-link svg {
        height: 50px;
        width: 50px
    }
}

#header-v2 .custom-logo-link span {
    display: inline-block;
    font-size: .9375em;
    letter-spacing: -.45px;
    line-height: 1;
    padding-left: 10px
}

@media (min-width:768px) {
    #header-v2 .custom-logo-link span {
        font-size: 1.875em;
        padding-bottom: 5px;
        padding-left: 20px
    }
}

#header-v2 .custom-logo-link--white svg path {
    fill: #fff
}

#header-v2 .custom-logo-link-title {
    display: none;
    font-size: 1em;
    line-height: 1
}

#header-v2 #header.inverted {
    background-color: #181818;
    position: fixed
}

#header-v2 #header.inverted:before {
    display: none
}

#header-v2 #header.inverted--content {
    background-color: #181818
}

#header-v2 #header.inverted--content:before {
    display: none
}

#header-v2 #header.show-relative {
    position: relative
}

#header-v2 #header.display-none {
    display: none
}

#footer {
    background-color: #f7f7f7;
    color: #181818;
    line-height: 1.2em;
    padding-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    #footer {
        font-size: .9375em;
        line-height: 1.1333333333em
    }
}

#footer .footer-inner {
    padding-bottom: 35px;
    padding-top: 35px;
    position: relative
}

@media (min-width:768px) {
    #footer .footer-inner {
        padding-bottom: 95px;
        padding-top: 65px
    }
}

@media (min-width:1024px) {
    #footer .footer-inner {
        display: flex;
        flex-flow: nowrap;
        justify-content: space-between;
        padding-top: 115px
    }
}

#footer .footer-inner--disclaimer {
    padding-bottom: 115px
}

#footer .footer-logo {
    align-items: center;
    display: flex;
    padding-bottom: 35px
}

@media (min-width:1024px) {
    #footer .footer-logo {
        display: block;
        flex: 0 0 auto;
        margin-right: 30px;
        max-width: 100%;
        padding-bottom: 0;
        text-align: center;
        width: auto
    }
}

#footer .footer-logo__tagline {
    color: #181818;
    font-size: 1.5em;
    font-weight: 400;
    margin-left: 15px;
    margin-top: 0
}

@media (min-width:1024px) {
    #footer .footer-logo__tagline {
        margin-left: 0;
        margin-top: 15px
    }
}

#footer .logo-icon svg {
    fill: #181818;
    height: 60px;
    width: 60px
}

@media (min-width:1024px) {
    #footer .footer-content-wrapper {
        display: flex;
        flex: 1 1 0;
        justify-content: flex-end;
        max-width: 755px;
        width: auto
    }
}

@media (min-width:1440px) {
    #footer .footer-content-wrapper {
        max-width: 855px
    }
}

@media (min-width:768px) {
    #footer .footer-content {
        display: flex;
        flex-direction: column
    }
}

@media (min-width:1024px) {
    #footer .footer-content {
        flex: 1 1 0;
        flex-direction: row;
        flex-flow: row wrap;
        width: auto
    }
}

#footer .footer-content p {
    font-size: .875em;
    line-height: 1.7;
    margin: 0 0 11px
}

@media (min-width:768px) {
    #footer .footer-content p {
        margin-bottom: 25px
    }
}

#footer .footer-content p:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    #footer .footer-navigation {
        flex: 0 0 100%;
        width: 100%
    }
}

@media (min-width:1024px) {
    #footer .footer-navigation {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }
}

#footer .footer-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer .footer-navigation>ul {
    display: flex;
    flex-flow: column wrap
}

@media (min-width:768px) {
    #footer .footer-navigation>ul {
        flex-flow: row wrap
    }
}

#footer .footer-navigation>ul>li {
    flex: 0 0 50%;
    margin-bottom: 25px;
    width: 50%
}

@media (min-width:768px) {
    #footer .footer-navigation>ul>li {
        flex: 0 0 33%;
        padding-right: 15px;
        width: 33%
    }
}

#footer .footer-navigation>ul ul li {
    font-size: .875em;
    font-weight: 400;
    margin-bottom: 8px
}

#footer .footer-navigation>ul ul a {
    color: #181818
}

#footer .footer-link--aftersales,
#footer .footer-link--privacy-statement {
    margin-top: 25px
}

#footer .footer-navigation-title {
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 15px
}

#footer .footer-contact .footer-navigation-title {
    margin-bottom: 10px
}

#footer .footer-contact p {
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5
}

#footer .footer-channels {
    position: absolute;
    right: 0;
    top: 100px
}

@media (min-width:768px) {
    #footer .footer-channels {
        display: flex
    }
}

@media (min-width:1024px) {
    #footer .footer-channels {
        align-items: center;
        bottom: 60px;
        flex: 0 0 100%;
        left: 0;
        position: absolute;
        top: auto;
        width: 100%
    }
}

#footer .footer-social {
    margin-top: 40px
}

@media (min-width:768px) {
    #footer .footer-social {
        margin-top: 60px
    }
}

@media (min-width:1024px) {
    #footer .footer-social {
        flex: 0 0 auto;
        margin-top: 0;
        max-width: 100%;
        width: auto
    }
}

#footer .footer-social ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:1024px) {
    #footer .footer-social ul {
        flex-direction: row
    }
}

#footer .footer-social li {
    margin-bottom: 40px;
    text-align: center
}

@media (min-width:1024px) {
    #footer .footer-social li {
        margin-bottom: 0;
        margin-right: 35px;
        text-align: left
    }
}

#footer .footer-social a {
    background-color: transparent;
    border-radius: 50%;
    display: block;
    position: relative;
    transition: border-color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1)
}

#footer .footer-social a svg {
    fill: #181818;
    height: 20px;
    transition: fill .5s cubic-bezier(.165, .84, .44, 1);
    width: auto
}

#footer .footer-social a svg.tiktok {
    height: 24px
}

@media (min-width:768px) {
    #footer .footer-social a svg.tiktok {
        height: 22px;
        margin-top: -1px
    }

    #footer .footer-contact {
        position: relative
    }
}

@media (min-width:1024px) {
    #footer .footer-contact {
        flex: 0 0 auto;
        margin-top: 0;
        max-width: 100%;
        order: 2;
        width: auto
    }
}

#footer .footer-slider {
    border-bottom: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    padding: 24px 0
}

#footer .footer-pollution__text {
    font-size: .75em;
    line-height: 2;
    margin: 0
}

#footer .footer-pollution__hashtag {
    font-size: .875em;
    line-height: 1.71;
    margin: 0
}

#footer .footer-disclaimer {
    font-size: .75em !important;
    line-height: 1.7;
    margin-left: auto
}

#footer .footer-disclaimer--mobile {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 30px
}

@media (min-width:1024px) {
    #footer .footer-disclaimer--mobile {
        display: none
    }
}

#footer .footer-disclaimer--tablet-landscape {
    display: none
}

@media (min-width:1024px) {
    #footer .footer-disclaimer--tablet-landscape {
        display: block;
        margin-left: auto !important
    }
}

#footer .footer-disclaimer--extra {
    margin: 0 20px;
    padding: 10px 0 15px
}

#footer .footer-disclaimer--extra p,
#footer .footer-disclaimer--extra--tablet-landscape {
    margin: 0
}

#footer .footer-disclaimer--margin-top {
    margin-top: 40px !important
}

#footer-v2 {
    background-color: #fff;
    color: #181818;
    line-height: 1.2em;
    padding-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    #footer-v2 {
        font-size: .9375em;
        line-height: 1.1333333333em
    }
}

#footer-v2 .footer-inner {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 70px;
    position: relative
}

@media (min-width:1024px) {
    #footer-v2 .footer-inner {
        display: flex;
        flex-flow: nowrap;
        justify-content: space-between
    }
}

#footer-v2 .footer-inner--disclaimer {
    padding-bottom: 115px
}

#footer-v2 .footer-logo {
    align-items: center;
    display: flex;
    padding-bottom: 12px
}

@media (min-width:1024px) {
    #footer-v2 .footer-logo {
        display: block;
        flex: 0 0 auto;
        margin-right: 30px;
        max-width: 100%;
        padding-bottom: 35px;
        width: auto
    }
}

#footer-v2 .footer-logo__tagline {
    color: #181818;
    font-size: 1.5em;
    font-weight: 400;
    margin-left: 15px;
    margin-top: 0
}

@media (min-width:1024px) {
    #footer-v2 .footer-logo__tagline {
        margin-left: 0;
        margin-top: 15px
    }
}

#footer-v2 .logo-icon svg {
    fill: #181818;
    height: 60px;
    width: 60px
}

@media (min-width:1024px) {
    #footer-v2 .footer-content-wrapper {
        display: flex;
        flex: 1 1 0;
        justify-content: flex-end;
        max-width: 755px;
        width: auto
    }
}

@media (min-width:1440px) {
    #footer-v2 .footer-content-wrapper {
        max-width: 855px
    }
}

@media (min-width:768px) {
    #footer-v2 .footer-content {
        display: flex;
        flex-direction: column
    }
}

@media (min-width:1024px) {
    #footer-v2 .footer-content {
        flex: 1 1 0;
        flex-direction: row;
        flex-flow: row wrap;
        width: auto
    }
}

#footer-v2 .footer-content p {
    font-size: .875em;
    line-height: 1.7;
    margin: 0 0 11px
}

@media (min-width:768px) {
    #footer-v2 .footer-content p {
        margin-bottom: 25px
    }
}

#footer-v2 .footer-content p:last-child {
    margin-bottom: 0
}

#footer-v2 .footer-navigation {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 40px
}

@media (min-width:768px) {
    #footer-v2 .footer-navigation {
        grid-template-columns: repeat(3, 1fr);
        padding-top: 0
    }
}

#footer-v2 .footer-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer-v2 .footer-navigation li {
    list-style: none;
    margin: 0;
    padding-bottom: 12px
}

#footer-v2 .footer-navigation__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 12px
}

@media (min-width:768px) {
    #footer-v2 .footer-navigation__wrapper {
        grid-template-columns: .8fr 1.2fr;
        padding-top: 32px
    }
}

#footer-v2 .footer-link {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 350;
    line-height: 24px;
    position: relative
}

#footer-v2 .footer-link:before {
    background-color: #181818;
    bottom: 6px;
    content: "";
    height: 3px;
    left: 0;
    max-height: 3px;
    opacity: .6;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 30px
}

#footer-v2 .footer-link:hover:before {
    transform: scaleX(1)
}

#footer-v2 .footer-navigation-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 350;
    line-height: 28px;
    margin-bottom: 15px
}

#footer-v2 .footer-contact p {
    color: #6c6c6c;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 14px;
    font-weight: 350;
    line-height: 20px
}

#footer-v2 .footer-channels {
    display: flex;
    justify-content: left;
    padding-bottom: 10px;
    padding-top: 10px
}

@media (min-width:768px) {
    #footer-v2 .footer-channels {
        justify-content: right;
        padding-bottom: 20px;
        padding-top: 100px
    }
}

#footer-v2 .footer-social {
    margin-top: 40px
}

@media (min-width:768px) {
    #footer-v2 .footer-social {
        margin-top: 60px
    }
}

@media (min-width:1024px) {
    #footer-v2 .footer-social {
        flex: 0 0 auto;
        margin-top: 0;
        max-width: 100%;
        width: auto
    }
}

#footer-v2 .footer-social ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 18px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:1024px) {
    #footer-v2 .footer-social ul {
        gap: unset
    }
}

#footer-v2 .footer-social li {
    margin-bottom: 40px;
    text-align: center
}

@media (min-width:1024px) {
    #footer-v2 .footer-social li {
        margin-bottom: 0;
        margin-right: 35px;
        text-align: left
    }
}

#footer-v2 .footer-social a {
    background-color: transparent;
    border-radius: 50%;
    display: block;
    position: relative;
    transition: border-color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1)
}

#footer-v2 .footer-social a:hover svg {
    fill: #181818
}

#footer-v2 .footer-social a svg {
    fill: #a2a2a2;
    height: 20px;
    transition: fill .5s cubic-bezier(.165, .84, .44, 1);
    width: auto
}

#footer-v2 .footer-social a svg.tiktok {
    height: 24px
}

@media (min-width:768px) {
    #footer-v2 .footer-social a svg.tiktok {
        height: 22px;
        margin-top: -1px
    }
}

#footer-v2 .footer-slider {
    border-bottom: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    padding: 24px 0
}

#footer-v2 .footer-navigation-group__title {
    color: #aeaeae;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 350;
    letter-spacing: 1.25px;
    line-height: 16px;
    padding-bottom: 28px;
    text-transform: uppercase
}

#footer-v2 .footer-pollution__text {
    font-size: .75em;
    line-height: 2;
    margin: 0
}

#footer-v2 .footer-pollution__hashtag {
    font-size: .875em;
    line-height: 1.71;
    margin: 0
}

#footer-v2 .footer-disclaimer {
    color: #000;
    font-size: 12px !important;
    line-height: 1.5;
    margin-left: auto;
    opacity: .3
}

#footer-v2 .footer-disclaimer--mobile {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 30px
}

@media (min-width:1024px) {
    #footer-v2 .footer-disclaimer--mobile {
        display: none
    }
}

#footer-v2 .footer-disclaimer--tablet-landscape {
    display: none
}

@media (min-width:1024px) {
    #footer-v2 .footer-disclaimer--tablet-landscape {
        display: block;
        margin-left: auto !important
    }
}

#footer-v2 .footer-disclaimer--extra {
    margin: 0 20px;
    padding: 10px 0 15px
}

#footer-v2 .footer-disclaimer--extra p,
#footer-v2 .footer-disclaimer--extra--tablet-landscape {
    margin: 0
}

#footer-v2 .footer-disclaimer--margin-top {
    margin-top: 40px !important
}

.switcher__container {
    padding-bottom: 60px
}

@media (min-width:1440px) {
    .switcher__container {
        padding-bottom: 120px
    }
}

.switcher__section {
    padding-bottom: 60px
}

.switcher__no-margin,
.switcher__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.switcher__section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    padding-bottom: 16px
}

@media (min-width:768px) {
    .switcher__section-title {
        font-size: 40px;
        line-height: 42px
    }
}

.switcher__section-description {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: .7
}

@media (min-width:768px) {
    .switcher__section-description {
        opacity: .8
    }
}

.switcher__tab-holder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.switcher__tab-container {
    background-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    justify-content: start;
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%
}

@media (min-width:768px) {
    .switcher__tab-container {
        justify-content: space-around;
        overflow-x: unset
    }
}

.switcher__tab-container::-webkit-scrollbar {
    display: none
}

.switcher__tab-container .tab__container-item {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    opacity: .4;
    padding-right: 25px;
    position: relative;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .switcher__tab-container .tab__container-item {
        font-size: 25px;
        line-height: 30px;
        padding-right: 0;
        white-space: unset
    }
}

.switcher__tab-container .tab__container-item--active {
    opacity: 1
}

.switcher__tab-container .tab__container-item--active:after {
    background-color: #181818;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px
}

.switcher__tab-extra {
    margin-bottom: 32px;
    padding-bottom: 20px;
    width: 100%
}

.switcher__disclaimer {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: .6;
    padding-top: 32px
}

.switcher__video-holder {
    height: auto;
    width: 100%
}

.switcher__image {
    height: 100%;
    width: 100%
}

.imagesChapter__container {
    padding-bottom: 60px
}

@media (min-width:1440px) {
    .imagesChapter__container {
        padding-bottom: 120px
    }
}

.imagesChapter__no-margin,
.imagesChapter__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.imagesChapter__section {
    padding-bottom: 60px
}

.imagesChapter__section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 16px
}

@media (min-width:768px) {
    .imagesChapter__section-title {
        font-size: 40px;
        line-height: 42px
    }
}

.imagesChapter__section-description {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: .7
}

@media (min-width:768px) {
    .imagesChapter__section-description {
        opacity: .8
    }
}

.imagesChapter__section-subtitle {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    opacity: .8;
    padding-bottom: 16px
}

.imagesChapter__image-container {
    grid-row-gap: 60px;
    align-items: flex-start;
    display: grid
}

@media (min-width:768px) {
    .imagesChapter__image-container {
        grid-column-gap: 32px;
        grid-template-columns: .8fr 1.2fr
    }
}

.imagesChapter__image-container-left {
    grid-row-gap: 60px;
    align-items: flex-start;
    display: grid
}

@media (min-width:768px) {
    .imagesChapter__image-container-left {
        grid-column-gap: 32px;
        grid-template-columns: 1.2fr .8fr
    }
}

.imagesChapter__image {
    height: 100%;
    width: 100%
}

.imagesChapter__image-title {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%;
    opacity: .8;
    padding-bottom: 16px;
    padding-top: 32px
}

.imagesChapter__image-descrpition {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: .8
}

@media (min-width:768px) {
    .imagesChapter__image-wrapper-cutoff {
        max-width: 65%
    }
}

.germanyTeaser_wrapper {
    width: 100%
}

@media (min-width:1440px) {
    .germanyTeaser_wrapper {
        margin: 0 auto;
        max-width: 1440px
    }
}

.germanyTeaser__tablet {
    display: none
}

@media (min-width:768px) {
    .germanyTeaser__tablet {
        display: flex;
        width: 100%
    }
}

.germanyTeaser__wrapper-padding {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .germanyTeaser__wrapper-padding {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:1440px) {
    .germanyTeaser__wrapper-padding {
        padding-left: 120px;
        padding-right: 120px
    }
}

.germanyTeaser__mobile {
    display: flex
}

@media (min-width:768px) {
    .germanyTeaser__mobile {
        display: none
    }
}

.germanyTeaser_container {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .germanyTeaser_container {
        padding: 48px 0
    }
}

.germanyTeaser_title-wrapper {
    padding-top: 40px
}

@media (min-width:768px) {
    .germanyTeaser_title-wrapper {
        max-width: 50%;
        padding-bottom: 40px;
        padding-top: 0
    }
}

.germanyTeaser_section-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: .3
}

.germanyTeaser_form-title,
.germanyTeaser_section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

.germanyTeaser_form-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px
}

@media (min-width:768px) {
    .germanyTeaser_form-title {
        font-size: 52px;
        line-height: 60px
    }
}

.germanyTeaser__image {
    height: 100%;
    min-height: 230px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .germanyTeaser__image {
        min-height: 430px
    }
}

.germanyTeaser__image-wrapper {
    position: relative;
    width: 100%
}

.germanyTeaser__image-text-wrapper {
    bottom: 40px;
    position: absolute
}

.germanyTeaser_color-image {
    cursor: pointer;
    height: 42px;
    margin-right: 20px;
    padding: 2px;
    width: 42px
}

.germanyTeaser_color-image--active {
    border: 2px solid #000;
    border-radius: 50%
}

.germanyTeaser__no-margin,
.germanyTeaser__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.germanyTeaser_grid {
    grid-row-gap: 8px;
    grid-column-gap: 13px;
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .germanyTeaser_grid {
        grid-row-gap: 16px;
        grid-column-gap: 36px;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 20px
    }
}

.germanyTeaser_disclaimer {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    opacity: .5
}

.germanyTeaser__image-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: .5;
    text-transform: uppercase
}

.germanyTeaser__image-asterisk {
    opacity: .5
}

.germanyTeaser__image-asterisk,
.germanyTeaser__image-price {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.germanyTeaser__image-price-wrapper {
    display: flex;
    flex-direction: row
}

.germanyTeaser__tab-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.germanyTeaser__tab-container {
    width: 100%
}

.germanyTeaser__tab-container a:first-child {
    border: 2px solid #aaa;
    border-radius: 28px;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0;
    margin-right: -10px
}

.germanyTeaser__tab-container a:first-child,
.germanyTeaser__tab-container a:not(:first-child) {
    color: #181818;
    cursor: pointer;
    flex: 1;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 19px;
    padding: 16px 22px;
    position: relative;
    text-align: center
}

.germanyTeaser__tab-container a:not(:first-child) {
    border: 2px solid #aaa;
    border-radius: 28px;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0;
    margin-left: -10px
}

.germanyTeaser__tab-extra {
    width: 100%
}

@media (min-width:768px) {
    .germanyTeaser__tab-extra {
        width: 90%
    }
}

@media (min-width:1440px) {
    .germanyTeaser__tab-extra {
        width: 70%
    }
}

.germanyTeaser__tab__container-item--active {
    background-color: #181818;
    border: 2px solid #181818 !important;
    border-radius: 28px !important;
    color: #fff !important;
    font-weight: 700 !important
}

.germanyTeaser__section-wrapper {
    padding-bottom: 20px
}

.germanyTeaser__padding-top {
    padding-top: 40px
}

.germanyTeaser__checkbox-wrapper {
    display: flex
}

.germanyTeaser__checkbox-holder {
    display: flex;
    margin-bottom: 10px;
    margin-top: 16px;
    min-height: 20px;
    padding-right: 30px
}

@media (min-width:1440px) {
    .germanyTeaser__checkbox-holder {
        padding-right: 60px
    }
}

.germanyTeaser__checkbox-holder input[type=checkbox] {
    display: none
}

.germanyTeaser__checkbox-holder label {
    color: #181818;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding-left: 40px;
    position: relative
}

.germanyTeaser__checkbox-holder label:before {
    border: 2px solid #b3b3b3;
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

@media (min-width:768px) {
    .germanyTeaser__checkbox-holder label:before {
        top: 3px
    }
}

.germanyTeaser__checkbox-holder label svg {
    fill: none;
    stroke: #b7b7b7;
    stroke-miterlimit: 10;
    fill-rule: evenodd;
    stroke-width: 5px;
    display: none;
    height: auto;
    left: 5px;
    position: absolute;
    top: 6px;
    width: 16px
}

.germanyTeaser__checkbox-holder input[type=checkbox]:checked+label svg {
    stroke: #181818;
    display: block
}

.germanyTeaser__button-wrapper {
    padding-top: 32px
}

.germanyTeaser__dropdown {
    color: #181818;
    opacity: .6
}

.germanyTeaser__request-container {
    background-color: #fff;
    color: #181818;
    position: relative
}

.germanyTeaser__request-container .request__title {
    color: #181818
}

.germanyTeaser__request-container .input {
    border-bottom: 1px solid hsla(0, 0%, 9%, .1);
    color: #181818
}

.germanyTeaser__request-container .input-holder--dropdown .custom-select {
    border-bottom: 1px solid hsla(0, 0%, 9%, .1)
}

.germanyTeaser__request-container .input-holder--dropdown .custom-select select {
    color: #181818
}

.germanyTeaser__request-container .input-holder--dropdown .custom-select.form-label--error {
    border-bottom: 1px solid red
}

.germanyTeaser__request-container .input-icon-holder svg path {
    fill: #181818
}

.germanyTeaser__request-container .user-message textarea {
    border-bottom: 1px solid hsla(0, 0%, 9%, .1);
    color: #181818
}

.germanyTeaser__request-container .checkbox-holder label,
.germanyTeaser__request-container .main-form-error,
.germanyTeaser__request-container .privacy-statement-notice {
    color: #181818
}

.germanyTeaser__request-container .checkbox-holder input[type=checkbox]:checked+label svg {
    stroke: #181818
}

.germanyTeaser__request-container .checkbox-holder input[type=checkbox]:checked+label:before {
    border-color: hsla(0, 0%, 9%, .5)
}

.germanyTeaser__request-container .lds-ring div {
    border: 8px solid transparent;
    border-top-color: #181818
}

.germanyTeaser__request-container input:-webkit-autofill,
.germanyTeaser__request-container input:-webkit-autofill:active,
.germanyTeaser__request-container input:-webkit-autofill:focus,
.germanyTeaser__request-container input:-webkit-autofill:hover {
    -webkit-text-fill-color: #181818 !important
}

.germanyTeaser__request-container .form-label--error {
    border-bottom: 1px solid red;
    color: inherit
}

.germanyTeaser__request-container .rectangle-dropdown-icon path {
    fill: #181818
}

.blindBooking__container {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .blindBooking__container {
        flex-direction: row
    }
}

.blindBooking__tablet {
    display: none
}

@media (min-width:768px) {
    .blindBooking__tablet {
        display: flex;
        width: 100%
    }
}

.blindBooking__formTablet {
    display: none
}

@media (min-width:768px) {
    .blindBooking__formTablet {
        display: flex;
        width: 55%
    }
}

.blindBooking__mobile {
    display: flex
}

@media (min-width:768px) {
    .blindBooking__mobile {
        display: none
    }
}

.blindBooking__wrapper {
    width: 100%
}

@media (min-width:1440px) {
    .blindBooking__wrapper {
        margin: 0 auto;
        max-width: 1440px
    }
}

.blindBooking__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.blindBooking__content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 40px
}

@media (min-width:768px) {
    .blindBooking__content {
        max-width: 45%
    }
}

@media (min-width:1440px) {
    .blindBooking__content {
        padding: 80px
    }
}

@media (min-width:768px) {
    .blindBooking__container-padding {
        padding: 100px 0
    }
}

.blindBooking__no-margin,
.blindBooking__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.blindBooking__section-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    opacity: .3
}

.blindBooking__form-title,
.blindBooking__section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

.blindBooking__form-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px
}

@media (min-width:768px) {
    .blindBooking__form-title {
        font-size: 52px;
        line-height: 60px
    }
}

.blindBooking__color-image {
    cursor: pointer;
    height: 42px;
    margin-right: 20px;
    padding: 2px;
    width: 42px
}

.blindBooking__color-image--active {
    border: 2px solid #000;
    border-radius: 50%
}

.blindBooking__tab__container-item--active {
    background-color: #181818;
    border: 2px solid #181818 !important;
    border-radius: 28px !important;
    color: #fff !important;
    font-weight: 700 !important
}

.blindBooking__button-wrapper {
    padding-top: 32px
}

.blindBooking__tab-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.blindBooking__tab-container {
    width: 100%
}

.blindBooking__tab-container a:first-child {
    border: 2px solid #aaa;
    border-radius: 28px;
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0;
    margin-right: -10px
}

.blindBooking__tab-container a:first-child,
.blindBooking__tab-container a:not(:first-child) {
    color: #181818;
    cursor: pointer;
    flex: 1;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 19px;
    padding: 16px 42px;
    position: relative;
    text-align: center
}

.blindBooking__tab-container a:not(:first-child) {
    border: 2px solid #aaa;
    border-radius: 28px;
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0;
    margin-left: -10px
}

.blindBooking__tab-extra {
    width: 100%
}

@media (min-width:768px) {
    .blindBooking__tab-extra {
        width: 90%
    }
}

@media (min-width:1440px) {
    .blindBooking__tab-extra {
        width: 70%
    }
}

.blindBooking__section {
    padding: 10px 0
}

@media (min-width:768px) {
    .blindBooking__section {
        padding: 20px 0
    }
}

.blindBooking__image-wrapper {
    position: relative;
    width: 100%
}

.blindBooking__image-text-wrapper {
    bottom: 56px;
    left: 56px;
    position: absolute
}

.blindBooking__image-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: .5;
    text-transform: uppercase
}

.blindBooking__image-price-wrapper {
    display: flex;
    flex-direction: row
}

.blindBooking__image-asterisk,
.blindBooking__image-price {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.blindBooking__disclaimer {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    opacity: .5
}

.blindBooking__disclaimer-wrapper {
    background-color: #fff;
    padding: 10px
}

@media (min-width:768px) {
    .blindBooking__disclaimer-wrapper {
        background-color: #f2f2f2;
        padding: 20px
    }
}

@-webkit-keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@-webkit-keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.location-new-modal {
    background-color: #fff;
    border-radius: 10px;
    bottom: 20px;
    color: #000;
    height: auto;
    left: 0;
    margin: 0 auto;
    min-width: 320px;
    padding: 20px;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

@media (min-width:768px) {
    .location-new-modal {
        bottom: unset;
        left: 40px;
        margin: unset;
        min-width: 400px;
        padding: 32px;
        top: 130px
    }
}

.location-new-modal__categories {
    display: flex
}

.location-new-modal__category {
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-right: 12px;
    opacity: .3
}

.location-new-modal__category--active {
    font-weight: 700;
    opacity: 1
}

@media (min-width:768px) {
    .location-new-modal__category {
        font-size: 28px;
        line-height: 40px;
        white-space: nowrap
    }
}

.location-new-modal__input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    color: #181818;
    font-size: 1.25em;
    font-weight: 300;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 100%
}

.location-new-modal__input:focus {
    outline: none
}

.location-new-modal__input::-moz-placeholder {
    color: hsla(0, 0%, 9%, .3)
}

.location-new-modal__input:-ms-input-placeholder {
    color: hsla(0, 0%, 9%, .3)
}

.location-new-modal__input::placeholder {
    color: hsla(0, 0%, 9%, .3)
}

.location-new-modal__search-button>:first-of-type {
    font-weight: 350;
    height: auto;
    justify-content: center;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .location-new-modal__search-button>:first-of-type {
        padding: 16px 0
    }
}

.location-info-new--spacing {
    margin-top: 40px
}

.location-info-new__brandstore-title {
    border-bottom: 1px solid #e2e2e2;
    color: #181818;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 20px;
    max-width: 320px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .location-info-new__brandstore-title {
        font-size: 1.5em;
        line-height: 28px
    }
}

.location-info-new__brandstore-info {
    color: #181818;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px
}

@media (min-width:768px) {
    .location-info-new__brandstore-info {
        font-size: 20px
    }
}

.location-info-new__request-test-drive {
    font-size: 16px;
    font-weight: 350;
    line-height: 24px
}

.location-info-new__request-test-drive>:first-of-type {
    border: 1px solid #000;
    border-radius: 100px;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .location-info-new__request-test-drive>:first-of-type {
        padding: 12px 0
    }
}

.location-info-new__buttons-holder {
    display: flex;
    margin-top: 24px
}

.location-info-new__buttons-holder>*+* {
    margin-left: 12px
}

.location-info-new__info-button {
    align-items: center;
    border: 1px solid #000;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    padding: 12px 30px;
    width: 100%
}

@media (min-width:768px) {
    .location-info-new__info-button {
        padding: 16px 40px
    }
}

.location-new__map {
    height: 100%
}

.france-in-page-navigation {
    display: none
}

@media (min-width:768px) {
    .france-in-page-navigation {
        background-color: #fff;
        color: #000;
        display: block;
        left: 0;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        opacity: 1;
        padding: 0 10px;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        transition: width .3s ease;
        width: 68px;
        z-index: 19
    }

    .french-active-parent {
        width: 100%
    }
}

.french-active-child>a>span {
    opacity: .5;
    visibility: visible
}

.french-active-child:hover>a,
.french-active-child:hover>a>span {
    opacity: 1
}

.france-in-page-navigation__item-title-container {
    align-items: center;
    color: #191919;
    display: flex;
    margin-left: 10px;
    opacity: 0;
    position: relative;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden;
    width: 150px
}

.france-in-page-navigation__item-title {
    position: absolute
}

.france-in-page-navigation__item-title>* {
    margin-bottom: unset;
    margin-top: unset
}

.france-in-page-navigation__item-title--no-image {
    align-items: center;
    display: flex;
    height: 48px;
    max-height: 48px;
    position: relative
}

.france-in-page-navigation__item-title--no-image>* {
    margin-bottom: unset;
    margin-top: unset
}

.france-in-page-navigation__item__link {
    border-bottom: 1px solid rgba(25, 25, 25, .1);
    display: flex;
    opacity: .5
}

.france-in-page-navigation__item__link:after {
    background-color: #000;
    content: "";
    height: 35px;
    margin-top: 6px;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .2s ease;
    width: 3px
}

.france-in-page-navigation__item__link:hover:after {
    opacity: 1
}

.france-in-page-navigation__item__image {
    height: 23px;
    margin: 12px 13px;
    width: 23px
}

@-webkit-keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.model-new-mobile-cta-wrapper {
    position: relative
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar {
    background-color: transparent;
    bottom: 7%;
    left: auto;
    min-height: 80px;
    position: fixed;
    right: 0;
    text-align: -webkit-right;
    transform: translateY(0);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    z-index: 10
}

/* @media (min-width:768px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-bar {
        display: none
    }
} */

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__inner {
    align-items: center;
    display: none;
    flex-direction: column;
    min-height: 80px;
    opacity: 0;
    transition: .4s ease-out
}

@media (min-width:480px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__inner {
        align-items: unset;
        flex-direction: row;
        justify-content: center
    }
}

@media (min-width:768px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__inner {
        padding: 20px 40px 20px 30px
    }
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__inner.nav--visible {
    display: block;
    opacity: 1;
    transition: .4s ease-out
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__info {
    display: none
}

@media (min-width:768px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__info {
        align-items: center;
        flex-direction: row
    }
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__info a {
    margin-right: 20px
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__info h2 {
    color: #000
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta__no-wrap {
    white-space: nowrap
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__cta-holder {
    margin-left: auto;
    margin-right: 0
}

@media (min-width:480px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__cta-holder {
        margin-right: 0
    }
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__cta-holder a {
    border: 1px solid #fff
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__cta-holder a:not(:last-child) {
    margin-bottom: 15px;
    margin-top: 10px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

@media (min-width:480px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__cta-holder a:not(:last-child) {
        margin-bottom: 16px;
        margin-right: 0;
        margin-top: 0
    }
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-button {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    display: none;
    height: 48px;
    margin-right: 25px;
    width: 48px
}

@media (min-width:768px) {
    .model-new-mobile-cta-wrapper .model-new-mobile-cta-button {
        margin-right: 40px
    }
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-button> {
    opacity: 0;
    transition: .4 ease-out
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-button>.model-new-mobile-cta-button--img {
    opacity: 1
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-button:hover {
    cursor: pointer
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-button__absolute {
    bottom: 40px;
    position: absolute;
    right: 0
}

.model-new-mobile-cta-wrapper .model-new-mobile-cta-btn--visible {
    display: block
}

.mobile-cta-bar__cta-container {
    display: flex;
    margin-right: 24px
}

.model-header {
    height: auto;
    min-height: 100vh;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .model-header {
        height: 90vh;
        min-height: auto
    }
}

.model-header__image {
    height: auto;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .model-header__image {
        border-radius: 10px;
        height: 100%;
        -o-object-position: top;
        object-position: top
    }
}

@media (min-width:1024px) {
    .model-header__image {
        -o-object-position: center;
        object-position: center
    }
}

@media (min-width:768px) {
    .model-header__image--with-video {
        display: none
    }
}

.model-header__video {
    display: none
}

@media (min-width:768px) {
    .model-header__video {
        display: block
    }
}

.model-header__gradient-overlay--bottom {
    background: linear-gradient(0deg, rgba(0, 0, 0, .853), transparent);
    bottom: 0;
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%
}

.model-header__gradient-overlay--blend {
    background: #000;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .1;
    position: absolute;
    width: 100%
}

.model-header__gradient-overlay--other {
    background: #000;
    background: linear-gradient(0deg, transparent 80%, rgba(0, 0, 0, .5));
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.model-header__gradient-overlay--other:before {
    background: #000;
    background: linear-gradient(270deg, transparent 50%, rgba(0, 0, 0, .5));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%
}

.model-header__gradient-overlay--other:after {
    background: #000;
    background: linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, .5));
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%
}

.model-header__content-container,
.model-header__position-fix {
    padding-top: 50vh;
    position: relative
}

@media (min-width:768px) {

    .model-header__content-container,
    .model-header__position-fix {
        bottom: 100px;
        display: flex;
        justify-content: space-between;
        padding-left: 100px;
        padding-right: 170px;
        padding-top: 0;
        position: absolute;
        top: auto
    }
}

@media (min-width:768px) and (min-width:1024px) {

    .model-header__content-container,
    .model-header__position-fix {
        padding-right: 100px
    }
}

@media (min-width:1440px) {

    .model-header__content-container,
    .model-header__position-fix {
        padding-left: 140px;
        padding-right: 140px
    }
}

@media (min-width:768px) {
    .model-header__position-fix {
        bottom: auto;
        top: 335px
    }

    html.es-ES .model-header__content {
        max-width: 600px
    }
}

@media (min-width:1440px) {
    html.es-ES .model-header__content {
        max-width: 700px
    }
}

@media (min-width:1600px) {
    html.es-ES .model-header__content {
        max-width: unset
    }
}

.model-label-holder {
    display: flex;
    flex-wrap: wrap
}

.model-label {
    background-color: #21a1dc;
    border-radius: 4px 15px 15px 4px;
    font-size: .75em;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 5px 10px
}

.model-label:not(:last-child) {
    margin-right: 10px
}

.model-header__label {
    background-color: #fff;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    color: #181818;
    display: inline-block;
    font-size: .75em;
    font-weight: 600;
    padding: 6px 10px
}

.model-header__title {
    font-size: 2.5em;
    line-height: 1.25
}

@media (min-width:480px) {
    .model-header__title {
        font-size: 3.5em
    }
}

@media (min-width:768px) {
    .model-header__title {
        font-size: 4em
    }
}

@media (min-width:1440px) {
    .model-header__title {
        font-size: 4.3125em
    }
}

.model-header__subtitle {
    font-size: 2em;
    line-height: 1.1;
    margin-bottom: 20px
}

.model-header__price {
    font-size: 1.25em
}

@media (min-width:480px) {
    .model-header__price {
        font-size: 1.75em
    }
}

.model-header__price span {
    font-weight: 700
}

.model-header__price-disclaimer {
    font-size: .75em;
    margin-top: 5px
}

.model-header__disclaimer p {
    font-size: .75em;
    margin-bottom: 0;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .model-header__disclaimer p {
        margin-right: 50px;
        padding-bottom: 0
    }
}

.model-header__disclaimer--mobile {
    margin-top: 20px;
    padding-right: 30px
}

@media (min-width:768px) {
    .model-header__disclaimer--mobile {
        display: none
    }
}

.model-header__disclaimer--tablet {
    display: none
}

@media (min-width:768px) {
    .model-header__disclaimer--tablet {
        display: block
    }
}

.model-header__info-blocks {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 20px
}

@media (min-width:768px) {
    .model-header__info-blocks {
        margin-bottom: 0;
        margin-top: 40px
    }
}

.model-header__info-block {
    margin-bottom: 16px;
    margin-right: 20px;
    width: calc(50% - 20px)
}

.model-header__info-block:nth-child(2n) {
    margin-right: 0
}

@media (min-width:480px) {
    .model-header__info-block:nth-child(2n) {
        margin-right: 20px
    }
}

@media (min-width:768px) {
    .model-header__info-block:nth-child(2n) {
        margin-right: 30px
    }
}

@media (min-width:1440px) {
    .model-header__info-block:nth-child(2n) {
        margin-right: 60px
    }
}

@media (min-width:480px) {
    .model-header__info-block {
        max-width: 150px
    }
}

@media (min-width:768px) {
    .model-header__info-block {
        margin-right: 30px;
        max-width: none;
        width: auto
    }
}

@media (min-width:1440px) {
    .model-header__info-block {
        margin-right: 60px
    }

    .model-header__info-block:last-child {
        margin-right: 0
    }
}

.model-header__info-block-title {
    display: flex;
    font-size: 1.125em;
    font-weight: 500
}

@media (min-width:1440px) {
    .model-header__info-block-title {
        font-size: 1.5em
    }
}

.model-header__info-block-subline {
    font-size: .8125em;
    margin-top: 2px;
    opacity: .6
}

@media (min-width:1440px) {
    .model-header__info-block-subline {
        font-size: 1.125em
    }
}

.model-header__cta-content {
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media (min-width:1024px) {
    .model-header__cta-content {
        margin-top: 0
    }
}

.model-header__date {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: auto;
    text-transform: uppercase
}

@media (min-width:768px) {
    .model-header__date {
        font-size: 1.375em;
        line-height: 28px;
        margin-bottom: 20px
    }
}

.model-header__buttons {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .model-header__buttons {
        align-items: flex-end;
        justify-content: flex-end
    }
}

.model-header__buttons a {
    margin-bottom: 10px;
    white-space: nowrap
}

@media (min-width:1440px) {
    .model-header__buttons a {
        margin-bottom: 20px
    }
}

.model-header__navigation {
    align-items: center;
    display: flex;
    flex-direction: row
}

.model-header__navigation-button {
    margin-left: 10px;
    margin-right: 10px
}

.model-header__buttons--auto {
    margin-top: auto
}

.model-header__show-desktop {
    display: none
}

@media (min-width:1440px) {
    .model-header__show-desktop {
        display: flex
    }
}

.model-header__badges {
    align-items: center;
    display: flex;
    left: 25px;
    position: absolute;
    top: calc(50vh - 115px)
}

.model-header__badges>*+* {
    margin-left: 16px
}

@media (min-width:768px) {
    .model-header__badges {
        display: block;
        left: unset;
        right: 40px;
        top: 100px
    }

    .model-header__badges>*+* {
        margin-left: unset
    }
}

@media (min-width:1440px) {
    .model-header__badges {
        top: 180px
    }
}

.model-header__badges-badge {
    display: block;
    height: auto;
    margin-left: auto;
    width: 75px
}

@media (min-width:768px) {
    .model-header__badges-badge {
        margin-bottom: 10px;
        width: 75px
    }
}

@media (min-width:1024px) {
    .model-header__badges-badge {
        width: 110px
    }
}

@media (min-width:1280px) {
    .model-header__badges-badge {
        margin-bottom: 15px
    }
}

.model-header__badges-badge:not(:last-child) {
    margin-right: 15px
}

@media (min-width:768px) {
    .model-header__badges-badge:not(:last-child) {
        margin-right: 0
    }

    .model-header__badges-badge:nth-child(2) {
        margin-top: 30px
    }
}

.model-header__badges-badge--a-label {
    margin-top: 15px;
    max-width: 90px
}

@media (min-width:768px) {
    .model-header__badges-badge--a-label {
        max-width: 110px;
        width: 110px
    }
}

.model-header__badges-badge--a-label img {
    width: 100%
}

.small-page-header__badges-badge {
    display: block;
    height: auto;
    margin-left: auto;
    width: 75px
}

@media (min-width:1600px) {
    .small-page-header__badges-badge {
        width: 110px
    }
}

.small-page-header__badges-badge--a-label {
    margin-top: 15px;
    max-width: 90px
}

@media (min-width:1600px) {
    .small-page-header__badges-badge--a-label {
        max-width: 110px;
        width: 110px
    }
}

.small-page-header__badges-badge--a-label img {
    width: 100%
}

.model-header__scrolldown {
    bottom: 30px;
    position: absolute;
    right: 30px;
    width: 25px
}

@media (min-width:1024px) {
    .model-header__scrolldown {
        bottom: 40px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.model-header__imageLogo {
    height: 100%;
    width: 100%
}

.model-header__tablet {
    display: none
}

@media (min-width:768px) {
    .model-header__tablet {
        display: flex;
        width: 100%
    }
}

.model-header__mobile {
    display: flex
}

@media (min-width:768px) {
    .model-header__mobile {
        display: none
    }
}

.text-info-blocks-large-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .text-info-blocks-large-container {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .text-info-blocks-large-container {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px
    }
}

.text-info-blocks-large-content {
    grid-column-gap: 30px;
    grid-row-gap: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 30px;
    width: 100%
}

@media (min-width:768px) {
    .text-info-blocks-large-content {
        grid-row-gap: 36px;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 120px
    }
}

.text-info-blocks-large__block-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px
}

@media (min-width:768px) {
    .text-info-blocks-large__block-title {
        font-size: 24px;
        line-height: 29px
    }
}

.text-info-blocks-large__block-info {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px;
    opacity: .6
}

@media (min-width:768px) {
    .text-info-blocks-large__block-info {
        font-size: 16px;
        line-height: 19px
    }
}

.text-info-blocks-large__block-info p {
    margin: 0
}

.battery-simulator,
.range-simulator {
    background-color: #f2f2f2;
    color: #181818;
    margin-bottom: 40px
}

.battery-simulator__title,
.range-simulator__title {
    font-size: 1.5625em;
    margin-bottom: 30px
}

.battery-simulator__section-title {
    color: #181818;
    font-size: 16px;
    padding-bottom: 16px;
    text-align: center
}

.battery-simulator__text,
.range-simulator__text {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 50px;
    opacity: .6
}

@media (min-width:768px) {

    .battery-simulator__text,
    .range-simulator__text {
        max-width: 410px
    }
}

@media (min-width:1024px) {

    .battery-simulator__text,
    .range-simulator__text {
        max-width: 800px
    }
}

.battery-simulator__module,
.range-simulator__module {
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    justify-content: space-between
}

.battery-simulator__module__text,
.range-simulator__module__text {
    align-items: center;
    display: flex
}

.battery-simulator__module__text--result-text,
.range-simulator__module__text--result-text {
    font-size: 1.25em;
    text-align: center
}

@media (min-width:768px) {

    .battery-simulator__module__text--result-text,
    .range-simulator__module__text--result-text {
        text-align: left;
        width: 50%
    }
}

@media (min-width:1024px) {

    .battery-simulator__module__text--result-text,
    .range-simulator__module__text--result-text {
        font-size: 1.5em
    }
}

.battery-simulator__module__text--result-km,
.range-simulator__module__text--result-km {
    font-size: 2.125em;
    justify-content: center;
    margin-top: 15px;
    text-align: center
}

@media (min-width:768px) {

    .battery-simulator__module__text--result-km,
    .range-simulator__module__text--result-km {
        margin-top: 0;
        text-align: left;
        width: 50%
    }
}

@media (min-width:1024px) {

    .battery-simulator__module__text--result-km,
    .range-simulator__module__text--result-km {
        font-size: 2.625em
    }
}

.range-simulator__module__speed {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 5px 5px 5px 20px;
    width: 100%
}

@media (min-width:768px) {
    .range-simulator__module__speed {
        width: 49%
    }
}

.range-simulator__module__temperature {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding: 5px 5px 5px 20px;
    width: 100%
}

@media (min-width:768px) {
    .range-simulator__module__temperature {
        margin-top: 0;
        width: 49%
    }
}

.range-simulator__module__modifier {
    align-items: center;
    border: 2px solid #eaeaea;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    width: 160px
}

.range-simulator__module__airco {
    border: 2px solid #dfdfdf;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
    padding: 25px 30px;
    width: 100%
}

@media (min-width:768px) {
    .range-simulator__module__airco {
        flex-direction: row;
        width: 58%
    }
}

.range-simulator__airco-icon {
    margin-right: 15px
}

.range-simulator__module__result {
    align-items: center;
    background-color: #181818;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
    padding: 20px;
    width: 100%
}

@media (min-width:768px) {
    .range-simulator__module__result {
        flex-direction: row;
        width: 40%
    }
}

.range-simulator__module__switch {
    align-self: flex-start;
    margin-bottom: 0;
    margin-top: 15px;
    width: 126px
}

@media (min-width:768px) {
    .range-simulator__module__switch {
        align-self: center;
        margin-top: 0
    }
}

.range-simulator__module__switch .switch-slider {
    background-color: #181818
}

.range-simulator__module__switch .switch-field {
    height: 30px
}

.range-simulator__module__switch .label-switch {
    color: #181818;
    font-size: 1em;
    font-weight: 500
}

.range-simulator__module__switch .label-switch.checked {
    color: #fff
}

.range-simulator__module__modifier__plus-min-holder {
    display: flex;
    height: 24px
}

.range-simulator__min-icon {
    cursor: pointer;
    margin-right: 5px
}

.range-simulator__plus-icon {
    cursor: pointer
}

.battery-simulator__module__range {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    padding: 5px 5px 5px 20px;
    width: 100%
}

.battery-simulator__module__range-result {
    background-color: #181818;
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px
}

.battery-simulator__module__text span {
    margin-left: 5px
}

.battery-simulator .noUi-horizontal {
    border: none;
    box-shadow: none;
    height: 6px;
    transform: translateY(10px)
}

.battery-simulator .noUi-.noUi-base,
.battery-simulator .noUi-connects {
    background-color: #e9e9e9
}

.battery-simulator .noUi-handle {
    background-color: #181818;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: none;
    height: 18px !important;
    outline: none;
    width: 18px !important
}

.battery-simulator .noUi-handle:after,
.battery-simulator .noUi-handle:before {
    display: none
}

.battery-simulator .noUi-tooltip {
    align-items: center;
    background: #181818;
    border: none;
    border-radius: 12.5px;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 25px;
    justify-content: center;
    width: 50px
}

.battery-simulator .noUi-connect {
    background: #5e5e5e
}

.battery-simulator__module__text {
    align-items: center;
    display: flex;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .battery-simulator__module__text {
        text-align: left;
        width: 30%
    }
}

.battery-simulator__module__charge-level {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 100%
}

@media (min-width:768px) {
    .battery-simulator__module__charge-level {
        flex-direction: row;
        padding: 0 0 0 20px
    }

    .battery-simulator__charge-level__text {
        width: 50%
    }
}

@media (min-width:1024px) {
    .battery-simulator__charge-level__text {
        width: 40%
    }
}

@media (min-width:1440px) {
    .battery-simulator__charge-level__text {
        width: 30%
    }
}

.battery-simulator__module__battery-slider {
    margin-top: 29px;
    padding: 10px;
    width: 100%
}

@media (min-width:768px) {
    .battery-simulator__module__battery-slider {
        margin-top: 0;
        padding: 35px 20px;
        width: 50%
    }
}

@media (min-width:1024px) {
    .battery-simulator__module__battery-slider {
        padding: 35px 30px;
        width: 60%
    }
}

@media (min-width:1440px) {
    .battery-simulator__module__battery-slider {
        padding: 35px 100px;
        width: 70%
    }
}

.battery-simulator__module__ac-charging-block,
.battery-simulator__module__dc-charging-block {
    border: 2px solid #dfdfdf;
    border-radius: 4px;
    display: none;
    height: 140px;
    margin-top: 20px;
    width: 100%
}

@media (min-width:768px) {

    .battery-simulator__module__ac-charging-block,
    .battery-simulator__module__dc-charging-block {
        display: flex
    }
}

.battery-simulator__module__dc-charging-block {
    height: 95px;
    margin-top: 10px
}

.battery-simulator__ac-charging__title,
.battery-simulator__dc-charging__title {
    padding: 13px 20px;
    position: relative;
    width: 20%
}

.battery-simulator__ac-charging__title:before,
.battery-simulator__dc-charging__title:before {
    background-color: #dfdfdf;
    border-radius: 1px;
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    top: 5%;
    width: 2px
}

.battery-simulator__ac-charging__sub-holder,
.battery-simulator__dc-charging__sub-holder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    width: 20%
}

.battery-simulator__ac-charging__sub-holder:before,
.battery-simulator__dc-charging__sub-holder:before {
    background-color: #dfdfdf;
    border-radius: 1px;
    content: "";
    height: 90%;
    position: absolute;
    right: 0;
    top: 5%;
    width: 2px
}

.battery-simulator__ac-charging__statistics,
.battery-simulator__dc-charging__statistics {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 5px
}

.battery-simulator__ac-charging__statistic-block,
.battery-simulator__dc-charging__statistic-block {
    background-color: #000;
    border-radius: 4px;
    height: 40px;
    margin-bottom: 1px;
    margin-top: 1px
}

.battery-simulator__ac-charging__statistic-block--2kw,
.battery-simulator__dc-charging__statistic-block--2kw {
    width: 100px
}

.battery-simulator__ac-charging__statistic-block--3kw,
.battery-simulator__dc-charging__statistic-block--3kw {
    width: 20px
}

.battery-simulator__ac-charging__statistic-block--6kw,
.battery-simulator__dc-charging__statistic-block--6kw {
    width: 60px
}

.battery-simulator__ac-charging__statistic-block--11kw,
.battery-simulator__dc-charging__statistic-block--11kw {
    width: 20px
}

.battery-simulator__ac-charging__statistic-block--22kw,
.battery-simulator__dc-charging__statistic-block--22kw {
    width: 60px
}

.battery-simulator__ac-charging__statistic-block--50kw,
.battery-simulator__dc-charging__statistic-block--50kw {
    width: 20px
}

.battery-simulator__ac-charging__statistic-block--100kw,
.battery-simulator__dc-charging__statistic-block--100kw {
    width: 60px
}

.battery-simulator__module__content-block {
    width: 100%
}

@media (min-width:768px) {
    .battery-simulator__module__content-block {
        width: 79%
    }
}

.battery-simulator__module__result-block {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    display: none;
    width: 19%
}

@media (min-width:768px) {
    .battery-simulator__module__result-block {
        display: block
    }
}

.battery-simulator__result__title {
    border-bottom: 2px solid hsla(0, 0%, 100%, .2);
    font-size: 1.25em;
    height: 75px;
    margin: 10px;
    padding: 5px 10px
}

@media (min-width:1024px) {
    .battery-simulator__result__title {
        font-size: 1.5em
    }
}

@media (min-width:768px) {
    .battery-simulator__result__title .small-text {
        font-size: 10px
    }
}

@media (min-width:1024px) {
    .battery-simulator__result__title .small-text {
        font-size: 14px
    }
}

@media (min-width:1280px) {
    .battery-simulator__result__title .small-text {
        font-size: 18px
    }
}

.battery-simulator__result__content {
    margin-top: 10px;
    padding-left: 20px
}

.battery-simulator__result__ac-charging {
    display: flex;
    flex-direction: column;
    height: 140px;
    justify-content: space-around
}

.battery-simulator__result__dc-charging {
    display: flex;
    flex-direction: column;
    height: 95px;
    justify-content: space-around;
    margin-top: 10px
}

.battery-simulator__result__time {
    font-size: 1.125em
}

@media (min-width:1024px) {
    .battery-simulator__result__time {
        font-size: 1.25em
    }
}

.battery-simulator__mobile-swiper-container {
    margin-top: 30px
}

@media (min-width:768px) {
    .battery-simulator__mobile-swiper-container {
        display: none
    }
}

.swiper-slide.battery-simulator__mobile-swiper-slide {
    border: 2px solid #dfdfdf;
    border-radius: 4px;
    height: 174px;
    padding: 0 15px 15px
}

.battery-simulator__mobile-swiper-slide__charging-kw,
.battery-simulator__mobile-swiper-slide__charging-time {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    height: 50%;
    justify-content: center;
    text-align: center
}

.battery-simulator__mobile-swiper-slide__charging-time {
    background-color: #181818;
    color: #fff;
    line-height: 1.5;
    width: 100%
}

.battery__disclaimer {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    opacity: .6;
    padding-bottom: 60px;
    padding-top: 20px
}

.battery__disclaimer,
.battery__disclaimer p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.battery__container {
    padding-bottom: 40px
}

.enterprise__tabs {
    display: flex;
    justify-content: left;
    margin-top: 40px
}

.enterprise-select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid gray;
    padding: 0 0 18px
}

.enterprise__switch-container {
    display: flex
}

.root-wrapper {
    margin: 0 auto 40px;
    width: 95%
}

@media (min-width:768px) {
    .root-wrapper {
        width: 50%
    }
}

.enterprise-select--wrapper {
    margin-bottom: 40px;
    width: 100%
}

.enterprise-select--wrapper select {
    width: 100%
}

.enterprise--tab-item {
    border-radius: 20px;
    padding: 20px;
    width: 50%
}

.enterprise--column-header {
    font-size: 18px;
    font-weight: 600
}

.enterprise__switch-block {
    width: 100%
}

.enterprise--switcher-description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
}

.enterprise--switch-block--grid {
    display: grid;
    grid-template-columns: 50% 50%
}

.tabs-content {
    width: 100%
}

.enterprise--column {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-right: 10px
}

.enterprise--column--border {
    border-bottom: 1px solid #cecece
}

.enterprise--one-column-header {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%
}

.enterprise--one-column-value {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%
}

.enterprise--one-column {
    margin-bottom: 20px
}

.enterprise__container {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px
}

@media (min-width:768px) {
    .enterprise__container {
        padding: 30px 24px
    }
}

@media (min-width:1440px) {
    .enterprise__container {
        padding: 50px 0
    }
}

.enterprise__cta-block--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 64px auto 0
}

.enterprise__cta-block--wrapper>img {
    width: 100%
}

@media (min-width:1024px) {
    .enterprise__cta-block--wrapper {
        grid-column-gap: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: unset
    }
}

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

.entreprise__mobile {
    display: flex
}

@media (min-width:768px) {
    .entreprise__mobile {
        display: none
    }
}

.entreprise__desktop {
    display: none
}

@media (min-width:1440px) {
    .entreprise__desktop {
        display: flex;
        width: 100%
    }
}

@media (min-width:768px) {
    .entreprise__column-title {
        padding-left: 60px
    }
}

.enterprise__tablet {
    display: none
}

@media (min-width:768px) {
    .enterprise__tablet {
        display: flex;
        width: 100%
    }
}

.enterprise__mobile {
    display: flex;
    width: 100%
}

@media (min-width:768px) {
    .enterprise__mobile {
        display: none
    }
}

.entreprise__buttons {
    display: flex;
    flex-direction: column
}

.entreprise__slider-img {
    display: block;
    position: relative
}

.entreprise__slider-img:after {
    background: linear-gradient(270deg, transparent, rgba(0, 0, 0, .6));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.enterprise__test {
    bottom: 0;
    position: absolute;
    z-index: 10
}

.enterprise__img-mobile {
    height: auto;
    position: relative;
    width: 100%
}

.enterprise__max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%
}

@media (min-width:768px) {
    .enterprise__max-width {
        max-width: 1205px
    }
}

.enterprise__gray-bg {
    background-color: #f2f2f2
}

.enterprise__image-container {
    background-color: #fff;
    display: flex;
    position: relative;
    width: 100%
}

.enterprise__image-content {
    bottom: 10px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .enterprise__image-content {
        bottom: 30px
    }
}

@media (min-width:1440px) {
    .enterprise__image-content {
        bottom: 70px
    }
}

.enterprise__image-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 80%
}

@media (min-width:768px) {
    .enterprise__image-wrapper {
        max-width: 40%;
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .enterprise__image-wrapper {
        bottom: 160px;
        flex-direction: row
    }
}

.enterprise__img {
    height: 100%;
    min-height: 230px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .enterprise__img {
        min-height: 430px
    }
}

.enterprise__img--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.enterprise__title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-style: normal;
    line-height: 34px;
    padding-bottom: 20px
}

@media (min-width:1440px) {
    .enterprise__title {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 0
    }
}

.enterprise__title--with-image {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-style: normal;
    line-height: 34px;
    padding-bottom: 20px
}

@media (min-width:1440px) {
    .enterprise__title--with-image {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 0
    }

    .enterprise__title--with-image>:first-of-type {
        margin-top: unset
    }
}

.enterprise__subtitle {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 14px;
    text-align: center
}

@media (min-width:1440px) {
    .enterprise__subtitle {
        max-width: 30%
    }
}

.enterprise__block-text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .8
}

.enterprise__no-margin,
.enterprise__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.enterprise__grid-2 {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 17px
}

@media (min-width:1024px) {
    .enterprise__grid-2 {
        grid-column-gap: 360px;
        grid-template-columns: .5fr 1fr;
        justify-content: space-between;
        padding-bottom: 52px;
        padding-top: 0
    }
}

.enterprise__extra-padding {
    padding-top: 42px
}

@media (min-width:768px) {
    .enterprise__extra-padding {
        padding-top: 82px
    }
}

.entreprise__model-header {
    background: linear-gradient(180deg, #000, rgba(0, 0, 0, .7));
    height: auto;
    min-height: 65vh;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .entreprise__model-header {
        height: 100vh;
        min-height: auto
    }
}

.guarantee__hero-image {
    height: auto;
    width: 100%
}

.entreprise__model-header__title {
    font-size: 1.875em;
    line-height: 1.25
}

@media (min-width:480px) {
    .entreprise__model-header__title {
        font-size: 2.25em
    }
}

@media (min-width:768px) {
    .entreprise__model-header__title {
        font-size: 3.625em
    }
}

@media (min-width:1440px) {
    .entreprise__model-header__title {
        font-size: 3.75em
    }
}

.entreprise__model-header__scrolldown {
    bottom: 30px;
    left: 50%;
    position: absolute;
    right: auto;
    width: 25px
}

@media (min-width:1024px) {
    .entreprise__model-header__scrolldown {
        bottom: 40px;
        transform: translateX(-50%)
    }
}

.entreprise__model-header__content-container {
    padding-bottom: 60px;
    padding-top: 35vh;
    position: relative
}

@media (min-width:768px) {
    .entreprise__model-header__content-container {
        bottom: auto;
        display: flex;
        justify-content: space-between;
        padding-bottom: unset;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: unset;
        position: absolute;
        top: 30%
    }
}

@media (min-width:1440px) {
    .entreprise__model-header__content-container {
        padding-left: 140px;
        padding-right: 140px
    }
}

.enterprise__grid-3 {
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    padding-bottom: 12px;
    padding-top: 20px
}

@media (min-width:1024px) {
    .enterprise__grid-3 {
        grid-column-gap: 62px;
        grid-template-columns: 1fr 1fr 1fr;
        justify-content: space-between;
        padding-bottom: 62px;
        padding-top: 32px
    }
}

.enterprise__icon {
    height: 48px;
    width: 48px
}

@media (min-width:768px) {
    .enterprise__icon {
        height: 64px;
        width: 64px
    }
}

.enterprise__icon-wrapper {
    display: flex;
    flex-direction: column
}

.entreprise__header-button {
    border: 2px solid #fff;
    border-radius: 58px;
    cursor: pointer;
    padding: 8px 40px;
    position: relative
}

.entreprise__text-align {
    text-align: center
}

.entreprise__icon-header {
    align-items: center;
    display: flex
}

@media (min-width:1024px) {
    .entreprise__icon-header {
        min-height: 100px
    }
}

.enterprise__image-texts {
    padding-top: 10px
}

@media (min-width:1440px) {
    .enterprise__image-texts {
        padding-left: 24px;
        padding-top: 0
    }
}

.enterprise__icon-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding-left: 8px
}

@media (min-width:768px) {
    .enterprise__icon-title {
        font-size: 24px;
        line-height: 29px;
        padding-left: 24px
    }
}

.enterprise__icon-description {
    color: #3d3d3d;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    padding-left: 8px
}

@media (min-width:768px) {
    .enterprise__icon-description {
        padding-left: 88px
    }
}

.enterprise__image-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px
}

@media (min-width:768px) {
    .enterprise__image-title {
        font-size: 24px;
        line-height: 29px
    }
}

.enterprise__image-text {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    opacity: .8
}

@media (min-width:768px) {
    .enterprise__image-text {
        font-size: 16px;
        line-height: 24px
    }
}

.enterprise__grid-title {
    color: #181818;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
}

.enterprise__grid-text,
.enterprise__grid-title {
    font-family: Roboto, sans-serif;
    font-style: normal
}

.enterprise__grid-text {
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.enterprise__tab-holder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.enterprise__badge {
    height: auto;
    margin-top: 15px;
    width: 80px
}

@media (min-width:768px) {
    .enterprise__badge {
        width: 110px
    }
}

.enterprise__swiper {
    bottom: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .enterprise__swiper {
        bottom: 20px;
        left: auto;
        right: 40px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .enterprise__swiper {
        bottom: 20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

@media (min-width:1440px) {
    .enterprise__swiper {
        bottom: 40px
    }
}

.enterprise__swiper .swiper-pagination-bullet {
    background-color: transparent;
    height: 20px;
    position: relative;
    width: 20px
}

.enterprise__swiper .swiper-pagination-bullet span {
    background-color: gray;
    border-radius: 50%;
    height: 7px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7px
}

.enterprise__swiper .swiper-pagination-bullet:focus,
.enterprise__swiper .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.enterprise__swiper .swiper-pagination-bullet-active span {
    background-color: #181818;
    height: 12px;
    margin-bottom: 0;
    width: 12px
}

.enterprise__swiper-columns {
    bottom: -30px
}

.enterprise__swiper-image {
    bottom: -40px
}

.enterprise__swiper-image .swiper-pagination-bullet span {
    background-color: #fff;
    opacity: .8
}

.enterprise__swiper-image .swiper-pagination-bullet-active span {
    background-color: #fff
}

.entreprise__swiper-padding {
    padding-top: 8px
}

.enterprise__badge-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 1
}

@media (min-width:1024px) {
    .enterprise__badge-container {
        bottom: 43px;
        right: 30px;
        top: unset
    }
}

.entreprise__swiper-container {
    background: #000;
    padding-bottom: 20px;
    position: relative
}

.enterprise__description-container {
    bottom: 25px;
    display: flex;
    flex-direction: column;
    left: 27px;
    position: absolute;
    z-index: 1
}

@media (min-width:1440px) {
    .enterprise__description-container {
        bottom: 43px;
        left: 90px
    }
}

.enterprise__summary-title {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-block-end: 0;
    margin-block-start: 0
}

@media (min-width:768px) {
    .enterprise__summary-title {
        font-size: 36px;
        line-height: 36px
    }
}

.enterprise__summary-description {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-block-end: 0;
    margin-block-start: 0;
    padding-top: 3px
}

@media (min-width:768px) {
    .enterprise__summary-description {
        font-size: 18px;
        line-height: 28px
    }
}

.enterprise__description-title {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    margin-block-end: 0;
    margin-block-start: 0
}

@media (min-width:768px) {
    .enterprise__description-title {
        font-size: 16px;
        line-height: 19px
    }
}

.enterprise__description-description {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    margin-block-end: 0;
    margin-block-start: 0;
    opacity: .8;
    padding-top: 3px
}

@media (min-width:768px) {
    .enterprise__description-description {
        font-size: 13px;
        line-height: 16px
    }
}

.enterprise__description-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

@media (min-width:768px) {
    .enterprise__description-wrapper {
        margin-top: 32px
    }
}

.enterprise__tab {
    position: relative
}

.enterprise__tab:after {
    background: linear-gradient(270deg, transparent, rgba(0, 0, 0, .6));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.enterprise__summary {
    color: #565656;
    float: right;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    opacity: .8;
    width: 100%
}

@media (min-width:768px) {
    .enterprise__summary {
        max-width: 65%;
        opacity: 1
    }
}

.enterprise_image {
    width: 100%
}

.enterprise__tab-container {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 27.5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    justify-content: space-around;
    width: 100%
}

.enterprise__tab-container::-webkit-scrollbar {
    display: none
}

.enterprise__tab-container .tab__container-item {
    color: #181818;
    flex: 1;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 19px;
    margin: 4px;
    position: relative;
    text-align: center
}

.enterprise__tab-container .tab__container-item--active {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 20px
}

@media (min-width:768px) {
    .enterprise__tab-container .tab__container-item {
        margin: 8px;
        padding: 12px
    }
}

@media (min-width:1440px) {
    .enterprise__tab-container .tab__container-item {
        padding: 12px 50px;
        white-space: nowrap
    }
}

.enterprise__tab-container-inverse {
    background-color: #fff;
    border: 1px solid #fff
}

.enterprise__tab-container-inverse .tab__container-item--active {
    background-color: #f2f2f2;
    border: 1px solid #fff
}

.enterprise__grid-columns {
    grid-column-gap: 150px;
    grid-row-gap: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 52px;
    padding-left: 60px
}

.enterprise__grid-line {
    background-color: #181818;
    height: 3px;
    margin-bottom: 20px;
    width: 29px
}

.enterprise__tab-extra {
    margin-bottom: 60px;
    width: 100%
}

@media (min-width:768px) {
    .enterprise__tab-extra {
        width: 100%
    }
}

@media (min-width:1440px) {
    .enterprise__tab-extra {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.enterprise__guarantee-wrapper {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px
}

@media (min-width:768px) {
    .enterprise__guarantee-wrapper {
        padding: 50px 100px
    }
}

.enterprise__guarantee-text {
    font-size: 16px;
    line-height: 24px
}

.enterprise__guarantee-description-title,
.enterprise__guarantee-text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400
}

.enterprise__guarantee-description-title {
    font-size: 24px;
    line-height: 32px
}

.enterprise__guarantee-description-note {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .8
}

.enterprise__guarantee-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 50px
}

@media (min-width:768px) {
    .enterprise__guarantee-header {
        align-items: flex-end;
        flex-direction: row
    }
}

.enterprise__guarantee-header-content {
    max-width: 100%
}

@media (min-width:768px) {
    .enterprise__guarantee-header-content {
        max-width: 50%
    }
}

.enterprise__large-padding {
    padding: 92px 100px
}

.enterprise-buttons-holder__entreprises {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 80px
}

.enterprise-buttons-holder__entreprises a:not(:first-of-type) {
    margin-left: 20px
}

.accessories__container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px 24px
}

@media (min-width:768px) {
    .accessories__container {
        padding: 30px 24px
    }
}

.accessories__line {
    background-color: #cecece;
    height: 1px;
    margin-top: 60px;
    width: 100%
}

.accessories__mobile {
    display: flex
}

@media (min-width:1024px) {
    .accessories__mobile {
        display: none
    }
}

.accessories__desktop {
    display: none
}

@media (min-width:1024px) {
    .accessories__desktop {
        display: flex;
        width: 100%
    }
}

.accessories__max-height {
    width: 100%
}

.accessories__wrapper {
    padding-top: 20px
}

@media (min-width:1024px) {
    .accessories__wrapper {
        padding-top: 40px
    }
}

.accessories__max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%
}

@media (min-width:768px) {
    .accessories__max-width {
        max-width: 1205px
    }
}

.accessories__image-grid {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 40px;
    width: 100%
}

.accessories__slider-grid {
    grid-column-gap: 40px;
    display: grid;
    grid-template-columns: 100%;
    padding-top: 24px;
    width: 100%
}

@media (min-width:1024px) {
    .accessories__slider-grid {
        grid-row-gap: 40px;
        grid-template-columns: 30% 30% 30%;
        padding-top: 40px
    }
}

.accessories__model-mobile-slider {
    padding-top: 30px
}

@media (min-width:1024px) {
    .accessories__model-mobile-slider {
        padding-top: 0
    }
}

.accessories__image-grid-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.accessories__model-container {
    color: #000;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding-top: 40px
}

@media (min-width:1024px) {
    .accessories__model-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 60px;
        padding-top: 80px
    }
}

.accessories__button-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 12px
}

@media (min-width:1024px) {
    .accessories__button-wrapper {
        justify-content: unset;
        padding-bottom: 0;
        padding-top: 12px
    }
}

.accessories__max-height {
    height: 100%
}

.accessories__block-slider-pagination {
    bottom: -30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .accessories__block-slider-pagination {
        bottom: 10px;
        left: auto;
        right: 40px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .accessories__block-slider-pagination {
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.accessories__block-slider-pagination .swiper-pagination-bullet {
    background-color: transparent;
    height: 20px;
    position: relative;
    width: 20px
}

.accessories__block-slider-pagination .swiper-pagination-bullet span {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.accessories__block-slider-pagination .swiper-pagination-bullet:focus,
.accessories__block-slider-pagination .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.accessories__block-slider-pagination .swiper-pagination-bullet-active span {
    background-color: #fff;
    height: 10px;
    margin-bottom: 0;
    width: 10px
}

.accessories__block-slider-pagination--dark .swiper-pagination-bullet span {
    background-color: #181818;
    height: 6px;
    width: 6px
}

.accessories__block-slider-pagination--dark .swiper-pagination-bullet-active span {
    background-color: #181818
}

.accessories__block-slider-pagination--blend-mode {
    mix-blend-mode: difference
}

.accessories__section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    padding-bottom: 34px
}

@media (min-width:1024px) {
    .accessories__section-title {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 20px
    }
}

.accessories__section-description {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:1024px) {
    .accessories__section-description {
        padding-bottom: 40px
    }
}

.accessories__image-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 4px;
    padding-top: 32px
}

@media (min-width:1024px) {
    .accessories__image-title {
        padding-top: 12px
    }
}

.accessories__image-number {
    font-size: 13px
}

.accessories__image-description,
.accessories__image-number {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 24px
}

.accessories__image-description {
    font-size: 16px
}

.accessories__image-description ul {
    margin: 0;
    padding: 4px 0 0 20px
}

.accessories__legal-mentions {
    color: #4f4f4f;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.accessories__switcher-image {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:1024px) {
    .accessories__switcher-image {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.accessories__image-with-description {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.accessories__no-margin,
.accessories__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.accessories__legal-wrapper {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 20px 24px
}

@media (min-width:768px) {
    .accessories__legal-wrapper {
        padding: 30px 24px
    }
}

@media (min-width:1024px) {
    .accessories__legal-wrapper {
        padding: 50px 0
    }
}

.accessories__model-wrapper {
    display: flex;
    flex-direction: column
}

.accessories__model-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 39px;
    padding-bottom: 12px;
    padding-top: 12px
}

@media (min-width:1024px) {
    .accessories__model-title {
        font-size: 35px;
        line-height: 40px
    }
}

.accessories__model-title-wrapper {
    display: flex;
    justify-content: center
}

@media (min-width:1024px) {
    .accessories__section {
        padding-top: 50px
    }
}

.accessories__home-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    padding-bottom: 12px;
    padding-top: 50px
}

@media (min-width:1024px) {
    .accessories__home-title {
        font-size: 40px;
        line-height: 50px;
        padding-top: 0
    }
}

.accessories__home-description {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:1024px) {
    .accessories__home-description {
        max-width: 60%;
        padding-bottom: 40px
    }
}

.accessories__home-two-grid {
    grid-row-gap: 20px;
    display: grid
}

@media (min-width:1024px) {
    .accessories__home-two-grid {
        grid-column-gap: 50px;
        grid-template-columns: 1fr 1fr
    }
}

.accessories__home-image-wrapper {
    display: flex;
    height: 400px;
    position: relative
}

@media (min-width:1024px) {
    .accessories__home-image-wrapper {
        height: auto
    }
}

.accessories__home-image-wrapper:after {
    background: #181818;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%
}

.accessories__home-image-wrapper--fullwidth>:first-child {
    height: 100%;
    width: 100%
}

.accessories__home-image-text {
    color: #fff;
    left: 50%;
    padding: 0 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 1
}

.accessories__home-image-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 6px
}

@media (min-width:1024px) {
    .accessories__home-image-title {
        font-size: 35px;
        line-height: 40px
    }
}

.accessories__home-image-description {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:1024px) {
    .accessories__home-image-description {
        font-size: 16px;
        line-height: 24px
    }
}

.accessories__page-header__title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 37px
}

@media (min-width:1024px) {
    .accessories__page-header__title {
        font-size: 69px;
        line-height: 72px
    }
}

.accessories__home-images {
    padding-top: 50px
}

.accessories__home-one-image {
    display: grid;
    height: 100%;
    padding-top: 20px;
    width: 100%
}

@media (min-width:1024px) {
    .accessories__home-one-image {
        padding-top: 40px
    }
}

.accessories__model-header__badges {
    align-items: flex-end;
    display: flex;
    position: absolute;
    right: 25px;
    top: calc(50vh - 115px)
}

@media (min-width:768px) {
    .accessories__model-header__badges {
        display: block;
        left: unset;
        right: 40px;
        top: 100px
    }
}

@media (min-width:1440px) {
    .accessories__model-header__badges {
        top: 180px
    }
}

.accessories__page-header {
    align-items: flex-end;
    display: flex;
    margin-bottom: 60px;
    position: relative
}

@media (min-width:1024px) {
    .accessories__page-header {
        align-items: center;
        height: 66vh;
        margin-bottom: 0
    }
}

.accessories__header-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    z-index: 1
}

.accessories__detail-header {
    height: auto;
    min-height: 66vh;
    position: relative;
    width: 100%
}

@media (min-width:768px) {

    .entreprise .model-header__content-container,
    .entreprise .model-header__position-fix {
        display: block
    }
}

@media (min-width:1024px) {

    .entreprise .model-header__content-container,
    .entreprise .model-header__position-fix {
        display: flex
    }
}

@media (min-width:768px) {
    .entreprise .model-header__buttons {
        align-items: flex-start;
        display: flex
    }
}

@media (min-width:1024px) {
    .entreprise .model-header__buttons {
        align-items: flex-end
    }
}

.entreprise .text-container {
    max-width: 1000px
}

.entreprise .dual-block__text,
.entreprise .dual-block__title,
.entreprise .dual-block__top-title {
    padding: 0 50px 0 30px
}

@media (min-width:1024px) {

    .entreprise .dual-block__text,
    .entreprise .dual-block__title,
    .entreprise .dual-block__top-title {
        padding: 0
    }
}

.entreprise .dual-block__title {
    font-size: 1.875em
}

@media (min-width:768px) {
    .entreprise .dual-block__title {
        font-size: 2.5em
    }
}

.entreprise .dual-block__text p:first-child {
    margin-top: 0
}

.entreprise .dual-block__blocks {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-left: 30px
}

@media (min-width:768px) {
    .entreprise .dual-block__blocks {
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .entreprise .dual-block__blocks {
        padding-left: 0
    }
}

@media (min-width:768px) {
    .entreprise .dual-block__block {
        margin-right: 0
    }

    .entreprise .dual-block__block:not(:last-child) {
        margin-bottom: 20px
    }

    .entreprise .dual-block__block:last-child {
        margin-bottom: 0
    }
}

.entreprise .dual-block__block .dual-block__block-title {
    font-size: 1.125em;
    padding-bottom: 14px
}

@media (min-width:768px) {
    .entreprise .dual-block__block .dual-block__block-title {
        font-size: 1.375em;
        padding-bottom: 20px
    }
}

.entreprise .dual-block__image-holder {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .entreprise .dual-block__image-holder {
        max-width: 1000px;
        width: 69.5%
    }

    .entreprise .dual-block__image-holder img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

.entreprise .dual-block__content {
    background-color: #f2f2f2;
    margin: -20px 20px 0 40px;
    padding: 60px 0 0;
    position: relative;
    width: auto
}

.entreprise .dual-block__content:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: calc(100% + 20px);
    left: -20px;
    position: absolute;
    top: -20px;
    width: calc(100% + 20px)
}

@media (min-width:1024px) {
    .entreprise .dual-block__content {
        background-color: #f2f2f2;
        margin: 7.6vw 0 0 -120px;
        max-width: 430px;
        padding: 40px 60px 40px 40px;
        position: relative;
        width: 100%
    }

    .entreprise .dual-block__content:before {
        content: none
    }
}

@media (min-width:1440px) {
    .entreprise .dual-block__content {
        max-width: 530px;
        padding: 80px 120px 80px 80px
    }
}

@media (min-width:1024px) {
    .entreprise .dual-block__content:before {
        background-color: hsla(0, 0%, 100%, .2);
        content: "";
        height: calc(100% + 30px);
        left: -30px;
        position: absolute;
        top: -30px;
        width: calc(100% + 30px)
    }

    .entreprise .dual-block-container--reverse .dual-block__content {
        margin-left: auto;
        margin-right: -120px;
        padding: 40px 40px 40px 60px;
        z-index: 2
    }
}

@media (min-width:1440px) {
    .entreprise .dual-block-container--reverse .dual-block__content {
        padding: 80px 80px 80px 120px
    }
}

@media (min-width:1024px) {
    .entreprise .dual-block-container--reverse .dual-block__content:before {
        content: "";
        left: unset;
        right: -30px
    }
}

.entreprise .image-text-cta-block-image--margin-bottom {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .entreprise .image-text-cta-block-image--margin-bottom {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {
    .entreprise .image-text-cta-block-image--margin-bottom {
        margin-bottom: 80px
    }
}

.entreprise .image-text-cta-block-image {
    padding-top: 0;
    position: relative
}

.entreprise .image-text-cta-block-image img {
    width: 100%
}

.entreprise .image-text-block__content {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .entreprise .image-text-block__content {
        justify-content: center;
        padding-top: 0
    }
}

.entreprise .video__poster-holder:after {
    border: 2px solid #fff;
    bottom: 20px;
    content: "";
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 40px)
}

@media (min-width:768px) {
    .entreprise .video__poster-holder:after {
        bottom: 50px;
        height: calc(100% - 100px);
        left: 50px;
        right: 50px;
        top: 50px;
        width: calc(100% - 100px)
    }
}

@media (min-width:1024px) {
    .entreprise .video__poster-holder:after {
        bottom: 80px;
        height: calc(100% - 160px);
        left: 80px;
        right: 80px;
        top: 80px;
        width: calc(100% - 160px)
    }
}

@media (min-width:768px) {

    .vhu .model-header__content-container,
    .vhu .model-header__position-fix {
        display: block
    }
}

@media (min-width:1024px) {

    .vhu .model-header__content-container,
    .vhu .model-header__position-fix {
        display: flex
    }
}

@media (min-width:768px) {
    .vhu .model-header__buttons {
        align-items: flex-start;
        display: flex
    }
}

@media (min-width:1024px) {
    .vhu .model-header__buttons {
        align-items: flex-end
    }
}

.vhu .text-container {
    max-width: 1000px
}

.vhu .dual-block__text,
.vhu .dual-block__title,
.vhu .dual-block__top-title {
    padding: 0 50px 0 30px
}

@media (min-width:1024px) {

    .vhu .dual-block__text,
    .vhu .dual-block__title,
    .vhu .dual-block__top-title {
        padding: 0
    }
}

.vhu .dual-block__title {
    font-size: 1.875em
}

@media (min-width:768px) {
    .vhu .dual-block__title {
        font-size: 2.5em
    }
}

.vhu .dual-block__text p:first-child {
    margin-top: 0
}

.vhu .dual-block__blocks {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding-left: 30px
}

@media (min-width:768px) {
    .vhu .dual-block__blocks {
        margin-bottom: 40px;
        margin-top: 30px
    }
}

@media (min-width:1024px) {
    .vhu .dual-block__blocks {
        padding-left: 0
    }
}

@media (min-width:768px) {
    .vhu .dual-block__blocks .dual-block__block {
        margin-right: 0
    }

    .vhu .dual-block__blocks .dual-block__block:not(:last-child) {
        margin-bottom: 20px
    }

    .vhu .dual-block__blocks .dual-block__block:last-child {
        margin-bottom: 0
    }
}

.vhu .dual-block__blocks .dual-block__block .dual-block__block-title {
    color: #181818;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    padding-bottom: 34px
}

@media (min-width:768px) {
    .vhu .dual-block__blocks .dual-block__block .dual-block__block-title {
        font-size: 40px;
        line-height: 46px;
        padding-bottom: 10px
    }
}

.vhu .dual-block__blocks .dual-block__block .dual-block__block-info {
    color: #181818;
    font-size: 16px;
    line-height: 24px;
    opacity: .8
}

@media (min-width:768px) {
    .vhu .dual-block__block {
        margin-right: 0
    }

    .vhu .dual-block__block:not(:last-child) {
        margin-bottom: 20px
    }

    .vhu .dual-block__block:last-child {
        margin-bottom: 0
    }
}

.vhu .dual-block__block .dual-block__block-title {
    color: #181818;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    padding-bottom: 34px
}

@media (min-width:768px) {
    .vhu .dual-block__block .dual-block__block-title {
        font-size: 40px;
        line-height: 46px;
        padding-bottom: 10px
    }
}

.vhu .dual-block__block .dual-block__block-info {
    color: #181818;
    font-size: 16px;
    line-height: 24px;
    opacity: .8
}

.vhu .dual-block__image-holder {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .vhu .dual-block__image-holder {
        max-width: 1000px;
        width: 69.5%
    }

    .vhu .dual-block__image-holder img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

.vhu .dual-block__content {
    background-color: #fff;
    margin: -20px 20px 0;
    padding: 60px 0 0;
    position: relative;
    width: auto
}

.vhu .dual-block__content:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: calc(100% + 20px);
    left: -20px;
    position: absolute;
    top: -20px;
    width: calc(100% + 40px)
}

@media (min-width:1024px) {
    .vhu .dual-block__content {
        background-color: #fff;
        margin: 7.6vw 0 0 -120px;
        max-width: 430px;
        padding: 40px;
        position: relative;
        width: 100%
    }

    .vhu .dual-block__content:before {
        content: none
    }
}

@media (min-width:1440px) {
    .vhu .dual-block__content {
        max-width: 530px;
        padding: 40px 50px
    }
}

@media (min-width:1024px) {
    .vhu .dual-block__content:before {
        background-color: hsla(0, 0%, 100%, .2);
        content: "";
        height: calc(100% + 30px);
        left: -30px;
        position: absolute;
        top: -30px;
        width: calc(100% + 30px)
    }
}

.vhu .dual-block-container {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 10px;
    padding-top: 0
}

@media (min-width:768px) {
    .vhu .dual-block-container {
        padding-bottom: 50px;
        padding-top: 0
    }
}

@media (min-width:1024px) {
    .vhu .dual-block-container {
        flex-direction: row;
        padding-bottom: 80px;
        padding-left: 0;
        padding-top: 0
    }

    .vhu .dual-block-container--reverse .dual-block__content {
        margin-left: auto;
        margin-right: -120px;
        padding: 40px;
        z-index: 2
    }
}

@media (min-width:1440px) {
    .vhu .dual-block-container--reverse .dual-block__content {
        padding: 40px 50px
    }
}

@media (min-width:1024px) {
    .vhu .dual-block-container--reverse .dual-block__content:before {
        content: "";
        left: unset;
        right: -30px
    }
}

.vhu .image-text-cta-block-image--margin-bottom {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .vhu .image-text-cta-block-image--margin-bottom {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {
    .vhu .image-text-cta-block-image--margin-bottom {
        margin-bottom: 80px
    }
}

.vhu .image-text-cta-block-image {
    padding-top: 0;
    position: relative
}

.vhu .image-text-cta-block-image img {
    width: 100%
}

.vhu .image-text-block__content {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .vhu .image-text-block__content {
        justify-content: center;
        padding-top: 0
    }
}

.vhu .video__poster-holder:after {
    border: 2px solid #fff;
    bottom: 20px;
    content: "";
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 40px)
}

@media (min-width:768px) {
    .vhu .video__poster-holder:after {
        bottom: 50px;
        height: calc(100% - 100px);
        left: 50px;
        right: 50px;
        top: 50px;
        width: calc(100% - 100px)
    }
}

@media (min-width:1024px) {
    .vhu .video__poster-holder:after {
        bottom: 80px;
        height: calc(100% - 160px);
        left: 80px;
        right: 80px;
        top: 80px;
        width: calc(100% - 160px)
    }
}

.vhu .dual-block__block {
    float: left;
    margin-bottom: 0;
    margin-right: 15px
}

@media (min-width:768px) {
    .vhu .dual-block__block {
        margin-bottom: 25px;
        margin-right: 60px
    }
}

.main-navigation {
    background-color: #000;
    bottom: 0;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 103px 25px 85px;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: -1
}

@media (min-width:1024px) {
    .main-navigation {
        background-color: transparent;
        bottom: auto;
        display: flex;
        height: auto;
        justify-content: space-between;
        opacity: 1;
        padding: 0;
        position: relative;
        right: auto;
        visibility: visible;
        width: auto;
        width: 100%;
        z-index: 1
    }
}

.main-navigation--black {
    color: #181818
}

.main-navigation--black li a img {
    filter: invert(1)
}

.main-navigation--black .dropdown-arrow-menu {
    fill: #181818
}

.main-navigation--white {
    color: #fff
}

.main-navigation--background {
    transition: all .8s ease;
    z-index: 0
}

.main-navigation__overlay {
    background-color: #181818;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    transition: opacity .8s;
    width: 100%;
    z-index: 20
}

.fade-overlay-enter {
    opacity: 0
}

.fade-overlay-enter-to,
.fade-overlay-leave {
    opacity: .7
}

.fade-overlay-leave-to {
    opacity: 0
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .main-navigation ul {
        align-items: center;
        display: flex
    }

    .main-navigation .main-navigation__list {
        margin-left: 20px
    }
}

@media (min-width:1024px) {
    .main-navigation .main-navigation__list {
        margin: auto
    }
}

.main-navigation li {
    display: block
}

.main-navigation li+li {
    margin-top: 10px
}

@media (min-width:768px) {
    .main-navigation li {
        margin: 0 10px
    }

    .main-navigation li a {
        position: relative
    }

    .main-navigation li a:before {
        background-color: #fff;
        bottom: -3px;
        content: "";
        height: 3px;
        left: 0;
        max-height: 3px;
        position: absolute;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1);
        width: 30px
    }

    .main-navigation li a.active:before {
        transform: scaleX(1)
    }

    .main-navigation li a.has-icon {
        margin-left: 27px
    }

    .main-navigation li a img {
        left: -27px;
        margin-right: 10px;
        position: absolute;
        top: 3px
    }

    .main-navigation li+li {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    .main-navigation li {
        margin: 0 15px
    }
}

.main-navigation a,
.main-navigation div.toggle-countries {
    font-size: 1.875em;
    line-height: 1.5em
}

@media (min-width:768px) {

    .main-navigation a,
    .main-navigation div.toggle-countries {
        font-size: 1.125em;
        line-height: 1.3636363636em
    }
}

.main-navigation ul.main-navigation__sublist {
    display: block;
    height: auto;
    overflow: hidden;
    perspective: 1000px;
    position: absolute
}

.main-navigation ul.main-navigation__sublist li:first-child {
    -webkit-animation: rotateX .3s ease-in-out 60ms forwards;
    animation: rotateX .3s ease-in-out 60ms forwards;
    transform-origin: top center
}

.main-navigation ul.main-navigation__sublist li:nth-child(2) {
    -webkit-animation: rotateX .3s ease-in-out .12s forwards;
    animation: rotateX .3s ease-in-out .12s forwards;
    transform-origin: top center
}

.main-navigation ul.main-navigation__sublist li:nth-child(3) {
    -webkit-animation: rotateX .3s ease-in-out .18s forwards;
    animation: rotateX .3s ease-in-out .18s forwards;
    transform-origin: top center
}

.main-navigation ul.main-navigation__sublist li:nth-child(4) {
    -webkit-animation: rotateX .3s ease-in-out .24s forwards;
    animation: rotateX .3s ease-in-out .24s forwards;
    transform-origin: top center
}

.main-navigation ul.main-navigation__sublist li:nth-child(5) {
    -webkit-animation: rotateX .3s ease-in-out .3s forwards;
    animation: rotateX .3s ease-in-out .3s forwards;
    transform-origin: top center
}

.main-navigation ul.main-navigation__sublist li {
    display: none;
    margin: 10px 0;
    opacity: 0
}

.dropdown:hover .main-navigation__sublist li {
    display: block
}

.dropdown-arrow-menu {
    fill: #fff;
    margin-left: 10px;
    transform: translateY(-2px)
}

.main-navigation .toggle-countries {
    border-color: #fff;
    cursor: pointer;
    font-style: italic
}

@media (min-width:768px) {
    .main-navigation .toggle-countries {
        border-radius: 50px;
        color: #fff;
        font-style: normal;
        overflow: hidden;
        padding: 0 30px;
        position: relative;
        transition: color .7s cubic-bezier(.165, .84, .44, 1)
    }

    .page-countdown .main-navigation .toggle-countries {
        overflow: visible
    }
}

.main-navigation .toggle-countries svg {
    fill: #fff;
    stroke-width: 1px;
    stroke: #fff;
    height: 30px;
    margin-right: 5px;
    width: 24px
}

@media (min-width:768px) {
    .main-navigation .toggle-countries svg {
        display: none
    }
}

.main-navigation .toggle-countries--black {
    color: #181818
}

.main-navigation .toggle-countries--white {
    color: #fff
}

.main-navigation .main-navigation__country {
    display: none
}

@media (min-width:1280px) {
    .main-navigation .main-navigation__country {
        display: flex
    }
}

@media (min-width:768px) {
    .main-navigation .main-navigation__country li {
        margin-right: 0
    }
}

.collapsable-menu {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .8s ease, width .5s ease-out;
    width: 100%;
    z-index: 25
}

@media (min-width:768px) {
    .collapsable-menu {
        width: 375px;
        z-index: 21
    }
}

.collapsable-menu.nav--visible {
    transform: translateX(0)
}

.collapsable-menu-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 85px;
    overflow-y: auto
}

.collapsable-menu-container ul {
    color: #181818;
    margin: 0;
    padding: 0
}

.collapsable-menu-container ul:nth-last-child(2) {
    height: 100%
}

@media (min-width:768px) {
    .collapsable-menu .logo {
        display: none
    }
}

.collapsable-menu__cta {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    margin: 0;
    min-height: 75px;
    padding: 15px;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .collapsable-menu__cta {
        padding: 30px 40px 30px 30px
    }
}

.collapsable-menu__cta .button {
    font-size: 1em;
    padding: 10px 20px
}

@media (min-width:768px) {
    .collapsable-menu__cta .button {
        padding: 15px 30px
    }
}

.collapsable-menu .collapsable-menu__item {
    border-bottom: 2px solid rgba(0, 0, 0, .05);
    list-style: none;
    padding: 20px 40px
}

.collapsable-menu .collapsable-menu__item a,
.collapsable-menu .collapsable-menu__item div {
    font-size: 1.125em
}

.collapsable-menu .collapsable-menu__item .toggle-countries {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row
}

.collapsable-menu .collapsable-menu__item--countries {
    border-bottom: none
}

#hamburger {
    height: 19px;
    position: relative;
    width: 25px;
    z-index: 1
}

#hamburger,
.page-countdown #hamburger {
    display: block
}

@media (min-width:768px) {
    .page-countdown #hamburger {
        margin-top: 13px
    }
}

.hamburger-inner {
    color: #fff;
    margin-bottom: 8px;
    margin-top: 8px;
    position: relative
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: currentColor;
    border-radius: 3px;
    display: block;
    height: 3px;
    transition-duration: .3s;
    transition-property: background-color, transform;
    width: 25px
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    left: 0;
    position: absolute
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -8px
}

.hamburger-inner.nav--visible {
    background-color: transparent;
    color: #181818;
    opacity: .2;
    z-index: 15
}

.hamburger-inner.nav--visible:before {
    transform: translateY(8px) rotate(45deg)
}

.hamburger-inner.nav--visible:after {
    transform: translateY(-8px) rotate(-45deg)
}

.hamburger-inner--black {
    color: #181818
}

.hamburger-inner--white {
    color: #fff
}

.countries-switcher-cee {
    background-color: #fff;
    bottom: 0;
    color: #181818;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 50
}

.countries-switcher-cee.countries--visible {
    opacity: 1;
    visibility: visible
}

.countries-switcher-cee .container {
    height: 100%
}

.countries-navigation-cee {
    margin: 10px 40px 0
}

@media (min-width:768px) {
    .countries-navigation-cee {
        margin-top: 0;
        width: 100%
    }
}

@media (min-width:1024px) {
    .countries-navigation-cee {
        margin: 0;
        max-width: 1200px;
        padding-bottom: 70px;
        width: 100%
    }
}

.countries-navigation-cee ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .countries-navigation-cee ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.countries-navigation-cee li {
    display: block;
    margin: 20px 0
}

@media (min-width:768px) {
    .countries-navigation-cee li {
        margin: 30px 0;
        width: 33%
    }
}

@media (min-width:1024px) {
    .countries-navigation-cee li {
        width: 24%
    }
}

.countries-navigation-cee li.country--current {
    color: #fff;
    font-style: italic
}

.countries-navigation-cee .country-language {
    font-size: 19px;
    position: relative;
    top: 4px;
    vertical-align: super
}

@media (min-width:768px) {
    .countries-navigation-cee .country-language {
        font-size: 25px
    }
}

@media (min-width:1280px) {
    .countries-navigation-cee .country-language {
        font-size: 30px
    }
}

.countries-switcher {
    background-color: #fff;
    bottom: 0;
    color: #181818;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    visibility: hidden;
    width: 100%;
    z-index: 25
}

.countries-switcher.countries--visible {
    opacity: 1;
    visibility: visible
}

.countries-switcher .container {
    height: 100%
}

@media (max-width:767px) {
    .countries-switcher-container {
        padding: 80px 0 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .countries-switcher-container {
        padding: 80px 0 0
    }
}

.countries-switcher-inner {
    display: flex;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 20px;
    position: relative
}

@media (min-width:768px) {
    .countries-switcher-inner {
        align-items: center;
        justify-content: center;
        padding-bottom: 0
    }
}

.toggle-countries .toggle-countries__flag {
    margin-left: auto
}

.toggle-countries .toggle-countries__flag img {
    border-radius: 16px;
    height: 32px;
    width: 32px
}

.countries-navigation {
    margin: 10px 40px 0
}

@media (min-width:768px) {
    .countries-navigation {
        margin-top: 0;
        width: 100%
    }
}

@media (min-width:1024px) {
    .countries-navigation {
        margin: 0;
        max-width: 1200px;
        padding-bottom: 70px;
        width: 100%
    }
}

.countries-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .countries-navigation ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.countries-navigation li {
    display: block;
    margin: 20px 0
}

@media (min-width:768px) {
    .countries-navigation li {
        margin: 30px 0;
        width: 33%
    }
}

@media (min-width:1024px) {
    .countries-navigation li {
        width: 25%
    }
}

.countries-navigation li.country--current {
    color: #fff;
    font-style: italic
}

.countries-navigation .country-language {
    font-size: 19px;
    position: relative;
    top: 4px;
    vertical-align: super
}

@media (min-width:768px) {
    .countries-navigation .country-language {
        font-size: 25px
    }
}

@media (min-width:1280px) {
    .countries-navigation .country-language {
        font-size: 30px
    }
}

.countries-switcher__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 75px;
    justify-content: space-between;
    left: 0;
    padding: 0 20px 0 15px;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .countries-switcher__header {
        height: 110px;
        padding: 0 40px 0 30px
    }
}

.toggle-countries {
    display: block;
    z-index: 15
}

.toggle-countries .hamburger-inner {
    background-color: transparent;
    color: #181818;
    opacity: .2
}

.toggle-countries .hamburger-inner:before {
    transform: translateY(8px) rotate(45deg)
}

.toggle-countries .hamburger-inner:after {
    transform: translateY(-8px) rotate(-45deg)
}

.countries-navigation__title {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px;
    width: 175px
}

@media (min-width:768px) {
    .countries-navigation__title {
        margin-bottom: 140px;
        text-align: center;
        width: 100%
    }
}

.countries-navigation__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row
}

.countries-navigation__bundle {
    color: #181818;
    display: flex;
    flex-direction: column;
    margin-left: 5px
}

.countries-navigation__country {
    font-size: 1.25em;
    font-weight: 700
}

.countries-navigation__language {
    font-size: 1em;
    opacity: .5
}

.countries-navigation__language-cee {
    font-size: 1em;
    opacity: .5;
    width: 70%
}

ul.only-country-toggle {
    margin-left: auto
}

ul.only-country-toggle li {
    margin: 0
}

@media (min-width:1440px) {
    .no-touchevents .main-navigation li a:hover:before {
        transform: scaleX(1)
    }
}

.section-hero {
    align-items: flex-end;
    display: flex;
    height: auto;
    padding-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    .section-hero {
        align-items: center;
        height: 1024px
    }
}

@media (min-width:1024px) {
    .section-hero {
        height: 768px
    }
}

@media (min-width:1600px) {
    .section-hero {
        height: 898px;
        min-height: 80vh
    }
}

.section-hero--center {
    align-items: center
}

.section-hero--center .hero-inner {
    text-align: center;
    width: 100%
}

@media (min-width:1600px) {
    .section-hero--center .hero-inner h2 {
        margin-bottom: 60px
    }
}

.section-hero__height {
    min-height: 50vh
}

.section-hero__margin {
    margin-top: 500px
}

@media (min-width:768px) {
    .section-hero__margin {
        margin-top: 0
    }
}

.section-hero__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.section-hero__content-top {
    margin: 350px auto auto
}

@media (min-width:768px) {
    .section-hero__content-top {
        margin: auto
    }

    .section-hero__content-top--tablet-bottom {
        margin: auto 0 0
    }
}

@media (min-width:1024px) {
    .section-hero__content-top--tablet-bottom {
        margin: auto
    }
}

.section-disclaimer__content__logo-safety {
    display: block;
    height: auto;
    margin-top: 20px;
    width: 80px
}

.section-disclaimer__content-foot {
    padding: 50px 0;
    position: relative
}

@media (min-width:768px) {
    .section-disclaimer__content-foot {
        padding: 40px 0
    }
}

.section-disclaimer__content-foot-content {
    color: #d3d3d3;
    font-size: 12px;
    width: 100%
}

.section-disclaimer__content-foot-content a {
    text-decoration: underline
}

.hero-media__mobile {
    display: flex;
    height: 100%;
    width: 100%
}

@media (min-width:768px) {
    .hero-media__mobile {
        display: none
    }
}

.hero-media__tablet {
    display: none
}

@media (min-width:768px) {
    .hero-media__tablet {
        display: flex;
        height: 100%;
        width: 100%
    }

    .hero-media__tablet>:first-of-type {
        width: 100%
    }
}

.hero-media {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hero-media img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hero-media .hero-video {
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-media .hero-video iframe {
    height: 56.25vw;
    left: 50%;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw
}

.hero-media__certificate {
    display: none
}

@media (min-width:375px) {
    .hero-media__certificate {
        bottom: 40px;
        display: block;
        height: auto;
        position: absolute;
        right: 25px;
        width: 75px
    }
}

@media (min-width:768px) {
    .hero-media__certificate {
        bottom: 25px;
        right: 50px;
        width: 100px
    }
}

@media (min-width:1024px) {
    .hero-media__certificate {
        right: 70px;
        width: 140px
    }
}

@media (min-width:1600px) {
    .hero-media__certificate {
        right: 80px
    }
}

.hero-media__badges {
    display: none
}

@media (min-width:375px) {
    .hero-media__badges {
        bottom: 40px;
        display: block;
        position: absolute;
        right: 25px
    }
}

@media (min-width:768px) {
    .hero-media__badges {
        bottom: 25px;
        display: flex;
        right: 50px
    }
}

@media (min-width:1024px) {
    .hero-media__badges {
        right: 70px
    }
}

@media (min-width:1600px) {
    .hero-media__badges {
        right: 80px
    }
}

.hero-media__badges-badge {
    display: block;
    height: auto;
    margin-bottom: 10px;
    width: 75px
}

@media (min-width:768px) {
    .hero-media__badges-badge {
        height: 90px;
        margin-bottom: 0;
        margin-right: 18px;
        width: auto
    }
}

@media (min-width:1024px) {
    .hero-media__badges-badge {
        height: 108px
    }
}

.hero-media__badges-badge:last-of-type {
    margin-bottom: 0
}

@media (min-width:768px) {
    .hero-media__badges-badge:last-of-type {
        margin-right: 0
    }
}

.hero-media__badges,
.hero-media__certificate {
    z-index: 1
}

.hero-media__badges,
.section-hero--center .hero-media__certificate {
    bottom: 25px
}

.hero-inner {
    max-width: 100%;
    position: relative;
    width: 600px;
    z-index: 1
}

.hero-inner h2 {
    font-size: 3.75em;
    line-height: 1;
    margin-bottom: 20px;
    overflow-wrap: break-word
}

@media (min-width:768px) {
    .hero-inner h2 {
        font-size: 5.625em;
        letter-spacing: -6px;
        margin-bottom: 30px;
        overflow-wrap: normal
    }
}

.hero-inner h2 sup {
    font-size: 43%;
    letter-spacing: .02em;
    margin-left: 10px;
    top: -.9em
}

.hero-inner h2 span {
    display: block
}

.hero-inner h3 {
    font-size: 2.5em;
    letter-spacing: -2px;
    line-height: 1.25em;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .hero-inner h3 {
        font-size: 3.125em;
        line-height: 1.2em;
        margin-bottom: 30px;
        margin-top: 215px
    }
}

.hero-inner .hero-inner__title--long-text {
    font-size: 2em
}

@media (min-width:768px) {
    .hero-inner .hero-inner__title--long-text {
        font-size: 3.5em
    }
}

@media (min-width:1280px) {
    .hero-inner .hero-inner__title--long-text {
        font-size: 4em
    }
}

.hero-inner .hero-inner__title--xs-fontsize {
    font-size: 1.25em;
    letter-spacing: 0
}

@media (min-width:768px) {
    .hero-inner .hero-inner__title--xs-fontsize {
        font-size: 2.875em
    }
}

.de-DE .hero-inner h2 {
    font-size: 3em
}

@media (min-width:420px) {
    .de-DE .hero-inner h2 {
        font-size: 3.75em
    }
}

@media (min-width:768px) {
    .de-DE .hero-inner h2 {
        font-size: 5.625em
    }
}

.de-AT .page-home .hero-inner h2,
.nl-NL .page-home .hero-inner h2 {
    font-size: 2.125em
}

@media (min-width:420px) {

    .de-AT .page-home .hero-inner h2,
    .nl-NL .page-home .hero-inner h2 {
        font-size: 3em
    }
}

@media (min-width:768px) {

    .de-AT .page-home .hero-inner h2,
    .nl-NL .page-home .hero-inner h2 {
        font-size: 4.25em
    }
}

.section-plus-minus {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .section-plus-minus {
        flex-direction: row
    }
}

.plus-minus-holder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .plus-minus-holder {
        flex-direction: row;
        width: 50%
    }
}

.plus-minus-holder__inner {
    max-width: 500px;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 70%
}

@media (min-width:768px) {
    .plus-minus-holder__inner {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:1024px) {
    .plus-minus-holder__inner {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media (min-width:1440px) {
    .plus-minus-holder__inner {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:1600px) {
    .plus-minus-holder__inner {
        max-width: 600px;
        padding-bottom: 95px;
        padding-top: 115px;
        width: 80%
    }
}

.plus-minus-holder__image {
    margin: 0 auto 40px;
    max-width: 360px
}

@media (min-width:768px) {
    .plus-minus-holder__image {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {
    .plus-minus-holder__image {
        margin-bottom: 40px;
        max-width: 320px
    }
}

@media (min-width:1440px) {
    .plus-minus-holder__image {
        margin-bottom: 60px;
        max-width: 360px
    }
}

.plus-minus-holder__text {
    font-size: 1.5em;
    text-align: center
}

@media (min-width:768px) {
    .plus-minus-holder__text {
        font-size: 2em;
        margin: 0 auto
    }
}

@media (min-width:1440px) {
    .plus-minus-holder__text {
        font-size: 2.25em
    }
}

.plus-minus-holder.plus-minus-holder--plus {
    background-color: #fff
}

.plus-minus-holder.plus-minus-holder--plus .plus-minus-holder__text {
    color: #181818
}

.text-transition-holder {
    align-items: center;
    display: flex;
    min-height: 224px
}

@media (min-width:768px) {
    .text-transition-holder {
        min-height: 260px
    }
}

@media (min-width:1024px) {
    .text-transition-holder {
        min-height: 190px
    }
}

@media (min-width:1440px) {
    .text-transition-holder {
        min-height: 170px
    }
}

@media (min-width:1600px) {
    .text-transition-holder {
        min-height: 125px
    }
}

@media (min-width:1440px) {

    .de-AT .text-transition-holder,
    .de-DE .text-transition-holder {
        min-height: 210px
    }
}

@media (min-width:1600px) {

    .de-AT .text-transition-holder,
    .de-DE .text-transition-holder {
        min-height: 125px
    }
}

.fade-slide-leave-active {
    transition: opacity .5s
}

.fade-slide-enter-active {
    transition: transform .5s, opacity .5s
}

.fade-slide,
.fade-slide-leave-to {
    opacity: 0
}

.fade-slide-enter {
    opacity: 0;
    transform: translateY(50%)
}

.fade-slide-enter-to {
    opacity: 1;
    transform: translateY(0)
}

.section-content {
    background-color: #fff;
    color: #181818;
    padding-bottom: 40px
}

@media (min-width:768px) {
    .section-content {
        padding-bottom: 120px
    }
}

.content-inner {
    margin: 0 auto;
    max-width: 100%;
    padding-top: 40px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .content-inner {
        padding-top: 120px
    }
}

@media (min-width:1024px) {
    .content-inner {
        max-width: 980px
    }
}

.content-inner p {
    font-size: 1.25em;
    line-height: 190%;
    margin: 0
}

@media (min-width:768px) {
    .content-inner p {
        font-size: 2em;
        line-height: 150%
    }
}

.content-button {
    margin-top: 20px
}

@media (min-width:768px) {
    .content-button {
        margin-top: 50px
    }
}

.content-button .button {
    font-weight: 400
}

.container-title-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative
}

.container-title-text__title {
    color: #000;
    font-size: 1.5625em;
    margin-bottom: 10px
}

.container-title-text__text {
    color: rgba(0, 0, 0, .6);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

.container-title-text--large-text .container-title-text__title {
    font-size: 2.5em
}

.input-holder,
form {
    position: relative
}

.input-holder {
    margin-bottom: 15px;
    width: 100%
}

@media (min-width:768px) {
    .input-holder {
        margin-bottom: 20px
    }
}
.input-holder--dropdown select:focus {
    outline: none
}

.input-holder--dropdown .custom-select,
.page-contact .request__form-holder .gform_wrapper .gform-body .ginput_container_select {
    background: transparent;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 0;
    padding: 0
}

.input-holder--dropdown .custom-select.form-label--error {
    border-bottom: 1px solid red
}

.input-holder--dropdown .custom-select:after,
.page-contact .request__form-holder .gform_wrapper .gform-body .ginput_container select:after {
    background: none
}

.input-holder--dropdown .custom-select select,
.page-contact .request__form-holder .gform_wrapper .gform-body .ginput_container select
 {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    color: #fff
}

.input-holder--dropdown option {
    color: #181818
}

.input-holder--hidden-brand-store {
    display: none
}

.input-holder--remarks input::-webkit-inner-spin-button,
.input-holder--remarks input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-holder--remarks input[type=number] {
    -moz-appearance: textfield
}

.user-comment {
    display: none
}

.form-label {
    color: #181818;
    display: block;
    font-size: .9375em;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0 0 0 30px
}

@media (min-width:768px) {
    .form-label {
        margin-bottom: 10px;
        padding-left: 0
    }
}

.form-label--error {
    color: red
}

.input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #e6e6e6;
    border-radius: 25px;
    height: 50px;
    padding: 0 30px;
    width: 100%
}

@media (min-width:768px) {
    .input, .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder input {
        border-radius: 30px;
        height: 60px
    }
}

.input:focus,
.page-contact .request__form-holder .gform_wrapper .gform-body .input-holder input:focus {
    border-color: #c2c2c2;
    outline: none
}

.textarea {
    border: 2px solid #e6e6e6;
    height: 400px;
    padding: 30px;
    resize: none;
    width: 100%
}

.textarea:focus {
    border-color: #c2c2c2;
    outline: none
}

.input-holder--number {
    float: left;
    width: 125px
}

@media (min-width:768px) {
    .input-holder--number {
        margin-right: 30px;
        width: 130px
    }
}

@media (min-width:1024px) {
    .input-holder--number {
        margin-right: 15px;
        width: 94px
    }
}

@media (min-width:1440px) {
    .input-holder--number {
        margin-right: 20px;
        width: 114px
    }
}

.input-holder--addition {
    float: right;
    width: 125px
}

@media (min-width:768px) {
    .input-holder--addition {
        float: left;
        margin-right: 30px;
        width: 130px
    }
}

@media (min-width:1024px) {
    .input-holder--addition {
        margin-right: 15px;
        width: 94px
    }
}

@media (min-width:1440px) {
    .input-holder--addition {
        margin-right: 20px;
        width: 114px
    }
}

.input-holder--zipcode {
    clear: both;
    width: 125px
}

@media (min-width:768px) {
    .input-holder--zipcode {
        clear: none;
        float: left;
        width: 195px
    }
}

@media (min-width:1024px) {
    .input-holder--zipcode {
        width: 172px
    }
}

@media (min-width:1440px) {
    .input-holder--zipcode {
        width: 200px
    }
}

@media (min-width:768px) {
    .float-group-forms .input-holder--cvv {
        width: 31%
    }
}

.input-container--addition-hidden .input-holder {
    margin-right: 0;
    width: 48%
}

.custom-select {
    border: 2px solid #e6e6e6;
    border-radius: 25px;
    height: 50px;
    padding: 0 0 0 30px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .custom-select {
        border-radius: 30px;
        height: 60px
    }
}

.custom-select:after {
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, .8) 30%, hsla(0, 0%, 100%, .03));
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 55px;
    top: 0;
    width: 30px
}

@media (min-width:768px) {
    .custom-select:after {
        right: 60px;
        width: 50px
    }
}

.custom-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../media/images/dropdown-arrow.png);
    background-position: top 0 right 0;
    background-repeat: no-repeat;
    background-size: 46px 46px;
    border: none;
    border-radius: 15px;
    font-size: 1em;
    height: 46px;
    padding: 0 55px 0 0;
    width: 100%
}

@media (min-width:768px) {
    .custom-select select {
        background-size: 56px 56px;
        height: 56px;
        padding-right: 60px
    }
}

.custom-select select[disabled] {
    background: none
}

.custom-select.single select {
    background: none;
    background-color: transparent;
    opacity: .55;
    pointer-events: none
}

.dropdown-holder {
    margin-bottom: 40px
}

.select-selected {
    display: none
}

@media (min-width:768px) {
    .select-selected {
        background-color: transparent;
        display: block
    }
}

select:invalid {
    color: #a9a9a9
}

.select-selected:after {
    background: url(../media/images/dropdown-arrow.png) no-repeat 0 0;
    background-size: 58px 58px;
    content: "";
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    width: 58px
}

.select-selected.select-arrow-active:after {
    transform: rotate(-180deg)
}

.select-items div,
.select-selected {
    color: #181818;
    cursor: pointer;
    font-size: 1em;
    height: 58px;
    padding: 21px 20px
}

.select-selected {
    border-radius: 15px 15px 15px 15px
}

.select-selected.select-arrow-active {
    border-radius: 15px 15px 0 0
}

.select-items {
    background-color: #fff;
    border-radius: 0;
    height: 200px;
    left: 20px;
    overflow: auto;
    position: absolute;
    right: 20px;
    top: 105%;
    z-index: 99
}

.select-hide {
    display: none
}

.same-as-selected,
.select-items div:hover {
    background-color: #f5f8ff
}

.input-holder--switch {
    position: relative;
    width: 260px
}

@media (min-width:768px) {
    .input-holder--switch {
        width: 300px
    }
}

@media (min-width:1024px) {
    .input-holder--switch-wide {
        width: 100%
    }
}

.input-holder--switch.input-holder--switch-three {
    width: 100%
}

.input-holder--switch .switch-field {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    .input-holder--switch .switch-field {
        height: 60px
    }
}

.input-holder--switch.input-holder--switch-three .switch-field,
.input-holder--switch.input-holder--switch-two .switch-field {
    align-items: center;
    background-color: #fcfcfc;
    border: 2px solid #e5e5e5;
    border-radius: 25px;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {

    .input-holder--switch.input-holder--switch-three .switch-field,
    .input-holder--switch.input-holder--switch-two .switch-field {
        border-radius: 30px;
        height: 60px
    }
}

@media (min-width:1024px) {

    .input-holder--switch.input-holder--switch-three.input-holder--form-switch-request-type,
    .input-holder--switch.input-holder--switch-two.input-holder--form-switch-request-type {
        position: absolute;
        right: 0;
        top: 0
    }
}

.input-holder--switch.input-holder--switch-three.input-holder--form-switch-request-type .switch-field,
.input-holder--switch.input-holder--switch-two.input-holder--form-switch-request-type .switch-field {
    background-color: transparent
}

.input-holder--switch.input-holder--switch-three.input-holder--form-switch-request-type .switch-slider,
.input-holder--switch.input-holder--switch-two.input-holder--form-switch-request-type .switch-slider {
    background-color: #fff;
    border: none;
    color: #181818
}

.input-holder--switch.input-holder--switch-three.input-holder--form-switch-request-type .label-switch,
.input-holder--switch.input-holder--switch-two.input-holder--form-switch-request-type .label-switch {
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400
}

.input-holder--switch.input-holder--switch-three.input-holder--form-switch-request-type .label-switch.checked,
.input-holder--switch.input-holder--switch-two.input-holder--form-switch-request-type .label-switch.checked {
    color: #181818
}

.input-holder--switch-two.input-holder--campaign {
    width: 270px
}

@media (min-width:768px) {
    .input-holder--switch-two.input-holder--campaign {
        width: 490px
    }
}

@media (max-width:767px) {
    .input-holder--switch-two.input-holder--campaign .label-switch {
        width: 35%
    }

    .input-holder--switch-two.input-holder--campaign .label-switch:last-of-type {
        width: 65%
    }

    .input-holder--switch-two.input-holder--campaign .switch-slider.index-1 {
        width: 35%
    }

    .input-holder--switch-two.input-holder--campaign .switch-slider.index-2 {
        transform: translateX(54%);
        width: 65%
    }
}

.radio-switch {
    display: none
}

.label-switch {
    color: #6e6e6e;
    cursor: pointer;
    font-size: .8125em;
    font-weight: 400;
    line-height: 1.15;
    position: relative;
    text-align: center;
    width: 50%
}

@media (min-width:360px) {
    .label-switch {
        font-size: .8125em
    }
}

@media (min-width:768px) {
    .label-switch {
        font-size: 1em
    }
}

.input-holder--switch-two .label-switch--campaign {
    height: 100%
}

label.label-switch.checked {
    color: #181818
}

.switch-slider {
    background-color: #fff;
    border: 2px solid #181818;
    border-radius: 25px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .3s ease;
    width: 50%
}

@media (min-width:768px) {
    .switch-slider {
        border-radius: 30px
    }
}

.switch-slider--right {
    transform: translateX(100%)
}

.form-error-message {
    color: red;
    font-weight: 700;
    margin-bottom: 15px
}

.configurator-form {
    background-color: #181818;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.configurator-form .input-holder--switch {
    right: 0;
    top: 0;
    width: 260px
}

.configurator-form .switch-field {
    align-items: center;
    background-color: transparent;
    border: 2px solid #e5e5e5;
    border-radius: 25px;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    .configurator-form .switch-field {
        border-radius: 30px
    }
}

.configurator-form .radio-switch {
    display: none
}

.configurator-form .label-switch {
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.15;
    position: relative;
    text-align: center;
    width: 50%
}

.configurator-form .label-switch.checked {
    color: #181818
}

.configurator-form .switch-slider {
    background-color: #fff;
    border: none;
    border-radius: 25px;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .3s ease;
    width: 50%
}

@media (min-width:768px) {
    .configurator-form .switch-slider {
        border-radius: 30px
    }
}

.configurator-form .switch-slider--right {
    transform: translateX(100%)
}

.input-holder--switch-two .switch-slider.first {
    transform: translateX(0)
}

.input-holder--switch-two .switch-slider.second {
    transform: translateX(100%)
}

.input-holder--switch-two .switch-slider.index-1 {
    transform: translateX(0)
}

.input-holder--switch-two .switch-slider.index-2 {
    transform: translateX(100%)
}

.input-holder--switch-three .switch-slider {
    width: 33.33%
}

.input-holder--switch-three .switch-slider.first {
    transform: translateX(0)
}

.input-holder--switch-three .switch-slider.second {
    transform: translateX(100%)
}

.input-holder--switch-three .switch-slider.third {
    transform: translateX(200%)
}

.input-holder--switch-three .switch-slider.index-1 {
    transform: translateX(0)
}

.input-holder--switch-three .switch-slider.index-2 {
    transform: translateX(100%)
}

.input-holder--switch-three .switch-slider.index-3 {
    transform: translateX(200%)
}

.input-holder--radioblock {
    margin-bottom: 50px;
    margin-top: 50px
}

.input-holder--single-radio-button {
    align-items: center;
    background-color: #fcfcfc;
    border: 2px solid #e5e5e5;
    border-radius: 25px;
    display: inline-flex;
    height: 50px;
    justify-content: space-between;
    margin-right: 10px;
    padding: 0
}

@media (min-width:768px) {
    .input-holder--single-radio-button {
        border-radius: 30px;
        height: 60px;
        margin-right: 15px
    }
}

.input-holder--single-radio-button:last-of-type {
    margin-right: 0
}

.input-holder--single-radio-button .label-switch {
    color: #6e6e6e;
    cursor: pointer;
    font-size: .8125em;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 50%
}

@media (min-width:360px) {
    .input-holder--single-radio-button .label-switch {
        font-size: .8125em
    }
}

@media (min-width:768px) {
    .input-holder--single-radio-button .label-switch {
        font-size: 1em;
        padding: 0 28px
    }
}

@media (min-width:1024px) {
    .input-holder--single-radio-button .label-switch {
        font-size: .9375em
    }
}

@media (min-width:1440px) {
    .input-holder--single-radio-button .label-switch {
        font-size: 1.125em
    }

    .input-holder--width-auto {
        width: auto
    }
}

.input-holder--single-radio-button.checked {
    border-color: #181818
}

.input-holder--single-radio-button.checked .label-switch {
    color: #181818
}

.single-radio-buttons-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 320px
}

@media (min-width:768px) {
    .single-radio-buttons-container {
        max-width: none
    }
}

.single-radio-buttons-container--reverse {
    flex-direction: column-reverse;
    justify-content: left
}

@media (min-width:1440px) {
    .single-radio-buttons-container--reverse {
        flex-direction: row-reverse
    }

    .single-radio-buttons-container--reverse .input-holder--single-radio-button {
        margin-right: 15px
    }
}

.single-radio-buttons-container--re-ordered .input-holder--single-radio-button:first-child {
    order: 2
}

.single-radio-buttons-container--re-ordered .input-holder--single-radio-button:nth-child(2) {
    order: 3
}

.single-radio-buttons-container--re-ordered .input-holder--single-radio-button:nth-child(3) {
    order: 1
}

.single-radio-buttons-container--re-ordered .input-holder--single-radio-button:last-of-type {
    margin-right: 15px
}

.single-radio-buttons-container--re-ordered .input-holder--single-radio-button[data-model=Luxury] {
    margin-right: 0
}

.block-field {
    display: flex;
    justify-content: space-between;
    width: 257px
}

@media (min-width:768px) {
    .block-field {
        width: 467px
    }
}

@media (min-width:1024px) {
    .block-field {
        width: 390px
    }
}

@media (min-width:1440px) {
    .block-field {
        width: 467px
    }
}

.label-block {
    border: 2px solid #e6e6e6;
    color: #181818;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 128px
}

@media (min-width:768px) {
    .label-block {
        width: 230px
    }
}

@media (min-width:1024px) {
    .label-block {
        width: 194px
    }
}

@media (min-width:1440px) {
    .label-block {
        width: 230px
    }
}

.label-block__name {
    display: block;
    font-size: .9375em;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 20px
}

@media (min-width:768px) {
    .label-block__name {
        font-size: 1.375em;
        margin-top: 40px
    }
}

.label-block__adress,
.label-block__contact {
    display: block;
    font-size: .625em;
    margin-bottom: 20px
}

@media (min-width:768px) {

    .label-block__adress,
    .label-block__contact {
        font-size: .9375em
    }

    .label-block__contact {
        margin-bottom: 40px
    }
}

.radio-block {
    display: none
}

.radio-block:checked+label {
    border-color: #181818
}

.privacy-statement-notice {
    color: #181818;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 0 0 0 30px
}

@media (min-width:768px) {
    .privacy-statement-notice {
        margin-bottom: 10px;
        margin-top: 50px;
        padding-left: 0
    }
}

.privacy-statement-notice a {
    text-decoration: underline
}

.privacy-statement-notice--newsletter-subscribe {
    opacity: .8
}

.privacy-statement-notice--newsletter-subscribe-test-drive,
.privacy-statement-notice--newsletter-subscribe-wrapper {
    padding-left: 0
}

@media (min-width:768px) {
    .privacy-statement-notice--newsletter-disclaimer {
        max-width: 800px;
        padding-left: 150px
    }
}

.checkbox-holder {
    display: flex;
    margin-bottom: 10px;
    margin-top: 30px;
    min-height: 20px
}

@media (min-width:768px) {
    .checkbox-holder {
        margin-top: 40px
    }
}

.checkbox-holder input[type=checkbox] {
    display: none
}

.checkbox-holder label {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4;
    opacity: 1;
    padding-left: 40px;
    position: relative
}

@media (min-width:1440px) {
    .checkbox-holder label {
        padding-left: 40px
    }
}

.checkbox-holder label:before {
    border: 2px solid #b3b3b3;
    border-radius: 3px;
    content: "";
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    width: 23px
}

@media (min-width:768px) {
    .checkbox-holder label:before {
        top: 3px
    }
}

.checkbox-holder label a {
    color: #181818;
    text-decoration: underline
}

.checkbox-holder label svg {
    fill: none;
    stroke: #b7b7b7;
    stroke-miterlimit: 10;
    fill-rule: evenodd;
    stroke-width: 4px;
    display: none;
    height: auto;
    left: 6px;
    position: absolute;
    top: 11px;
    width: 11px
}

.checkbox-holder label.error:before,
.checkbox-holder label.form-label--error:before {
    border-color: red
}

.checkbox-holder label.error svg,
.checkbox-holder label.form-label--error svg {
    stroke: red
}

.checkbox-holder input[type=checkbox]:checked+label:before {
    border-color: #fff
}

.checkbox-holder input[type=checkbox]:checked+label svg {
    stroke: #fff;
    display: block
}

.checkbox-holder .checkbox-newsletter__text,
.checkbox-holder .checkbox-phone__text {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.checkbox-holder .checkbox-newsletter__text a,
.checkbox-holder .checkbox-phone__text a {
    color: #fff;
    text-decoration: underline
}

.checkbox-holder .checkbox-newsletter__text p,
.checkbox-holder .checkbox-phone__text p {
    margin: 0
}

.checkbox-holder .checkbox-promo__text {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.checkbox-holder .checkbox-promo__text a {
    color: #000;
    text-decoration: underline
}

.checkbox-holder .checkbox-promo__text p {
    margin: 0
}

.checkbox-holder--phone {
    margin-top: 10px
}

.checkbox-holder--newsletter label {
    padding-bottom: 15px
}

.checkbox-holder--charging-solution {
    margin: unset
}

.form__checkboxes .checkbox-text a {
    color: #fff
}

.checkbox-holder-price {
    margin-bottom: 10px;
    margin-top: 40px
}

.checkbox-holder-price--private-cash-promotion {
    margin-bottom: 30px;
    margin-top: 40px
}

.checkbox-holder-price--small-margin-top {
    margin-top: 0
}

@media (min-width:768px) {
    .checkbox-holder-price {
        padding-bottom: 0
    }
}

@media (min-width:1024px) {
    .checkbox-holder-price {
        padding-bottom: 40px
    }
}

@media (min-width:1440px) {
    .checkbox-holder-price {
        padding-bottom: 0
    }
}

.checkbox-holder-price--no-padding-bottom {
    padding-bottom: 0
}

.checkbox-holder-price--government-subsidy {
    margin-bottom: 20px
}

@media (min-width:1024px) {
    .checkbox-holder-price--government-subsidy {
        padding-bottom: 0
    }
}

.checkbox-holder-price .checkbox-holder-price-inner {
    align-items: center;
    border: 2px solid #eee;
    border-radius: 20px;
    display: flex;
    margin-bottom: 20px;
    min-height: 40px;
    padding-right: 25px
}

.checkbox-holder-price input[type=checkbox],
.checkbox-holder-price input[type=radio] {
    display: none
}

.checkbox-holder-price label {
    color: #848484;
    cursor: pointer;
    display: flex;
    font-size: .9375em;
    font-weight: 400;
    line-height: 1.4;
    opacity: 1;
    padding-left: 45px;
    position: relative;
    width: 100%
}

.checkbox-holder-price label:before {
    background-color: #eee;
    border-radius: 50%;
    content: "";
    display: block;
    height: 28px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px
}

.checkbox-holder-price label a {
    color: #181818;
    text-decoration: underline
}

.checkbox-holder-price label svg {
    fill: none;
    stroke: #eee;
    stroke-miterlimit: 10;
    fill-rule: evenodd;
    stroke-width: 4px;
    height: 10px;
    left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.checkbox-holder-price label.error:before,
.checkbox-holder-price label.form-label--error:before {
    border-color: red
}

.checkbox-holder-price label.error svg,
.checkbox-holder-price label.form-label--error svg {
    stroke: red
}

.checkbox-holder-price .checkbox-charging-cable {
    display: inline-block
}

.checkbox-holder-price .checkbox-charging-cable-type {
    bottom: -44px;
    display: inline-block;
    left: 0;
    position: absolute
}

@media (min-width:768px) {
    .checkbox-holder-price .checkbox-charging-cable-type {
        bottom: auto;
        left: auto;
        margin-left: 5px;
        position: relative
    }
}

@media (min-width:1024px) {
    .checkbox-holder-price .checkbox-charging-cable-type {
        bottom: -44px;
        left: 0;
        position: absolute
    }
}

@media (min-width:1440px) {
    .checkbox-holder-price .checkbox-charging-cable-type {
        bottom: auto;
        left: auto;
        margin-left: 5px;
        position: relative
    }
}

.checkbox-holder-price .checkbox-price-addition {
    color: #181818;
    display: inline-block;
    font-weight: 700;
    margin-left: auto;
    text-align: right
}

.checkbox-holder-price .checkbox-price-addition--government-subsidy {
    flex-shrink: 0;
    margin: auto 0 auto auto
}

.checkbox-holder-price input[type=checkbox]:checked+.checkbox-holder-price-inner,
.checkbox-holder-price input[type=radio]:checked+.checkbox-holder-price-inner {
    border-color: #181818
}

.checkbox-holder-price input[type=checkbox]:checked+.checkbox-holder-price-inner label,
.checkbox-holder-price input[type=radio]:checked+.checkbox-holder-price-inner label {
    color: #181818
}

.checkbox-holder-price input[type=checkbox]:checked+.checkbox-holder-price-inner label:before,
.checkbox-holder-price input[type=radio]:checked+.checkbox-holder-price-inner label:before {
    border-color: #181818
}

.checkbox-holder-price input[type=checkbox]:checked+.checkbox-holder-price-inner label svg,
.checkbox-holder-price input[type=radio]:checked+.checkbox-holder-price-inner label svg {
    stroke: #181818
}

.checkbox-disclaimer {
    color: #181818;
    font-size: .9375em;
    line-height: 1.6;
    margin-top: 15px;
    text-align: left
}

.submit-holder {
    margin-top: 40px;
    padding: 50px 0;
    position: relative;
    text-align: right
}

@media (min-width:768px) {
    .submit-holder {
        margin-top: 70px
    }
}

.submit-holder--small-mt {
    margin-top: 0
}

@media (min-width:768px) {
    .submit-holder--small-mt {
        margin-top: 20px
    }
}

.submit-holder:after {
    border-top: 2px solid #f2f2f2;
    content: "";
    height: 1px;
    left: -30px;
    position: absolute;
    top: 0;
    width: calc(100% + 60px)
}

@media (min-width:1024px) {
    .submit-holder:after {
        left: -40px;
        width: calc(100% + 80px)
    }
}

@media (min-width:1440px) {
    .submit-holder:after {
        left: -65px;
        width: calc(100% + 130px)
    }
}

.submit-holder .disclaimer {
    color: #181818;
    display: block;
    margin-bottom: 30px;
    text-align: left
}

@media (min-width:480px) {
    .submit-holder .disclaimer {
        margin-bottom: 0;
        position: absolute;
        top: 15px
    }
}

@media (min-width:1024px) {
    .submit-holder--sticky {
        background-color: #fff;
        bottom: 0;
        position: -webkit-sticky;
        position: sticky
    }
}

.main-form-error {
    color: red;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: left
}

@media (min-width:480px) {
    .main-form-error {
        left: 0;
        position: absolute;
        top: 61px
    }
}

@media (min-width:768px) {
    .main-form-error {
        top: 65px
    }
}

.rectangle-dropdown-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.form-submit-disclaimer-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:768px) {
    .form-submit-disclaimer-holder {
        flex-direction: row
    }
}

.form-submit-disclaimer-holder .button {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.form-submit-disclaimer-holder .main-form-error {
    left: unset;
    margin-bottom: 0;
    position: relative;
    text-align: right;
    top: unset
}

.form-submit-disclaimer-holder .privacy-statement-notice {
    font-weight: 400;
    margin-top: 20px;
    opacity: .6;
    text-align: right
}

.de-AT .single-radio-buttons-container .input-holder--single-radio-button,
.nl-NL .single-radio-buttons-container .input-holder--single-radio-button {
    justify-content: center;
    max-width: 236px
}

.de-AT .single-radio-buttons-container .input-holder--single-radio-button .label-switch,
.nl-NL .single-radio-buttons-container .input-holder--single-radio-button .label-switch {
    width: auto
}

.input-holder--file {
    align-items: center;
    display: flex;
    position: relative
}

.input-holder--file input {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.input-holder--file input[type=text] {
    background-color: transparent;
    border: none;
    color: #fff;
    margin-left: 15px;
    position: relative;
    width: calc(100% - 165px)
}

.input-holder--file input[type=file] {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    width: 100%;
    z-index: 1
}

.input-holder--file input[type=file]~.form-label {
    margin-bottom: 0;
    margin-left: 15px
}

.input-holder--file input#file-upload-button {
    display: none
}

.input-icon-holder {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.input-icon-holder,
.input-icon-holder .lds-ring {
    height: 18px;
    width: 18px
}

.input-icon-holder .lds-ring div {
    border-width: 2px;
    height: 18px;
    width: 18px
}

.zip-request-error {
    color: red;
    display: block;
    font-size: .75em;
    margin: 8px
}

.checkbox__text {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.checkbox-info-text {
    font-size: .9375em;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width:768px) {
    .checkbox-info-text {
        font-size: 1.125em
    }
}

.checkbox-info-text a {
    text-decoration: underline
}

.form-label--error a {
    color: red !important
}

.the-datepicker__container .the-datepicker__main {
    border-top-left-radius: 0
}

.the-datepicker__container .the-datepicker__main a {
    cursor: pointer
}

.the-datepicker__container.the-datepicker__container--over .the-datepicker__main {
    border-bottom-left-radius: 0;
    border-top-left-radius: .3em
}

.the-datepicker__container.the-datepicker__container--left .the-datepicker__main {
    border-top-left-radius: .3em;
    border-top-right-radius: 0
}

.the-datepicker__container.the-datepicker__container--over.the-datepicker__container--left .the-datepicker__main {
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: 0;
    border-top-right-radius: .3em
}

.the-datepicker__main {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .3em;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    overflow: hidden;
    padding: .4em
}

.the-datepicker__main .the-datepicker__body {
    margin-top: 1em
}

.the-datepicker__main th.the-datepicker__week-day {
    color: #666;
    font-size: .85em;
    font-weight: 400;
    max-width: 2.1em;
    min-width: 2.1em;
    padding: .5em 0;
    text-align: center;
    text-transform: uppercase;
    width: 2.1em
}

.the-datepicker__main a.the-datepicker__button {
    border-radius: .3em;
    display: block;
    max-width: 2.1em;
    min-width: 2.1em;
    padding: .6em 0;
    text-align: center;
    text-decoration: none;
    width: 2.1em
}

.the-datepicker__main .the-datepicker__title {
    display: inline-block;
    width: 70%
}

.the-datepicker__main .the-datepicker__title-content {
    display: inline-block;
    padding: .5em
}

.the-datepicker__main .the-datepicker__control {
    display: inline-block;
    text-align: right;
    width: 30%
}

.the-datepicker__main .the-datepicker__close,
.the-datepicker__main .the-datepicker__reset {
    display: inline-block;
    font-weight: 700
}

.the-datepicker__main .the-datepicker__navigation {
    margin-top: .3em
}

.the-datepicker__main .the-datepicker__go {
    display: inline-block;
    width: 15%
}

.the-datepicker__main .the-datepicker__go a.the-datepicker__button {
    display: inline-block;
    font-weight: 700
}

.the-datepicker__main .the-datepicker__go-next {
    text-align: right
}

.the-datepicker__main .the-datepicker__state {
    display: inline-block;
    width: 70%
}

.the-datepicker__main .the-datepicker__month {
    display: inline-block;
    text-align: center;
    width: 62%
}

.the-datepicker__main .the-datepicker__year {
    display: inline-block;
    text-align: center;
    width: 38%
}

.the-datepicker__main .the-datepicker__month-year {
    text-align: center
}

.the-datepicker__main select.the-datepicker__select {
    font-size: .9em;
    margin: 0;
    padding: 0
}

.the-datepicker__main table.the-datepicker__calendar {
    border-collapse: collapse;
    display: table
}

.the-datepicker__main table.the-datepicker__calendar thead {
    display: table-header-group
}

.the-datepicker__main table.the-datepicker__calendar tbody {
    display: table-row-group
}

.the-datepicker__main table.the-datepicker__calendar tr {
    display: table-row
}

.the-datepicker__main table.the-datepicker__calendar tr td,
.the-datepicker__main table.the-datepicker__calendar tr th {
    display: table-cell
}

.the-datepicker__main td.the-datepicker__cell {
    padding: 0
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
    padding: .1em
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__day-content {
    display: block;
    padding: .6em 0
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content {
    border-radius: .3em;
    text-align: center
}

.the-datepicker__main td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
    background-color: #d1e8ff
}

.the-datepicker__main td.the-datepicker__day--outside a.the-datepicker__button {
    color: #8ac4ff
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button {
    color: #aaa
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: transparent
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button {
    color: #fff
}

.the-datepicker__main .the-datepicker__day--weekend,
.the-datepicker__main .the-datepicker__week-day--weekend,
.the-datepicker__main td.the-datepicker__day--today {
    font-weight: 700
}

.the-datepicker__main .the-datepicker__animated {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.the-datepicker__deselect-button {
    font-weight: 700;
    text-decoration: none
}

.the-datepicker__deselect-button:hover {
    text-decoration: none
}

.the-datepicker__fade-out-left {
    -webkit-animation-name: the-datepicker-fade-out-left;
    animation-name: the-datepicker-fade-out-left
}

.the-datepicker__fade-out-right {
    -webkit-animation-name: the-datepicker-fade-out-right;
    animation-name: the-datepicker-fade-out-right
}

.the-datepicker__fade-in-left {
    -webkit-animation-name: the-datepicker-fade-in-left;
    animation-name: the-datepicker-fade-in-left
}

.the-datepicker__fade-in-right {
    -webkit-animation-name: the-datepicker-fade-in-right;
    animation-name: the-datepicker-fade-in-right
}

@-webkit-keyframes the-datepicker-fade-out-left {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes the-datepicker-fade-out-left {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes the-datepicker-fade-out-right {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes the-datepicker-fade-out-right {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes the-datepicker-fade-in-left {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes the-datepicker-fade-in-left {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes the-datepicker-fade-in-right {
    0% {
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes the-datepicker-fade-in-right {
    0% {
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.the-datepicker__deselect {
    display: none
}

.the-datepicker__main {
    background-color: #181818;
    border: none;
    border-radius: 0;
    padding: 20px
}

.the-datepicker__top {
    display: none
}

.the-datepicker__navigation {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0
}

.the-datepicker__state {
    order: 1
}

.the-datepicker__main .the-datepicker__go {
    width: auto
}

.the-datepicker__main a.the-datepicker__button {
    color: #fff
}

.the-datepicker__go-previous {
    margin-left: auto;
    margin-right: 10px;
    order: 2
}

.the-datepicker__go-next {
    order: 3
}

.the-datepicker__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: #fff;
    text-transform: uppercase
}

.the-datepicker__main .the-datepicker__month,
.the-datepicker__main .the-datepicker__year {
    font-size: 1.125em;
    font-weight: 700;
    width: auto
}

.the-datepicker__main a.the-datepicker__button {
    max-width: none;
    min-width: 0;
    padding: 0;
    width: auto
}

.the-datepicker__calendar {
    width: 100%
}

.the-datepicker__main td.the-datepicker__cell {
    padding: 2px
}

@media (min-width:480px) {
    .the-datepicker__main td.the-datepicker__cell {
        padding: 5px
    }
}

.the-datepicker__main th.the-datepicker__week-day {
    color: #fff;
    font-size: .75em;
    font-weight: 700;
    text-transform: none
}

.the-datepicker__day a.the-datepicker__button {
    align-items: center;
    background-color: #2fd176;
    border-radius: 17.5px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

@media (min-width:480px) {
    .the-datepicker__day a.the-datepicker__button {
        height: 35px;
        max-height: 35px;
        max-width: 35px;
        min-height: 35px;
        min-width: 35px;
        width: 35px
    }
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button {
    background-color: #ff2c55;
    color: #fff;
    cursor: not-allowed
}

.the-datepicker__main td.the-datepicker__day--past a.the-datepicker__button {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    cursor: not-allowed
}

.section-blocks {
    background-color: #181818;
    color: #fff
}

.blocks-inner {
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 75px;
    padding-top: 75px;
    width: 100%
}

@media (min-width:768px) {
    .blocks-inner {
        padding-bottom: 115px;
        padding-top: 115px
    }
}

@media (min-width:1024px) {
    .blocks-inner {
        display: flex;
        padding-bottom: 150px;
        padding-top: 150px;
        width: 800px
    }
}

@media (min-width:1280px) {
    .blocks-inner {
        width: 1190px
    }
}

@media (min-width:1600px) {
    .blocks-inner {
        padding-bottom: 200px;
        padding-top: 200px
    }
}

.block {
    align-items: center;
    display: flex
}

@media (min-width:1024px) {
    .block {
        display: block;
        padding: 0 20px;
        width: 33.33%
    }
}

@media (min-width:1280px) {
    .block {
        padding: 0 45px
    }
}

.block+.block {
    margin-top: 60px
}

@media (min-width:768px) {
    .block+.block {
        margin-top: 80px
    }
}

@media (min-width:1024px) {
    .block+.block {
        margin-top: 0
    }
}

.block p {
    font-size: 1.125em;
    line-height: 1.1428571429em;
    margin: 0;
    padding-left: 30px
}

@media (min-width:768px) {
    .block p {
        font-size: 1.875em;
        letter-spacing: -1px;
        line-height: 1.3333333333em;
        padding-left: 60px
    }
}

@media (min-width:1024px) {
    .block p {
        padding-left: 0
    }
}

.block-icon {
    align-items: center;
    display: flex;
    flex: 0 0 38px;
    height: 30px;
    justify-content: center;
    width: 38px
}

.block-icon svg {
    fill: #fff;
    height: 30px;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

@media (min-width:768px) {
    .block-icon {
        flex: 0 0 64px;
        height: 54px;
        width: 64px
    }

    .block-icon svg {
        height: 54px
    }
}

@media (min-width:1024px) {
    .block-icon {
        margin-bottom: 40px
    }
}

.section-slider {
    background-color: #fff;
    color: #181818;
    padding-bottom: 30px;
    padding-top: 30px
}

@media (min-width:768px) {
    .section-slider {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

.slider-img,
.slider-img img {
    height: auto;
    width: 100%
}

.slider-img img {
    display: block
}

@media (min-width:768px) {
    .slider-img img {
        border-radius: 10px
    }
}

.page-slider-pagination,
.page-tabs {
    font-size: 1.5625em;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1.1em;
    padding-bottom: 15px
}

@media (min-width:768px) {

    .page-slider-pagination,
    .page-tabs {
        font-size: 3.125em;
        letter-spacing: -4.5px;
        padding-bottom: 20px
    }
}

.page-tabs {
    display: flex
}

.page-tabs .tab-item {
    color: #c2c2c2;
    cursor: pointer;
    margin-right: 10px;
    transition: color .2s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:768px) {
    .page-tabs .tab-item {
        margin-right: 20px
    }
}

.page-tabs .tab-item--active {
    color: #181818
}

.page-slider-wrapper {
    position: relative
}

.page-slider-pagination {
    align-items: center;
    bottom: -58px;
    display: flex;
    left: 0;
    position: absolute;
    transform: translateY(-100%);
    z-index: 1
}

@media (min-width:768px) {
    .page-slider-pagination {
        bottom: auto;
        left: auto;
        right: 0;
        top: 0
    }
}

.page-slider-pagination svg {
    height: 19px;
    width: 26px
}

@media (min-width:768px) {
    .page-slider-pagination svg {
        height: 35px;
        width: 52px
    }
}

.page-slider-pagination .swiper-pagination {
    display: flex;
    margin-left: 5px;
    position: relative
}

@media (min-width:768px) {
    .page-slider-pagination .swiper-pagination {
        margin-left: 10px
    }
}

.page-slider-pagination .swiper-pagination .swiper-pagination-bullet {
    background: transparent;
    color: #c2c2c2;
    display: block;
    height: auto;
    opacity: 1;
    outline: none;
    transition: color .2s cubic-bezier(.165, .84, .44, 1);
    width: auto
}

.page-slider-pagination .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 2px
}

@media (min-width:768px) {
    .page-slider-pagination .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 5px
    }
}

.page-slider-pagination .swiper-pagination .swiper-pagination-bullet-active {
    color: #181818
}

.page-slider-arrows {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px
}

@media (min-width:768px) {
    .page-slider-arrows {
        justify-content: space-between;
        margin-top: 20px
    }
}

.page-slider-arrows .page-slider-arrow {
    cursor: pointer;
    outline: none
}

.page-slider-arrows .slider__arrow-holder {
    height: 26px;
    overflow: hidden;
    width: 43px
}

@media (min-width:768px) {
    .page-slider-arrows .slider__arrow-holder {
        height: 36px;
        width: 59px
    }
}

.page-slider-arrows svg {
    fill: #181818;
    height: 26px;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 43px
}

@media (min-width:768px) {
    .page-slider-arrows svg {
        height: 36px;
        width: 59px
    }
}

.page-slider-arrows .page-slider-prev .slider__arrow-holder {
    transform: translateX(-6px)
}

@media (min-width:768px) {
    .page-slider-arrows .page-slider-prev .slider__arrow-holder {
        transform: translateX(-8px)
    }
}

.page-slider-arrows .page-slider-prev svg {
    transform: translateX(6px)
}

@media (min-width:768px) {
    .page-slider-arrows .page-slider-prev svg {
        transform: translateX(8px)
    }
}

.page-slider-arrows .page-slider-next .slider__arrow-holder {
    transform: translateX(6px)
}

@media (min-width:768px) {
    .page-slider-arrows .page-slider-next .slider__arrow-holder {
        transform: translateX(8px)
    }
}

.page-slider-arrows .page-slider-next svg {
    transform: translateX(-6px)
}

@media (min-width:768px) {
    .page-slider-arrows .page-slider-next svg {
        transform: translateX(-8px)
    }
}

.thumbslider__badges-holder {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 25px;
    top: calc(50% + 23px)
}

.thumbslider__badges-holder>*+* {
    margin-top: 10px
}

@media (min-width:768px) {
    .thumbslider__badges-holder>*+* {
        margin-top: 14px
    }

    .thumbslider__badges-holder {
        right: 40px;
        top: 110px
    }
}

.thumbslider__badges-badge {
    height: auto;
    margin-left: auto;
    width: 60px
}

@media (min-width:768px) {
    .thumbslider__badges-badge {
        width: 90px
    }
}

.thumbslider__badges-badge--a-label {
    max-width: 60px
}

@media (min-width:768px) {
    .thumbslider__badges-badge--a-label {
        max-width: 90px;
        width: 90px
    }
}

.thumbslider__badges-badge--a-label img {
    width: 100%
}

.no-touchevents .swiper-pagination-bullet:hover,
.no-touchevents .tab-item:hover {
    color: #181818
}

@media (min-width:768px) {

    .no-touchevents .page-slider-arrows .page-slider-next:hover svg,
    .no-touchevents .page-slider-arrows .page-slider-prev:hover svg {
        transform: translateX(0)
    }
}

.glide {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.glide * {
    box-sizing: inherit
}

.glide__slides,
.glide__track {
    overflow: hidden
}

.glide__slides {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    touch-action: pan-Y;
    transform-style: preserve-3d;
    white-space: nowrap;
    width: 100%;
    will-change: transform
}

.glide__slide,
.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    width: 100%
}

.glide__slide a {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 1;
    opacity: 1;
    padding: 9px 12px;
    position: absolute;
    text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .15s ease, border .3s ease-in-out;
    z-index: 2
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    bottom: 2em;
    display: inline-flex;
    left: 50%;
    list-style: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.glide__bullet {
    background-color: hsla(0, 0%, 100%, .5);
    border: 2px solid transparent;
    border-radius: 50%;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    height: 9px;
    line-height: 0;
    margin: 0 .25em;
    padding: 0;
    transition: all .3s ease-in-out;
    width: 9px
}

.glide__bullet:focus {
    outline: none
}

.glide__bullet:focus,
.glide__bullet:hover {
    background-color: hsla(0, 0%, 100%, .5);
    border: 2px solid #fff
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.configurator-slider {
    overflow: hidden;
    position: relative;
    width: 100%
}

.configurator-slider--mobile {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .configurator-slider--mobile {
        display: none
    }
}

.configurator-slider .glide {
    width: 100%
}

@media (min-width:1024px) {
    .configurator-slider .glide {
        height: 100%
    }
}

.configurator-slider .glide__track {
    height: 100%
}

.configurator-slider .glide__bullets {
    bottom: -2em
}

.configurator-slider .glide__slides {
    height: 100%;
    margin: 0
}

.configurator-slider .glide__slide {
    position: relative
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide {
        display: flex;
        justify-content: center
    }
}

.configurator-slider .glide__slide img {
    display: block;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide img {
        height: auto;
        -o-object-fit: cover;
        object-fit: cover
    }

    .configurator-slider .glide__slide.glide__slide--cover img {
        height: 100%
    }
}

.configurator-slider .glide__slide--active:after {
    opacity: 0
}

.configurator-slider .glide__bullet {
    background-color: #001b42;
    height: 8px;
    margin: 0 5px;
    width: 8px
}

.configurator-slider .glide__bullet--active {
    background-color: #55aad2
}

.configurator-slider .glide__next,
.configurator-slider .glide__previous {
    align-items: center;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 50%;
    bottom: 30px;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    width: 40px
}

@media (min-width:768px) {

    .configurator-slider .glide__next,
    .configurator-slider .glide__previous {
        height: 60px;
        width: 60px
    }
}

.configurator-slider .glide__previous {
    left: 30px
}

@media (min-width:1024px) {
    .configurator-slider .glide__previous {
        right: 30px
    }
}

.configurator-slider .glide__next {
    right: 30px
}

@media (min-width:1024px) {
    .configurator-slider .glide__next {
        right: 30px
    }
}

.configurator-slider .glide__next-arrow,
.configurator-slider .glide__previous-arrow {
    cursor: pointer;
    height: auto;
    width: 24px
}

.grid-block-holder {
    color: #000;
    padding: 0 25px
}

@media (min-width:768px) {
    .grid-block-holder {
        padding-bottom: 80px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .grid-block-holder {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1440px) {
    .grid-block-holder {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-right: 120px
    }
}

.grid-block-holder>div:last-of-type {
    margin-bottom: 0
}

.grid-block__container {
    display: grid;
    margin-bottom: 50px
}

@media (min-width:768px) {
    .grid-block__container {
        -moz-column-gap: 60px;
        column-gap: 60px;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 90px;
        row-gap: 90px
    }
}

@media (min-width:1024px) {
    .grid-block__container {
        -moz-column-gap: 90px;
        column-gap: 90px
    }
}

.grid-block__block-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.grid-block__block-holder h2 {
    font-size: 1.625em;
    margin-bottom: 25px;
    margin-top: auto
}

@media (min-width:768px) {
    .grid-block__block-holder h2 {
        font-size: 2.1875em;
        margin-bottom: 40px
    }
}

.grid-block__block-holder h2 span {
    font-weight: 700
}

.grid-block__block-image {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .grid-block__block-image {
        margin-bottom: 30px
    }
}

.grid-block__block-image img {
    display: block;
    height: auto;
    width: 100%
}

.grid-block__block-brochures {
    display: flex;
    flex-direction: column
}

.grid-block__block-brochure {
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: .875em;
    font-weight: 700;
    text-decoration: underline
}

@media (min-width:768px) {
    .grid-block__block-brochure {
        font-size: 1em
    }
}

.grid-block__block-brochure svg {
    margin-right: 10px
}

.grid-block__brochure-not-available {
    font-size: .875em
}

@media (min-width:768px) {
    .grid-block__brochure-not-available {
        font-size: 1em
    }
}

.section-teaser {
    background-color: #fff;
    color: #181818;
    padding-bottom: 40px;
    padding-top: 35px
}

@media (min-width:768px) {
    .section-teaser {
        padding-bottom: 65px;
        padding-top: 55px
    }
}

.teaser-inner {
    padding-bottom: 25px;
    padding-top: 25px
}

@media (min-width:768px) {
    .teaser-inner {
        padding-top: 60px
    }
}

@media (min-width:1024px) {
    .teaser-inner {
        display: flex;
        padding-bottom: 0
    }
}

@media (min-width:1600px) {
    .teaser-inner {
        padding-top: 120px
    }
}

.teaser-media {
    width: 100%
}

@media (min-width:1024px) {
    .teaser-media {
        width: calc(100% - 410px)
    }
}

.teaser-img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.teaser-content {
    margin-bottom: 20px;
    margin-top: 20px
}

@media (min-width:1024px) {
    .teaser-content {
        flex: 0 0 410px;
        margin-bottom: 60px;
        margin-top: 0;
        width: 410px
    }
}

.teaser-content h2 {
    font-size: 1.5625em;
    letter-spacing: -2px;
    line-height: 1.2em;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .teaser-content h2 {
        font-size: 3.125em;
        letter-spacing: -4px;
        line-height: 1.1em;
        margin-bottom: 30px
    }
}

.teaser-content__disclaimer {
    color: #848484;
    font-size: .875em
}

.teaser-button {
    margin-top: 10px
}

@media (min-width:1600px) {
    .teaser-button {
        margin-top: 18px
    }
}

.teaser-button .button {
    font-weight: 400
}

.teaser-slider-wrapper {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2
}

@media (min-width:768px) {
    .teaser-slider-wrapper {
        border-bottom: 2px solid #f2f2f2;
        border-top: 2px solid #f2f2f2
    }
}

.teaser-pagination {
    display: flex;
    margin-bottom: 18px
}

@media (min-width:768px) {
    .teaser-pagination {
        margin-bottom: 22px
    }
}

.teaser-pagination .swiper-pagination-bullet {
    background: transparent;
    display: block;
    height: 40px;
    opacity: 1;
    outline: none;
    overflow: hidden;
    width: 40px
}

@media (min-width:768px) {
    .teaser-pagination .swiper-pagination-bullet {
        height: 42px;
        width: 42px
    }
}

.teaser-pagination .swiper-pagination-bullet span {
    background-color: #fcfcfc;
    border: 2px solid #181818;
    border-radius: 50%;
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.teaser-pagination .swiper-pagination-bullet span:after,
.teaser-pagination .swiper-pagination-bullet span:before {
    background-color: #181818;
    content: "";
    display: block;
    height: 21px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease-in;
    width: 2px;
    z-index: 1
}

.teaser-pagination .swiper-pagination-bullet span:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.teaser-pagination .swiper-pagination-bullet span.color-2 {
    background-color: #ce2926;
    background: url(/media/images/configurator/red.png) 0 0 no-repeat;
    background-position: 50%;
    background-size: cover
}

.teaser-pagination .swiper-pagination-bullet span.color-3 {
    background-color: #71c6cb;
    background: url(/media/images/configurator/cyan.png) 0 0 no-repeat;
    background-position: 50%;
    background-size: cover
}

.teaser-pagination .swiper-pagination-bullet span.color-4 {
    background-color: #0019fa;
    background: url(/media/images/configurator/blue.png) 0 0 no-repeat;
    background-position: 50%;
    background-size: cover
}

.teaser-pagination .swiper-pagination-bullet span.color-5 {
    background-color: #0b0e0f;
    background: url(/media/images/configurator/black.png) 0 0 no-repeat;
    background-position: 50%;
    background-size: cover
}

.teaser-pagination .swiper-pagination-bullet span.color-2:after,
.teaser-pagination .swiper-pagination-bullet span.color-2:before,
.teaser-pagination .swiper-pagination-bullet span.color-3:after,
.teaser-pagination .swiper-pagination-bullet span.color-3:before,
.teaser-pagination .swiper-pagination-bullet span.color-4:after,
.teaser-pagination .swiper-pagination-bullet span.color-4:before,
.teaser-pagination .swiper-pagination-bullet span.color-5:after,
.teaser-pagination .swiper-pagination-bullet span.color-5:before {
    background-color: #fff
}

.teaser-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 5px
}

@media (min-width:768px) {
    .teaser-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 10px
    }
}

.teaser-pagination .swiper-pagination-bullet-active span:after,
.teaser-pagination .swiper-pagination-bullet-active span:before {
    opacity: 1
}

@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: var(--plyr-badge-background, #4a5464);
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    -webkit-animation: plyr-fade-in .3s ease;
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: transparent;
    border: 0;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

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

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    -webkit-animation: plyr-popup .2s ease;
    animation: plyr-popup .2s ease;
    background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: var(--plyr-menu-color, #4a5464);
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border-top-color: transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
    overflow: hidden;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: transparent;
    background: currentColor;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

.plyr__poster {
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: transparent
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: var(--plyr-control-spacing, 10px);
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}

.plyr--video .plyr__progress__buffer {
    color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: var(--plyr-tooltip-radius, 3px);
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color: #fff;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    color: #fff !important
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
    background-color: #fff
}

.plyr.plyr--stopped .plyr__controls {
    display: none
}

.plyr.plyr--paused .plyr__controls {
    display: flex
}

.plyr__control--overlaid {
    color: #fff !important;
    transform: translate(-50%, -50%) scale(2.5)
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--paused.plyr--full-ui.plyr--video .plyr__control--overlaid,
.plyr--stopped.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none !important
}

.plyr--full-ui input[type=range] {
    color: #fff
}

.section-video {
    background-color: #fff;
    color: #181818;
    padding-bottom: 40px
}

@media (min-width:768px) {
    .section-video {
        padding-bottom: 120px
    }
}

.video-inner h2 {
    font-size: 1.5625em;
    letter-spacing: -2px;
    line-height: 1.2em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .video-inner h2 {
        font-size: 3.125em;
        letter-spacing: -4px;
        line-height: 1.1em;
        margin-bottom: 20px
    }
}

.video {
    position: relative
}

.video--content {
    padding-bottom: 0
}

@media (min-width:768px) {
    .video--content {
        padding-bottom: 0
    }
}

.video__holder {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:768px) {
    .video__holder {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .video__holder {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1600px) {
    .video__holder {
        padding-left: 80px;
        padding-right: 80px
    }
}

.video__poster-holder {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.video__poster {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .video__poster {
        border-radius: 10px
    }
}

.video-play-icon {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    z-index: 1
}

@media (min-width:768px) {
    .video-play-icon {
        height: 80px;
        width: 80px
    }
}

.video-play-icon svg {
    height: 16px;
    width: 13px
}

@media (min-width:768px) {
    .video-play-icon svg {
        height: 20px;
        width: 17px
    }
}

.video-play-button {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.video-play-button svg {
    width: 58px
}

@media (min-width:768px) {
    .video-play-button svg {
        width: 83px
    }
}

.video__poster-holder--boxed:after {
    border: 2px solid #fff;
    bottom: 20px;
    content: "";
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 40px)
}

@media (min-width:768px) {
    .video__poster-holder--boxed:after {
        bottom: 50px;
        height: calc(100% - 100px);
        left: 50px;
        right: 50px;
        top: 50px;
        width: calc(100% - 100px)
    }
}

@media (min-width:1024px) {
    .video__poster-holder--boxed:after {
        bottom: 80px;
        height: calc(100% - 160px);
        left: 80px;
        right: 80px;
        top: 80px;
        width: calc(100% - 160px)
    }
}

.section-specs {
    background-color: #fff;
    color: #181818;
    padding-bottom: 30px;
    padding-top: 40px
}

@media (min-width:768px) {
    .section-specs {
        padding-bottom: 130px;
        padding-top: 75px
    }
}

.specs-inner {
    margin: 0 auto;
    max-width: 100%;
    width: 1224px
}

.specs-inner h2 {
    display: none
}

@media (min-width:768px) {
    .specs-inner h2 {
        display: block;
        font-size: 3.125em;
        letter-spacing: -4px;
        line-height: 1.2em;
        margin-bottom: 30px
    }
}

.specs-tabs {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    cursor: pointer;
    display: flex;
    font-size: 1.5625em;
    letter-spacing: -1.5px;
    line-height: 1.2em;
    margin-bottom: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 25px
}

@media (min-width:768px) {
    .specs-tabs {
        padding-left: 50px
    }
}

@media (min-width:1024px) {
    .specs-tabs {
        padding-left: 70px
    }
}

@media (min-width:1600px) {
    .specs-tabs {
        padding-left: 80px
    }
}

@media (min-width:768px) {
    .specs-tabs {
        font-size: 1.625em;
        line-height: 2.3076923077em
    }
}

.specs-tabs::-webkit-scrollbar {
    display: none
}

.specs-tabs .specs-tab-item {
    color: #c2c2c2;
    display: block;
    padding-right: 25px;
    transition: color .2s cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:768px) {
    .specs-tabs .specs-tab-item {
        font-weight: 500;
        padding-right: 18px
    }
}

@media (min-width:1600px) {
    .specs-tabs .specs-tab-item {
        padding-right: 30px
    }
}

@media (min-width:768px) {
    .specs-tabs .specs-tab-item:last-child {
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .specs-tabs .specs-tab-item:last-child {
        padding-right: 70px
    }
}

@media (min-width:1600px) {
    .specs-tabs .specs-tab-item:last-child {
        padding-right: 80px
    }
}

.specs-tabs .specs-tab-item--active {
    color: #181818
}

.specs-tab {
    font-size: .75em;
    line-height: 1;
    overflow-x: scroll
}

@media (min-width:768px) {
    .specs-tab {
        font-size: 1.0625em;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .specs-tab {
        font-size: 1.375em
    }
}

.specs-tab-row {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.specs-tab-row .specs-tab-column {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-weight: 300;
    justify-content: center;
    line-height: 120%;
    min-height: 30px;
    min-width: 90px;
    padding: 4px 0;
    width: 90px
}

@media (min-width:768px) {
    .specs-tab-row .specs-tab-column {
        min-height: 60px;
        min-width: 130px;
        padding: 8px 0;
        width: 130px
    }
}

.specs-tab-row .specs-tab-column:first-child {
    font-weight: 600
}

.specs-tab-row .specs-tab-column:not(:last-child) {
    margin-right: 20px
}

@media (min-width:1024px) {
    .specs-tab-row .specs-tab-column:not(:last-child) {
        margin-right: 30px
    }
}

.specs-tab-row .specs-tab-column--wide {
    min-width: 120px;
    width: 120px
}

@media (min-width:768px) {
    .specs-tab-row .specs-tab-column--wide {
        min-width: 200px;
        width: 200px
    }
}

@media (min-width:1024px) {
    .specs-tab-row .specs-tab-column--wide {
        min-width: 250px;
        width: 250px
    }
}

.specs-tab-row .specs-tab-column--full {
    width: 100%
}

.specs-tab-row .specs-tab-column--center {
    align-items: center;
    text-align: center
}

.specs-tab-row .specs-tab-column .sub {
    display: block;
    font-size: .75em
}

.specs-tab-column-subtitle,
.specs-tab-header {
    color: #c2c2c2;
    display: inline-block;
    width: 100%
}

.specs-tab-column-subtitle {
    font-size: 12px
}

@media (min-width:768px) {
    .specs-tab-column-subtitle {
        font-size: 17px
    }
}

.specs-tab-header .specs-tab-column {
    font-weight: 600
}

.specs-tab-inner {
    display: inline-block;
    width: 100%
}

.specs-tab-inner+.specs-tab-inner {
    margin-top: 30px
}

@media (min-width:768px) {
    .specs-tab-inner+.specs-tab-inner {
        margin-top: 60px
    }
}

.specs-tab-inner .specs-tab-row {
    border-bottom: 1px solid #f2f2f2
}

.specs-tab-inner .specs-tab-row:last-child {
    border-bottom: none
}

.specs-tab-row-inner {
    align-items: center;
    display: flex;
    width: 100%
}

@media (min-width:1024px) {
    .specs-tab-row-inner {
        max-width: 100%;
        width: 610px
    }
}

.specs-tab-row-inner .specs-tab-column-inner {
    display: flex;
    flex-direction: column;
    width: 50%
}

@media (min-width:1024px) {
    .specs-tab-row-inner .specs-tab-column-inner {
        width: 33.3332%
    }

    .specs-tab-row-inner .specs-tab-column-inner--wide {
        display: flex;
        flex-direction: column;
        width: 66.6664%
    }
}

.specs-tab-row-inner .specs-tab-column-inner--center {
    text-align: center
}

.specs-tab-column-image,
.specs-tab-column-subtitle,
.specs-tab-column-title {
    display: block
}

.specs-tab-column-image img {
    height: auto;
    max-width: 100%;
    width: 48px
}

@media (min-width:768px) {
    .specs-tab-column-image img {
        width: 96px
    }
}

.specs-tab-column.specs-open-circle {
    font-size: .9em;
    font-weight: 900
}

.specs-tab-column.specs-open-circle sup {
    top: -3px
}

.warranty-text {
    color: #c2c2c2;
    font-size: .6875em;
    line-height: 1;
    margin-top: 20px
}

@media (min-width:768px) {
    .warranty-text {
        font-size: 1.375em;
        margin-top: 40px
    }
}

.warranty-text--tab {
    font-size: 1em
}

.table__legend {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width:768px) {
    .table__legend {
        flex-direction: row
    }
}

.table__legend-text {
    color: #000;
    font-size: .6875em;
    line-height: 1;
    margin-top: 5px
}

@media (min-width:768px) {
    .table__legend-text {
        font-size: 1.375em;
        margin-top: 40px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.seats-disclaimer {
    color: #c2c2c2;
    font-size: .6875em;
    line-height: 1;
    margin-top: 20px
}

@media (min-width:768px) {
    .seats-disclaimer {
        font-size: 1em;
        margin-top: 40px
    }
}

.seats-disclaimer--tab {
    font-size: 1em
}

.no-touchevents .specs-tab-item:hover {
    color: #181818
}

.cookie-notice-holder {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

#cookie-notice {
    background-color: #fff;
    bottom: 0;
    color: #181818;
    left: 0;
    pointer-events: auto;
    position: absolute;
    width: 100%
}

.cookie-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 150px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width:768px) {
    .cookie-inner {
        flex-direction: row;
        min-height: 210px;
        padding-bottom: 0;
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (min-width:1024px) {
    .cookie-inner {
        border-top: 2px solid #181818;
        min-height: 150px;
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1600px) {
    .cookie-inner {
        min-height: 120px;
        padding-left: 80px;
        padding-right: 80px
    }
}

.cookie-inner p {
    font-size: .5em;
    line-height: 1.3888888889em;
    margin: 0;
    padding: 20px 0
}

@media (min-width:768px) {
    .cookie-inner p {
        font-size: .9375em;
        line-height: 2em;
        padding: 20px 25px 20px 20px
    }
}

@media (min-width:1600px) {
    .cookie-inner p {
        max-width: 100%;
        width: 1000px
    }
}

.cookie-inner p a {
    text-decoration: underline
}

.cookie-button .button {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .cookie-button .button {
        padding-left: 40px;
        padding-right: 40px
    }
}

.cookie-consent-details-holder {
    margin-top: 80px
}

.cookie-consent-id {
    overflow-wrap: break-word
}

.cookie-consent-updatelink {
    margin-top: 20px;
    text-decoration: underline
}
/*
#CybotCookiebotDialog a {
    cursor: pointer !important
}

.site-mgMotorsGermany input[type=checkbox].CybotCookiebotDialogBodyLevelButton:checked+label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGMUE0MkE1QkJDMjExRTM5QUIxQzQwRjkwREYzMUIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGMUE0MkE2QkJDMjExRTM5QUIxQzQwRjkwREYzMUIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0YxQTQyQTNCQkMyMTFFMzlBQjFDNDBGOTBERjMxQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0YxQTQyQTRCQkMyMTFFMzlBQjFDNDBGOTBERjMxQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4IZcVrAAAA5UlEQVR42mL8//8/AyMjIwMxQHwRgwOQAuEJjMRqBGoSAFL3gRhEf2BiIB7Mh2oCgQ+MFy5c+E9Ix/o3SxlmPOtGFnJkAZEGBgaMeJyoAKTOI9k24WUcwwEmNEUGBJx4AaipEMRgQtIEUnAeSCcgiRVAQxEGEmEMsB/dLxk4Atn70RRcgDoRDGLEMxh63WfAvQSz8QIUIztvPRL/QixQIzIAawS6+wMopNA0K8CCHogD0T0O9yMOzSDQCJR7gFMjmuYFUKEDQLEJ2KKJBV0AqjkRGKILsdiOqhFv6kHSCkrXMAAQYACIkU0SIPgtxAAAAABJRU5ErkJggg==) !important
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #181818 !important;
    border: 1px solid #181818 !important;
    color: #fff !important;
    padding: 7px !important
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #fff !important;
    border: 1px solid #181818 !important;
    color: #181818 !important;
    padding: 7px !important
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
    font-family: Roboto, sans-serif !important
}

#CybotCookiebotDialogBodyButtons {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap
}

#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    align-items: center;
    background-color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 50px;
    display: flex;
    font-size: 18px;
    justify-content: center;
    line-height: 1;
    margin-left: 35px !important;
    padding: 12px 20px !important
}

#CybotCookiebotDialogBodyButtonAccept .button__arrow-right-holder,
#CybotCookiebotDialogBodyButtonDecline .button__arrow-right-holder,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll .button__arrow-right-holder,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection .button__arrow-right-holder {
    height: 17px;
    line-height: 1;
    margin-left: 20px;
    width: 25px
}

#CybotCookiebotDialogBodyButtonDetails {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important
}

.page-content .CookieDeclaration table th:last-child,
.page-content .CookieDeclaration table tr td:last-child {
    padding-left: 0
}

@media (min-width:1440px) {

    .page-content .CookieDeclaration table th:last-child,
    .page-content .CookieDeclaration table tr td:last-child {
        padding-left: 40px
    }
}

#CookieDeclarationUserStatusLabelConsentId {
    overflow-wrap: break-word
}

.cookiebot-declaration-holder {
    margin-top: 100px
}

.cookiebot-declaration-holder div {
    display: none
}

.cookiebot-declaration-holder div:first-child,
.cookiebot-declaration-holder div:first-child div {
    display: block
}

#CybotCookiebotDialogDetail {
    margin: auto
}

@media (min-width:1440px) {
    #CybotCookiebotDialogDetail {
        max-width: 925px
    }
}

#CybotCookiebotDialogDetail table td,
#CybotCookiebotDialogDetail table th {
    font-size: 9px
}

@media (min-width:768px) {

    #CybotCookiebotDialogDetail table td,
    #CybotCookiebotDialogDetail table th {
        font-size: 9pt
    }
}

#CybotCookiebotDialog {
    background-color: rgba(0, 0, 0, .75) !important;
    font-family: Roboto, sans-serif !important;
    height: 100% !important;
    left: 0 !important;
    max-height: 100vh !important;
    overflow: scroll !important;
    position: fixed !important;
    top: 0 !important;
    transform: scale(1) !important;
    width: 100% !important
}

#CybotCookiebotDialogBody {
    background-color: #fff !important;
    max-width: none !important;
    padding: 20px !important;
    width: 100% !important
}

@media (min-width:1440px) {
    #CybotCookiebotDialogBody {
        background-color: #fff;
        max-width: 925px !important;
        min-width: 785px;
        padding: 20px;
        width: auto !important
    }

    .site-mgMotorsGermany #CybotCookiebotDialogBody {
        left: 50%;
        max-width: none !important;
        position: absolute;
        top: 50vh !important;
        transform: translateX(-50%) translateY(-50%)
    }
}

#CybotCookiebotDialogPoweredbyLink {
    display: block !important
}

#CybotCookiebotDialogBodyContent {
    padding: 12px 0 8px 80px !important
}

#CybotCookiebotDialogBodyContentText {
    text-align: justify
}

#CybotCookiebotDialogBodyButtonAccept {
    background-color: #000 !important;
    border: 2px solid #fff !important;
    color: #fff !important;
    margin-left: 0 !important;
    order: 2 !important
}

@media (min-width:768px) {
    #CybotCookiebotDialogBodyButtonAccept {
        margin-left: 35px !important
    }
}

#CybotCookiebotDialogBodyButtonAccept:hover {
    color: hsla(0, 0%, 100%, .5)
}

#CybotCookiebotDialogBodyButtonDetails {
    align-items: center;
    background-color: #fff !important;
    background-image: none !important;
    border: 2px solid #000 !important;
    border-radius: 50px;
    display: flex;
    font-size: 18px !important;
    justify-content: center;
    line-height: 1;
    padding: 12px 20px !important;
    text-decoration: none !important
}

@media (min-width:768px) {
    #CybotCookiebotDialogBodyButtonDetails {
        margin-right: auto !important
    }
}

#CybotCookiebotDialogBodyButtonDetails:hover {
    opacity: .5
}

@media (min-width:768px) {

    #CybotCookiebotDialogBodyButtonAccept,
    #CybotCookiebotDialogBodyButtonDetails {
        margin-left: 30px !important
    }
}

@media (min-width:1440px) {

    #CybotCookiebotDialogBodyButtonAccept,
    #CybotCookiebotDialogBodyButtonDetails {
        margin-left: 35px !important
    }
}

#CybotCookiebotDialogBodyButtonDecline {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#CybotCookiebotDialogBodyButtons {
    align-items: stretch;
    flex-direction: column-reverse !important;
    justify-content: center;
    padding-left: 0
}

@media (min-width:768px) {
    #CybotCookiebotDialogBodyButtons {
        align-items: center;
        flex-direction: row !important;
        justify-content: flex-end;
        padding-left: 80px
    }
}

#CybotCookiebotDialogBodyButtons a {
    font-size: 16px !important;
    text-align: center !important;
    width: auto !important
} */

.section-locations {
    background-color: #000;
    position: relative
}

@media (min-width:1024px) {
    .section-locations {
        display: flex
    }
}

.page-home .section-locations {
    border-top: 1px solid #fff
}

@media (min-width:768px) {
    .page-home .section-locations {
        border-top: none
    }
}

.locations-full-height {
    height: 100vh
}

.location-gradient-overlay {
    display: none
}

@media (min-width:768px) {
    .location-gradient-overlay {
        background: linear-gradient(90deg, #404040, hsla(0, 0%, 9%, 0));
        display: block;
        height: 100%;
        left: 0;
        opacity: .8;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 50%;
        z-index: 1
    }
}

.location-column {
    min-height: 300px
}

@media (min-width:768px) {
    .location-column {
        min-height: 495px
    }
}

@media (min-width:1024px) {
    .location-column {
        min-height: 555px
    }
}

.location-column h2 {
    font-size: 1.875em
}

@media (min-width:768px) {
    .location-column h2 {
        font-size: 2.1875em;
        letter-spacing: -1px
    }
}

.location-column--text {
    height: auto;
    padding: 45px 30px 40px;
    position: relative;
    width: 270px;
    z-index: 1
}

@media (min-width:1024px) {
    .location-column--text {
        display: flex;
        flex-direction: column;
        padding: 100px 0 100px 120px;
        text-align: left;
        width: 370px
    }
}

.location-column--map {
    background-color: #c2c2c2;
    flex: 1;
    position: relative
}

@media (min-width:768px) {
    .location-column--map {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.pac-container {
    background-color: #2f2f2f !important;
    color: #fff !important;
    font-family: Roboto, sans-serif !important;
    font-size: 1em !important
}

.pac-icon {
    display: none !important
}

.pac-item {
    border: none !important;
    padding: 10px !important
}

.pac-item-selected .pac-item-query {
    color: #181818 !important
}

.pac-item-query {
    color: #fff !important
}

.location-default-text--small {
    font-size: 2em !important
}

@media (min-width:1600px) {
    .location-default-text--small {
        font-size: 3em !important
    }
}

.location-categories {
    display: flex;
    margin-top: 20px
}

.location-category {
    cursor: pointer;
    font-weight: 400;
    margin-right: 40px;
    opacity: .5;
    position: relative;
    white-space: nowrap
}

.location-category--active {
    opacity: 1
}

.location-category--active:after {
    background-color: #fff;
    bottom: -14px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 15px
}

.location-search {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    margin-top: 55px;
    padding-bottom: 10px;
    z-index: 1
}

.location-search:focus {
    outline: none
}

.location-search::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.location-search:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.location-search::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.location-finder {
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 20px;
    z-index: 10
}

.location-info {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-top: 30px;
    opacity: .9
}

.location-info__group__brandstore-title {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px
}

.location-info__group__brandstore-email {
    white-space: nowrap
}

.location-btn-holder a {
    margin-right: 30px
}

.location-btn-holder a svg {
    height: auto;
    width: 20px
}

#gmap {
    height: 100% !important;
    position: absolute !important;
    width: 100%
}

.map__zoom-control {
    bottom: 20px;
    position: absolute;
    right: 15px
}

@media (min-width:768px) {
    .map__zoom-control {
        bottom: 40px;
        right: 40px
    }
}

.map__zoom-control svg,
.map__zoom-control svg .map__zoom-control-icon {
    fill: #181818
}

.map__zoom-button {
    background-color: transparent;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

.map__zoom-in {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 45px;
    margin-bottom: 8px;
    width: 45px
}

@media (min-width:768px) {
    .map__zoom-in {
        height: 50px;
        margin-bottom: 20px;
        width: 50px
    }
}

.map__zoom-out {
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 45px;
    width: 45px
}

@media (min-width:768px) {
    .map__zoom-out {
        height: 50px;
        width: 50px
    }
}

.no-touchevents .map__zoom-button:hover {
    background-color: #181818
}

.no-touchevents .map__zoom-control .map__zoom-button:hover svg .map__zoom-control-icon {
    fill: #fff
}

.location-search-error {
    margin-top: 50px
}

.cluster,
.cluster div {
    height: 55px !important;
    width: 55px !important
}

.cluster div {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: -1px;
    outline: none
}

.location-search-button {
    margin-top: 20px
}

.location-search-button .button {
    font-size: 1em;
    font-weight: 500;
    padding: 7px 24px
}

.page-content table th {
    text-align: left
}

.page-content table th:last-child {
    padding-left: 20px
}

@media (min-width:768px) {
    .page-content table th:last-child {
        padding-left: 40px
    }
}

.page-content table tr td {
    padding-bottom: 10px;
    padding-top: 10px
}

.page-content table tr td:first-child {
    width: 65%
}

.page-content table tr td:last-child {
    padding-left: 20px
}

@media (min-width:768px) {
    .page-content table tr td:last-child {
        padding-left: 40px
    }
}

.page-content table ol li,
.page-content table p,
.page-content table ul li {
    font-size: inherit
}

.table__holder {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    margin-right: auto;
    max-width: 100%;
    position: relative
}

@media (min-width:1440px) {
    .table__holder {
        margin-bottom: 90px
    }
}

.table__header {
    background-color: #000;
    border: 2px solid #000;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.table__row {
    display: flex;
    flex-direction: row
}

.table__item {
    align-items: center;
    display: flex;
    padding: 14px 20px;
    width: 150px
}

.table__holder .table__item:nth-child(2):after {
    background-color: #dfdfdf;
    content: "";
    height: calc(94% - 50px);
    left: 50%;
    position: absolute;
    top: calc(4% + 50px);
    width: 2px
}

@media (min-width:480px) {
    .table__holder .table__item:nth-child(2):after {
        top: calc(3% + 50px)
    }

    .table__item {
        width: 200px
    }
}

@media (min-width:1024px) {
    .table__item {
        width: 250px
    }
}

@media (min-width:1440px) {
    .table__item {
        width: 300px
    }
}

.table__head {
    color: #fff;
    font-size: 1em;
    font-weight: 700
}

@media (min-width:480px) {
    .table__head {
        font-size: 1.25em
    }
}

.table__body {
    border: 2px solid #dfdfdf;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none
}

.footer-dual-blocks {
    background-color: #000;
    color: #fff
}

@media (min-width:768px) {
    .footer-dual-blocks {
        display: flex
    }
}

.footer-contact-block {
    background-color: #000;
    position: relative
}

.footer-contact-block__single-block,
.footer-dual-block {
    position: relative;
    width: 100%
}

.footer-dual-block {
    background-color: #000
}

@media (min-width:768px) {
    .footer-dual-block {
        width: 50%
    }
}

.footer-dual-block__image,
.footer-single-block__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .4;
    position: absolute;
    width: 100%
}

.footer-dual-block__content,
.footer-single-block__content {
    padding: 30px 0;
    position: relative;
    z-index: 1
}

@media (min-width:1024px) {

    .footer-dual-block__content,
    .footer-single-block__content {
        padding: 60px 0
    }
}

.footer-dual-block__content .container,
.footer-single-block__content .container {
    margin: auto;
    max-width: 1440px
}

.footer-dual-block__content {
    max-width: 560px;
    padding: 30px 40px
}

@media (min-width:1024px) {
    .footer-dual-block__content {
        padding: 60px 80px
    }
}

.footer-single-block__content--fullwidth {
    padding: 30px 40px
}

@media (min-width:1024px) {
    .footer-single-block__content--fullwidth {
        padding: 60px 80px
    }
}

.footer-single-block__content--fullwidth .container {
    margin: auto;
    max-width: unset;
    padding: 0
}

.footer-dual-block__title,
.footer-single-block__title {
    font-size: 2.1875em
}

.footer-dual-block__text,
.footer-single-block__text {
    font-size: .9375em;
    font-weight: 400;
    line-height: 1.5;
    opacity: .8
}

@media (min-width:1024px) {

    .footer-dual-block__text,
    .footer-single-block__text {
        font-size: 1em
    }
}

.empty-footer-contact-block {
    border-top: 2px solid #f7f7f7;
    display: block
}

.footer-newsletter-block {
    background-color: #fff;
    padding: 60px 0;
    position: relative
}

.footer-newsletter-block .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media (min-width:768px) {
    .footer-newsletter-block .container {
        display: flex;
        justify-content: space-between
    }
}

.footer-newsletter-block__title {
    color: #181818;
    font-size: 2.1875em;
    line-height: 1.26;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .footer-newsletter-block__title {
        margin-bottom: 0
    }
}

.footer-newsletter-block__button-holder {
    display: flex
}

.footer-newsletter-block__button-holder a {
    align-self: center
}

.button-v2 {
    align-items: center;
    background: linear-gradient(270deg, transparent 50%, #000 0) 100%;
    background-position: 100% 100%;
    background-size: 300% 200%;
    border: 2px solid #c2c2c2;
    border-radius: 58px;
    color: #181818;
    cursor: pointer;
    display: flex;
    font-weight: 350;
    height: 100%;
    justify-content: center;
    max-height: 48px;
    padding: 14px 30px;
    position: relative;
    transition: .4s ease-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    .button-v2:hover {
        background-origin: border-box;
        background-position: 0 100%;
        border-color: #000;
        color: #fff
    }
}

.button-v2[disabled] {
    background-color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.button-v2 svg .fill {
    fill: #181818
}

.button-v2--border-white {
    background: linear-gradient(270deg, transparent 50%, #000 0) 100%;
    background-size: 300% 200%;
    border: 2px solid hsla(0, 0%, 100%, .6);
    color: #fff;
    transition: .4s ease-out
}

@media (min-width:768px) {
    .button-v2--border-white:hover {
        background-position: 0 100%;
        color: #fff
    }
}

.button-v2--border-white svg.button-v2-arrow .fill,
.button-v2--border-white svg.button-v2-close .fill {
    fill: #fff
}

.button-v2--border-white-hover-white {
    background: linear-gradient(270deg, transparent 50%, #fff 0) 100%;
    background-size: 300% 200%;
    border: 2px solid hsla(0, 0%, 100%, .6);
    color: #fff;
    max-height: 48px;
    transition: .4s ease-out
}

@media (min-width:768px) {
    .button-v2--border-white-hover-white:hover {
        background-position: 0 100%;
        border: 2px solid hsla(0, 0%, 100%, .6);
        color: #000
    }
}

.button-v2--black-border-white {
    background: linear-gradient(270deg, #181818 50%, #fff 0) 100%;
    background-size: 300% 200%;
    border: 2px solid hsla(0, 0%, 100%, .6);
    color: #fff;
    max-height: 48px;
    transition: .4s ease-out
}

@media (min-width:768px) {
    .button-v2--black-border-white:hover {
        background-position: 0 100%;
        color: #000
    }
}

.button-v2--black-border-white svg.button-v2-arrow .fill,
.button-v2--black-border-white svg.button-v2-close .fill {
    fill: #fff
}

.button-v2--transparent-white {
    background: linear-gradient(270deg, transparent 50%, #fff 0) 100%;
    background-size: 300% 200%;
    color: #fff;
    max-height: 48px;
    transition: .4s ease-out
}

@media (min-width:768px) {
    .button-v2--transparent-white:hover {
        background-position: 0 100%;
        color: #000
    }
}

.button-v2--transparent-white svg.button-v2-arrow .fill,
.button-v2--transparent-white svg.button-v2-close .fill {
    fill: #fff
}

.button-v2--white {
    background: linear-gradient(270deg, #fff 50%, #000 0) 100%;
    background-size: 300% 200%;
    border-color: #fff;
    color: #181818;
    max-height: 48px;
    transition: .4s ease-out
}

@media (min-width:768px) {
    .button-v2--white:hover {
        background-position: 0 100%;
        border-color: #000;
        color: #fff
    }
}

.button-v2--black {
    background: linear-gradient(270deg, #000 50%, #fff 0) 100%;
    background-origin: border-box;
    background-size: 300% 200%;
    border-color: #000;
    color: #fff;
    max-height: 48px;
    transition: .4s ease-out
}

@media (min-width:768px) {
    .button-v2--black:hover {
        background-position: 0 100%;
        color: #000
    }
}

.button-v2--black svg .fill {
    fill: #fff
}

.button-v2--arrow {
    padding-right: 56px
}

.button-v2--arrow .button-v2-arrow {
    position: absolute;
    right: 27px;
    top: 20px
}

.button-v2--outline {
    background-color: #fff;
    border-color: #181818;
    color: #181818
}

.button-v2--download {
    padding-right: 60px
}

.button-v2--download .button-v2-download {
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translateY(-50%)
}

.button-v2--arrow-back {
    padding-left: 56px
}

.button-v2--arrow-back svg {
    transform: rotate(180deg)
}

.button-v2--arrow-back .button-v2-arrow {
    left: 27px;
    position: absolute;
    top: 20px
}

.button-v2--close {
    padding-right: 48px
}

.button-v2--close .button-v2-close {
    position: absolute;
    right: 27px;
    top: 20px
}

.button-v2--small {
    height: 40px;
    padding: 9px 20px 0
}

.no-touchevents .button-v2:hover svg .fill,
.no-touchevents .button-v2:hover svg path {
    fill: #fff
}

.no-touchevents .button-v2--black-border-white:hover svg .fill,
.no-touchevents .button-v2--black-border-white:hover svg path {
    fill: #181818
}

.fullwidth-slider {
    position: relative
}

.fullwidth-slider__tabs {
    bottom: 33px;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

@media (min-width:768px) {
    .fullwidth-slider__tabs {
        bottom: 40px;
        left: 40px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .fullwidth-slider__tabs {
        left: 80px
    }
}

.fullwidth-slider__tab {
    color: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    font-size: 1.125em;
    font-weight: 600;
    margin-right: 40px;
    text-transform: uppercase
}

.fullwidth-slider__tab--active {
    color: hsla(0, 0%, 100%, .9);
    position: relative
}

.fullwidth-slider__tab--active:after {
    background-color: #fff;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 15px
}

.fullwidth-slider__pagination {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .fullwidth-slider__pagination {
        bottom: 40px;
        left: auto;
        right: 40px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .fullwidth-slider__pagination {
        bottom: 60px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.fullwidth-slider__pagination .swiper-pagination-bullet {
    background-color: transparent;
    height: 20px;
    position: relative;
    width: 20px
}

.fullwidth-slider__pagination .swiper-pagination-bullet span {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.fullwidth-slider__pagination .swiper-pagination-bullet:focus,
.fullwidth-slider__pagination .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.fullwidth-slider__pagination .swiper-pagination-bullet-active span {
    background-color: #fff;
    height: 10px;
    margin-bottom: 0;
    width: 10px
}

.block-slider {
    position: relative
}

.block-slider--custom-page {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .block-slider--custom-page {
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {
    .block-slider--custom-page {
        margin-bottom: 80px
    }
}

.block-slider--custom-page.no-margin-bottom {
    margin-bottom: 0
}

.block-slider-pagination {
    bottom: 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .block-slider-pagination {
        bottom: 20px;
        left: auto;
        right: 40px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .block-slider-pagination {
        bottom: 20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

@media (min-width:1440px) {
    .block-slider-pagination {
        bottom: 40px
    }
}

.block-slider-pagination .swiper-pagination-bullet {
    background-color: transparent;
    height: 20px;
    position: relative;
    width: 20px
}

.block-slider-pagination .swiper-pagination-bullet span {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.block-slider-pagination .swiper-pagination-bullet:focus,
.block-slider-pagination .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.block-slider-pagination .swiper-pagination-bullet-active span {
    background-color: #fff;
    height: 10px;
    margin-bottom: 0;
    width: 10px
}

.block-slider-pagination--dark .swiper-pagination-bullet span {
    background-color: #181818;
    height: 6px;
    width: 6px
}

.block-slider-pagination--dark .swiper-pagination-bullet-active span {
    background-color: #181818
}

.block-slider-pagination--blend-mode {
    mix-blend-mode: difference
}

.youtube-slider {
    background: #fff;
    padding-bottom: 120px
}

.youtube-slider .plyr__video-wrapper {
    min-height: unset
}

.youtube-slider__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: relative
}

.youtube-slider__pagination {
    bottom: 5px;
    left: 50%;
    position: absolute;
    right: auto;
    transform: translateX(-50%)
}

@media (min-width:1024px) {
    .youtube-slider__pagination {
        bottom: 20px
    }
}

.youtube-slider__pagination .swiper-pagination-bullet {
    background-color: transparent;
    cursor: pointer;
    height: 20px;
    position: relative;
    width: 20px
}

.youtube-slider__pagination .swiper-pagination-bullet span {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.youtube-slider__pagination .swiper-pagination-bullet:focus,
.youtube-slider__pagination .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.youtube-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1
}

.youtube-slider__pagination .swiper-pagination-bullet-active span {
    background-color: #fff;
    height: 10px;
    margin-bottom: 0;
    width: 10px
}

.page-header {
    align-items: flex-end;
    display: flex;
    height: 250px;
    margin-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    .page-header {
        align-items: center;
        height: 350px;
        margin-bottom: 80px
    }
}

@media (min-width:1024px) {
    .page-header {
        margin-bottom: 120px
    }
}

@media (min-width:1440px) {
    .page-header {
        height: 420px
    }
}

@media (min-width:1600px) {
    .page-header {
        height: 620px
    }
}

.page-header.no-margin-bottom {
    margin-bottom: 0
}

.page-header__buttons {
    bottom: 30px;
    position: absolute;
    right: 30px
}

.page-header__cta {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.page-header__cta .button-v2 {
    margin-right: 20px;
    margin-top: 20px
}

.page-header-dropdown-container {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 60px;
    width: 300px;
    z-index: 1
}

@media (min-width:1024px) {
    .page-header-dropdown-container {
        left: unset;
        right: 0
    }
}

.page-header-dropdown-wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row
}

.page-header-dropdown-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 15px
}

.page-header--no-margin {
    margin-bottom: 0
}

.page-header--small-header {
    height: 400px
}

@media (min-width:1440px) {
    .page-header--small-header {
        height: 420px
    }
}

@media (min-width:1600px) {
    .page-header--small-header {
        height: 620px
    }
}

.page-header--aftersales .page-header__content {
    align-items: flex-end
}

.page-header--aftersales .page-header__content-inner .page-header__title {
    font-size: 2.0625em
}

@media (min-width:768px) {
    .page-header--aftersales .page-header__content-inner .page-header__title {
        font-size: 3.75em
    }
}

.page-header__image,
.page-header__image-holder {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-header__image {
    bottom: 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    right: 0
}

.page-header__content {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 1360px;
    position: relative;
    width: 100%
}

.promo-header .page-header__content {
    align-items: flex-end
}

@media (min-width:1280px) {
    .promo-header .page-header__content {
        align-items: center
    }
}

.page-header-realtive {
    position: relative
}

.page-header-filter-button {
    bottom: 30px;
    left: 30px;
    position: absolute
}

@media (min-width:1024px) {
    .page-header-filter-button {
        left: unset;
        right: 30px
    }
}

.page-header-filter-button-wrapper {
    align-items: center;
    display: flex
}

.page-header-filter-button-wrapper svg {
    padding-left: 4px
}

@media (min-width:1280px) {
    .page-header__content--promo-block {
        transform: none
    }
}

.page-header__content-inner {
    max-width: 100%;
    position: relative;
    width: 600px;
    z-index: 1
}

.page-header__content-inner .page-header__title {
    font-size: 2.5em;
    line-height: 90%;
    margin-bottom: 20px;
    margin-top: 60px;
    overflow-wrap: break-word
}

@media (min-width:768px) {
    .page-header__content-inner .page-header__title {
        font-size: 3.75em;
        margin-bottom: 30px;
        margin-top: 0;
        overflow-wrap: normal
    }
}

.page-header__content-inner .page-header__title span {
    font-weight: 300
}

.small-page-header__content-inner {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    z-index: 1
}

.small-page-header__content-inner .page-header__title {
    font-size: 2.5em;
    line-height: 90%;
    overflow-wrap: break-word
}

@media (min-width:768px) {
    .small-page-header__content-inner .page-header__title {
        font-size: 3.75em;
        margin-top: 0;
        overflow-wrap: normal;
        width: 600px
    }
}

.small-page-header__content-inner .page-header__title span {
    font-weight: 300
}

@media (min-width:768px) {
    .small-page-header__content-inner {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between
    }
}

.small-page-header__content-inner--badges-cta-spacing {
    margin-bottom: 120px
}

@media (min-width:1600px) {
    .small-page-header__content-inner--badges-cta-spacing {
        margin-bottom: 30px
    }
}

.small-page-header__content-inner--badges-spacing {
    margin-bottom: 120px
}

@media (min-width:768px) {
    .small-page-header__content-inner--badges-spacing {
        margin-bottom: 30px
    }
}

.small-page-header__mobile-patches {
    display: flex;
    margin-top: 10px
}

.small-page-header__mobile-patches>div>*+* {
    margin-left: 10px
}

@media (min-width:768px) {
    .small-page-header__mobile-patches {
        margin-top: unset;
        position: absolute;
        right: 35px;
        top: 100px
    }

    .small-page-header__mobile-patches>div>*+* {
        margin-left: unset;
        margin-top: 10px
    }
}

@media (min-width:1280px) {
    .small-page-header__mobile-patches {
        display: none
    }
}

.small-page-header__desktop-patches {
    display: none
}

@media (min-width:1280px) {
    .small-page-header__desktop-patches {
        display: block;
        position: absolute;
        right: 40px;
        top: 100px
    }

    .small-page-header__desktop-patches>div>*+* {
        margin-left: unset;
        margin-top: 10px
    }
}

.small-page-header__badges--with-cta {
    display: flex;
    position: relative
}

@media (min-width:768px) {
    .small-page-header__badges--with-cta {
        flex-direction: column
    }
}

.accessories__page-header__content-inner {
    max-width: 100%;
    padding-top: 35vh;
    width: 600px;
    z-index: 1
}

@media (min-width:1024px) {
    .accessories__page-header__content-inner {
        padding-top: 0
    }
}

.accessories-page-header-buttons {
    bottom: 30px;
    display: flex;
    flex-direction: row;
    position: absolute
}

.accessories__detail-page-header {
    padding-bottom: 150px
}

@media (min-width:1024px) {
    .accessories__detail-page-header {
        padding-bottom: 0
    }
}

.accessories-button-margin {
    margin-right: 20px
}

.hero-button {
    margin-top: 10px
}

@media (min-width:1600px) {
    .hero-button {
        margin-top: 18px
    }
}

.hero-button .button {
    font-weight: 400
}

.promo-header {
    height: auto;
    margin: 0;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .promo-header {
        min-height: auto
    }
}

.promo-header .page-header__image {
    -o-object-position: top center;
    object-position: top center
}

.promo-header__image {
    height: auto;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .promo-header__image {
        -o-object-fit: none;
        object-fit: none;
        position: unset
    }
}

.promo-header__gradient-overlay--bottom {
    background: linear-gradient(0deg, rgba(0, 0, 0, .853), transparent);
    bottom: 0;
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%
}

@media (min-width:768px) {
    .promo-header__gradient-overlay--bottom {
        display: none
    }
}

.promo-header__gradient-overlay--other {
    background: #000;
    background: linear-gradient(0deg, transparent 80%, rgba(0, 0, 0, .5));
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.promo-header__gradient-overlay--other:before {
    background: #000;
    background: linear-gradient(270deg, transparent 50%, rgba(0, 0, 0, .5));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 25%
}

.promo-header__gradient-overlay--other:after {
    background: #000;
    background: linear-gradient(90deg, transparent 50%, rgba(0, 0, 0, .5));
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25%
}

@media (min-width:768px) {
    .promo-header__gradient-overlay--other {
        display: none
    }
}

.page-header-promo {
    height: 70vh;
    min-height: auto
}

@media (min-width:768px) {
    .page-header-promo {
        height: 400px
    }
}

@media (min-width:1024px) {
    .page-header-promo {
        height: 440px
    }
}

@media (min-width:1440px) {
    .page-header-promo {
        height: 495px
    }
}

@media (min-width:1600px) {
    .page-header-promo {
        height: 825px
    }
}

.page-header-promo .page-header__content-inner {
    width: 300px
}

@media (min-width:768px) {
    .page-header-promo .page-header__content-inner {
        margin-top: 50px;
        width: 450px
    }
}

@media (min-width:1440px) {
    .page-header-promo .page-header__content-inner {
        margin-top: 150px;
        width: 600px
    }
}

.page-header-promo .page-header__title {
    font-size: 1.875em;
    margin-bottom: 0
}

@media (min-width:768px) {
    .page-header-promo .page-header__title {
        font-size: 2.5em
    }
}

.page-header-promo .dual-grid-index__card-content__summary {
    margin-left: 0;
    margin-top: 40px;
    max-width: 230px
}

.page-header-promo .dual-grid-index__card-content__summary .dual-grid-index__card-content-promotion {
    color: #000
}

.page-header-promo__subtitle {
    font-size: 1.125em;
    margin-top: 15px
}

@media (min-width:768px) {
    .page-header-promo__subtitle {
        margin-top: 5px;
        width: 80%
    }
}

@media (min-width:1440px) {
    .page-header-promo__subtitle {
        font-size: 1.375em
    }
}

.page-header--big-header {
    height: 525px
}

.page-header--big-header .page-header__content {
    max-width: 1440px
}

@media (min-width:1280px) {
    .page-header--big-header .page-header__content .container {
        padding-left: 156px;
        padding-right: 156px
    }
}

@media (min-width:1440px) {
    .page-header--big-header {
        height: 600px
    }
}

@media (min-width:1600px) {
    .page-header--big-header {
        height: 640px
    }
}

.line-blocks {
    padding-bottom: 40px
}

@media (min-width:768px) {
    .line-blocks {
        padding-bottom: 120px
    }
}

.line-blocks__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative
}

.line-blocks__block {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
    position: relative
}

.line-blocks__block--last {
    margin-bottom: 0
}

.line-blocks__line {
    position: relative;
    width: 40px
}

@media (min-width:768px) {
    .line-blocks__line {
        width: 60px
    }
}

@media (min-width:1440px) {
    .line-blocks__line {
        width: 120px
    }
}

.line-blocks__line:before {
    background-color: #181818;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 40px;
    width: 12px;
    z-index: 2
}

.line-blocks__line:after {
    background-color: #cbcbcb;
    content: "";
    height: calc(100% + 50px);
    left: 5px;
    position: absolute;
    top: 40px;
    width: 2px;
    z-index: 1
}

.line-blocks__line--mobile {
    display: block
}

@media (min-width:768px) {
    .line-blocks__line--mobile {
        display: none
    }
}

.line-blocks__line--desktop {
    display: none
}

@media (min-width:768px) {
    .line-blocks__line--desktop {
        display: block
    }
}

.line-blocks__line--desktop:before {
    left: 50%;
    top: 17px;
    transform: translateX(-50%)
}

@media (min-width:1440px) {
    .line-blocks__line--desktop:before {
        top: 55px
    }
}

.line-blocks__line--desktop:after {
    height: calc(100% + 40px);
    left: 50%;
    top: 17px;
    transform: translateX(-50%)
}

@media (min-width:1440px) {
    .line-blocks__line--desktop:after {
        top: 55px
    }
}

.line-blocks__block--last .line-blocks__line:after {
    display: none
}

.line-blocks__block-container {
    flex: 1
}

@media (min-width:768px) {
    .line-blocks__block-container {
        display: flex
    }
}

.line-blocks__image {
    align-self: flex-start;
    display: block;
    height: auto;
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:768px) {
    .line-blocks__image {
        margin-bottom: 0;
        width: 300px
    }
}

@media (min-width:1024px) {
    .line-blocks__image {
        width: 440px
    }
}

@media (min-width:1440px) {
    .line-blocks__image {
        width: 540px
    }
}

.line-blocks__content {
    flex: 1
}

.line-blocks__title {
    color: #181818;
    font-size: 1.875em;
    line-height: 107%;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .line-blocks__title {
        font-size: 2.5em;
        line-height: 115%
    }
}

@media (min-width:1440px) {
    .line-blocks__title {
        margin-top: 40px
    }
}

.line-blocks__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1em;
    font-weight: 400;
    line-height: 144%
}

.in-page-navigation {
    display: none
}

@media (min-width:768px) {
    .in-page-navigation {
        display: block;
        left: 80px;
        mix-blend-mode: difference;
        opacity: 1;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        transition: opacity .2s ease;
        z-index: 19
    }
}

.in-page-navigation--invisible {
    opacity: 0
}

.in-page-navigation__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.in-page-navigation__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 20px;
    list-style: none;
    margin-bottom: 10px;
    position: relative
}

.in-page-navigation__item:last-child {
    margin-bottom: 0
}

.in-page-navigation__item a {
    cursor: pointer;
    font-size: .625em;
    height: 75px;
    left: 20px;
    position: absolute;
    top: 0;
    transform: rotate(-90deg) translateX(-50%);
    transform-origin: center left;
    width: 20px
}

.in-page-navigation__item a:before {
    background-color: #fff;
    content: "";
    height: 1px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform-origin: center center;
    transition: color .3s ease, height .1s ease;
    width: 20px
}

.in-page-navigation__item-title {
    color: #fff;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    transform: rotate(90deg);
    transform-origin: left;
    transition: opacity .3s ease, color .3s ease;
    width: 250px
}

.in-page-navigation__item-title span {
    text-transform: lowercase
}

.active a:before {
    height: 3px
}

.active .in-page-navigation__item-title {
    opacity: 1
}

.no-touchevents a:hover:before {
    height: 3px
}

.no-touchevents a:hover .in-page-navigation__item-title {
    opacity: 1
}

.model-page-in-page-navigation__list {
    color: #181818;
    display: flex
}

.model-page-in-page-navigation__list>li {
    align-items: center;
    display: flex
}

.model-page-in-page-navigation__list>li>a>* {
    margin: unset
}

.model-page-mobile-cta-bar {
    display: none
}

@media (min-width:768px) {
    .model-page-mobile-cta-bar {
        display: block
    }
}

.model-page-mobile-cta-bar__cta-holder {
    align-items: center;
    display: flex
}

.custom-dropdown input {
    padding-right: 25px
}

.dropdown__current,
.gf_placeholder {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    height: 100%;
    width: 100%
}

.disabled .dropdown__current,
.disabled input {
    cursor: not-allowed;
    pointer-events: none
}

.disabled {
    opacity: .5
}

.dropdown__current-text {
    color: #fff;
    opacity: .5
}

.dropdown__current-text--filled {
    opacity: 1
}

.dropdown__placeholder {
    opacity: .5
}

.dropdown__icon {
    height: auto;
    position: absolute;
    right: 0;
    top: 1px;
    width: 16px
}

.touchevents .dropdown__icon {
    pointer-events: none
}

.dropdown__options-holder {
    background-color: #181818;
    height: 0;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 10
}

.dropdown-active .dropdown__options-holder {
    height: auto;
    padding: 20px 20px 20px 10px
}

.dropdown__options,
.page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select {
    height: 100%;
    list-style: none;
    margin: 0;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0;
    width: 100%
}

.dropdown--active .dropdown__options-holder {
    height: auto;
    padding: 20px 20px 20px 10px
}

.dropdown__options::-webkit-scrollbar {
    background-color: transparent;
    width: 3px
}

.dropdown__options::-webkit-scrollbar-thumb {
    background-color: #fff
}

.dropdown__options-option,
.page-contact .request__form-holder .gform_wrapper .gform-body .input-holder option {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: .875em;
    line-height: 190%;
    margin-bottom: 0;
    outline: none;
    padding: 10px;
    width: 100%
}

.dropdown--active .dropdown__icon {
    top: 8px;
    transform: rotate(180deg)
}

.no-touchevents .dropdown__options-option:hover {
    background-color: grey
}

.dual-grid-section {
    background-color: #fff;
    color: #181818
}

.dual-grid-section--padding-top {
    padding-top: 50px
}

@media (min-width:768px) {
    .dual-grid-section--padding-top {
        padding-top: 0
    }
}

.dual-grid-section--disclaimer {
    background-color: #f2f2f2
}

.dual-grid-container {
    color: #000;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .dual-grid-container {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .dual-grid-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.dual-grid-container--small-padding-bottom {
    padding-bottom: 30px;
    padding-top: 40px
}

@media (min-width:768px) {
    .dual-grid-container--small-padding-bottom {
        padding-bottom: 40px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .dual-grid-container--small-padding-bottom {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.dual-grid-container--no-padding-top {
    padding-top: 0
}

.dual-grid-index__cards {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    width: 100%
}

@media (min-width:768px) {
    .dual-grid-index__cards {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 80px
    }
}

.dual-grid-button {
    text-align: center
}

.dual-grid-button-spacing {
    margin-top: 14px
}

.dual-grid-index__card {
    height: auto;
    margin-bottom: 40px;
    width: 100%
}

@media (min-width:768px) {
    .dual-grid-index__card {
        margin-bottom: 60px;
        width: calc(50% - 25px)
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card {
        max-width: 570px
    }
}

@media (min-width:768px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) {
        display: flex;
        max-width: 100%;
        width: 100%
    }

    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-image {
        width: 60%
    }

    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-image img {
        height: 300px
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-image img {
        height: 400px
    }
}

@media (min-width:1440px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-image img {
        height: 500px
    }
}

@media (min-width:768px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-content {
        align-items: start;
        flex-direction: column;
        justify-content: start;
        margin-top: 20px;
        padding-left: 40px;
        width: 40%
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-content {
        margin-top: 100px;
        padding-left: 80px
    }
}

@media (min-width:768px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-content .dual-grid-index__card-content__info {
        flex: unset;
        margin-bottom: 10px
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-content .dual-grid-index__card-content__info {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-content .dual-grid-index__card-content__info {
        margin-bottom: 50px
    }
}

@media (min-width:768px) {
    .dual-grid-index__card--single-on-thirds:nth-child(3n+3) .dual-grid-index__card-content .dual-grid-index__card-content__summary {
        justify-content: flex-start;
        margin: 0
    }

    .dual-grid-index__card--single-on-thirds:nth-child(6n+6) {
        flex-direction: row-reverse
    }

    .dual-grid-index__card--single-on-thirds:nth-child(6n+6) .dual-grid-index__card-content {
        padding-left: unset;
        padding-right: 40px;
        width: 40%
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card--single-on-thirds:nth-child(6n+6) .dual-grid-index__card-content {
        padding-right: 80px
    }
}

.dual-grid-index__card--disabled a {
    cursor: default;
    pointer-events: none
}

.dual-grid-index__card-image {
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .dual-grid-index__card-image {
        margin-bottom: 20px
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card-image {
        margin-bottom: 30px
    }
}

.dual-grid-index__card-image img {
    display: block;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    width: 100%
}

@media (min-width:480px) {
    .dual-grid-index__card-image img {
        height: 320px
    }
}

@media (min-width:768px) {
    .dual-grid-index__card-image img {
        height: 275px
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card-image img {
        height: 300px
    }
}

.dual-grid-index__card-image--center img {
    -o-object-position: center;
    object-position: center
}

.dual-grid-index__card-image__label {
    left: 0;
    top: 15px
}

.dual-grid-index__card-image__expire-date,
.dual-grid-index__card-image__label {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-weight: 700;
    padding: 5px 10px;
    position: absolute
}

.dual-grid-index__card-image__expire-date {
    bottom: 15px;
    right: 0
}

.dual-grid-index__card-content {
    align-items: center;
    display: flex;
    flex-direction: row
}

.page-electric-academy-overview .dual-grid-index__card-content {
    align-items: flex-start;
    flex-direction: column
}

@media (min-width:1024px) {
    .page-electric-academy-overview .dual-grid-index__card-content {
        align-items: center;
        flex-direction: row
    }
}

.dual-grid-index__card-content--align-top {
    align-items: flex-start
}

.dual-grid-index__card-content-title {
    font-size: 1.25em;
    margin-bottom: 5px
}

@media (min-width:1280px) {
    .dual-grid-index__card-content-title {
        font-size: 1.5625em
    }
}

.dual-grid-index__card-content-text {
    color: #757575;
    font-size: 1em;
    margin-bottom: 35px
}

.dual-grid-index__card-content-disclaimer {
    color: #757575;
    font-size: .875em;
    margin-top: auto
}

.dual-grid-index__card-content-disclaimer a {
    text-decoration: underline
}

.dual-grid-index__card-content__info {
    display: flex;
    flex-direction: column;
    margin-right: 10px
}

@media (min-width:1280px) {
    .dual-grid-index__card-content__info {
        margin-right: 40px
    }
}

.dual-grid-index__card-content__info--width-100 {
    width: 100%
}

.dual-grid-index__card-content__info--large {
    flex: 1
}

@media (min-width:1280px) {
    .dual-grid-index__card-content__info--large {
        margin-right: 50px
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card-content__info--large p:last-of-type {
        margin-bottom: 0
    }
}

.dual-grid-index__card-content__info--disbaled a {
    cursor: default;
    pointer-events: none
}

.dual-grid-index__card-content__summary {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:1024px) {
    .dual-grid-index__card-content__summary {
        margin-left: auto
    }
}

.dual-grid-index__card-content__summary--width-100 {
    width: 100%
}

.dual-grid-index__card-content__summary--with-btn {
    margin-bottom: 0;
    width: auto
}

@media (min-width:1024px) {
    .dual-grid-index__card-content__summary--with-btn {
        align-items: center;
        display: flex;
        justify-content: flex-end
    }
}

.dual-grid-index__card-content-monthly {
    background-color: #181818;
    color: #fff;
    font-size: 1.125em;
    padding: 14px 20px
}

@media (min-width:768px) {
    .dual-grid-index__card-content-monthly {
        font-size: 1em
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card-content-monthly {
        font-size: 1.125em
    }
}

.dual-grid-index__card-content-promotion {
    background-color: #f2f2f2;
    font-size: 1.125em;
    padding: 14px 20px
}

@media (min-width:768px) {
    .dual-grid-index__card-content-promotion {
        font-size: 1em
    }
}

@media (min-width:1024px) {
    .dual-grid-index__card-content-promotion {
        font-size: 1.125em
    }
}

.dual-grid-index__card-content-promotion p {
    margin: 0
}

.dual-grid__ncap {
    position: absolute;
    right: 0;
    top: -80px
}

@media (min-width:480px) {
    .dual-grid__ncap {
        top: -25px
    }
}

@media (min-width:768px) {
    .dual-grid__ncap {
        top: 0
    }
}

.dual-grid__cta {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .dual-grid__cta {
        flex-direction: row
    }
}

.dual-grid__cta .button-v2 {
    margin-right: 20px;
    margin-top: 20px
}

@media (min-width:768px) {
    .dual-grid__cta .button-v2 {
        margin-top: 0
    }
}

.dual-grid__cta .button-v2:nth-child(3) {
    margin-right: 0
}

@media (min-width:768px) {
    .dual-grid__cta .button-v2:nth-child(3) {
        margin-left: auto
    }
}

.text-block {
    margin-bottom: 35px;
    position: relative
}

@media (min-width:1024px) {
    .text-block {
        margin-bottom: 0
    }
}

.text-block--body-content {
    margin-bottom: 60px
}

.text-block--body-content .text-block__text {
    opacity: 1
}

.text-block--body-content .text-block__text p {
    color: hsla(0, 0%, 9%, .7)
}

.text-block--body-content h2 {
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 60px
}

.text-block--body-content h2 b {
    font-weight: 700
}

.text-block--body-content h3 {
    font-size: 1.25em;
    font-weight: 400;
    margin-top: 30px
}

.text-block--body-content .button-v2 {
    margin-top: 60px
}

.text-block__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative
}

.text-block__top-title {
    font-size: 1em;
    margin-bottom: 5px
}

.text-block__title {
    font-size: 2.125em;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .text-block__title {
        font-size: 2.75em
    }
}

.text-block__text {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    opacity: .7
}

.text-block__text p:first-of-type {
    margin-top: 0
}

.text-block__text p:last-of-type {
    margin-bottom: 0
}

.text-block__text--small {
    max-width: 590px
}

.text-block__text--medium {
    max-width: 900px
}

.text-cta-block {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding-bottom: 15px
}

@media (min-width:768px) {
    .text-cta-block {
        padding-bottom: 25px
    }
}

@media (min-width:1024px) {
    .text-cta-block {
        display: flex;
        justify-content: space-between;
        padding-bottom: 55px
    }
}

@media (min-width:1440px) {
    .text-cta-block {
        padding-bottom: 80px
    }
}

.text-cta-block--footer-spacing {
    padding-bottom: 60px
}

@media (min-width:768px) {
    .text-cta-block--footer-spacing {
        padding-bottom: 80px
    }
}

@media (min-width:1440px) {
    .text-cta-block--footer-spacing {
        padding-bottom: 110px
    }
}

.text-cta-block--top-spacing {
    padding-top: 60px
}

@media (min-width:768px) {
    .text-cta-block--top-spacing {
        padding-top: 80px
    }
}

@media (min-width:1440px) {
    .text-cta-block--top-spacing {
        padding-top: 110px
    }
}

.block__title {
    color: #000;
    font-size: 2.125em;
    line-height: 1.26;
    margin-bottom: 25px
}

@media (min-width:768px) {
    .block__title {
        padding-right: 30px
    }
}

@media (min-width:1024px) {
    .block__title {
        margin-bottom: 0
    }
}

.text-cta-block__title {
    font-size: 1.5625em;
    font-weight: 700;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .text-cta-block__title {
        font-size: 1.875em
    }
}

.text-cta-block__title span {
    font-weight: 400
}

.text-cta-block__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1.25em;
    line-height: 1.5;
    max-width: 590px
}

.text-cta-block__button-holder {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .text-cta-block__button-holder {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width:1024px) {
    .text-cta-block__button-holder {
        position: relative
    }
}

.text-cta-block__button-holder.buttons-owners-detailpage {
    display: block
}

@media (min-width:768px) {
    .text-cta-block__button-holder.buttons-owners-detailpage .text-cta-block__holder:not(:first-of-type) {
        margin-left: 0;
        margin-top: 30px
    }
}

.text-cta-block__holder {
    display: flex;
    flex-direction: column
}

.text-cta-block__holder:not(:first-of-type) {
    margin-top: 25px
}

@media (min-width:768px) {
    .text-cta-block__holder:not(:first-of-type) {
        margin-left: 50px;
        margin-top: 0
    }
}

.text-cta-block__holder span {
    font-weight: 700
}

.text-cta-block__holder a {
    margin-right: auto
}

.text-cta-block__holder a svg {
    margin-left: 5px
}

.text-cta-block__holder--no-margin {
    display: flex;
    flex-direction: column
}

.text-cta-block__holder--no-margin:not(:first-of-type) {
    margin-top: 25px
}

@media (min-width:768px) {
    .text-cta-block__holder--no-margin:not(:first-of-type) {
        margin-left: 0;
        margin-top: 14px
    }
}

.text-cta-block__holder--no-margin span {
    font-weight: 700
}

.text-cta-block__holder--no-margin a {
    justify-content: center;
    margin-right: unset;
    width: 100%
}

.text-cta-block__holder--no-margin a svg {
    margin-left: 5px
}

.text-cta-block__button {
    margin-bottom: 8px;
    margin-right: 8px;
    margin-top: 8px
}

@media (min-width:1024px) {
    .text-cta-block__button {
        margin-right: 20px
    }

    .text-cta-block__button:last-of-type {
        margin-right: 0
    }
}

.model-dropdown {
    background: transparent;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 9%, .1);
    border-radius: 0;
    margin-bottom: 40px;
    padding: 0
}

.model-dropdown.form-label--error {
    border-bottom: 1px solid red
}

.model-dropdown:after {
    background: none
}

.model-dropdown select {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    color: #fff
}

.model-dropdown--model-selection {
    border-bottom: none;
    height: 50px;
    margin-bottom: 40px;
    padding-left: 25px;
    position: relative
}

.model-dropdown--model-selection:after {
    background-color: #f2f2f2;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.model-dropdown .dropdown__current {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 49px;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.model-dropdown .disabled .dropdown__current,
.model-dropdown .disabled input {
    cursor: not-allowed;
    pointer-events: none
}

.model-dropdown .disabled {
    opacity: .5
}

.model-dropdown .dropdown__current-text {
    color: #fff;
    opacity: .5
}

.model-dropdown .dropdown__current-text--filled {
    opacity: 1
}

.model-dropdown .dropdown__icon {
    height: auto;
    position: absolute;
    right: 0;
    top: 1px;
    width: 16px
}

.model-dropdown .touchevents .dropdown__icon {
    pointer-events: none
}

.model-dropdown .dropdown__label {
    color: #f2f2f2;
    display: block;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 2px;
    text-transform: uppercase
}

.model-dropdown .dropdown__image {
    display: block;
    height: 50px;
    margin-left: 4px;
    margin-right: 16px;
    transform: unset;
    width: auto
}

.model-dropdown .dropdown__value {
    display: block;
    font-size: 1.625em;
    text-transform: uppercase
}

.model-dropdown .dropdown__value--prevent-uppercase {
    text-transform: none
}

.model-dropdown .dropdown__options-holder {
    background-color: #f2f2f2;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 10
}

.model-dropdown .dropdown__options-holder--show {
    height: auto;
    padding: 28px 25px
}

.model-dropdown .dropdown__options-holder--model-header {
    left: 60px;
    top: 60px;
    width: 270px
}

.model-dropdown .dropdown__options {
    height: 100%;
    width: 100%
}

.model-dropdown .dropdown--active .dropdown__options-holder {
    height: auto;
    padding: 28px 25px
}

.model-dropdown .dropdown__options::-webkit-scrollbar {
    background-color: transparent;
    width: 3px
}

.model-dropdown .dropdown__options::-webkit-scrollbar-thumb {
    background-color: #fff
}

.model-dropdown .dropdown__options-option {
    align-items: center;
    background-color: transparent;
    border: none;
    color: hsla(0, 0%, 9%, .8);
    cursor: pointer;
    display: flex;
    font-size: 1.25em;
    justify-content: space-between;
    margin-bottom: 15px;
    outline: none;
    width: 100%
}

.model-dropdown .dropdown__options-option:last-of-type {
    margin-bottom: 0
}

.model-dropdown .dropdown__options-option--color {
    margin-bottom: 25px
}

.model-dropdown .dropdown__options-option--edition {
    align-items: flex-start;
    flex-direction: column
}

.model-dropdown .dropdown--active .dropdown__icon {
    top: 8px;
    transform: rotate(180deg)
}

.model-dropdown .rectangle-dropdown-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.model-dropdown .dropdown__options-option-image {
    height: 40px;
    width: auto
}

.model-dropdown .dropdown__options-option-text {
    display: block
}

.model-dropdown .no-touchevents .dropdown__options-option:hover {
    background-color: grey
}

.split-image-slider {
    display: flex;
    flex-direction: row;
    height: 100%;
    position: absolute;
    width: 100%
}

.split-image-slider__half {
    display: block;
    height: 100%;
    width: calc(50% - 2px)
}

@media (min-width:768px) {
    .split-image-slider__half {
        width: calc(50% - 2px)
    }
}

.split-image-slider__half--left {
    margin-left: 0
}

.split-image-slider__half--left img {
    -o-object-position: right;
    object-position: right
}

.split-image-slider__half--right {
    margin-left: auto;
    margin-right: 0
}

.split-image-slider__half--right img {
    -o-object-position: left;
    object-position: left
}

.split-image-slider__half--mobile {
    flex-wrap: nowrap
}

.split-image-slider__half--mobile .split-image-slider__slide {
    box-sizing: border-box;
    padding: 0 2px
}

.split-image-slider__half--mobile .split-image-slider__slide:first-child {
    padding-left: 0
}

.split-image-slider__half--mobile .split-image-slider__slide:last-child {
    padding-right: 0
}

.split-image-slider__half--mobile .split-image-slider__slide:nth-child(odd) img {
    -o-object-position: right;
    object-position: right
}

.split-image-slider__half--mobile .split-image-slider__slide:nth-child(2n) img {
    -o-object-position: left;
    object-position: left
}

.split-image-slider__container {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:768px) {
    .split-image-slider__container {
        width: 100%
    }
}

.split-image-slider__slide {
    height: 100vh;
    position: relative;
    width: 100%
}

.split-image-slider__slide--left {
    margin-left: 0
}

.split-image-slider__slide--right {
    margin-right: 0
}

@media (min-width:768px) {
    .split-image-slider__slide {
        width: 100%
    }
}

.split-image-slider__slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.split-image-slider__content {
    left: 50%;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

@media only screen and (min-width:375px) {
    .split-image-slider__content {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width:768px) {
    .split-image-slider__content {
        padding: 0 80px;
        text-align: initial
    }
}

@media (min-width:1024px) {
    .split-image-slider__content {
        padding-left: 110px;
        padding-right: 110px
    }
}

@media (min-width:768px) {
    .split-image-slider__half--right .split-image-slider__content {
        text-align: right
    }
}

.split-image-slider__content p {
    font-size: 1.5em;
    font-weight: 400;
    text-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
    .split-image-slider__content p {
        font-size: 2.8125em
    }
}

.text-dual-image-block-large--inverted {
    background-color: #fff;
    color: #181818
}

.text-dual-image-block-large__container {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 40px;
    padding-top: 0
}

@media (min-width:768px) {
    .text-dual-image-block-large__container {
        padding-bottom: 50px;
        padding-top: 0
    }
}

@media (min-width:1024px) {
    .text-dual-image-block-large__container {
        flex-direction: row;
        padding-bottom: 80px;
        padding-left: 0;
        padding-top: 0
    }
}

.text-dual-image-block-large__content {
    order: 2;
    padding-right: 30px
}

@media (min-width:768px) {
    .text-dual-image-block-large__content {
        padding-right: 40px
    }
}

@media (min-width:1024px) {
    .text-dual-image-block-large__content {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin-bottom: 0;
        margin-left: 120px;
        max-width: 50%;
        padding-left: 0;
        padding-right: 120px;
        padding-top: 7%
    }
}

@media (min-width:1440px) {
    .text-dual-image-block-large__content {
        max-width: 450px
    }
}

.text-dual-image-block-large__title {
    font-size: 2.125em;
    line-height: 42px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .text-dual-image-block-large__title {
        font-size: 2.5em
    }
}

.text-dual-image-block-large__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1em;
    line-height: 24px;
    margin-bottom: 35px
}

@media (min-width:1024px) {
    .text-dual-image-block-large__text {
        margin-bottom: 0
    }

    .text-dual-image-block-large__button-holder {
        margin-bottom: 20%;
        margin-top: auto
    }
}

.text-dual-image-block-large__image-holder {
    margin-bottom: 37px
}

@media (min-width:768px) {
    .text-dual-image-block-large__image-holder {
        margin-bottom: 47px
    }
}

@media (min-width:1024px) {
    .text-dual-image-block-large__image-holder {
        margin-bottom: 0;
        order: 1;
        width: 50%
    }
}

@media (min-width:1280px) {
    .text-dual-image-block-large__image-holder {
        width: 60.4%
    }
}

.text-dual-image-block-large__container--reverse .text-dual-image-block-large__content {
    order: 2
}

@media (min-width:1024px) {
    .text-dual-image-block-large__container--reverse .text-dual-image-block-large__content {
        order: 1
    }
}

.text-dual-image-block-large__container--reverse .text-dual-image-block-large__image-holder {
    order: 1
}

@media (min-width:1024px) {
    .text-dual-image-block-large__container--reverse .text-dual-image-block-large__image-holder {
        margin-left: auto;
        order: 2
    }
}

.text-dual-image-block-large__image {
    display: block;
    width: 100%
}

.double-image-blocks {
    padding-bottom: 40px
}

@media (min-width:768px) {
    .double-image-blocks {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-bottom: 50px
    }
}

@media (min-width:1024px) {
    .double-image-blocks {
        padding-bottom: 80px
    }
}

.double-image-block {
    position: relative
}

@media (min-width:768px) {
    .double-image-block {
        width: 50%
    }
}

.double-image-block__image-container {
    height: 300px;
    width: 100%
}

@media (min-width:480px) {
    .double-image-block__image-container {
        height: 380px
    }
}

.double-image-block__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

@media screen and (min-width:550px) {
    .double-image-block__image {
        -o-object-position: 70%;
        object-position: 70%
    }
}

@media screen and (min-width:768px) {
    .double-image-block__image {
        -o-object-position: top;
        object-position: top
    }
}

@media screen and (min-width:1024px) {
    .double-image-block__image {
        -o-object-position: 70%;
        object-position: 70%
    }
}

.double-image-block__content {
    bottom: 20px;
    left: 20px;
    position: absolute
}

@media (min-width:1024px) {
    .double-image-block__content {
        bottom: 30px;
        left: 40px
    }
}

@media (min-width:1440px) {
    .double-image-block__content {
        bottom: 30px;
        left: 80px
    }
}

.double-image-block__title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 1.875em;
    font-weight: 300;
    letter-spacing: -.1em;
    line-height: 1;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .double-image-block__title {
        font-size: 3.125em;
        margin-bottom: 30px
    }
}

@media (min-width:1024px) {
    .double-image-block__buttons-holder {
        display: flex
    }
}

.double-image-block__buttons-holder .button-v2 {
    margin-bottom: 10px
}

@media (min-width:1024px) {
    .double-image-block__buttons-holder .button-v2 {
        margin-bottom: 0
    }

    .double-image-block__buttons-holder .button-v2:first-child {
        margin-right: 20px
    }
}

.thumbslider {
    margin-bottom: 20px
}

.thumbslider--home {
    background-color: #fff
}

.thumbslider__top-container {
    align-items: flex-end;
    display: flex;
    height: 550px;
    position: relative
}

@media (min-width:768px) {
    .thumbslider__top-container {
        align-items: center;
        height: 800px
    }
}

@media screen and (orientation:landscape) {
    .thumbslider__top-container {
        height: 440px
    }
}

@media (min-width:1024px) {
    .thumbslider__top-container {
        height: 440px
    }
}

@media (min-width:1280px) {
    .thumbslider__top-container {
        height: 495px
    }
}

@media (min-width:1440px) {
    .thumbslider__top-container {
        height: 550px
    }
}

@media (min-width:1600px) {
    .thumbslider__top-container {
        height: 825px
    }
}

.thumbslider__image {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (orientation:portrait) and (min-width:480px) {
    .thumbslider__image {
        -o-object-position: 0 25%;
        object-position: 0 25%
    }
}

@media screen and (orientation:landscape) {
    .thumbslider__image {
        -o-object-position: 30%;
        object-position: 30%
    }
}

@media screen and (orientation:landscape) and (min-width:1280px) {
    .thumbslider__image {
        -o-object-position: 60%;
        object-position: 60%
    }
}

.thumbslider__content {
    align-items: flex-end;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:1024px) {
    .thumbslider__content {
        align-items: center
    }
}

.thumbslider__content-inner {
    margin-bottom: 60px;
    max-width: 325px;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .thumbslider__content-inner {
        margin-bottom: 60px;
        margin-top: 50px;
        max-width: 450px
    }
}

@media (min-width:1024px) {
    .thumbslider__content-inner {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .thumbslider__content-inner {
        max-width: 480px
    }
}

.thumbslider__content-badge {
    bottom: 60px;
    position: absolute;
    right: 30px;
    width: 40px
}

@media (min-width:480px) {
    .thumbslider__content-badge {
        right: 40px;
        width: 75px
    }
}

@media (min-width:1024px) {
    .thumbslider__content-badge {
        bottom: unset;
        top: 100px
    }
}

.thumbslider__content-badge--top {
    bottom: unset;
    right: 24px;
    top: 70px
}

@media (min-width:480px) {
    .thumbslider__content-badge--top {
        right: 25px;
        top: 80px;
        width: 75px
    }
}

@media (min-width:768px) {
    .thumbslider__content-badge--top {
        right: 37px
    }
}

@media (min-width:1024px) {
    .thumbslider__content-badge--top {
        top: 100px
    }
}

.thumbslider__content-disclaimer {
    bottom: 60px;
    font-size: .75em;
    line-height: 1.2;
    position: absolute;
    right: 20px;
    text-align: right;
    text-shadow: 0 0 8px rgba(0, 0, 0, .4);
    width: 120px
}

@media (min-width:375px) {
    .thumbslider__content-disclaimer {
        right: 30px;
        width: 130px
    }
}

@media (min-width:480px) {
    .thumbslider__content-disclaimer {
        width: 170px
    }
}

@media (min-width:1024px) {
    .thumbslider__content-disclaimer {
        bottom: 70px;
        width: 240px
    }
}

@media (min-width:1440px) {
    .thumbslider__content-disclaimer {
        bottom: 92px;
        right: 70px
    }
}

.thumbslider__title {
    font-size: 2.1875em;
    font-weight: 300;
    line-height: 106%;
    margin-bottom: 5px;
    overflow-wrap: break-word
}

@media (min-width:768px) {
    .thumbslider__title {
        font-size: 3.125em;
        line-height: 100%;
        overflow-wrap: normal
    }
}

.thumbslider__title span {
    font-weight: 700
}

.thumbslider__title b {
    color: #0064ff;
    font-weight: 300
}

.thumbslider__subtitle {
    font-size: 1.125em;
    line-height: 156%;
    padding-right: 100px
}

@media (min-width:768px) {
    .thumbslider__subtitle {
        padding-right: unset;
        width: 80%
    }
}

@media (min-width:1440px) {
    .thumbslider__subtitle {
        font-size: 1.375em;
        line-height: 127%
    }
}

.thumbslider__buttons {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

@media (min-width:1440px) {
    .thumbslider__buttons {
        margin-top: 40px
    }
}

.thumbslider__button:nth-of-type(2) {
    margin-top: 10px
}

.thumbslider__thumbs-container {
    height: 80px;
    margin: -40px auto 40px;
    max-width: 1260px;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .thumbslider__thumbs-container {
        display: none
    }
}

.thumbslider__thumb-slide {
    height: 100%;
    max-width: 232px;
    position: relative;
    width: 153px
}

.thumbslider__thumb-image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.thumbslider__thumb-label {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: .625em;
    font-weight: 600;
    left: 0;
    padding: 5px 7px;
    position: absolute;
    top: 13px
}

.thumbslider__thumbs-container--fixed,
.thumbslider__thumbs-container--slider.mobile-hide {
    display: none
}

@media (min-width:768px) {
    .thumbslider__thumbs-container--fixed {
        display: flex;
        height: 80px;
        justify-content: center;
        margin-top: -40px;
        padding-left: 35px;
        padding-right: 35px;
        position: relative;
        z-index: 1
    }
}

@media (min-width:1440px) {
    .thumbslider__thumbs-container--fixed {
        height: 127px;
        margin-top: -63px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.thumbslider__thumbs-container--fixed.mobile-show {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1
}

.thumbslider__thumbs-container--fixed .thumbslider__thumb-slide {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    width: auto
}

.thumbslider__disclaimer {
    color: #fff;
    font-size: .75em;
    line-height: 15px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    opacity: .3;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center
}

.thumbslider__disclaimer--dark {
    color: #181818;
    opacity: 1
}

.thumbslider__disclaimer a {
    text-decoration: underline
}

.de-DE .thumbslider__disclaimer {
    opacity: 1
}

.fullwidth-image {
    margin-bottom: 40px;
    position: relative
}

@media (min-width:768px) {
    .fullwidth-image {
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {
    .fullwidth-image {
        margin-bottom: 80px
    }
}

.fullwidth-image--home {
    margin-bottom: 0;
    padding-bottom: 40px
}

@media (min-width:768px) {
    .fullwidth-image--home {
        padding-bottom: 50px
    }
}

@media (min-width:1024px) {
    .fullwidth-image--home {
        padding-bottom: 80px
    }
}

.fullwidth-image.no-margin-bottom {
    margin-bottom: 0
}

.fullwidth-image__image {
    display: block;
    height: auto;
    width: 100%
}

.fullwidth-image__image-desktop {
    display: none
}

@media (min-width:768px) {
    .fullwidth-image__image-desktop {
        display: block;
        height: auto;
        width: 100%
    }
}

.fullwidth-image__image-mobile {
    display: block;
    min-height: 340px;
    width: 100%
}

@media (min-width:768px) {
    .fullwidth-image__image-mobile {
        display: none
    }
}

.fullwidth-image__content {
    bottom: 10%;
    display: none;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 280px
}

@media (min-width:480px) {
    .fullwidth-image__content {
        bottom: 20%;
        width: 90%
    }
}

@media (min-width:768px) {
    .fullwidth-image__content {
        display: block
    }
}

@media (min-width:1024px) {
    .fullwidth-image__content {
        bottom: inherit;
        left: 50%;
        top: 70%;
        transform: translate(-50%, -50%)
    }
}

.fullwidth-image__title {
    font-size: 1.625em;
    line-height: 114%;
    margin-bottom: 35px
}

@media (min-width:1024px) {
    .fullwidth-image__title {
        font-size: 2.125em;
        margin-bottom: 40px
    }
}

@media (min-width:1280px) {
    .fullwidth-image__title {
        font-size: 2.625em
    }
}

@media (min-width:1440px) {
    .fullwidth-image__title {
        font-size: 3.125em
    }
}

@media (min-width:1600px) {
    .fullwidth-image__title {
        font-size: 3.5em
    }
}

.lds-ring {
    display: inline-block;
    height: 80px;
    position: relative;
    width: 80px
}

.lds-ring div {
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 8px solid transparent;
    border-radius: 50%;
    border-top-color: #fff;
    box-sizing: border-box;
    display: block;
    height: 64px;
    margin: 8px;
    position: absolute;
    width: 64px
}

.lds-ring div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.lds-ring--black>div {
    border: 8px solid transparent;
    border-top-color: #000
}

.lds-ring--small,
.lds-ring--small>div {
    height: 32px;
    width: 32px
}

.lds-ring--small>div {
    border-width: 4px
}

.mobile-cta-bar {
    background-color: #fff;
    bottom: 0;
    left: 0;
    min-height: 80px;
    position: fixed;
    transform: translateY(100%);
    width: 100%;
    z-index: 60
}

@media (min-width:768px) {
    .mobile-cta-bar {
        bottom: auto;
        top: 0;
        transform: translateY(-100%)
    }
}

.mobile-cta-bar.headroom {
    transition: transform .2s linear;
    will-change: transform
}

.mobile-cta-bar.headroom--pinned {
    transform: translateY(0)
}

.mobile-cta-bar.headroom--top {
    transform: translateY(100%)
}

@media (min-width:768px) {
    .mobile-cta-bar.headroom--top {
        transform: translateY(-100%)
    }
}

.mobile-cta-bar.headroom--unpinned {
    transform: translateY(100%)
}

@media (min-width:768px) {
    .mobile-cta-bar.headroom--unpinned {
        transform: translateY(-100%)
    }
}

.mobile-cta-bar.hide-header {
    transform: translateY(100%)
}

@media (min-width:768px) {
    .mobile-cta-bar.hide-header {
        transform: translateY(-100%)
    }
}

.mobile-cta-bar.hide-header.headroom--top {
    transform: translateY(100%)
}

@media (min-width:768px) {
    .mobile-cta-bar.hide-header.headroom--top {
        transform: translateY(-100%)
    }
}

.mobile-cta-bar__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 80px;
    padding: 20px;
    width: 100%
}

@media (min-width:480px) {
    .mobile-cta-bar__inner {
        align-items: unset;
        flex-direction: row;
        justify-content: center
    }
}

@media (min-width:768px) {
    .mobile-cta-bar__inner {
        padding: 20px 30px
    }
}

.mobile-cta-bar__info {
    display: none
}

@media (min-width:768px) {
    .mobile-cta-bar__info {
        align-items: center;
        display: flex;
        flex-direction: row
    }
}

.mobile-cta-bar__info a {
    margin-right: 20px
}

.mobile-cta-bar__info h2 {
    color: #000
}

.mobile-cta-bar__cta-holder {
    align-items: baseline;
    display: flex;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:480px) {
    .mobile-cta-bar__cta-holder {
        align-items: unset;
        justify-content: unset;
        margin-right: 0;
        width: auto
    }
}

.mobile-cta-bar__cta-holder a:not(:last-child) {
    margin-bottom: 15px;
    margin-top: 10px
}

@media (min-width:480px) {
    .mobile-cta-bar__cta-holder a:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px;
        margin-top: 0
    }
}

.model-banner {
    position: relative
}

.model-banner__image-holder {
    width: 100%
}

.model-banner__image {
    border-radius: 0 0 10px 10px;
    min-height: 360px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .model-banner__image {
        border-radius: 10px
    }
}

.intro-text-holder {
    background-color: #181818;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.44;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    text-align: center
}

@media (min-width:768px) {
    .intro-text-holder {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .intro-text-holder {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.intro-text-holder--white,
.text-info-blocks-block {
    background-color: #fff;
    color: #181818
}

.text-info-blocks-block-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .text-info-blocks-block-container {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .text-info-blocks-block-container {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.text-info-blocks-block__content {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .text-info-blocks-block__content {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {
    .text-info-blocks-block__content {
        margin-bottom: 0
    }
}

.text-info-blocks-block__title {
    font-size: 1.875em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .text-info-blocks-block__title {
        font-size: 2.5em
    }
}

.text-info-blocks-block__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 35px;
    max-width: 590px;
    opacity: .7
}

.text-info-blocks-block__blocks {
    display: flex;
    flex-wrap: wrap
}

.text-info-blocks-block__block {
    margin-bottom: 30px;
    margin-right: 30px
}

@media (min-width:768px) {
    .text-info-blocks-block__block {
        margin-bottom: 0;
        margin-right: 60px
    }
}

.text-info-blocks-block__block-title {
    color: hsla(0, 0%, 9%, .8);
    font-size: 1.375em;
    font-weight: 400;
    white-space: nowrap
}

@media (min-width:768px) {
    .text-info-blocks-block__block-title {
        font-size: 1.5em
    }
}

.text-info-blocks-block__block-info {
    color: hsla(0, 0%, 9%, .4);
    font-size: 1em;
    font-weight: 400;
    margin-top: 4px;
    white-space: nowrap
}

.text-info-blocks-block__block-info p {
    margin: 0
}

.video-block__title {
    font-size: 2.4375em;
    margin-bottom: 35px
}

.video-block__title span {
    display: block
}

@media (min-width:768px) {
    .video-block__title {
        font-size: 4.3125em
    }
}

@media (min-width:1024px) {
    .video-block__title span {
        display: inline
    }
}

.video-block__cta-holder {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:768px) {
    .video-block__cta-holder {
        flex-direction: row
    }

    .video-block__cta:not(:last-child) {
        margin-right: 20px
    }
}

.banner-info-block {
    color: #000;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1440px;
    padding: 50px 50px 40px
}

.banner-info-block div {
    flex-basis: 40%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:1440px) {
    .banner-info-block {
        flex-direction: row;
        justify-content: space-between
    }
}

.vhu__model-banner {
    position: relative
}

.vhu__model-banner:after {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vhu__banner--heading {
    flex-shrink: 2;
    font-size: 40px;
    font-weight: 400;
    line-height: 46px
}

.vhu__banner--small-letters {
    font-size: 12px;
    top: -4px
}

@media (min-width:1280px) {
    .vhu__banner--small-letters {
        font-size: 14px;
        top: 8px
    }
}

.banner-image {
    height: 260px;
    position: relative
}

@media (min-width:768px) {
    .banner-image {
        height: auto;
        padding-bottom: 0;
        padding-top: 0
    }
}

.vhu__banner-image__center-container-blocks {
    display: flex;
    justify-content: center
}

.banner-image__image-holder {
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .banner-image__image-holder {
        height: auto;
        width: auto
    }
}

.banner-image__image-holder:after {
    background: linear-gradient(180deg, #000, transparent);
    content: "";
    height: 40%;
    left: 0;
    mix-blend-mode: normal;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%
}

.banner-image__image-holder:before {
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    content: "";
    height: 60%;
    left: 0;
    mix-blend-mode: normal;
    opacity: .8;
    position: absolute;
    width: 100%;
    z-index: 1
}

.banner-image__image {
    display: block;
    height: 100%;
    left: -10%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 110%
}

@media (min-width:768px) {
    .banner-image__image {
        height: auto;
        left: 0;
        position: relative;
        width: 100%
    }
}

.banner-image__info {
    bottom: 15px;
    display: flex;
    flex-wrap: wrap-reverse;
    left: 0;
    position: absolute;
    z-index: 2
}

@media (min-width:480px) {
    .banner-image__info {
        bottom: 30px
    }
}

@media (min-width:768px) {
    .banner-image__info {
        bottom: 40px
    }
}

@media (min-width:1280px) {
    .banner-image__info {
        bottom: 100px;
        padding-left: 140px;
        padding-right: 140px
    }
}

.banner-image__block {
    margin-right: 30px;
    margin-top: 9px
}

@media (min-width:480px) {
    .banner-image__block {
        margin-top: 15px
    }
}

@media (min-width:768px) {
    .banner-image__block {
        margin-left: 60px;
        margin-right: 0;
        margin-top: 0
    }

    .banner-image__block:first-child {
        margin-left: 0
    }
}

.vhu__banner-image__block p {
    margin: 0;
    padding: 0
}

@media (min-width:768px) {
    .vhu__banner-image__block {
        margin-left: 120px
    }
}

.banner-image__block-title {
    display: flex;
    font-size: 1.125em;
    font-weight: 600;
    white-space: nowrap
}

@media (min-width:1440px) {
    .banner-image__block-title {
        font-size: 1.5em
    }
}

@media (min-width:1280px) {
    .banner-image__block-title--small-letters {
        font-size: 14px;
        top: 8px
    }
}

.banner-image__block-info {
    font-size: .7em;
    font-weight: 400;
    white-space: nowrap
}

@media (min-width:480px) {
    .banner-image__block-info {
        font-size: 1em
    }
}

.image-text-cta-block {
    background-color: #fff;
    color: #181818
}

.image-text-cta-block__content-spaced-evenly {
    display: flex;
    justify-content: space-evenly;
    width: 100%
}

.image-text-cta-block-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .image-text-cta-block-container {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .image-text-cta-block-container {
        align-items: flex-end;
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.image-text-cta-block-image {
    background-color: #fff;
    height: auto;
    overflow: hidden;
    padding-top: 30px;
    position: relative
}

@media (min-width:768px) {
    .image-text-cta-block-image {
        max-height: 530px
    }
}

@media (min-width:1024px) {
    .image-text-cta-block-image {
        height: auto;
        max-height: none;
        padding-top: 120px
    }
}

.image-text-cta-block-image__image {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .image-text-cta-block-image__image {
        border-radius: 10px
    }
}

@media (min-width:1440px) {
    .image-text-cta-block-image__image {
        display: block;
        margin: auto;
        max-width: 1440px;
        width: 70%
    }
}

.image-text-cta-block__content {
    margin-bottom: 35px
}

@media (min-width:1024px) {
    .image-text-cta-block__content {
        margin-bottom: 0
    }

    .image-text-cta__block--wrapper {
        width: 70%
    }
}

.image-text-cta__block--link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.image-text-cta-block__title {
    font-size: 2.125em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .image-text-cta-block__title {
        font-size: 2.75em
    }
}

.image-text-cta-block__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    max-width: 590px
}

.image-text-cta-block__blocks {
    margin-bottom: 25px;
    margin-top: 35px
}

@media (min-width:768px) {
    .image-text-cta-block__blocks {
        margin-bottom: 35px
    }
}

.image-text-cta-block__blocks--no-mb {
    margin-bottom: 0
}

@media (max-width:767px) {
    .image-text-cta-block__blocks--no-flex-mobile {
        display: block
    }
}

.image-text-cta-block__block {
    float: left;
    margin-bottom: 25px;
    margin-right: 60px
}

.image-text-cta-block__block:nth-child(3) {
    margin-right: 0
}

@media (min-width:768px) {
    .image-text-cta-block__block--no-mb {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .image-text-cta-block__block--mobile-fullwidth {
        float: none;
        margin-right: 20px;
        width: 100%
    }
}

.image-text-cta-block__block-title {
    color: hsla(0, 0%, 9%, .8);
    font-size: 1.375em;
    font-weight: 600
}

@media (min-width:768px) {
    .image-text-cta-block__block-title {
        font-size: 1.5em
    }
}

.image-text-cta-block__block-info {
    font-size: 1em;
    font-weight: 400;
    margin-top: 4px;
    opacity: .4
}

.slider-item {
    color: #181818
}

.slider-item,
.slider-item__video-slider-pagination .swiper-pagination-bullet span {
    background-color: #fff
}

.slider-item__video-slider-pagination.swiper-pagination--dark .swiper-pagination-bullet span {
    background-color: #181818
}

.slider-item__video {
    display: block;
    width: 100%
}

.compare-block-container {
    background-color: #fff;
    padding-bottom: 60px;
    padding-top: 60px
}

@media (min-width:768px) {
    .compare-block-container {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.compare-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

@media (min-width:768px) {
    .compare-block {
        display: flex
    }
}

.compare-block__car {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 530px
}

.compare-block__image {
    display: block;
    height: auto;
    width: 100%
}

.compare-block__title-holder {
    margin-bottom: 25px
}

@media (min-width:1024px) {
    .compare-block__title-holder {
        margin-bottom: 0
    }
}

.compare-block__price-holder {
    display: flex;
    margin-top: 10px
}

.compare-block__model {
    color: #181818;
    font-size: 1.625em;
    font-weight: 400;
    opacity: .6
}

.compare-block__title {
    color: #181818;
    font-size: 2.5em;
    margin-top: 5px
}

.compare-block__price-text {
    color: #181818;
    font-size: 1.75em;
    font-weight: 400;
    margin-right: 10px
}

.compare-block__price {
    color: #181818;
    font-size: 1.75em;
    font-weight: 400;
    white-space: nowrap
}

.compare-block__text {
    color: #181818;
    line-height: 1.125;
    min-height: 21px
}

.compare-block__text p {
    opacity: .5
}

.compare-block__text-label {
    border-radius: 4px 15px 15px 4px;
    font-size: .75em;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 5px 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:1024px) {
    .compare-block__text-label {
        font-size: .875em;
        padding: 7px 15px
    }
}

.compare-block__text-label--red {
    background-color: red;
    color: #fff
}

.compare-block__text-label--blue {
    background-color: #21a1dc
}

.compare-block__text-label--green {
    background-color: #2fd176
}

.compare-block__text-label--dark-green {
    background-color: #27a960
}

.compare-block__text-label--black {
    background-color: #181818
}

.compare-block__specs {
    margin-bottom: auto
}

@media (min-width:768px) {
    .compare-block__specs {
        min-height: 240px
    }
}

@media (min-width:1024px) {
    .compare-block__specs {
        display: flex;
        min-height: 140px
    }
}

.compare-block__specs-list {
    margin: 0;
    padding-left: 15px
}

.compare-block__specs-list:first-child {
    margin-right: 10px
}

@media (min-width:1024px) {
    .compare-block__specs-list {
        width: 50%
    }
}

.compare-block__specs-list-item {
    color: #181818;
    font-weight: 400;
    line-height: 1.24;
    margin-bottom: 7px
}

.compare-block__specs-list-item--a-label {
    display: none
}

@media (min-width:768px) {
    .compare-block__specs-list-item--a-label {
        display: list-item;
        position: relative
    }
}

.compare-block__specs-list-item--a-label:hover .compare-badge__hover-image-holder {
    display: block;
    opacity: 1
}

.compare-badge__hover-image-holder {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    display: none;
    height: auto;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 50%;
    top: -30px;
    transition: opacity .2s ease;
    width: 238px;
    z-index: 1
}

.compare-badge__hover-image {
    display: block;
    height: auto;
    width: 100%
}

.compare-block__specs-list-item__label-holder {
    align-items: center;
    display: flex
}

.compare-block__specs-list-item__label-holder .compare-badge--a-label {
    margin-left: 10px
}

.compare-block__specs-list-item__label-holder .compare-badge--a-label img {
    display: block
}

.compare-block__specs-disclaimer {
    color: #181818;
    font-size: .875em;
    opacity: .5
}

.compare-block__buttons-holder {
    display: flex;
    flex-wrap: wrap
}

.compare-block__buttons-holder a:first-child {
    margin-bottom: 10px;
    margin-right: 20px
}

.compare-block__link-buttons-holder {
    color: #181818;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 30px
}

@media (min-width:1024px) {
    .compare-block__link-buttons-holder {
        margin-bottom: 60px
    }
}

.compare-block__link-buttons-holder-row {
    display: flex;
    margin-bottom: 20px
}

.compare-block__link__full-specs {
    color: #141414;
    font-weight: 700;
    padding-right: 20px
}

.compare-block__link__full-specs:hover {
    cursor: pointer
}

.compare-block__link__full-specs span {
    text-decoration: underline
}

.icon-open-specs {
    margin-right: 10px
}

.compare-block__link__download {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.compare-block__link__download--border {
    border-left: 1px solid hsla(0, 0%, 9%, .5);
    padding-left: 20px
}

.compare-block__link__download:hover {
    cursor: pointer
}

.compare-block-disclaimer {
    color: #c2c2c2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    max-width: 1160px
}

@media (min-width:768px) {
    .compare-block-duo .compare-block__car {
        width: 50%
    }
}

.compare-block-duo .compare-block__car:first-child {
    margin-bottom: 80px
}

@media (min-width:768px) {
    .compare-block-duo .compare-block__car:first-child {
        margin-bottom: 0;
        margin-right: 100px
    }

    .compare-block-trio .compare-block {
        flex-wrap: wrap
    }

    .compare-block-trio .compare-block__car {
        margin-left: 0;
        margin-right: 0;
        width: calc(50% - 50px)
    }

    .compare-block-trio .compare-block__car:nth-child(2n) {
        margin-left: 100px
    }
}

@media (min-width:1280px) {
    .compare-block-trio .compare-block__car {
        width: calc(33% - 66.66667px)
    }

    .compare-block-trio .compare-block__car:nth-child(2n) {
        margin-right: 100px
    }

    .compare-block-trio .compare-block__car:nth-child(3n) {
        margin-right: 0
    }
}

.compare-block-trio .compare-block__intro {
    align-items: flex-start;
    flex-direction: column
}

.compare-block-trio .compare-block__model {
    font-size: 1.375em
}

.compare-block-trio .compare-block__title {
    font-size: 2.5em
}

.compare-block-trio .compare-block__price-holder {
    display: flex;
    margin-top: 10px
}

.compare-block-trio .compare-block__price-text {
    font-size: 1.5em;
    text-align: left
}

.compare-block-trio .compare-block__price {
    font-size: 1.5em;
    margin-left: 5px
}

.compare-block-trio .compare-block__specs {
    flex-direction: column;
    margin-top: 0
}

.compare-block-trio .compare-block__specs-list {
    width: 100%
}

.three-hatch-block {
    background-color: #fff;
    color: #181818
}

.three-hatch-block-container {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1335px;
    padding-bottom: 40px;
    padding-top: 0
}

@media (min-width:768px) {
    .three-hatch-block-container {
        padding-bottom: 50px
    }
}

@media (min-width:1024px) {
    .three-hatch-block-container {
        padding-bottom: 80px
    }
}

.three-hatch-block--grey {
    background-color: #f2f2f2;
    color: #181818
}

.three-hatch-block--grey .three-hatch-block-container {
    padding-bottom: 80px;
    padding-top: 80px
}

@media (min-width:768px) {
    .three-hatch-block--grey .three-hatch-block-container {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media (min-width:1024px) {
    .three-hatch-block--grey .three-hatch-block-container {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.three-hatch-block__content {
    margin-bottom: 35px
}

@media (min-width:1024px) {
    .three-hatch-block__content {
        margin-bottom: 0
    }
}

.three-hatch-block__title {
    font-size: 2.125em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .three-hatch-block__title {
        font-size: 2.5em
    }
}

.three-hatch-block__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1.125em;
    line-height: 1.5;
    margin-bottom: 35px
}

@media (min-width:768px) {
    .three-hatch-block__text {
        font-size: 1.25em;
        max-width: 410px
    }
}

@media (min-width:1024px) {
    .three-hatch-block__text {
        max-width: none
    }
}

.three-hatch-block__brochure-link {
    font-size: 1.125em;
    line-height: 1.5;
    opacity: .8;
    text-decoration: underline
}

@media (min-width:768px) {
    .three-hatch-block__brochure-link {
        font-size: 1.25em
    }
}

.three-hatch-block__blocks {
    margin-top: 30px
}

@media (min-width:768px) {
    .three-hatch-block__blocks {
        margin-top: 60px
    }
}

.image-block--top-margin {
    padding-top: 40px
}

.vhu__banner-wrapper {
    display: none
}

@media (min-width:1280px) {
    .vhu__banner-wrapper {
        display: block
    }
}

.vhu__list-wrapper {
    margin: 0 auto 80px;
    padding: 20px;
    width: 100%
}

@media (min-width:480px) {
    .vhu__list-wrapper {
        width: 100%
    }
}

@media (min-width:375px) {
    .vhu__list-wrapper {
        width: 100%
    }
}

@media (min-width:768px) {
    .vhu__list-wrapper {
        width: 100%
    }
}

@media (min-width:1024px) {
    .vhu__list-wrapper {
        width: 800px
    }
}

.vhu__list-item {
    font-weight: 400;
    line-height: 1.6em
}

.vhu--list-wrapper__cta-wrapper {
    display: flex;
    justify-content: left;
    margin: 30px auto;
    padding-left: 28px
}

.vhu--list-wrapper__cta-padding-fix {
    padding-right: 0
}

.vhu__slider {
    background-color: #000;
    display: block
}

@media (min-width:1280px) {
    .vhu__slider {
        display: none
    }
}

.vhu__swiper {
    bottom: 0
}

.vhu__slider--bullet .swiper-pagination-bullet span {
    background-color: #969696
}

.vhu__slider--bullet .swiper-pagination-bullet-active span {
    background-color: #fff;
    color: #fff
}

.vhu__slider--padding {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding: 50px 30px;
    width: 100%
}

.vhu__slider--padding p {
    margin: 0;
    padding: 0;
    text-align: left
}

.vhu__swiper--container {
    position: relative;
    width: 100%
}

.vhu__block--slider {
    max-width: 100%;
    width: 100%
}

.vhu__swiper--swiper-image {
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%
}

.vhu__swiper--swiper-image:after {
    background: linear-gradient(180deg, transparent, #000 85.16%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.vhu__grid-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px
}

.summary-holder {
    color: #181818;
    display: flex;
    position: relative;
    width: 100%
}

.summary__container {
    display: flex;
    flex-direction: column-reverse;
    width: 100%
}

.summary__image-holder {
    min-height: 300px;
    position: relative;
    width: 100%
}

.summary__image-holder img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    width: 100%
}

.summary__image--desktop {
    display: none
}

@media (min-width:1280px) {
    .summary__image--desktop {
        display: block
    }
}

.summary__image--mobile {
    display: block
}

@media (min-width:1280px) {
    .summary__image--mobile {
        display: none
    }
}

.summary__cta-holder {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .summary__cta-holder {
        bottom: 60px;
        left: unset;
        margin: 0 auto;
        max-width: 1440px;
        padding: 0 140px;
        right: 0;
        transform: none
    }
}

@media (min-width:1024px) {
    .summary__cta-holder {
        bottom: 100px
    }
}

.summary__content {
    margin-bottom: 40px
}

@media (min-width:1280px) {
    .summary__content {
        left: 140px;
        margin-bottom: 0;
        max-width: 340px;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.summary__title h2 {
    font-size: 2.125em;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .summary__title h2 {
        font-size: 2.75em
    }
}

.summary__list {
    margin-bottom: 40px
}

@media (min-width:1280px) {
    .summary__list {
        margin-bottom: 0
    }
}

.summary__item {
    display: flex;
    flex-direction: row;
    font-size: .75em;
    justify-content: space-between;
    padding: 10px 0
}

.summary__item:not(:last-child) {
    border-bottom: 1px solid #181818
}

@media (min-width:768px) {
    .summary__item {
        font-size: .875em
    }
}

.summary__item-key {
    text-align: left
}

.summary__item-value {
    font-weight: 600;
    text-align: right
}

.summary__disclaimer {
    font-size: .75em;
    margin-bottom: 40px
}

@media (min-width:768px) {
    .summary__disclaimer {
        font-size: .875em;
        margin-bottom: 0
    }
}

.dual-block-container {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 40px;
    padding-top: 0
}

@media (min-width:768px) {
    .dual-block-container {
        padding-bottom: 50px;
        padding-top: 0
    }
}

@media (min-width:1024px) {
    .dual-block-container {
        flex-direction: row;
        padding-bottom: 80px;
        padding-left: 0;
        padding-top: 0
    }
}

.dual-block__content {
    order: 2;
    transform: translate(20px, 20px);
    transition: transform .5s ease-in-out;
    z-index: 1
}

@media (min-width:1024px) {
    .dual-block__content {
        display: flex;
        flex: 1;
        flex-direction: column;
        margin-bottom: 0;
        margin-left: 80px;
        max-width: 330px;
        padding-left: 0;
        padding-top: 7%
    }
}

@media (min-width:1440px) {
    .dual-block__content {
        margin-left: 120px;
        padding-right: 0
    }
}

.vhu__dual-block__content {
    max-width: 600px
}

.dual-block__title {
    color: #181818;
    font-size: 2.125em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .dual-block__title {
        font-size: 2.75em
    }
}

.dual-block__subtitle {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.375rem + .625vw, 2.125rem)
}

@media (min-width:768px) {
    .dual-block__subtitle {
        font-size: 2.125rem
    }
}

.dual-block__text p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 35px;
    opacity: .7
}

@media (min-width:1024px) {
    .dual-block__text p {
        margin-bottom: 0
    }
}

.dual-block__blocks {
    margin-bottom: 25px;
    margin-top: 35px
}

@media (min-width:768px) {
    .dual-block__blocks {
        margin-bottom: 35px
    }
}

.dual-block__blocks--no-flex {
    display: block
}

.dual-block__block {
    float: left;
    margin-bottom: 25px;
    margin-right: 60px
}

.dual-block__block:nth-child(3) {
    margin-right: 0
}

.dual-block__block-title {
    color: hsla(0, 0%, 9%, .8);
    font-size: 1.375em;
    font-weight: 600
}

@media (min-width:768px) {
    .dual-block__block-title {
        font-size: 1.5em
    }
}

.dual-block__block-info {
    font-size: 1em;
    font-weight: 400;
    margin-top: 4px;
    opacity: .4
}

@media (min-width:1024px) {
    .dual-block__button-holder {
        margin-top: auto
    }
}

.dual-block__image-holder {
    margin-bottom: 37px;
    overflow: hidden
}

@media (min-width:768px) {
    .dual-block__image-holder {
        margin-bottom: 47px
    }
}

@media (min-width:1024px) {
    .dual-block__image-holder {
        margin-bottom: 0;
        order: 1;
        width: 60.4%
    }
}

.dual-block-container--reverse .dual-block__content {
    order: 2;
    transform: translate(-20px, 20px);
    transition: transform .5s ease-in-out
}

@media (min-width:1024px) {
    .dual-block-container--reverse .dual-block__content {
        order: 1
    }
}

.dual-block-container--reverse .dual-block__image-holder {
    order: 1;
    overflow: hidden
}

@media (min-width:1024px) {
    .dual-block-container--reverse .dual-block__image-holder {
        margin-left: auto;
        order: 2;
        overflow: hidden
    }
}

.dual-block__image {
    display: block;
    width: 100%
}

@media (min-width:768px) {
    .dual-block__image {
        border-radius: 10px
    }
}

.dual-block__cta-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 40px;
    position: relative
}

.dual-block__cta {
    margin-right: auto
}

.dual-block__cta,
.dual-block__cta--image:not(:last-child) {
    margin-bottom: 15px
}

.dual-block__cta--image:nth-child(2n-1) {
    margin-right: 15px
}

@media (min-width:1024px) {
    .dual-block__cta--image:nth-child(2n-1) {
        margin-right: 0
    }
}

@media (min-width:1440px) {
    .dual-block__cta--image:nth-child(2n-1) {
        margin-right: 15px
    }
}

.travel-block__content-title {
    font-size: 1.8125em;
    margin-bottom: 11px
}

.travel-block__content-text {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.5;
    opacity: .6
}

.travel-block__image {
    display: block;
    height: auto;
    margin-bottom: 40px;
    margin-top: 50px;
    width: 100%
}

.travel-block__options {
    margin-bottom: 50px
}

@media (min-width:768px) {
    .travel-block__options {
        display: flex
    }
}

.travel-block__option {
    margin-bottom: 40px;
    opacity: .4;
    position: relative
}

@media (min-width:768px) {
    .travel-block__option {
        margin-bottom: 0;
        margin-right: 80px
    }
}

.travel-block__option:hover {
    cursor: pointer;
    opacity: .8
}

.travel-block__option--active {
    opacity: 1
}

.travel-block__option--active:after {
    background-color: #181818;
    bottom: -13px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px
}

.travel-block__option-distance {
    font-size: 1.8125em;
    margin-bottom: 5px
}

.travel-block__option-locations {
    font-size: 1.375em;
    font-weight: 400
}

.charging-blocks {
    padding-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .charging-blocks {
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px
    }
}

@media (min-width:1024px) {
    .charging-blocks {
        flex-direction: column
    }
}

@media (min-width:768px) {
    .charging-blocks__block {
        width: 100%
    }
}

@media (min-width:1024px) {
    .charging-blocks__block {
        display: flex;
        width: 100%
    }
}

.charging-blocks__block:first-child {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .charging-blocks__block:first-child {
        margin-right: 20px
    }
}

@media (min-width:1024px) {
    .charging-blocks__block:first-child {
        margin-right: 0
    }
}

.charging-blocks__block:nth-child(2) {
    margin-bottom: 0
}

@media (min-width:768px) {
    .charging-blocks__block:nth-child(2) {
        margin-left: 20px
    }
}

@media (min-width:1024px) {
    .charging-blocks__block:nth-child(2) {
        margin-left: 0
    }
}

.charging-blocks__block-image {
    display: block;
    height: auto;
    margin-bottom: 25px;
    width: 100%
}

@media (min-width:768px) {
    .charging-blocks__block-image {
        margin-bottom: 35px
    }
}

@media (min-width:1024px) {
    .charging-blocks__block-image {
        height: 500px;
        margin-bottom: 0;
        -o-object-fit: cover;
        object-fit: cover;
        width: 765px
    }

    .charging-blocks__block-content {
        align-self: center;
        flex: 1;
        padding-left: 80px
    }

    .charging-blocks__block-content--reverse {
        padding-left: 0;
        padding-right: 80px
    }
}

.charging-blocks__block-title {
    font-size: 1.8125em;
    margin-bottom: 7px
}

.charging-blocks__block-text {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.5;
    opacity: .6
}

.configurator__image-holder {
    display: none
}

@media (min-width:768px) {
    .configurator__image-holder {
        display: block
    }
}

@media (min-width:1024px) {
    .configurator__image-holder {
        display: block;
        flex: 1;
        height: 100vh;
        overflow: hidden
    }
}

.configurator-slider .glide__slide .slide-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 0;
    padding-top: 73.7%;
    width: 100%
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image {
        height: auto;
        padding-top: 0
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.comfort.white {
    background-image: url(../media/images/configurator/mg-zs-ev2020/comfort/white.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.comfort.blue {
    background-image: url(../media/images/configurator/mg-zs-ev2020/comfort/blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.comfort.red {
    background-image: url(../media/images/configurator/mg-zs-ev2020/comfort/red.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.comfort.light-blue {
    background-image: url(../media/images/configurator/mg-zs-ev2020/comfort/light-blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.comfort.black {
    background-image: url(../media/images/configurator/mg-zs-ev2020/comfort/black.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.luxury.white {
    background-image: url(../media/images/configurator/mg-zs-ev2020/luxury/white.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.luxury.blue {
    background-image: url(../media/images/configurator/mg-zs-ev2020/luxury/blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.luxury.red {
    background-image: url(../media/images/configurator/mg-zs-ev2020/luxury/red.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.luxury.light-blue {
    background-image: url(../media/images/configurator/mg-zs-ev2020/luxury/light-blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev2020.luxury.black {
    background-image: url(../media/images/configurator/mg-zs-ev2020/luxury/black.png)
}

.configurator-slider .glide__slide .slide-image.interior.mg-zs-ev2020.comfort {
    background-image: url(../media/images/configurator/mg-zs-ev2020/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-zs-ev2020.luxury {
    background-image: url(../media/images/configurator/mg-zs-ev2020/luxury/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.white {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.blue {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.red {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.light-blue {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/light-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.black {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.como-blue {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.cosmic-silver,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.comfort.silver {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.white {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.blue,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.como-blue {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.red {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.light-blue {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/light-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.black {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.cosmic-silver,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-ev.luxury.silver {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-zs-ev.comfort {
    background-image: url(../media/images/configurator/mg-zs-ev/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-zs-ev.luxury {
    background-image: url(../media/images/configurator/mg-zs-ev/luxury/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.comfort.white {
    background-image: url(../media/images/configurator/ehs-new/comfort/dover-white.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.comfort.blue {
    background-image: url(../media/images/configurator/ehs-new/comfort/brighton-blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.comfort.red {
    background-image: url(../media/images/configurator/ehs-new/comfort/diamond-red.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.comfort.iron-oxide {
    background-image: url(../media/images/configurator/ehs-new/comfort/iron-oxide.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.comfort.silver {
    background-image: url(../media/images/configurator/ehs-new/comfort/medal-silver.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.comfort.black {
    background-image: url(../media/images/configurator/ehs-new/comfort/pebble-black.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.luxury.white {
    background-image: url(../media/images/configurator/ehs-new/luxury/dover-white.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.luxury.blue {
    background-image: url(../media/images/configurator/ehs-new/luxury/brighton-blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.luxury.red {
    background-image: url(../media/images/configurator/ehs-new/luxury/diamond-red.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.luxury.iron-oxide {
    background-image: url(../media/images/configurator/ehs-new/luxury/iron-oxide.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.luxury.silver {
    background-image: url(../media/images/configurator/ehs-new/luxury/medal-silver.png)
}

.configurator-slider .glide__slide .slide-image.exterior.ehs-new.luxury.black {
    background-image: url(../media/images/configurator/ehs-new/luxury/pebble-black.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.comfort.white {
    background-image: url(../media/images/configurator/hs-new/comfort/dover-white.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.comfort.blue {
    background-image: url(../media/images/configurator/hs-new/comfort/brighton-blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.comfort.red {
    background-image: url(../media/images/configurator/hs-new/comfort/diamond-red.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.comfort.iron-oxide {
    background-image: url(../media/images/configurator/hs-new/comfort/iron-oxide.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.comfort.silver {
    background-image: url(../media/images/configurator/hs-new/comfort/medal-silver.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.comfort.black {
    background-image: url(../media/images/configurator/hs-new/comfort/pebble-black.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.luxury.white {
    background-image: url(../media/images/configurator/hs-new/luxury/dover-white.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.luxury.blue {
    background-image: url(../media/images/configurator/hs-new/luxury/brighton-blue.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.luxury.red {
    background-image: url(../media/images/configurator/hs-new/luxury/diamond-red.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.luxury.iron-oxide {
    background-image: url(../media/images/configurator/hs-new/luxury/iron-oxide.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.luxury.silver {
    background-image: url(../media/images/configurator/hs-new/luxury/medal-silver.png)
}

.configurator-slider .glide__slide .slide-image.exterior.hs-new.luxury.black {
    background-image: url(../media/images/configurator/hs-new/luxury/pebble-black.png)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.comfort.white {
    background-image: url(../media/images/configurator/mg-ehs/comfort/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.comfort.phantom-red {
    background-image: url(../media/images/configurator/mg-ehs/comfort/phantom-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.comfort.red {
    background-image: url(../media/images/configurator/mg-ehs/comfort/diamond-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.comfort.silver {
    background-image: url(../media/images/configurator/mg-ehs/comfort/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.comfort.black {
    background-image: url(../media/images/configurator/mg-ehs/comfort/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.edition1.white {
    background-image: url(../media/images/configurator/mg-ehs/edition1/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.edition1.phantom-red {
    background-image: url(../media/images/configurator/mg-ehs/edition1/phantom-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.edition1.red {
    background-image: url(../media/images/configurator/mg-ehs/edition1/diamond-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.edition1.silver {
    background-image: url(../media/images/configurator/mg-ehs/edition1/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.edition1.black {
    background-image: url(../media/images/configurator/mg-ehs/edition1/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.luxury.white {
    background-image: url(../media/images/configurator/mg-ehs/luxury/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.luxury.phantom-red {
    background-image: url(../media/images/configurator/mg-ehs/luxury/phantom-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.luxury.red {
    background-image: url(../media/images/configurator/mg-ehs/luxury/diamond-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.luxury.silver {
    background-image: url(../media/images/configurator/mg-ehs/luxury/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-ehs.luxury.black {
    background-image: url(../media/images/configurator/mg-ehs/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-ehs.comfort {
    background-image: url(../media/images/configurator/mg-ehs/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-ehs.edition1 {
    background-image: url(../media/images/configurator/mg-ehs/edition1/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-ehs.luxury {
    background-image: url(../media/images/configurator/mg-ehs/luxury/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-ehs.luxury.redinterior {
    background-image: url(../media/images/configurator/mg-ehs/luxury/interior-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.pearl-white {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/pearl-white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.cumulus-white {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/cumulus-white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.prism-blue {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/prism-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.black {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.kirin-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/kirin-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.beton-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/beton-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.comfort.night-watch-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/night-watch-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.pearl-white {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/pearl-white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.cumulus-white {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/cumulus-white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.prism-blue {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/prism-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.black {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.kirin-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/kirin-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.beton-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/beton-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.luxury.night-watch-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/night-watch-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.pearl-white {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/pearl-white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.cumulus-white {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/cumulus-white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.prism-blue {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/prism-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.black {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.kirin-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/kirin-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.beton-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/beton-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-marvel-r.performance.night-watch-grey {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/night-watch-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.comfort {
    background-image: url(../media/images/configurator/mg-marvel-r/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.comfort.blackInterior {
    background-image: url(../media/images/configurator/mg-marvel-r/comfort/interior-black.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.luxury {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.luxury.greyInterior {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/interior-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.luxury.blackInterior {
    background-image: url(../media/images/configurator/mg-marvel-r/luxury/interior-black.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.performance {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.performance.greyInterior {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/interior-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.performance.brownInterior {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/interior-brown.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-marvel-r.performance.blackInterior {
    background-image: url(../media/images/configurator/mg-marvel-r/performance/interior-black.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg5.luxury.greyInterior {
    background-image: url(../media/images/configurator/mg5/luxury/interior-grey.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg5.luxury {
    background-image: url(../media/images/configurator/mg5/luxury/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg5.comfort {
    background-image: url(../media/images/configurator/mg5/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.comfort.white {
    background-image: url(../media/images/configurator/mg5/comfort/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.luxury.white {
    background-image: url(../media/images/configurator/mg5/luxury/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.comfort.black {
    background-image: url(../media/images/configurator/mg5/comfort/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.luxury.black {
    background-image: url(../media/images/configurator/mg5/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.comfort.red {
    background-image: url(../media/images/configurator/mg5/comfort/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.luxury.red {
    background-image: url(../media/images/configurator/mg5/luxury/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.comfort.silver {
    background-image: url(../media/images/configurator/mg5/comfort/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg5.luxury.silver {
    background-image: url(../media/images/configurator/mg5/luxury/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.comfort.black {
    background-image: url(../media/images/configurator/hs/comfort/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.comfort.brighton-blue {
    background-image: url(../media/images/configurator/hs/comfort/brighton-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.comfort.red {
    background-image: url(../media/images/configurator/hs/comfort/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.comfort.white {
    background-image: url(../media/images/configurator/hs/comfort/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.comfort.silver {
    background-image: url(../media/images/configurator/hs/comfort/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.luxury.black {
    background-image: url(../media/images/configurator/hs/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.luxury.brighton-blue {
    background-image: url(../media/images/configurator/hs/luxury/brighton-blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.luxury.red {
    background-image: url(../media/images/configurator/hs/luxury/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.luxury.white {
    background-image: url(../media/images/configurator/hs/luxury/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.hs.luxury.silver {
    background-image: url(../media/images/configurator/hs/luxury/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.hs.comfort {
    background-image: url(../media/images/configurator/hs/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.hs.luxury {
    background-image: url(../media/images/configurator/hs/luxury/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.hs.luxury.red-interior {
    background-image: url(../media/images/configurator/hs/luxury/redinterior.webp)
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.white {
    background-image: url(../media/images/configurator/mg4/comfort/white.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.white {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.black {
    background-image: url(../media/images/configurator/mg4/comfort/black.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.black {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.red {
    background-image: url(../media/images/configurator/mg4/comfort/red.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.red {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.silver {
    background-image: url(../media/images/configurator/mg4/comfort/silver.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.silver {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.brighton-blue {
    background-image: url(../media/images/configurator/mg4/comfort/brighton-blue.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.brighton-blue {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.fizzy-orange {
    background-image: url(../media/images/configurator/mg4/comfort/fizzy-orange.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.fizzy-orange {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.andes-grey {
    background-image: url(../media/images/configurator/mg4/comfort/andes-grey.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.comfort.andes-grey {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.andes-grey {
    background-image: url(../media/images/configurator/mg4/standard/andes-grey.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.andes-grey {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.fizzy-orange {
    background-image: url(../media/images/configurator/mg4/standard/fizzy-orange.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.fizzy-orange {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.brighton-blue {
    background-image: url(../media/images/configurator/mg4/standard/brighton-blue.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.brighton-blue {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.silver {
    background-image: url(../media/images/configurator/mg4/standard/silver.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.silver {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.red {
    background-image: url(../media/images/configurator/mg4/standard/red.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.red {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.black {
    background-image: url(../media/images/configurator/mg4/standard/black.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.black {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.standard.white {
    background-image: url(../media/images/configurator/mg4/standard/white.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.standard.white {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.white {
    background-image: url(../media/images/configurator/mg4/luxury/white.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.white {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.red {
    background-image: url(../media/images/configurator/mg4/luxury/red.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.red {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.silver {
    background-image: url(../media/images/configurator/mg4/luxury/silver.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.silver {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.black {
    background-image: url(../media/images/configurator/mg4/luxury/black.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.black {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.brighton-blue {
    background-image: url(../media/images/configurator/mg4/luxury/brighton-blue.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.brighton-blue {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.fizzy-orange {
    background-image: url(../media/images/configurator/mg4/luxury/fizzy-orange.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.fizzy-orange {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.andes-grey {
    background-image: url(../media/images/configurator/mg4/luxury/andes-grey.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury.andes-grey {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.white {
    background-image: url(../media/images/configurator/mg4/luxury-custom/white.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.white {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.red {
    background-image: url(../media/images/configurator/mg4/luxury-custom/red.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.red {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.silver {
    background-image: url(../media/images/configurator/mg4/luxury-custom/silver.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.silver {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.black {
    background-image: url(../media/images/configurator/mg4/luxury-custom/black.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.black {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.brighton-blue {
    background-image: url(../media/images/configurator/mg4/luxury-custom/brighton-blue.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.brighton-blue {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.fizzy-orange {
    background-image: url(../media/images/configurator/mg4/luxury-custom/fizzy-orange.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.fizzy-orange {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.andes-grey {
    background-image: url(../media/images/configurator/mg4/luxury-custom/andes-grey.png)
}

@media (min-width:1024px) {
    .configurator-slider .glide__slide .slide-image.exterior.mg4.luxury-custom.andes-grey {
        width: 1640px
    }
}

.configurator-slider .glide__slide .slide-image.interior.mg4.comfort {
    background-image: url(../media/images/configurator/mg4/comfort/black-interior.webp)
}

.configurator-slider .glide__slide .slide-image.interior.mg4.standard {
    background-image: url(../media/images/configurator/mg4/standard/black-interior.webp)
}

.configurator-slider .glide__slide .slide-image.interior.mg4.luxury,
.configurator-slider .glide__slide .slide-image.interior.mg4.luxury-custom {
    background-image: url(../media/images/configurator/mg4/luxury/luxury-interior-black.webp)
}

.configurator-slider .glide__slide .slide-image.interior.mg4.comfort.luxury-grey-interior,
.configurator-slider .glide__slide .slide-image.interior.mg4.luxury-custom.luxury-grey-interior,
.configurator-slider .glide__slide .slide-image.interior.mg4.luxury.luxury-grey-interior {
    background-image: url(../media/images/configurator/mg4/luxury/luxury-grey-interior.webp)
}

.configurator-slider .glide__slide .slide-image.exterior.back.mg4.luxury {
    background-image: url(../media/images/configurator/mg4/luxury/back.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.arctic-white,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.white {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.battersea-blue,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.como-blue {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.hoxton-orange {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/orange.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.black,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.black-pearl {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.monument-silver {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.red {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.comfort.cosmic-silver {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/cosmic-silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.arctic-white,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.white {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/white.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.battersea-blue,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.como-blue {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/blue.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.red {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.hoxton-orange {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/orange.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.black,
.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.black-pearl {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/black.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.monument-silver {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/silver.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.diamond-red {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/diamond-red.jpg)
}

.configurator-slider .glide__slide .slide-image.exterior.mg-zs-petrol.luxury.cosmic-silver {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/cosmic-silver.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-zs-petrol.comfort {
    background-image: url(../media/images/configurator/mg-zs-petrol/comfort/interior.jpg)
}

.configurator-slider .glide__slide .slide-image.interior.mg-zs-petrol.luxury {
    background-image: url(../media/images/configurator/mg-zs-petrol/luxury/interior.jpg)
}

.configurator-slider .glide__slide.glide__slide--cover .slide-image {
    background-size: cover
}

@media (min-width:768px) {
    .tab-holder--extra-margin {
        margin-top: 40px
    }
}

@media (min-width:1024px) {
    .tab-holder--extra-margin {
        margin: 40px 0
    }
}

.tab__container {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    cursor: pointer;
    display: flex;
    font-size: 1.5625em;
    letter-spacing: -1.5px;
    line-height: 1.2em;
    margin-bottom: 60px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 25px
}

@media (min-width:768px) {
    .tab__container {
        padding-left: 50px
    }
}

@media (min-width:1024px) {
    .tab__container {
        margin-bottom: 120px;
        padding-left: 70px
    }
}

@media (min-width:1600px) {
    .tab__container {
        padding-left: 80px
    }
}

@media (min-width:768px) {
    .tab__container {
        font-size: 1.625em;
        line-height: 2.3076923077em
    }
}

.tab__container::-webkit-scrollbar {
    display: none
}

.tab__container .tab__container-item {
    color: #c2c2c2;
    display: block;
    padding-bottom: 10px;
    padding-right: 25px;
    position: relative;
    transition: color .2s cubic-bezier(.165, .84, .44, 1);
    white-space: nowrap
}

@media (min-width:768px) {
    .tab__container .tab__container-item {
        font-weight: 500;
        padding-right: 18px
    }
}

@media (min-width:1600px) {
    .tab__container .tab__container-item {
        padding-right: 30px
    }
}

@media (min-width:768px) {
    .tab__container .tab__container-item:last-child {
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .tab__container .tab__container-item:last-child {
        padding-right: 70px
    }
}

@media (min-width:1600px) {
    .tab__container .tab__container-item:last-child {
        padding-right: 80px
    }
}

.tab__container .tab__container-item--active {
    color: #181818
}

.tab__container .tab__container-item--active:after {
    background-color: #181818;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px
}

.icon-text-block-holder {
    position: relative
}

.icon-text-block__container {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .icon-text-block__container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 40px
    }
}

.icon-text-block__icon-holder {
    display: flex;
    margin-bottom: 40px;
    width: 100%
}

@media (min-width:768px) {
    .icon-text-block__icon-holder {
        width: calc(50% - 30px)
    }
}

.icon-text-block__icon {
    height: 60px;
    margin-right: 20px;
    width: auto
}

@media (min-width:768px) {
    .icon-text-block__icon {
        height: 80px
    }
}

.icon-text-block__icon-content {
    display: flex;
    flex-direction: column
}

.icon-text-block__icon-title {
    color: #181818;
    font-size: 1.5625em;
    font-weight: 700
}

.icon-text-block__icon-title span {
    font-weight: 400
}

.icon-text-block__icon-text {
    color: rgba(0, 0, 0, .6);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5
}

.icon-text-block__icon-text p:first-child {
    margin-top: 0
}

.icon-text-block__icon-text p:last-child {
    margin-bottom: 0
}

.icon-text-block__icon-label-holder {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

@media (min-width:768px) {
    .icon-text-block__icon-label-holder {
        margin-top: 15px
    }
}

.icon-text-block__icon-label {
    border-radius: 15px;
    font-size: .75em;
    margin-bottom: 10px;
    padding: 6px 15px
}

.icon-text-block__icon-label:not(:last-child) {
    margin-right: 10px
}

@media (min-width:768px) {
    .icon-text-block__icon-label {
        font-size: .875em
    }
}

.icon-text-block__icon-disclaimer {
    color: hsla(0, 0%, 9%, .6);
    font-size: 1em
}

.car-showcase-block-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 28px 35px;
    position: relative
}

@media (min-width:768px) {
    .car-showcase-block-holder {
        padding: 0 75px 70px
    }
}

@media (min-width:1440px) {
    .car-showcase-block-holder {
        margin-left: auto;
        margin-right: auto;
        max-width: 1205px;
        padding: 0 0 100px
    }
}

.car-showcase-block__heading {
    color: #181818;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 44px;
    max-width: 868px;
    text-transform: uppercase
}

.car-showcase-block__heading>* {
    margin: unset;
    max-width: 432px
}

@media (min-width:768px) {
    .car-showcase-block__heading {
        font-size: 40px;
        line-height: 42px
    }
}

.car-showcase-block__container {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .car-showcase-block__container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.car-showcase-block__item {
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    position: relative;
    width: 100%
}

.car-showcase-block__item:first-child {
    margin-top: 0
}

@media (min-width:768px) {
    .car-showcase-block__item {
        margin-top: 60px;
        width: calc(50% - 30px)
    }

    .car-showcase-block__item:first-child,
    .car-showcase-block__item:nth-child(2) {
        margin-top: 0
    }
}

.car-showcase-block__label {
    border-radius: 4px 15px 15px 4px;
    font-size: .75em;
    font-weight: 500;
    left: -5px;
    padding: 5px 10px;
    position: absolute;
    top: 15px
}

@media (min-width:1024px) {
    .car-showcase-block__label {
        font-size: .875em;
        left: -10px;
        padding: 7px 15px;
        top: 45px
    }
}

.car-showcase-block__label--red {
    background-color: red;
    color: #fff
}

.car-showcase-block__label--blue {
    background-color: #21a1dc
}

.car-showcase-block__label--green {
    background-color: #2fd176
}

.car-showcase-block__label--dark-green {
    background-color: #27a960
}

.car-showcase-block__label--black {
    background-color: #181818
}

.car-showcase-block__item-image img {
    height: auto;
    width: 100%
}

.car-showcase-block__item-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 30px 25px
}

@media (min-width:1024px) {
    .car-showcase-block__item-content {
        padding: 0 50px 45px
    }
}

.car-showcase-block__content-holder {
    align-items: center;
    display: flex;
    margin-bottom: 20px
}

.car-showcase-block__item-title {
    color: #181818;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: -.5px
}

.car-showcase-block__item-title span {
    font-weight: 400
}

@media (min-width:1024px) {
    .car-showcase-block__item-title {
        font-size: 2.25em
    }
}

.car-showcase-block__item-subtitle {
    color: #181818;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: auto;
    margin-top: 4px
}

@media (min-width:1024px) {
    .car-showcase-block__item-subtitle {
        font-size: 1.25em
    }
}

.car-showcase-block__item-content-body {
    color: #181818;
    display: flex;
    justify-content: space-between
}

.car-showcase-block__item-price-holder {
    margin-top: 16px
}

@media (min-width:768px) {
    .car-showcase-block__item-price-holder {
        margin-top: 30px
    }
}

.car-showcase-block__item-from {
    font-size: 1em
}

@media (min-width:1024px) {
    .car-showcase-block__item-from {
        font-size: 1.125em
    }
}

.car-showcase-block__item-price {
    font-size: 1.25em;
    font-weight: 700
}

.car-showcase-block__item-price span {
    font-weight: 400
}

@media (min-width:1024px) {
    .car-showcase-block__item-price {
        font-size: 1.5em
    }
}

.car-showcase-block__item-cta-holder {
    display: flex;
    margin-left: auto
}

.car-showcase-block__item-cta {
    font-size: .875em;
    margin-left: 10px;
    margin-top: auto;
    padding: 7px 15px
}

@media (min-width:1024px) {
    .car-showcase-block__item-cta {
        font-size: 1em;
        padding: 10px 20px
    }
}

.image-360-block {
    margin-bottom: 40px;
    position: relative
}

@media (min-width:1024px) {
    .image-360-block {
        margin-bottom: 80px
    }
}

.image-360-block__container {
    display: flex;
    flex-direction: column
}

.image-360-block__draggable-holder {
    cursor: -webkit-grab;
    cursor: grab
}

.image-360-block__draggable-holder.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.image-360-block__image-holder {
    margin: 0 auto;
    width: 100%
}

.image-360-block__image {
    height: auto;
    visibility: hidden;
    width: 100%
}

.image-360-block__range-holder {
    margin-top: 20px
}

.image-360-block__range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #cbcbcb;
    border-radius: 2px;
    display: flex;
    height: 2px;
    margin: 0 auto;
    max-width: 300px;
    width: 100%
}

.image-360-block__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #181818;
    border-radius: 50%;
    cursor: ew-resize;
    height: 10px;
    position: relative;
    width: 10px
}

.owner-manual-results {
    margin: 45px 0 0;
    padding: 0
}

.owner-manual-results-row {
    align-items: center;
    border-bottom: 2px solid hsla(0, 0%, 9%, .2);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    margin-bottom: 15px;
    padding: 20px 0
}

.owner-manual-results-row-title {
    word-wrap: break-word;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 125%;
    margin-right: 15px;
    min-width: 0
}

.owner-manual-results-row-download {
    align-items: center;
    display: flex;
    flex-direction: row
}

.owner-manual-results-row-download .download-title {
    display: none;
    font-weight: 500;
    margin-right: 1em
}

@media (min-width:768px) {
    .owner-manual-results-row-download .download-title {
        display: inline-block
    }
}

.owner-manual-results-row-download .download-icon {
    fill: #000
}

.search-holder {
    display: inline-block;
    position: relative
}

.search-holder svg path {
    fill: #000
}

.vin-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-size: 1em;
    height: 60px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    position: relative;
    width: 100%;
    z-index: 1
}

.vin-input:focus {
    outline: none
}

.vin-input::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.vin-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.vin-input::placeholder {
    color: rgba(0, 0, 0, .5)
}

.vin-input path {
    fill: #000
}

.vin-error {
    color: red;
    display: block;
    font-size: .75em;
    margin: 8px
}

.logo-block {
    background-color: #fff;
    color: #181818
}

.logo-block-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    padding-top: 20px
}

@media (min-width:768px) {
    .logo-block-container {
        margin-bottom: 80px;
        padding-top: 30px
    }
}

@media (min-width:1024px) {
    .logo-block-container {
        margin-bottom: 120px;
        padding-top: 40px
    }
}

.logo-block__title {
    font-size: 2.125em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .logo-block__title {
        font-size: 2.75em
    }
}

.logo-block__text {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    max-width: 590px;
    opacity: .7
}

.logo-block__logo-holder {
    display: flex;
    flex-direction: column;
    margin-top: 60px
}

@media (min-width:768px) {
    .logo-block__logo-holder {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 100px
    }
}

@media (min-width:1024px) {
    .logo-block__logo-holder {
        margin-top: 120px
    }
}

.logo-block__logo-item {
    width: 100%
}

.logo-block__logo-item:not(:last-child) {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .logo-block__logo-item {
        margin-bottom: 40px;
        width: calc(50% - 30px)
    }

    .logo-block__logo-item:nth-child(2n-1) {
        margin-right: 60px
    }

    .logo-block__logo-item:last-child,
    .logo-block__logo-item:nth-last-child(2) {
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .logo-block__logo-item {
        margin-bottom: 60px;
        margin-right: 60px;
        width: calc(33% - 40px)
    }

    .logo-block__logo-item:nth-child(2n-1) {
        margin-right: 60px
    }

    .logo-block__logo-item:nth-child(3n) {
        margin-right: 0
    }

    .logo-block__logo-item:last-child,
    .logo-block__logo-item:nth-last-child(2),
    .logo-block__logo-item:nth-last-child(3) {
        margin-bottom: 0
    }
}

.logo-block__logo-item img {
    display: block;
    height: auto;
    width: 100%
}

.logo-block__logo-item h3 {
    color: #181818;
    margin-top: 20px
}

@media (min-width:768px) {
    .logo-block__logo-item h3 {
        margin-top: 30px
    }
}

.logo-block__logo-text {
    color: hsla(0, 0%, 9%, .6);
    margin-top: 10px
}

.logo-block__logo-text p {
    margin: 0
}

.title-text-cta-block-holder {
    margin-bottom: 60px
}

@media (min-width:768px) {
    .title-text-cta-block-holder {
        margin-bottom: 80px
    }
}

@media (min-width:1024px) {
    .title-text-cta-block-holder {
        margin-bottom: 120px
    }
}

.title-text-cta-block__title-holder h2 {
    color: #181818;
    font-size: 1.875em;
    margin-bottom: 10px
}

.title-text-cta-block__content {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .title-text-cta-block__content {
        flex-direction: row
    }
}

.title-text-cta-block__text-holder {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    max-width: 590px
}

.title-text-cta-block__text-holder p {
    margin-top: 0
}

.title-text-cta-block__cta-holder {
    margin-left: auto
}

.footer-ismart-app-holder {
    height: 525px
}

@media (min-width:768px) {
    .footer-ismart-app-holder {
        height: 443px
    }
}

@media (min-width:1024px) {
    .footer-ismart-app-holder {
        height: 362px
    }
}

.footer-ismart-app__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.footer-ismart-app__image-holder {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.footer-ismart-app__image-holder img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.footer-ismart-app__content {
    margin: 60px 30px
}

.footer-ismart-app__text-holder {
    color: #fff;
    font-size: 1.875em;
    font-weight: 500;
    line-height: 32px;
    position: relative;
    text-align: center;
    z-index: 1
}

.footer-ismart-app__text-holder p {
    margin-top: 0
}

.footer-ismart-app__cta-holder {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    position: relative;
    z-index: 1
}

@media (min-width:480px) {
    .footer-ismart-app__cta-holder {
        align-items: unset;
        flex-direction: row;
        justify-content: center
    }
}

.footer-ismart-app__cta:not(:last-child) {
    margin-bottom: 20px
}

@media (min-width:480px) {
    .footer-ismart-app__cta:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.reusable-slider__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.vhu__grid-2 {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 17px
}

@media (min-width:1024px) {
    .vhu__grid-2 {
        grid-column-gap: 360px;
        grid-template-columns: .5fr 1fr;
        justify-content: space-between;
        padding-bottom: 52px;
        padding-top: 0
    }
}

.vhu__title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-style: normal;
    line-height: 34px;
    padding-bottom: 20px
}

@media (min-width:1440px) {
    .vhu__title {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 0
    }
}

.vhu__block-text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: .8
}

.vhu__no-margin,
.vhu__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.vhu__max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    width: 100%
}

@media (min-width:768px) {
    .vhu__max-width {
        max-width: 1205px
    }
}

.vhu__image-container {
    background-color: #fff;
    display: flex;
    position: relative;
    width: 100%
}

.vhu__image-wrapper {
    width: 100%
}

.vhu__image-wrapper:after {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vhu-container {
    padding: 40px 20px 0
}

@media (min-width:768px) {
    .vhu-container {
        padding: 70px 0 0
    }
}

.vhu__centered-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    padding-right: 35px
}

@media (min-width:768px) {
    .vhu__centered-wrapper {
        padding: 0 120px
    }
}

.vhu__centered-text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.vhu__button-wrapper {
    padding-left: 38px;
    padding-top: 30px
}

.vhu__tablet {
    display: none
}

@media (min-width:768px) {
    .vhu__tablet {
        display: flex;
        width: 100%
    }
}

.vhu__img {
    height: 100%;
    min-height: 230px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .vhu__img {
        min-height: 430px
    }
}

.vhu__image-content {
    bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 10%;
    position: absolute;
    width: 55%
}

@media (min-width:768px) {
    .vhu__image-content {
        bottom: 30px;
        flex-direction: row;
        left: 0;
        padding: 0 20px;
        width: 100%
    }
}

@media (min-width:1440px) {
    .vhu__image-content {
        bottom: 70px;
        padding: 0 220px
    }
}

.vhu__image-icon-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 80%
}

@media (min-width:768px) {
    .vhu__image-icon-wrapper {
        max-width: 30%;
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .vhu__image-icon-wrapper {
        bottom: 160px;
        flex-direction: row
    }
}

.vhu__icon {
    height: 44px;
    margin-left: -8px;
    margin-top: -6px;
    width: 44px
}

@media (min-width:768px) {
    .vhu__icon {
        margin-left: 0
    }
}

.vhu__mobile {
    display: flex
}

@media (min-width:768px) {
    .vhu__mobile {
        display: none
    }
}

.vhu__swiper-container {
    background: #000;
    padding-bottom: 180px;
    position: relative;
    width: 100%
}

.vhu__image-texts {
    padding-top: 10px
}

@media (min-width:1440px) {
    .vhu__image-texts {
        padding-left: 24px;
        padding-top: 0
    }
}

.vhu__image-title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px
}

@media (min-width:768px) {
    .vhu__image-title {
        font-size: 24px;
        line-height: 29px
    }
}

.vhu__image-text {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    opacity: .8;
    padding-top: 8px
}

@media (min-width:768px) {
    .vhu__image-text {
        font-size: 16px;
        line-height: 24px;
        padding-top: 16px
    }
}

.vhu__swiper {
    bottom: -20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .vhu__swiper {
        bottom: 20px;
        left: auto;
        right: 40px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .vhu__swiper {
        bottom: 20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

@media (min-width:1440px) {
    .vhu__swiper {
        bottom: 40px
    }
}

.vhu__swiper .swiper-pagination-bullet {
    background-color: transparent;
    height: 20px;
    position: relative;
    width: 20px
}

.vhu__swiper .swiper-pagination-bullet span {
    background-color: gray;
    border-radius: 50%;
    height: 7px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7px
}

.vhu__swiper .swiper-pagination-bullet:focus,
.vhu__swiper .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.vhu__swiper .swiper-pagination-bullet-active span {
    background-color: #181818;
    height: 12px;
    margin-bottom: 0;
    width: 12px
}

.vhu__swiper-image {
    bottom: -200px
}

.vhu__swiper-image .swiper-pagination-bullet span {
    background-color: #fff;
    opacity: .8
}

.vhu__swiper-image .swiper-pagination-bullet-active span {
    background-color: #fff
}

.vhu__image-mobile-content {
    bottom: -10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    position: absolute;
    width: 80%
}

@media (min-width:768px) {
    .vhu__image-mobile-content {
        bottom: 30px
    }
}

@media (min-width:1440px) {
    .vhu__image-mobile-content {
        bottom: 70px
    }
}

.vhu__hero-image {
    height: auto;
    width: 100%
}

.vhu-header__content-container {
    position: absolute;
    top: 40%
}

@media (min-width:768px) {
    .vhu-header__content-container {
        bottom: auto;
        display: flex;
        justify-content: space-between;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 0
    }
}

@media (min-width:1440px) {
    .vhu-header__content-container {
        padding-left: 140px;
        padding-right: 140px
    }
}

.vhu__model-header__title {
    font-size: 1.875em;
    line-height: 1.25
}

@media (min-width:480px) {
    .vhu__model-header__title {
        font-size: 2.25em
    }
}

@media (min-width:768px) {
    .vhu__model-header__title {
        font-size: 3.625em
    }
}

@media (min-width:1440px) {
    .vhu__model-header__title {
        font-size: 3.75em
    }
}

.vhu__model-header {
    height: auto;
    min-height: 30vh;
    position: relative;
    width: 100%
}

.vhu__extra-padding {
    padding: 40px 40px 0
}

@media (min-width:768px) {
    .vhu__extra-padding {
        padding: 70px 20px 0
    }
}

.vhu__block-wrapper {
    bottom: -160px;
    height: 100%;
    padding-bottom: 20px;
    position: absolute;
    width: 100%
}

.vhu__extra-bottom-padding {
    padding-bottom: 40px
}

@media (min-width:768px) {
    .vhu__extra-bottom-padding {
        padding-bottom: 0
    }
}

.model__navigation {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 100%;
    justify-content: space-between;
    left: 0;
    max-height: 114px;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    width: 100%;
    z-index: 99
}

.model__navigation.headroom {
    transition: transform .2s linear;
    will-change: transform
}

.model__navigation.headroom--pinned {
    transform: translateY(0)
}

.model__navigation.headroom--top,
.model__navigation.headroom--unpinned,
.model__navigation.hide-header,
.model__navigation.hide-header.headroom--top {
    transform: translateY(-100%)
}

.model__navigation-inner {
    align-items: normal;
    height: 100%;
    padding: 0
}

.model__navigation--overlay {
    background-color: #181818;
    height: 110vh;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    transition: opacity .8s;
    width: 100%;
    z-index: 20
}

#model__header {
    padding-top: 25px;
    z-index: 50
}

@media (min-width:768px) {
    #model__header {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-top: 0
    }
}

.model__navigation--hamburger {
    background-color: #000
}

.model__navigation--menu {
    height: 110vh
}

.model__hamburger--button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.model--navigation__overlay {
    background-color: #181818;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    transition: opacity .8s;
    width: 100%;
    z-index: 20
}

.model__navigation-wrapper {
    color: #000;
    display: block;
    overflow: auto;
    padding-top: 20px
}

@media (min-width:768px) {
    .model__navigation-wrapper {
        align-items: center;
        display: flex;
        padding-top: 0
    }
}

.model__navigation-list {
    align-items: center;
    display: flex;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 0;
    white-space: nowrap
}

@media (min-width:768px) {
    .model__navigation-list {
        padding-left: 75px
    }
}

.model__navigation-list li {
    padding-right: 32px
}

.model__navigation-list li a {
    padding-bottom: 16px;
    padding-top: 16px
}

.privacy-table table {
    border-collapse: collapse;
    margin-top: 24px;
    width: 100%
}

.privacy-table table colgroup,
.privacy-table table thead {
    display: none
}

@media (min-width:1024px) {
    .privacy-table table thead {
        display: table-header-group
    }

    .privacy-table table thead th {
        border-bottom: 1px solid #313030;
        padding: 0 10px
    }

    .privacy-table table thead th:not(.privacy-table table thead th:first-child) {
        text-align: center
    }
}

.privacy-table table tbody tr {
    display: flex;
    flex-wrap: wrap
}

.privacy-table table tbody tr td {
    border-bottom: 1px solid #313030
}

.privacy-table table tbody tr td:first-of-type {
    padding: 10px;
    width: 100%
}

@media (min-width:1024px) {
    .privacy-table table tbody tr td:first-of-type {
        width: 400px
    }
}

.privacy-table table tbody tr td:not(.privacy-table table tbody tr td:first-of-type) {
    flex: 1;
    padding: 10px;
    text-align: center
}

@media (min-width:1024px) {
    .privacy-table table tbody tr td:not(.privacy-table table tbody tr td:first-of-type) {
        flex: unset
    }
}

.privacy-table table tbody tr:first-of-type td:first-of-type {
    text-align: start
}

.privacy-table table tbody tr:first-of-type td:not(.privacy-table table tbody tr:first-of-type td:first-of-type) {
    text-align: center
}

@media (min-width:1024px) {
    .privacy-table table tbody tr:first-of-type td:not(.privacy-table table tbody tr:first-of-type td:first-of-type) {
        text-align: center
    }
}

.privacy-table table tbody tr:nth-child(2n) {
    background-color: #161616
}

@media (min-width:1024px) {
    .privacy-table table tbody tr {
        display: table-row
    }
}

.text-title-cta-block-with-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.text-title-cta-block-with-image>img {
    width: 100%
}

@media (min-width:768px) {
    .text-title-cta-block-with-image {
        grid-column-gap: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

.text-title-cta-block-with-image--model {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
    padding-left: 25px;
    padding-right: 25px
}

.text-title-cta-block-with-image--model>img {
    width: 100%
}

@media (min-width:768px) {
    .text-title-cta-block-with-image--model {
        grid-column-gap: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 1440px;
        padding-bottom: 120px
    }
}

@media (min-width:1440px) {
    .text-title-cta-block-with-image--model {
        padding-left: unset;
        padding-right: unset
    }
}

.text-title-cta-block__model-image--reversed {
    display: flex;
    width: 100%
}

@media (min-width:768px) {
    .text-title-cta-block__model-image--reversed {
        order: 1
    }
}

.text-title-cta-block__model-image {
    width: 100%
}

@media (min-width:768px) {
    .text-title-cta--reversed {
        order: -1
    }
}

.text-title-cta-block-without-image,
.text-title-cta-block__wrapper {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

.text-title-cta-block__wrapper {
    background-color: #fff;
    flex-direction: column;
    max-width: 1440px
}

.text-title-cta-block__header {
    display: flex;
    flex-direction: column
}

.text-title-cta-block__header>* {
    width: 100%
}

@media (min-width:768px) {
    .text-title-cta__cta-block {
        display: flex;
        justify-content: flex-end
    }

    .text-title-cta__cta-block>*+* {
        margin-left: 12px
    }

    .text-title-cta__cta-block--reversed {
        display: flex
    }

    .text-title-cta__cta-block--reversed>*+* {
        margin-left: 12px
    }
}

.content-with-image--max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media (min-width:768px) {
    .content-with-image--max-width {
        max-width: 1205px;
        padding-left: 100px;
        padding-right: 100px
    }
}

.content-with-image__header-content-wrapper {
    max-width: 100%
}

@media (min-width:768px) {
    .content-with-image__header-content-wrapper {
        max-width: 50%
    }
}

.content-with-image__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 50px
}

@media (min-width:768px) {
    .content-with-image__header {
        align-items: flex-end;
        flex-direction: row
    }
}

.content-with-image__header__title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-style: normal;
    line-height: 34px;
    padding-bottom: 20px
}

@media (min-width:1440px) {
    .content-with-image__header__title {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 0
    }
}

.content-with-image__header__description {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.content-with-image__image {
    height: 100%;
    min-height: 230px;
    padding-bottom: 20px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .content-with-image__image {
        min-height: 430px;
        padding-bottom: 25px
    }
}

.content-with-image__subtitle-and-description {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px
}

@media (min-width:768px) {
    .content-with-image__subtitle-and-description {
        padding: 25px 100px
    }
}

.content-with-image__subtitle-and-description__content-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px
}

.content-with-image__subtitle-and-description__content-description {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.brochure-text-content-with-visual {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px
}

@media (min-width:768px) {
    .brochure-text-content-with-visual {
        grid-column-gap: 32px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

.brochure-text-content-with-visual__image {
    height: 100%;
    margin-bottom: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media (min-width:768px) {
    .brochure-text-content-with-visual__image {
        margin-bottom: 0
    }
}

.brochure-text-content-with-visual__text-and-cta {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.brochure-text-content-with-visual__text-and-cta__text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .brochure-text-content-with-visual__text-and-cta__text {
        margin-top: 32px
    }

    .brochure-text-content-with-visual__text-and-cta__text>p {
        margin-top: unset
    }

    .brochure-text-content-with-visual__text-and-cta__cta {
        display: flex;
        justify-content: flex-end
    }
}

.cta-block-with-alignment--max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding: 14px 20px 24px;
    width: 100%
}

@media (min-width:768px) {
    .cta-block-with-alignment--max-width {
        max-width: 1205px;
        padding-left: 100px;
        padding-right: 100px
    }
}

.cta-block-with-alignment__buttons {
    display: flex;
    flex-direction: column
}

.cta-block-with-alignment__buttons--left {
    align-items: flex-start;
    justify-content: flex-start
}

.cta-block-with-alignment__buttons--center {
    align-items: center;
    justify-content: center
}

.cta-block-with-alignment__buttons--right {
    align-items: flex-end;
    justify-content: flex-end
}

@media (min-width:768px) {
    .cta-block-with-alignment__buttons--row {
        flex-direction: row
    }

    .cta-block-with-alignment__buttons--row>*+* {
        margin-left: 12px
    }
}

.cta-block-with-alignment__buttons--column {
    flex-direction: column
}

.ecalculator .container {
    display: flex;
    padding-bottom: 80px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:768px) {
    .ecalculator .container {
        padding-bottom: 120px
    }
}

@media (min-width:1440px) {
    .ecalculator .container {
        margin: 0 auto;
        max-width: 1440px
    }
}

.ecalculator .wrapper {
    padding: 0 20px
}

@media (min-width:768px) {
    .ecalculator .wrapper {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .ecalculator .wrapper {
        padding: 0 40px
    }
}

.ecalculator .content {
    background-color: #eee;
    border-radius: 10px;
    padding: 40px 20px
}

@media (min-width:768px) {
    .ecalculator .content {
        padding: 60px 40px
    }
}

@media (min-width:1440px) {
    .ecalculator .content {
        padding: 80px 60px
    }
}

.ecalculator .title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 40px;
    font-weight: 350;
    letter-spacing: -1px;
    line-height: 44px
}

@media (min-width:1024px) {
    .ecalculator .title {
        font-size: 40px;
        line-height: 48px
    }
}

.ecalculator .description {
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 80px;
    padding-top: 16px
}

@media (min-width:768px) {
    .ecalculator .description {
        font-size: 20px;
        line-height: 28px;
        max-width: 75%;
        padding-top: 24px
    }
}

.ecalculator .text__no-margin {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.ecalculator .dropdown__container {
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 30px;
    width: 100%
}

@media (min-width:768px) {
    .ecalculator .dropdown__container {
        grid-column-gap: 50px;
        grid-row-gap: 0;
        grid-template-columns: 1fr 1fr 1fr .4fr;
        padding-top: 0
    }
}

.ecalculator .dropdown__radio {
    margin-right: 8px
}

.ecalculator .dropdown__current {
    align-items: center;
    color: #181818;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    height: 100%;
    width: 100%
}

.ecalculator .dropdown__current span {
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding-right: 20px
}

.ecalculator .dropdown__options-bg {
    background-color: #fff
}

.ecalculator .dropdown__options-bg ::-webkit-scrollbar-thumb {
    background-color: #848484
}

.ecalculator .rectangle-dropdown-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.ecalculator .rectangle-dropdown-icon path {
    fill: #979797 !important
}

.ecalculator .dropdown__toggle {
    background-color: transparent;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10
}

.ecalculator .dropdown--active .dropdown__options-holder {
    height: auto;
    padding: 20px 10px
}

.ecalculator .dropdown__options-option {
    color: #181818;
    cursor: pointer;
    display: flex;
    line-height: 21px;
    margin-bottom: 0;
    outline: none;
    padding: 10px
}

.ecalculator .consumption-input,
.ecalculator .dropdown__options-option {
    background-color: transparent;
    border: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%
}

.ecalculator .consumption-input {
    color: #636363;
    height: 100%;
    line-height: 16px;
    padding: unset;
    position: absolute
}

.ecalculator .consumption-input:focus {
    outline: none
}

.ecalculator .consumption-input::-moz-placeholder {
    color: #181818
}

.ecalculator .consumption-input:-ms-input-placeholder {
    color: #181818
}

.ecalculator .consumption-input::placeholder {
    color: #181818
}

.ecalculator .consumption-input::-webkit-inner-spin-button,
.ecalculator .consumption-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.ecalculator .consumption-input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.ecalculator .consumption-input-liters {
    margin-left: 1ch;
    margin-top: 1px
}

.ecalculator .consumption-input-holder {
    align-items: center;
    display: flex;
    position: relative
}

.ecalculator .consumption-input-holder span {
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.ecalculator .input-holder {
    margin-bottom: 15px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .ecalculator .input-holder {
        margin-bottom: 20px
    }
}

.ecalculator .input-holder--dropdown select:focus {
    outline: none
}

.ecalculator .input-holder--dropdown .custom-select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #979797;
    border-radius: 0;
    padding: 0
}

.ecalculator .input-holder--dropdown .custom-select.form-label--error {
    border-bottom: 1px solid red
}

.ecalculator .input-holder--dropdown .custom-select:after {
    background: none
}

.ecalculator .input-holder--dropdown .custom-select select {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    color: #181818
}

.ecalculator .input-holder--dropdown option {
    color: #181818
}

.ecalculator .submit__container {
    align-items: center;
    display: flex;
    text-align: center
}

@media (min-width:768px) {
    .ecalculator .submit__container {
        justify-content: center
    }
}

.ecalculator .result-container {
    padding-top: 60px
}

.ecalculator .result-grid {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media (min-width:1024px) {
    .ecalculator .result-grid {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.ecalculator .result-line {
    background: #cecece;
    grid-column: 1/-1;
    height: 1px
}

.ecalculator .result-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: unset;
    padding: 12px 0
}

@media (min-width:768px) {
    .ecalculator .result-title {
        padding: 21px 0
    }
}

.ecalculator .result-value {
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: unset;
    padding: 12px 0
}

@media (min-width:768px) {
    .ecalculator .result-value {
        padding: 21px 0
    }
}

.ecalculator .result-value__no-savings {
    color: red;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: unset;
    padding: 12px 0
}

@media (min-width:768px) {
    .ecalculator .result-value__no-savings {
        padding: 0
    }
}

.ecalculator .result-value--top {
    color: #000;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    padding-bottom: 12px;
    padding-top: unset
}

@media (min-width:768px) {
    .ecalculator .result-value--top {
        padding-bottom: 21px
    }
}

.ecalculator .result-copy-wrapper {
    max-width: 100%;
    padding-top: 50px
}

@media (min-width:1024px) {
    .ecalculator .result-copy-wrapper {
        max-width: 65%
    }
}

.ecalculator .result-copy {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    opacity: .3
}

.ecalculator .dual-block-calculator__content {
    background-color: #eee;
    flex: 1;
    margin-left: unset;
    max-width: unset;
    order: 2;
    position: relative;
    width: calc(100% - 40px)
}

@media (min-width:768px) {
    .ecalculator .dual-block-calculator__content {
        padding-left: 20px
    }
}

.ecalculator .dual-block-calculator__image-holder {
    margin-bottom: 37px;
    overflow: hidden
}

@media (min-width:768px) {
    .ecalculator .dual-block-calculator__image-holder {
        margin-bottom: 47px
    }
}

@media (min-width:1024px) {
    .ecalculator .dual-block-calculator__image-holder {
        flex: 3;
        margin-bottom: 0;
        max-width: 820px;
        order: 1;
        width: 100%
    }

    .ecalculator .dual-block-container--align-end {
        align-items: center
    }
}

.ecalculator .dual-block-calculator__wrapper {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .ecalculator .dual-block-calculator__wrapper {
        padding-left: 48px
    }
}

.ecalculator .image__border {
    border-radius: 10px
}

.ecalculator .result-image__top-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 350;
    letter-spacing: -.03px;
    line-height: 24px;
    max-width: 90%;
    padding-bottom: 14px
}

@media (min-width:1024px) {
    .ecalculator .result-image__top-title {
        max-width: 50%
    }
}

.ecalculator .result-image__big-result {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.ecalculator .result-image__line {
    background: #cecece;
    height: 1px;
    width: 100%
}

.ecalculator .result-image-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 350;
    letter-spacing: -.03px;
    line-height: 29px;
    padding-top: 40px
}

.ecalculator .result-image-description {
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 350;
    line-height: 24px
}

.ecalculator .error-text {
    color: red;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px
}

.economy-calculator__wrapper--model {
    padding: 0 20px
}

@media (min-width:1280px) {
    .economy-calculator__wrapper--model {
        padding: unset
    }
}

.economy-calculator__wrapper--everything-electric {
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:768px) {
    .economy-calculator__wrapper--everything-electric {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .economy-calculator__wrapper--everything-electric {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1440px) {
    .economy-calculator__wrapper--everything-electric {
        padding-left: 120px;
        padding-right: 120px
    }
}

.centered-text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 20px 0;
    text-align: center
}

@media (min-width:768px) {
    .centered-text {
        max-width: 1440px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 80px
    }
}

@media (min-width:1024px) {
    .centered-text {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1280px) {
    .centered-text {
        padding-left: 156px;
        padding-right: 156px
    }
}

.centered-text__image {
    height: 48px
}

.centered-text__text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: 40px
}

.centered-text__text>p {
    margin: unset
}

.features-with-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 20px 100px;
    text-align: center
}

@media (min-width:768px) {
    .features-with-title {
        max-width: 1440px;
        padding-bottom: 140px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .features-with-title {
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 120px
    }
}

@media (min-width:1280px) {
    .features-with-title {
        padding-left: 156px;
        padding-right: 156px
    }
}

.features-with-title__title {
    color: #181818;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 42px;
    text-align: start;
    text-transform: uppercase
}

.features-with-title__title>p {
    margin: unset
}

@media (min-width:768px) {
    .features-with-title__title {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 64px
    }
}

.features-with-title__list {
    display: flex;
    flex-direction: column
}

.features-with-title__list>*+* {
    margin-top: 62px
}

@media (min-width:768px) {
    .features-with-title__list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    .features-with-title__list>*+* {
        margin-top: 0
    }
}

.features-with-title__list__block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.features-with-title__list__icon {
    height: 76px;
    margin-bottom: 28px;
    width: unset
}

.features-with-title__list__title {
    color: #181818;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-align: left
}

.features-with-title__list__title>p {
    margin: unset
}

.grid-features {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 20px 80px
}

@media (min-width:768px) {
    .grid-features {
        max-width: 1440px;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 120px
    }
}

@media (min-width:1024px) {
    .grid-features {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width:1280px) {
    .grid-features {
        padding-left: 156px;
        padding-right: 156px
    }
}

.grid-features__header {
    display: flex;
    flex-direction: column;
    margin-bottom: 60px
}

.grid-features__header__title {
    color: #181818;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 24px;
    text-transform: uppercase
}

.grid-features__header__title>p {
    margin: unset
}

@media (min-width:768px) {
    .grid-features__header__title {
        font-size: 40px;
        line-height: 42px
    }
}

.grid-features__header__subtitle {
    color: #181818;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    opacity: .7
}

.grid-features__header__subtitle>p {
    margin: unset
}

@media (min-width:768px) {
    .grid-features__header__subtitle {
        max-width: 664px
    }

    .grid-features__header {
        margin-bottom: 80px
    }
}

.grid-features__features {
    display: flex;
    flex-direction: column;
    width: 100%
}

.grid-features__features__title {
    color: #181818;
    font-weight: 500;
    margin-bottom: 28px;
    margin-top: unset;
    opacity: .3;
    text-align: left;
    text-transform: uppercase
}

@media (min-width:768px) {
    .grid-features__features__title {
        margin-bottom: 40px
    }
}

.grid-features__features__container {
    display: flex;
    flex-direction: column
}

.grid-features__features__container>*+* {
    margin-top: 62px
}

@media (min-width:768px) {
    .grid-features__features__container {
        -moz-column-gap: 40px;
        column-gap: 40px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(316px, 1fr));
        row-gap: 32px
    }

    .grid-features__features__container>*+* {
        margin-top: 0
    }
}

@media (min-width:1440px) {
    .grid-features__features__container {
        -moz-column-gap: 90px;
        column-gap: 90px
    }
}

.grid-features__feature {
    align-items: flex-start;
    background-color: #f7f7f7;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 256px;
    padding: 40px 20px;
    transition: background-color .2s ease, box-shadow .2s ease;
    width: 100%
}

@media (min-width:768px) {
    .grid-features__feature {
        max-height: 308px
    }
}

.grid-features__feature:hover {
    background-color: #fff;
    box-shadow: 0 6.38859px 22.3601px rgba(0, 0, 0, .08)
}

.grid-features__feature__block-title {
    color: #181818;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 24px;
    margin-top: unset;
    opacity: .3;
    text-transform: uppercase
}

@media (min-width:768px) {
    .grid-features__feature__block-title {
        margin-bottom: 40px
    }
}

.grid-features__feature__icon {
    margin-bottom: 40px;
    max-height: 24px;
    max-width: 24px
}

@media (min-width:768px) {
    .grid-features__feature__icon {
        margin-bottom: 52px;
        max-height: none;
        max-width: none
    }
}

.grid-features__feature__feature-title {
    color: #181818;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
}

.grid-features__feature__feature-subtitle {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: unset;
    opacity: .7;
    text-align: left
}

.grid-features__feature__links {
    align-items: center;
    display: flex;
    margin-top: 12px
}

.grid-features__feature__links__image {
    height: 28px;
    width: 94px
}

.grid-features__feature__links>*+* {
    margin-left: 20px
}

.image-with-description {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px
}

.image-with-description>*+* {
    margin-top: 24px
}

@media (min-width:768px) {
    .image-with-description {
        max-width: 1440px;
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width:1024px) {
    .image-with-description {
        align-items: flex-end;
        flex-direction: row;
        padding-bottom: 160px;
        padding-left: 70px;
        padding-right: 70px
    }

    .image-with-description>*+* {
        margin-left: 24px;
        margin-top: unset
    }
}

@media (min-width:1280px) {
    .image-with-description {
        padding-left: 156px;
        padding-right: 156px
    }
}

.image-with-description__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.image-with-description__content__image {
    vertical-align: bottom
}

.image-with-description__content__description {
    color: #181818;
    font-size: 12px;
    line-height: 16px;
    margin-top: 12px;
    max-width: 300px;
    opacity: .4
}

.image-with-description__content__description p:last-of-type {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .image-with-description__content__description {
        margin-left: 12px;
        margin-top: unset
    }

    .image-with-description__content {
        align-items: flex-end;
        flex-direction: row
    }
}

@media (min-width:1280px) {
    .partnership-centered-text {
        padding-left: 272px;
        padding-right: 272px
    }
}

.partnership-centered-text__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 0
}

@media (min-width:768px) {
    .partnership-centered-text__title {
        font-size: 40px;
        line-height: 42px
    }
}

.partnership-centered-text__text {
    margin-top: 24px;
    opacity: .7
}

@media (min-width:768px) {
    .partnership-centered-text__text {
        margin-top: 24px
    }
}

.partnership-image-text-block {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 80px;
    position: relative
}

@media (min-width:768px) {
    .partnership-image-text-block {
        max-width: 1440px
    }
}

@media (min-width:1024px) {
    .partnership-image-text-block {
        margin-left: auto;
        margin-right: auto;
        padding-top: 135px
    }
}

.partnership-image-text-block__image-container {
    position: relative
}

.partnership-image-text-block__image {
    width: 100%
}

.partnership-image-text-block__text-background--mobile {
    background-color: #fff;
    bottom: 0;
    height: 40px;
    left: 0;
    margin-left: 40px;
    opacity: .4;
    position: absolute;
    width: 100%
}

@media (min-width:1024px) {
    .partnership-image-text-block__text-background--mobile {
        display: none
    }
}

.partnership-image-text-block__text-background--desktop {
    background-color: hsla(0, 0%, 100%, .4);
    bottom: 0;
    display: none;
    height: 586px;
    padding-left: 30px;
    padding-top: 30px;
    position: absolute;
    right: 0;
    width: 560px
}

@media (min-width:1024px) {
    .partnership-image-text-block__text-background--desktop {
        display: flex
    }
}

.partnership-image-text-block__text-container--mobile {
    background-color: #fff;
    color: #181818;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px
}

@media (min-width:1024px) {
    .partnership-image-text-block__text-container--mobile {
        display: none
    }
}

.partnership-image-text-block__text-container--desktop {
    background-color: #fff;
    color: #181818;
    display: none;
    padding: 80px
}

@media (min-width:1024px) {
    .partnership-image-text-block__text-container--desktop {
        display: flex;
        flex-direction: column
    }
}

.partnership-image-text-block__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 0
}

.partnership-image-text-block__title>p {
    margin: unset
}

@media (min-width:768px) {
    .partnership-image-text-block__title {
        font-size: 40px;
        line-height: 42px
    }
}

.partnership-image-text-block__text {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 24px;
    opacity: .7
}

.partnership-image-text-block__text>p:first-of-type {
    margin: unset
}

.partnership-image-text-block__text>p:last-of-type {
    margin-bottom: unset;
    margin-top: 24px
}

@media (min-width:768px) {
    .partnership-image-text-block__text {
        margin-top: 24px;
        max-width: 330px
    }
}

.partnership-title-text-cta-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px
}

@media (min-width:768px) {
    .partnership-title-text-cta-block {
        max-width: 1440px
    }
}

@media (min-width:1024px) {
    .partnership-title-text-cta-block {
        flex-direction: row;
        justify-content: space-between;
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 120px
    }
}

@media (min-width:1280px) {
    .partnership-title-text-cta-block {
        padding-left: 156px;
        padding-right: 156px
    }
}

.partnership-title-text-cta-block__title {
    color: #181818;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 0
}

.partnership-title-text-cta-block__title>p {
    margin: unset
}

@media (min-width:768px) {
    .partnership-title-text-cta-block__title {
        font-size: 40px;
        line-height: 42px
    }
}

.partnership-title-text-cta-block__text {
    color: #181818;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 24px;
    opacity: .7
}

.partnership-title-text-cta-block__text>p:first-of-type {
    margin-top: unset
}

.partnership-title-text-cta-block__text>p:last-of-type {
    margin-bottom: 24px;
    margin-top: 24px
}

@media (min-width:1024px) {
    .partnership-title-text-cta-block__text {
        margin-top: unset;
        max-width: 548px
    }
}

.partnership-fullwidth-image {
    display: flex;
    justify-content: center
}

.partnership-fullwidth-image__image {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-top: 80px;
    width: 100%
}

@media (min-width:1024px) {
    .partnership-fullwidth-image__image {
        padding-top: 120px
    }
}

.partnership-title-text-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px
}

@media (min-width:768px) {
    .partnership-title-text-block {
        max-width: 1440px
    }
}

@media (min-width:1024px) {
    .partnership-title-text-block {
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 80px
    }

    .partnership-title-text-block>div {
        max-width: 664px
    }
}

@media (min-width:1280px) {
    .partnership-title-text-block {
        padding-left: 156px;
        padding-right: 156px
    }
}

.partnership-title-text-block__text {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 24px
}

.partnership-products {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding: 116px 20px 140px
}

.partnership-products>*+* {
    margin-top: 120px
}

@media (min-width:768px) {
    .partnership-products {
        max-width: 1440px
    }
}

@media (min-width:1024px) {
    .partnership-products {
        justify-content: center;
        padding: 140px 70px 143px
    }
}

@media (min-width:1280px) {
    .partnership-products {
        padding-left: 156px;
        padding-right: 156px
    }
}

.partnership-product {
    color: #181818;
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .partnership-product {
        flex-direction: row;
        justify-content: space-between;
        max-width: 780px;
        width: 100%
    }
}

.partnership-product__image {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 335px;
    width: 100%
}

@media (min-width:1024px) {
    .partnership-product__image {
        max-height: 272px;
        max-width: 316px
    }
}

.partnership-product__details {
    max-width: 432px
}

.partnership-product__name {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px
}

.partnership-product__price {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 18px
}

.partnership-product__price-disclaimer {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    opacity: .6
}

.partnership-product__description {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 32px;
    opacity: .7
}

.partnership-product__description>ul {
    padding-left: 20px
}

.partnership-product__description>ul>*+* {
    margin-top: 8px
}

@media (min-width:1024px) {
    .partnership-product__description>ul>*+* {
        margin-top: 12px
    }
}

.brochure-modal-container--hidden {
    display: none;
    pointer-events: none
}

.brochure-modal-container {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50
}

.brochure-modal-container__form-container {
    background-color: #fff;
    border-radius: 12px;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 60px
}

@media (min-width:768px) {
    .brochure-modal-container__form-container {
        height: unset;
        position: unset
    }
}

.brochure-modal-container__header {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    padding: 34px 20px
}

@media (min-width:768px) {
    .brochure-modal-container__header {
        padding: 36px 40px
    }
}

.brochure-modal-container__close-button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.brochure-modal-container__close-button>svg {
    opacity: .2
}

.brochure-modal-container__close-button:focus {
    outline: none
}

.brochure-modal-container__title {
    font-size: 22px;
    line-height: 24px
}

.brochure-modal-container__title>:first-of-type {
    margin-right: 4px
}

@media (min-width:768px) {
    .brochure-modal-container__title {
        font-size: 26px;
        line-height: 28px
    }

    .brochure-modal-container__title>:first-of-type {
        margin-right: 5px
    }
}

.brochure-modal-container__disclaimer {
    font-size: 18px;
    line-height: 26px;
    margin: unset;
    padding: 40px 20px 38px
}

@media (min-width:768px) {
    .brochure-modal-container__disclaimer {
        padding: 36px 40px 46px
    }
}

.brochure-modal-container__form {
    padding: 0 20px 40px
}

@media (min-width:768px) {
    .brochure-modal-container__form {
        padding: 0 40px 40px
    }
}

.brochure-modal-container__form__input-container {
    display: grid;
    row-gap: 44px
}

@media (min-width:768px) {
    .brochure-modal-container__form__input-container {
        -moz-column-gap: 32px;
        column-gap: 32px;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 48px
    }
}

.brochure-modal-container__form__input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    color: #181818;
    font-size: 16px;
    line-height: 19px;
    padding: unset;
    padding-bottom: 13px
}

.brochure-modal-container__form__input:focus {
    outline: none
}

.brochure-modal-container__form__input:-webkit-autofill,
.brochure-modal-container__form__input:-webkit-autofill:active,
.brochure-modal-container__form__input:-webkit-autofill:focus,
.brochure-modal-container__form__input:-webkit-autofill:hover {
    -webkit-text-fill-color: #181818 !important;
    color: #181818 !important
}

.brochure-modal-container__form__input:-internal-autofill-selected {
    background-color: unset !important;
    color: #181818 !important
}

.brochure-modal-container__form__checkbox-holder {
    color: #181818;
    display: flex;
    margin: 40px 0
}

.brochure-modal-container__form__checkbox-holder>label {
    flex: 1;
    margin-left: 16px
}

@media (min-width:768px) {
    .brochure-modal-container__form__checkbox-holder {
        margin: 48px 0
    }
}

.brochure-modal-container__form__checkbox-input-container {
    border: 2px solid hsla(0, 0%, 9%, .2);
    height: 20px;
    position: relative;
    width: 20px
}

.brochure-modal-container__form__checkbox-icon {
    left: 50%;
    margin-right: -50%;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.brochure-modal-container__form__checkbox-icon>svg {
    fill: transparent;
    width: 100%
}

.brochure-modal-container__form__checkbox-icon>svg>path {
    stroke: #181818
}

.brochure-modal-container__form__checkbox {
    height: 20px;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    width: 20px;
    z-index: 2
}

.brochure-modal__submit {
    font-size: 16px;
    line-height: 24px
}

.brochure-modal__submit:focus {
    outline: none
}

.image-title-text-block {
    align-items: center;
    color: #181818;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 868px
}

.image-title-text-block__image {
    margin-bottom: 44px;
    max-width: 294px;
    width: 100%
}

.image-title-text-block__title {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 24px
}

.image-title-text-block__title>* {
    margin: unset
}

.image-title-text-block__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 48px
}

.image-title-text-block__text>* {
    margin: unset
}

.image-title-text-block__text>*+* {
    margin-top: 24px
}

@media (min-width:1024px) {
    .image-title-text-block__text {
        margin-bottom: 120px
    }
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumbslider__show-mobile {
        display: none
    }
}

.homepage__thumb-slider .thumbslider__show-tablet {
    display: none
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumbslider__show-tablet {
        display: unset
    }
}

.homepage__thumb-slider .thumb-slider__container {
    background-color: #f7f7f7;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 10px;
    position: relative
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__container {
        padding-bottom: 30px;
        padding-left: 30px
    }
}

@media (min-width:1280px) {
    .homepage__thumb-slider .thumb-slider__container {
        padding-left: 40px
    }
}

.homepage__thumb-slider .thumbslider__content {
    align-items: flex-end;
    display: flex;
    height: 560px;
    position: relative
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumbslider__content {
        align-items: center;
        height: 900px
    }
}

@media screen and (orientation:landscape) {
    .homepage__thumb-slider .thumbslider__content {
        height: 620px
    }
}

@media (min-width:1440px) {
    .homepage__thumb-slider .thumbslider__content {
        height: 750px
    }
}

@media (min-width:1600px) {
    .homepage__thumb-slider .thumbslider__content {
        height: 825px
    }
}

.homepage__thumb-slider .homepage__thumbslider__image {
    border-radius: 10px;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (orientation:portrait) and (min-width:480px) {
    .homepage__thumb-slider .homepage__thumbslider__image {
        -o-object-position: 0 25%;
        object-position: 0 25%
    }
}

@media screen and (orientation:landscape) {
    .homepage__thumb-slider .homepage__thumbslider__image {
        -o-object-position: 60%;
        object-position: 60%
    }
}

@media screen and (orientation:landscape) and (min-width:1280px) {
    .homepage__thumb-slider .homepage__thumbslider__image {
        -o-object-position: 60%;
        object-position: 60%
    }
}

.homepage__thumb-slider .thumb-slider__gradient-overlay {
    background: linear-gradient(111.37deg, #000 -12.32%, transparent 42.36%);
    border-radius: 10px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%
}

.homepage__thumb-slider .swiper-slide {
    border-radius: 10px;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.homepage__thumb-slider .swiper-slide-next {
    opacity: .6;
    transition: opacity .25s ease-in-out
}

.homepage__thumb-slider .thumb-slider__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 20px;
    position: relative
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__content {
        padding: 32px
    }
}

.homepage__thumb-slider .thumb-slider__slide-title {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -.04em;
    line-height: 32px;
    padding-bottom: 8px
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__slide-title {
        color: #f7f7f7;
        font-size: 42px;
        line-height: 44px
    }
}

.homepage__thumb-slider .thumb-slider__slide-subtitle {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -.04em;
    line-height: 28px;
    opacity: .7
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__slide-subtitle {
        color: #f7f7f7;
        font-size: 38px;
        line-height: 40px
    }
}

.homepage__thumb-slider .thumb-slider__slide-description {
    color: #fff;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 16px;
    font-weight: 350;
    line-height: 20px;
    padding-bottom: 16px
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__slide-description {
        font-size: 24px;
        line-height: 30px
    }
}

.homepage__thumb-slider .thumb-slider__certificate-description {
    color: #fff;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    opacity: .5
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__certificate-description {
        font-size: 12px;
        line-height: 16px;
        opacity: .8
    }
}

.homepage__thumb-slider .thumb-slider__slide-disclaimer {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    opacity: .3
}

.homepage__thumb-slider .thumb-slider__badges-holder {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    width: 100%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__badges-holder {
        align-items: flex-end;
        flex-direction: column;
        gap: unset;
        width: unset
    }
}

.homepage__thumb-slider .homepage__mobile-cta-wrapper {
    align-items: center;
    display: flex
}

@media (min-width:768px) {
    .homepage__thumb-slider .homepage__mobile-cta-wrapper {
        display: unset
    }
}

.homepage__thumb-slider .thumb-slider__badges-holder__bottom {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    width: 50%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__badges-holder__bottom {
        gap: unset;
        width: unset
    }
}

.homepage__thumb-slider .thumb-slider__badges-holder__bottom-mobile {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    width: 50%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__badges-holder__bottom-mobile {
        display: none
    }
}

.homepage__thumb-slider .thumb-slider__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 55%;
    width: 100%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__wrapper {
        flex-direction: row
    }
}

.homepage__thumb-slider .thumb-slider__no-margin,
.homepage__thumb-slider .thumb-slider__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.homepage__thumb-slider .thumb-slider__max-width {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__max-width {
        max-width: 75%;
        padding-bottom: 24px;
        text-align: left
    }
}

.homepage__thumb-slider .thumb-slider__full-width {
    width: 100%
}

.homepage__thumb-slider .thumb-slider__badges-badge {
    height: auto;
    margin-bottom: 12px;
    width: 60px
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__badges-badge {
        width: 100px
    }
}

.homepage__thumb-slider .thumb-slider__badges-certificate-badge {
    height: auto;
    width: 60px
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__badges-certificate-badge {
        margin-bottom: 12px;
        width: 80px
    }
}

.homepage__thumb-slider .thumb-slider__badges-certificate-badge-with-margin {
    height: auto;
    margin-bottom: 8px;
    width: 60px
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__badges-certificate-badge-with-margin {
        margin-bottom: 12px;
        width: 80px
    }
}

.homepage__thumb-slider .thumb-slider__button-v2--black {
    align-items: center;
    background: linear-gradient(270deg, #000 50%, #efefef 0) 100%;
    background-size: 300% 200%;
    border: 2px solid #efefef;
    border-radius: 100px;
    color: #fff;
    display: flex;
    height: 100%;
    max-height: 48px;
    padding: 8px 22px;
    transition: .4s ease-out;
    width: 100%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__button-v2--black {
        width: unset
    }

    .homepage__thumb-slider .thumb-slider__button-v2--black:hover {
        background-position: 0 100%;
        border: 2px solid #efefef;
        color: #000
    }

    .homepage__thumb-slider .thumb-slider__button-v2--black {
        padding: 12px 30px
    }
}

.homepage__thumb-slider .thumb-slider__button-v2--white {
    align-items: center;
    background: linear-gradient(270deg, #fff 50%, #000 0) 100%;
    background-color: #fff;
    background-size: 300% 200%;
    border: 2px solid #fff;
    border-radius: 100px;
    color: #000;
    display: flex;
    height: 100%;
    max-height: 48px;
    padding: 8px 22px;
    transition: .4s ease-out;
    width: 100%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__button-v2--white {
        border: 2px solid #efefef;
        padding: 12px 30px;
        width: unset
    }

    .homepage__thumb-slider .thumb-slider__button-v2--white:hover {
        background-position: 0 100%;
        border: 2px solid #efefef;
        color: #fff
    }
}

.homepage__thumb-slider .thumb-slider__slide-disclaimer-wrapper {
    display: flex;
    padding-top: 8px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumb-slider__slide-disclaimer-wrapper {
        padding-top: 20px
    }
}

.homepage__thumb-slider .homepage__thumb-slider-slide {
    height: 80%;
    margin-top: 100px
}

@media (min-width:768px) {
    .homepage__thumb-slider .homepage__thumb-slider-slide {
        height: 100%;
        margin-top: 0
    }
}

.homepage__thumb-slider .thumbslider__title__wrapper-mb {
    position: absolute;
    top: -100px;
    width: 100%;
    z-index: 5
}

@media (min-width:768px) {
    .homepage__thumb-slider .thumbslider__title__wrapper-mb {
        display: none
    }
}

.homepage__thumb-slider .homepage__thumb-slider-swiper {
    bottom: 5%;
    left: 45%
}

@media (min-width:1440px) {
    .homepage__thumb-slider .homepage__thumb-slider-swiper {
        bottom: 10%
    }
}

.homepage__thumb-slider .homepage__thumb-slider-swiper .swiper-pagination-bullet {
    background-color: transparent;
    height: 20px;
    position: relative;
    width: 20px
}

.homepage__thumb-slider .homepage__thumb-slider-swiper .swiper-pagination-bullet span {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.homepage__thumb-slider .homepage__thumb-slider-swiper .swiper-pagination-bullet:focus,
.homepage__thumb-slider .homepage__thumb-slider-swiper .swiper-pagination-bullet:focus span {
    border: none;
    outline: none
}

.homepage__thumb-slider .homepage__thumbslider-button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .homepage__thumb-slider .homepage__thumbslider-button-wrapper {
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .homepage__container {
        margin: 0 auto;
        max-width: 1440px
    }
}

@media (min-width:768px) {
    .hero__wrapper {
        background-color: #f7f7f7;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    .hero__wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:768px) {
    .info__wrapper {
        background-color: #f7f7f7;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    .info__wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:768px) {
    .content-wrapper {
        padding: 80px 30px 0
    }
}

@media (min-width:1280px) {
    .content-wrapper {
        padding: 120px 40px 0
    }
}

@media (min-width:768px) {
    .carshowcase__wrapper {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .carshowcase__wrapper {
        padding: 0 40px
    }
}

.carshowcase__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
    padding-top: 80px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .carshowcase__container {
        padding-bottom: 48px;
        padding-top: 100px
    }
}

.carshowcase__tab {
    background-color: transparent;
    display: flex;
    justify-content: start;
    overflow-x: auto;
    padding-bottom: 44px;
    padding-right: 20px;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%
}

@media (min-width:768px) {
    .carshowcase__tab {
        padding-bottom: 44px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    .carshowcase__tab {
        padding-bottom: 44px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.carshowcase__tab::-webkit-scrollbar {
    display: none
}

.carshowcase__tab-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding-right: 34px
}

.carshowcase__tab-icon {
    align-items: center;
    display: flex;
    height: auto;
    width: 34px
}

.carshowcase__tab-title {
    color: rgba(0, 0, 0, .3);
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -.04em;
    line-height: 32px;
    padding-left: 14px;
    transition: color .5s
}

.carshowcase__tab-title--active,
.carshowcase__tab-title:hover {
    color: #0e0b0b
}

@media (min-width:768px) {
    .carshowcase__tab-title {
        font-size: 42px;
        line-height: 44px
    }
}

.carshowcase__no-margin {
    padding-left: 20px
}

.carshowcase__no-margin,
.carshowcase__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

@media (min-width:768px) {
    .carshowcase__no-margin {
        padding-left: unset
    }
}

.carshowcase__content-max {
    scroll-snap-align: start;
    width: 100%
}

@media (min-width:768px) {
    .carshowcase__content-max {
        max-width: 350px;
        scroll-snap-align: none
    }
}

.carshowcase__content {
    display: flex;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .carshowcase__content:after {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .7) 40%, #fff 70%);
        right: 0
    }

    .carshowcase__content:after,
    .carshowcase__content:before {
        content: "";
        display: flex;
        height: calc(100% - 20px);
        margin-left: auto;
        position: absolute;
        top: 0;
        width: 30px;
        z-index: 3
    }

    .carshowcase__content:before {
        background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .7) 40%, #fff 70%);
        left: 0
    }
}

.carshowcase__content-wrapper {
    -ms-overflow-style: none;
    cursor: pointer;
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 24px;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-color: #000 rgba(0, 0, 0, .1)
}

.carshowcase__content-wrapper::-webkit-scrollbar {
    border-radius: 8px;
    height: 4px
}

.carshowcase__content-wrapper::-moz-scrollbar {
    border-radius: 8px;
    height: 4px
}

.carshowcase__content-wrapper::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 8px
}

.carshowcase__content-wrapper::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .1);
    margin: 0 20px;
    width: 100vw
}

.carshowcase__content-wrapper>div:last-of-type {
    padding-right: 20px
}

@media (min-width:768px) {
    .carshowcase__content-wrapper {
        gap: 32px;
        overscroll-behavior-x: unset;
        padding: 0 40px;
        -ms-scroll-snap-type: unset;
        scroll-snap-type: unset;
        scrollbar-color: unset;
        scrollbar-width: none
    }

    .carshowcase__content-wrapper::-webkit-scrollbar {
        display: none
    }

    .carshowcase__content-wrapper>div:last-of-type {
        padding-right: unset
    }
}

.carshowcase__content-all {
    display: flex;
    width: 100%
}

.carshowcase__content-icon {
    align-items: center;
    display: flex;
    height: auto;
    width: 20px
}

.carshowcase__content-type {
    color: #29c5e8;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding-left: 8px
}

.carshowcase__content-top {
    align-items: center;
    display: flex;
    padding-bottom: 8px;
    padding-left: 20px
}

@media (min-width:768px) {
    .carshowcase__content-top {
        padding-left: unset
    }
}

.carshowcase__price-wrapper {
    align-items: center;
    display: flex;
    padding-bottom: 8px
}

.carshowcase__content-title {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 350;
    letter-spacing: -.03em;
    line-height: 28px
}

.carshowcase__content-subtitle {
    color: #aeaeae;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 350;
    line-height: 24px
}

.carshowcase__content-button {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 350;
    height: 100%;
    line-height: 24px;
    margin-top: 20px;
    padding: 12px 24px
}

.carshowcase-block__item-image {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 24px;
    position: relative
}

.carshowcase-block__item-image:hover img {
    transform: scale(1.05)
}

.carshowcase-block__item-image img {
    height: auto;
    padding-left: 20px;
    transition: transform .3s ease-out;
    width: 320px
}

@media (min-width:768px) {
    .carshowcase-block__item-image img {
        padding-left: unset
    }
}

.carshowcase-label__text {
    color: #fff;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 12px;
    font-weight: 350;
    letter-spacing: .25px;
    line-height: 16px;
    text-transform: uppercase
}

.carshowcase-label__wrapper {
    align-items: center;
    background-color: #000;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    height: 24px;
    justify-content: center;
    left: 0;
    padding: 8px 12px;
    position: absolute;
    top: 12px
}

.carshowcase__content-tooltip {
    cursor: context-menu;
    margin-left: 8px
}

.carshowcase__content-tooltip-wrapper {
    display: flex;
    position: relative;
    z-index: 10
}

.carshowcase__info-wrapper {
    min-height: 110px
}

.carshowcase__content-tooltip-text {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 10px;
    border-radius: 6px;
    bottom: 120%;
    color: #848484;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 12px;
    left: 50%;
    line-height: 16px;
    margin-left: -60px;
    max-height: 250px;
    overflow-y: auto;
    padding: 12px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 260px;
    z-index: 1
}

.carshowcase__content-tooltip-wrapper:hover .carshowcase__content-tooltip-text {
    opacity: 1;
    visibility: visible
}

.homepage__switcher-container {
    background-color: #f7f7f7;
    padding: 40px 0
}

@media (min-width:768px) {
    .homepage__switcher-container {
        padding-top: 120px
    }
}

.homepage__switcher-wrapper {
    padding: 0 20px
}

@media (min-width:768px) {
    .homepage__switcher-wrapper {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .homepage__switcher-wrapper {
        padding: 0 40px
    }
}

.homepage-switcher__section {
    padding-bottom: 40px
}

.homepage-switcher__tab-wrapper {
    padding-left: 20px
}

@media (min-width:768px) {
    .homepage-switcher__tab-wrapper {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .homepage-switcher__tab-wrapper {
        padding: 0 40px
    }
}

.homepage__switcher-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: .3;
    text-transform: uppercase
}

.homepage__switcher-tab-container {
    justify-content: space-between;
    margin-bottom: 34px;
    padding-bottom: unset
}

@media (min-width:768px) {
    .homepage__switcher-tab-container {
        margin-bottom: 40px;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.homepage__switcher-item {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -.03em;
    line-height: 32px;
    opacity: .3;
    padding-right: 25px;
    position: relative;
    text-align: left;
    white-space: nowrap
}

@media (min-width:768px) {
    .homepage__switcher-item {
        font-size: 40px;
        line-height: 48px
    }
}

@media (min-width:1440px) {
    .homepage__switcher-item {
        padding-right: 0
    }
}

.homepage__switcher-item--active {
    opacity: 1
}

.homepage__switcher-text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding-bottom: 24px
}

@media (min-width:768px) {
    .homepage__switcher-text {
        font-size: 40px;
        line-height: 40px;
        max-width: 50%;
        padding-bottom: 0
    }

    .homepage__switcher-image-paddings {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .homepage__switcher-image-paddings {
        padding: 0 40px
    }
}

.homepage__switcher__no-margin,
.homepage__switcher__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.homepage__switcher__wrapper {
    padding-top: 32px
}

@media (min-width:768px) {
    .homepage__switcher__wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 40px
    }
}

.homepage__switcher__image {
    height: 100%;
    max-height: 240px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .homepage__switcher__image {
        border-radius: 10px;
        max-height: 720px
    }
}

.homepage__switcher-button {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    height: 100%;
    padding: 16px 28px
}

.homepage__ismart-container {
    display: flex;
    flex-direction: column;
    padding: 80px 0
}

@media (min-width:768px) {
    .homepage__ismart-container {
        padding: 120px 0
    }
}

.homepage__ismart-wrapper {
    padding: 0 20px
}

@media (min-width:768px) {
    .homepage__ismart-wrapper {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .homepage__ismart-wrapper {
        padding: 0 40px
    }
}

.homepage__ismart__no-margin,
.homepage__ismart__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.homepage__ismart-chapter-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: .3;
    padding-bottom: 40px;
    text-transform: uppercase
}

.homepage__ismart-image-container {
    display: flex;
    flex: 1
}

.homepage__ismart-image-container>picture {
    position: relative;
    width: 100%
}

.homepage__ismart-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .homepage__ismart-image {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px
    }
}

.homepage__ismart-section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 350;
    line-height: 36px;
    padding-bottom: 16px
}

@media (min-width:768px) {
    .homepage__ismart-section-title {
        font-size: 60px;
        line-height: 68px;
        padding-bottom: 40px
    }
}

.homepage__ismart-section-description {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 350;
    line-height: 20px;
    opacity: .7;
    padding-bottom: 48px
}

@media (min-width:768px) {
    .homepage__ismart-section-description {
        font-size: 28px;
        font-weight: 300;
        line-height: 36px;
        max-width: 50%;
        opacity: 1;
        padding-bottom: 80px
    }
}

.homepage__ismart-image-wrapper {
    background-color: #040404;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 694px;
    min-height: 694px;
    position: relative
}

@media (min-width:768px) {
    .homepage__ismart-image-wrapper {
        background-color: #181818;
        border-radius: 10px;
        flex-direction: row-reverse;
        max-height: 700px;
        min-height: 700px
    }
}

.homepage__ismart-image-content {
    display: flex;
    flex-direction: column;
    margin: 40px 0;
    padding: 0 20px
}

@media (min-width:768px) {
    .homepage__ismart-image-content {
        flex: 1;
        justify-content: flex-end;
        padding: 0 40px
    }

    .homepage__ismart-image-margins {
        margin: 0 30px
    }
}

@media (min-width:1280px) {
    .homepage__ismart-image-margins {
        margin: 0 40px
    }
}

.homepage__ismart-image-title {
    color: #fff;
    display: none;
    padding-bottom: 20px
}

.homepage__ismart-image-title,
.homepage__ismart-image-title--small-screen {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 350;
    line-height: 36px
}

.homepage__ismart-image-title--small-screen {
    display: block;
    left: 20px;
    position: absolute;
    top: 40px;
    z-index: 8
}

@media (min-width:768px) {
    .homepage__ismart-image-title--small-screen {
        display: none
    }

    .homepage__ismart-image-title {
        display: block;
        font-size: 40px;
        line-height: 48px
    }
}

.homepage__ismart-image-description {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding-bottom: 24px
}

@media (min-width:768px) {
    .homepage__ismart-image-description {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 40px
    }
}

.homepage__ismart-image-button {
    align-items: center;
    background: linear-gradient(270deg, #181818 50%, #fff 0) 100%;
    background-position: 100% 100%;
    background-size: 300% 200%;
    border: 1px solid #fff;
    border-radius: 58px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 350;
    height: 100%;
    max-height: 50px;
    padding: 14px 32px;
    position: relative;
    transition: .4s ease-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    .homepage__ismart-image-button:hover {
        background-position: 0 100%;
        color: #000
    }
}

.homepage-zplug__container {
    display: flex;
    flex-direction: column;
    padding-bottom: 80px
}

@media (min-width:768px) {
    .homepage-zplug__container {
        padding-bottom: 120px
    }
}

.homepage-zplug__image-container {
    display: flex;
    height: 100%;
    max-height: 700px
}

.homepage-zplug__image-container>picture {
    width: 100%
}

.homepage-zplug__content-container {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding: 0 20px
}

@media (min-width:768px) {
    .homepage-zplug__content-container {
        flex-direction: row;
        justify-content: space-between;
        padding: unset
    }
}

.homepage-zplug__title {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 350;
    line-height: 40px;
    margin-bottom: 32px;
    margin-right: 32px;
    width: 100%
}

.homepage-zplug__text-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: start;
    max-width: 548px;
    width: 100%
}

.homepage-zplug__text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
    opacity: .6
}

.homepage-zplug__text>p {
    margin: unset
}

.homepage__zplug-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .homepage__zplug-image {
        border-radius: 10px
    }
}

.footer-blocks__container--first {
    margin-bottom: 32px
}

.footerBlocks--others-spacing>*+* {
    margin-top: 32px
}

.footer-blocks__container {
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    min-height: 330px;
    overflow: hidden;
    position: relative
}

.footer-blocks__container:hover .footer-blocks__container__image-full {
    transform: scale(1.1)
}

.footer-blocks__container>picture {
    bottom: 0;
    position: relative;
    width: 100%
}

.footer-blocks__container>picture .footer-blocks__container__image-full {
    transition: transform .3s ease-out
}

.footer-blocks__wrapper {
    padding-bottom: 80px
}

.footer-blocks__paddings {
    padding: 0 20px
}

@media (min-width:768px) {
    .footer-blocks__paddings {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .footer-blocks__paddings {
        padding: 0 40px
    }
}

.footer-blocks__dual-container {
    grid-gap: 32px;
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    width: 100%
}

@media (min-width:768px) {
    .footer-blocks__dual-container {
        grid-template-columns: 1.5fr 1fr
    }
}

.footer-blocks__container__image-full {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.footer-blocks__button {
    align-items: center;
    background: linear-gradient(270deg, #fff 50%, #181818 0) 100%;
    background-color: #fff;
    background-position: 100% 100%;
    background-size: 300% 200%;
    border: 2px solid #fff;
    border-radius: 58px;
    color: #181818;
    cursor: pointer;
    display: flex;
    font-weight: 350;
    max-height: 50px;
    padding: 6px 20px;
    position: relative;
    transition: .4s ease-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    .footer-blocks__button {
        padding: 14px 30px
    }

    .footer-blocks__button:hover {
        background-position: 0 100%;
        color: #fff
    }
}

.footer-blocks__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 16px 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .footer-blocks__content {
        padding: 40px 20px
    }
}

@media (min-width:1024px) {
    .footer-blocks__content {
        max-width: 100%;
        padding: 40px
    }
}

.footer-blocks__content__description {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media (min-width:768px) {
    .footer-blocks__content__description {
        display: block
    }
}

.footer-blocks__title {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 32px
}

@media (min-width:768px) {
    .footer-blocks__title {
        font-size: 40px;
        font-weight: 350;
        line-height: 48px
    }
}

.footer-blocks__text {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 350;
    line-height: 20px;
    max-width: 480px
}

@media (min-width:768px) {
    .footer-blocks__text {
        font-size: 20px;
        font-weight: 300;
        line-height: 28px
    }
}

.footer-blocks__no-margin,
.footer-blocks__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.footer-blocks__overlay {
    background: linear-gradient(111.37deg, #000 -12.32%, transparent 42.36%);
    border-radius: 10px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 1
}

.main-navigation-new {
    background-color: transparent;
    bottom: 0;
    color: #000;
    display: flex;
    font-weight: 400;
    height: 100%;
    left: 0;
    opacity: 1;
    padding: 0 60px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 25
}

.main-navigation-new__show-tablet {
    display: none
}

@media (min-width:768px) {
    .main-navigation-new__show-tablet {
        display: flex;
        width: 100%
    }
}

.main-navigation-new__list {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}
/*
.main-navigation-new__list li:last-child {
    border-left: 1px solid rgba(0, 0, 0, .3);
    padding-left: 20px
}

.main-navigation-new__list li:last-child:before {
    left: 20px
} */

.main-navigation-new__list--secondary li:last-child {
    border-left: none;
    padding-left: unset
}

.main-navigation-new__list--secondary li:last-child:before {
    left: unset
}

.main-navigation-new__item {
    align-items: center;
    display: flex;
    position: relative
}

.main-navigation-new__item:before {
    background-color: #000;
    bottom: -4px;
    content: "";
    height: 3px;
    left: 0;
    max-height: 3px;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 30px
}

.main-navigation-new__item:hover:before {
    transform: scaleX(1)
}

.main-navigation-new__item:hover>ul>li {
    display: block
}

.main-navigation-new__item-children {
    align-items: center;
    display: flex;
    min-height: 30px;
    position: relative
}

.main-navigation-new__item-children:before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    max-height: 3px;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 30px
}

.main-navigation-new__item-children:after {
    background: #000;
    content: "";
    height: calc(100% + 50px);
    left: -10px;
    opacity: .2;
    position: absolute;
    top: 10px;
    transform: scaleY(0);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    width: 1px
}

.main-navigation-new__item-children:hover:before {
    transform: scaleX(1)
}

.main-navigation-new__item-children:hover:after {
    transform: scaleY(1)
}

.main-navigation-new__item-children:hover>ul>li {
    display: block
}

.main-navigation-new__item-link, #header-v2 .header-container .header-inner .main-navigation-new__show-tablet .main-navigation-new .main-navigation-new__list .menu-item a
 {
    color: #000;
    cursor: pointer;
    display: block;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    opacity: .8;
    padding-right: 20px;
    text-decoration: none
}

.main-navigation-new-children {
    display: block;
    height: auto;
    left: 0;
    overflow: hidden;
    padding-left: 0;
    padding-top: 34px;
    perspective: 1000px;
    position: absolute;
    top: 0;
    width: 120px
}

.main-navigation-new-children li:first-child {
    -webkit-animation: rotateX .3s ease-in-out 60ms forwards;
    animation: rotateX .3s ease-in-out 60ms forwards;
    transform-origin: top center
}

.main-navigation-new-children li:nth-child(2) {
    -webkit-animation: rotateX .3s ease-in-out .12s forwards;
    animation: rotateX .3s ease-in-out .12s forwards;
    transform-origin: top center
}

.main-navigation-new-children li:nth-child(3) {
    -webkit-animation: rotateX .3s ease-in-out .18s forwards;
    animation: rotateX .3s ease-in-out .18s forwards;
    transform-origin: top center
}

.main-navigation-new-children li:nth-child(4) {
    -webkit-animation: rotateX .3s ease-in-out .24s forwards;
    animation: rotateX .3s ease-in-out .24s forwards;
    transform-origin: top center
}

.main-navigation-new-children li:nth-child(5) {
    -webkit-animation: rotateX .3s ease-in-out .3s forwards;
    animation: rotateX .3s ease-in-out .3s forwards;
    transform-origin: top center
}

@keyframes rotateX {
    0% {
        opacity: 0;
        transform: rotateX(-90deg)
    }

    50% {
        transform: rotateX(-20deg)
    }

    to {
        opacity: 1;
        transform: rotateX(0deg)
    }
}

.main-navigation-new-children li {
    display: none;
    margin: 10px 0;
    opacity: 0
}

.main-navigation-new-children li:last-child {
    border-left: unset;
    padding-left: unset
}

.main-navigation-new-children li:last-child:before {
    left: unset
}

.main-navigation-new-children--secondary {
    width: 200px
}

.main-navigation__no-margin,
.main-navigation__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.main-navigation-new__arrow-down {
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 8px;
    opacity: .3;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.drawer__collapsable-menu {
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: transform .8s ease, height .5s ease-out;
    width: 100%;
    z-index: 25
}

@media (min-width:768px) {
    .drawer__collapsable-menu {
        z-index: 21
    }
}

.drawer__collapsable-menu.nav--visible {
    transform: translateY(0)
}

.drawer__collapsable-menu.nav--visible>.drawer__content {
    overflow: auto;
    pointer-events: unset
}

.drawer__country-mobile {
    padding-top: 32px
}

.drawer__content {
    overflow: hidden;
    padding-bottom: 200px;
    padding-left: 20px;
    padding-right: 20px;
    pointer-events: none;
    position: relative;
    top: 120px;
    width: 100%
}

@media only screen and (min-height:710px) {
    .drawer__content {
        padding-bottom: 100px
    }
}

@media (min-width:768px) {
    .drawer__content {
        padding-left: 30px;
        padding-right: 40px;
        top: 140px
    }
}

@media (min-width:1600px) {
    .drawer__content {
        top: 150px
    }
}

.drawer__arrow {
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    margin-bottom: 4px;
    margin-left: 5px;
    opacity: .3;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.drawer__arrow--active {
    opacity: 1
}

.drawer__wrapper {
    display: none
}

@media (min-width:768px) {
    .drawer__wrapper {
        background-color: #fff;
        border-radius: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr 3fr;
        opacity: 0;
        transition: opacity .5s ease-out .8s
    }
}

.drawer__visible {
    opacity: 1
}

.drawer__menu {
    display: flex;
    flex-direction: column;
    padding: 28px
}

.drawer__menu>* {
    white-space: nowrap
}

@media (min-width:1440px) {
    .drawer__menu {
        padding: 60px
    }
}

.drawer__accordion {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.drawer__accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 8px;
    transition: max-height .5s ease-out
}

.drawer__accordion-content--active {
    max-height: 500px;
    transition: max-height .5s ease-in
}

.drawer__wrapper-mobile {
    opacity: 0;
    transition: opacity .5s ease-out .8s
}

.drawer__wrapper-mobile--visible {
    opacity: 1
}

@media (min-width:768px) {
    .drawer__wrapper-mobile {
        display: none
    }
}

.drawer__mobile-button {
    background: transparent;
    border: none;
    padding: unset;
    width: 100%
}

.drawer__menu-mobile {
    display: flex;
    flex-direction: column;
    padding: 0 0 20px
}

@media (min-width:768px) {
    .drawer__menu-mobile {
        padding-bottom: unset
    }
}

.drawer__link-mobile {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 28px;
    margin-block-end: 0;
    margin-block-start: 0;
    padding-right: 8px;
    padding-top: 20px
}

.drawer__accordion-item,
.drawer__mobile-group {
    display: flex;
    flex-direction: row
}

.drawer__accordion-item {
    align-items: center;
    padding-left: 10px
}

.drawer__arrow-mobile {
    align-self: center;
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    height: 100%;
    margin-left: 16px;
    margin-top: 16px;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .5s ease
}

.drawer__arrow-mobile--active {
    margin-top: 24px;
    transform: rotate(225deg)
}

.drawer__link,
#header-v2 .drawer__collapsable-menu .drawer__content .drawer__wrapper .drawer__menu .menu-item a {
    color: #000;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 24px;
    opacity: .3;
    padding: 10px 0
}

.drawer__link--active,
.drawer__link:hover,
#header-v2 .drawer__collapsable-menu .drawer__content .drawer__wrapper .drawer__menu li a:hover {
    opacity: 1
}

@media (min-width:1440px) {
    .drawer__link,
    #header-v2 .drawer__collapsable-menu .drawer__content .drawer__wrapper .drawer__menu li a {
        font-size: 28px;
        line-height: 28px
    }
}

.drawer__country-title {
    color: #000;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    opacity: .8;
    padding-left: 12px
}

.drawer__country-title:hover {
    opacity: 1
}

.drawer__country-wrapper {
    align-items: center;
    display: flex;
    padding: 60px 0 0
}

.drawer__country-content {
    align-items: center;
    cursor: pointer;
    display: flex
}

.drawer__link-model {
    padding: 6px 0;
    white-space: nowrap
}

.drawer__link-mobile-bottom {
    padding-bottom: 20px
}

.drawer__link-model-mobile {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 28px;
    padding-bottom: 12px;
    padding-right: 8px;
    padding-top: 12px
}

.drawer__group {
    border-left: 1px solid rgba(0, 0, 0, .102);
    display: flex;
    flex-direction: column;
    padding: 28px
}

@media (min-width:1440px) {
    .drawer__group {
        padding: 60px
    }
}

.drawer__group-model {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    width: 100%
}

@media (min-width:1440px) {
    .drawer__group-model {
        padding: 60px
    }
}

.drawer__model-wrapper {
    height: 100%;
    justify-content: center;
    width: 100%
}

.drawer__model-wrapper,
.drawer__subgroup,
.drawer__subgroup-icon {
    align-items: center;
    display: flex
}

.drawer__subgroup-icon {
    height: 24px;
    width: 24px
}

.drawer__subgroup-title {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 10px
}

.drawer__subgroup-models {
    display: flex;
    flex-direction: column
}

.drawer__model-image {
    height: auto;
    max-width: 100%;
    width: 100%
}

@media (min-width:768px) {
    .drawer__model-image {
        max-width: 650px
    }
}

.drawer__model-content {
    max-height: 310px;
    max-width: 548px;
    position: relative
}

.drawer__model-button-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding-top: 16px;
    width: 100%
}

@media (min-width:1024px) {
    .drawer__model-button-wrapper {
        flex-direction: row
    }
}

.news__container {
    padding: 60px 0 40px
}

@media (min-width:768px) {
    .news__container {
        padding: 80px 30px 120px
    }
}

@media (min-width:1280px) {
    .news__container {
        padding: 80px 40px 120px
    }
}

.news__dual-container {
    grid-column-gap: 32px;
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width:768px) {
    .news__dual-container {
        grid-template-columns: 1fr 1fr
    }
}

.news__chapter-title-wrapper {
    padding: 0 20px
}

@media (min-width:768px) {
    .news__chapter-title-wrapper {
        padding: 0 30px
    }
}

@media (min-width:1280px) {
    .news__chapter-title-wrapper {
        padding: 0 40px
    }
}

.homepage__news-image-paddings {
    cursor: pointer;
    display: flex;
    overflow: hidden
}

@media (min-width:768px) {
    .homepage__news-image-paddings {
        border-radius: 10px
    }
}

.homepage__news-image-paddings:hover img {
    transform: scale(1.05)
}

.homepage__news-image-paddings picture {
    width: 100%
}

.homepage__news-image-paddings img {
    transition: transform .3s ease-out
}

@media (min-width:768px) {
    .homepage__news-image-paddings--odd {
        padding-left: 30px
    }
}

@media (min-width:1280px) {
    .homepage__news-image-paddings--odd {
        padding-left: 40px
    }
}

@media (min-width:768px) {
    .homepage__news-image-paddings--even {
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    .homepage__news-image-paddings--even {
        padding-right: 40px
    }
}

.news__image-full {
    height: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .news__image-full {
        border-radius: 10px
    }
}

.news__image-dual {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .news__image-dual {
        height: 250px
    }
}

@media (min-width:1024px) {
    .news__image-dual {
        height: 350px
    }
}

@media (min-width:768px) {
    .news__image-dual {
        border-radius: 10px
    }
}

.news__content {
    grid-row-gap: 32px;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 40px
}

@media (min-width:768px) {
    .news__content {
        grid-column-gap: 120px;
        grid-row-gap: unset;
        grid-template-columns: 1fr 1fr;
        padding-top: 32px
    }
}

.news__dual-content {
    grid-row-gap: 24px;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 32px 0
}

@media (min-width:768px) {
    .news__dual-content {
        max-width: 80%
    }
}

.news__title-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media (min-width:768px) {
    .news__title-wrapper {
        align-items: center;
        flex-direction: row
    }
}

.news__chapter-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    opacity: .3;
    padding-bottom: 40px;
    text-transform: uppercase
}

.news__section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 350;
    line-height: 36px;
    padding-bottom: 24px
}

@media (min-width:768px) {
    .news__section-title {
        font-size: 60px;
        line-height: 68px;
        padding-bottom: unset
    }
}

.news__button-title {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    height: 100%;
    padding: 12px 24px
}

.news__no-margin,
.news__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.news__content-title {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 350;
    letter-spacing: -1px;
    line-height: 28px
}

@media (min-width:768px) {
    .news__content-title {
        font-size: 32px;
        line-height: 40px
    }
}

.news__content-description {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 16px;
    font-weight: 350;
    line-height: 24px;
    opacity: .6
}

.news__full-width:first-child,
.news__full-width:not(:first-child) {
    grid-column: 1/3;
    padding-bottom: 80px
}

@media (min-width:768px) {
    .news__full-width:not(:first-child) {
        grid-column: unset;
        padding-bottom: unset
    }
}

.news__full-width:last-child {
    padding-bottom: 0
}

.news__story-button {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    height: 100%;
    line-height: 19px
}

.news__wrapper {
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:768px) {
    .news__wrapper {
        padding-left: unset;
        padding-right: unset
    }
}

.news__content-button-wrapper {
    cursor: pointer;
    display: flex;
    margin-top: 32px;
    width: 100%
}

.news__content-button-wrapper-no-margin {
    margin-top: 0
}

.news__content-button__content {
    cursor: pointer;
    display: ruby;
    display: -webkit-inline-box;
    position: relative;
    transition: all .3s ease
}

.news__content-button__content:after {
    background-color: #000;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform-origin: left;
    transition: all .3s ease;
    width: 100%
}

@media (min-width:768px) {
    .news__content-button__content:after {
        width: 0
    }
}

.news__content-button__content:hover:after {
    width: 100%
}

.news__arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin-left: 20px;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.recharge-hero__root {
    align-items: center;
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px 80px
}

@media (min-width:768px) {
    .recharge-hero__root {
        padding: 0 40px 120px
    }
}

.recharge-hero__header {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 80px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .recharge-hero__header {
        flex-direction: column
    }
}

.recharge-hero__header-image {
    display: none
}

@media (min-width:768px) {
    .recharge-hero__header-image {
        border-radius: 10px;
        display: block;
        width: 100%
    }
}

.recharge-hero__header-image--mobile {
    border-radius: 10px;
    display: block;
    width: 100%
}

@media (min-width:768px) {
    .recharge-hero__header-image--mobile {
        display: none
    }
}

.recharge-hero__bottom-overlay {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.recharge-hero__header__content {
    padding-bottom: 12px;
    z-index: 2
}

@media (min-width:768px) {
    .recharge-hero__header__content {
        align-items: flex-end;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        padding: 0 32px 32px;
        position: absolute;
        width: 100%
    }
}

.recharge-hero__header__title {
    display: flex;
    flex-direction: column
}

.recharge-hero__header__title>h1 {
    color: #000;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -.04em;
    line-height: 32px
}

.recharge-hero__header__title>:first-of-type {
    opacity: .7
}

@media (min-width:768px) {
    .recharge-hero__header__title>h1 {
        color: #f7f7f7;
        font-size: 42px;
        line-height: 44px
    }
}

.recharge-hero__header__button {
    display: none
}

@media (min-width:768px) {
    .recharge-hero__header__button {
        display: block
    }
}

.recharge-hero__header__button--mobile {
    bottom: 32px;
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2
}

@media (min-width:768px) {
    .recharge-hero__header__button--mobile {
        display: none
    }
}

.recharge-hero__description {
    align-items: center;
    display: flex;
    flex-direction: column
}

.recharge-hero__description__image__content {
    color: #636363;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
    text-align: center
}

@media (min-width:768px) {
    .recharge-hero__description__image__content {
        max-width: 663px
    }
}

.recharge-advantages__root {
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    margin-bottom: 52px;
    padding-bottom: 80px
}

@media (min-width:768px) {
    .recharge-advantages__root {
        margin-bottom: 120px;
        padding-bottom: 144px
    }
}

.recharge-advantages__header {
    padding-bottom: 80px
}

.recharge-advantages__header,
.recharge-advantages__title {
    display: flex;
    flex-direction: column
}

.recharge-advantages__title>p {
    margin: unset
}

.recharge-advantages__title>* {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -.04em;
    line-height: 36px
}

.recharge-advantages__title>h2:last-of-type {
    color: #73738c;
    padding-bottom: 32px
}

@media (min-width:768px) {
    .recharge-advantages__title {
        flex-direction: row;
        padding-bottom: 32px
    }

    .recharge-advantages__title>* {
        font-size: 42px;
        line-height: 44px
    }

    .recharge-advantages__title>h2:last-of-type {
        margin-left: 12px;
        padding-bottom: unset
    }
}

.recharge-advantages__description>p {
    margin: unset
}

.recharge-advantages__description>* {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (min-width:768px) {
    .recharge-advantages__description {
        max-width: 780px
    }

    .recharge-advantages__description>* {
        font-size: 20px;
        line-height: 28px
    }
}

.recharge-advantages__features {
    display: flex;
    flex-direction: column
}

.recharge-advantages__features>*+* {
    margin-top: 32px
}

@media (min-width:768px) {
    .recharge-advantages__features {
        flex-direction: row;
        justify-content: space-between
    }

    .recharge-advantages__features>*+* {
        margin: unset
    }
}

.recharge-advantages__feature {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 220px
}

.recharge-advantages__feature__image {
    height: 40px;
    margin-bottom: 20px
}

.recharge-advantages__feature__description>p {
    margin: unset
}

.recharge-advantages__feature__description>* {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: .7
}

.recharge-application__root {
    display: flex;
    flex-direction: column;
    padding-bottom: 120px
}

@media (min-width:768px) {
    .recharge-application__root {
        padding-bottom: 180px
    }
}

.recharge-application__header--spacing-bottom {
    padding-bottom: 80px
}

@media (min-width:768px) {
    .recharge-application__header--spacing-bottom {
        padding-bottom: 144px
    }
}

.recharge-application__content {
    display: flex;
    flex-direction: column;
    margin-bottom: 120px
}

@media (min-width:1024px) {
    .recharge-application__content {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 180px
    }
}

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

@media (min-width:1024px) {
    .recharge-application__video-container {
        flex: 1
    }
}

.recharge-application__video {
    padding-bottom: 80px;
    width: 303px
}

.recharge-application__video-description-list {
    display: flex;
    flex-direction: column
}

.recharge-application__video-description-list>*+* {
    margin-top: 60px
}

@media (min-width:1024px) {
    .recharge-application__video-description-list {
        flex: 1
    }
}

.recharge-application__feature {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.recharge-application__feature__image {
    height: 32px;
    margin-right: 24px;
    width: 32px
}

.recharge-application__video-description>* {
    font-family: RobotoStd-Regular, sans-serif
}

.recharge-application__video-description>h2 {
    color: #181818;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.recharge-application__video-description>p {
    color: #636363;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: unset
}

.recharge-application__store-links {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.recharge-application__store-links>*+* {
    margin-left: 20px
}

.recharge-application__disclaimer {
    display: flex;
    flex-direction: column
}

.recharge-application__disclaimer>* {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 36px;
    letter-spacing: -.04em;
    line-height: 36px;
    margin: unset
}

.recharge-application__disclaimer>:last-of-type {
    color: #73738c
}

@media (min-width:768px) {
    .recharge-application__disclaimer>* {
        font-size: 32px;
        line-height: 32px
    }
}

.recharge-discover__root {
    display: flex;
    justify-content: center
}

.recharge-discover__container {
    background-color: #f1f1f4;
    border-radius: 10px;
    display: flex;
    flex-direction: column-reverse;
    padding: 36px
}

@media (min-width:768px) {
    .recharge-discover__container {
        flex-direction: row;
        justify-content: space-between;
        padding: 60px 40px
    }
}

.recharge-discover__container>a {
    border: 1px solid #181818
}

.recharge-discover__container--only-button {
    align-items: center;
    flex-direction: row;
    justify-content: center
}

.recharge-discover__disclaimer {
    margin-bottom: 52px
}

.recharge-discover__disclaimer>* {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin: unset
}

@media (min-width:768px) {
    .recharge-discover__disclaimer {
        margin-bottom: unset
    }

    .recharge-discover__disclaimer>* {
        font-size: 24px;
        line-height: 32px;
        max-width: 444px
    }
}

.guarantee__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 20px
}

@media (min-width:1024px) {
    .guarantee__wrapper {
        flex-direction: row;
        padding: 100px
    }
}

.guarantee__model-header {
    height: auto;
    min-height: 30vh;
    position: relative;
    width: 100%
}

.guaratnee__content {
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

@media (min-width:1024px) {
    .guaratnee__content {
        padding-right: 40px;
        width: 50%
    }
}

.guarantee-header__content-container {
    position: absolute;
    top: 40%
}

@media (min-width:768px) {
    .guarantee-header__content-container {
        bottom: auto;
        display: flex;
        justify-content: space-between;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 0
    }
}

@media (min-width:1440px) {
    .guarantee-header__content-container {
        padding-left: 140px;
        padding-right: 140px
    }
}

.guarantee__title {
    color: #181818;
    font-size: 24px;
    line-height: 32px
}

.guarantee__text,
.guarantee__title {
    font-family: Roboto, sans-serif;
    font-style: normal
}

.guarantee__text {
    color: #565656;
    font-size: 16px;
    line-height: 24px
}

.guarantee__img {
    height: auto;
    max-width: 440px;
    width: 100%
}

.request-container {
    background-color: #fff;
    position: relative
}

@media (min-width:1024px) {
    .request-container {
        display: flex
    }
}

.request-container--fullscreen {
    align-items: center;
    display: flex;
    height: 100vh;
    width: 100%
}

.request-container--black-bg {
    background-color: #181818
}

.request-container--offwhite-bg {
    background-color: #f2f2f2;
    color: #181818
}

.request-container--offwhite-bg .request__title {
    color: #181818
}

.request-container--offwhite-bg .input {
    color: #181818
}

.request-container--offwhite-bg .input,
.request-container--offwhite-bg .input-holder--dropdown .custom-select {
    border-bottom: 1px solid hsla(0, 0%, 9%, .1)
}

.request-container--offwhite-bg .input-holder--dropdown .custom-select select {
    color: #181818
}

.request-container--offwhite-bg .input-holder--dropdown .custom-select.form-label--error {
    border-bottom: 1px solid red
}

.request-container--offwhite-bg .input-icon-holder svg path {
    fill: #181818
}

.request-container--offwhite-bg .user-message textarea {
    border-bottom: 1px solid hsla(0, 0%, 9%, .1);
    color: #181818
}

.request-container--offwhite-bg .checkbox-holder label,
.request-container--offwhite-bg .main-form-error,
.request-container--offwhite-bg .privacy-statement-notice {
    color: #181818
}

.request-container--offwhite-bg .checkbox-holder input[type=checkbox]:checked+label svg {
    stroke: #181818
}

.request-container--offwhite-bg .checkbox-holder input[type=checkbox]:checked+label:before {
    border-color: hsla(0, 0%, 9%, .5)
}

.request-container--offwhite-bg .lds-ring div {
    border: 8px solid transparent;
    border-top-color: #181818
}

.request-container--offwhite-bg input:-webkit-autofill,
.request-container--offwhite-bg input:-webkit-autofill:active,
.request-container--offwhite-bg input:-webkit-autofill:focus,
.request-container--offwhite-bg input:-webkit-autofill:hover {
    -webkit-text-fill-color: #181818 !important
}

.request-container--offwhite-bg .form-label--error {
    border-bottom: 1px solid red;
    color: inherit
}

.request-container--offwhite-bg .rectangle-dropdown-icon path {
    fill: #181818
}

.request__image-holder {
    display: none
}

@media (min-width:768px) {
    .request__image-holder {
        display: block
    }
}

@media (min-width:1024px) {
    .request__image-holder {
        display: block;
        flex: 1
    }
}

.request__image-holder .request-image-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.request__image-holder .request-image-sticky.object-position-top .request-image {
    -o-object-position: top;
    object-position: top
}

.request__image-holder .request-image {
    display: block;
    height: auto;
    width: 100%
}

@media (min-width:1024px) {
    .request__image-holder .request-image {
        display: block;
        height: 100vh;
        -o-object-fit: cover;
        object-fit: cover;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%
    }
}

.request__image-holder--fullscreen {
    display: block;
    height: 100%;
    padding-top: 0;
    position: absolute;
    width: 100%
}

.request__image-holder--fullscreen .request-image {
    display: block;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%
}

.request__form-holder {
    border: none;
    margin: auto;
    max-width: 1440px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    position: relative;
    width: 100%;
    z-index: 1
}

.request__form-holder.campaign-form {
    padding-top: 60px
}

.promo__form .request__form-holder {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .request__form-holder {
        margin-bottom: 80px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 60px
    }
}

@media (min-width:1440px) {
    .request__form-holder {
        padding-left: 65px;
        padding-right: 65px
    }
}

.request__text {
    color: #181818;
    margin-bottom: 45px
}

@media (min-width:768px) {
    .request__text {
        margin-bottom: 65px
    }
}

.request__text p {
    margin: 0
}

.request__bg-image-holder {
    background-color: #181818;
    height: 70vh;
    position: fixed;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .request__bg-image-holder {
        height: auto
    }
}

.request-bg-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .1;
    width: 100%
}

.request__subtitle {
    font-size: 1.25em;
    margin-bottom: 80px
}

.request__title,
.gform_title {
    color: #fff;
    font-size: 3.125em
}

.request__title.campaign-form {
    font-size: 1.875em
}

@media (min-width:768px) {
    .request__title.campaign-form {
        font-size: 3.125em
    }
}

@media (min-width:1024px) {
    .request__title, .gform_title {
        padding-right: 450px
    }
}

.form__block-holder {
    border-top: 2px solid hsla(0, 0%, 100%, .3);
    padding-top: 70px
}

.form__block {
    margin-bottom: 70px
}

@media (min-width:768px) {
    .form__block {
        -moz-column-gap: 8%;
        column-gap: 8%;
        display: grid;
        grid-template-columns: 46% 46%
    }
}

@media (min-width:1024px) {
    .form__block {
        -moz-column-gap: 8%;
        column-gap: 8%;
        display: grid;
        grid-template-columns: 28% 28% 28%
    }
}

.form__block--no-mb {
    margin-bottom: 0
}

.form__block--column {
    display: flex;
    flex-direction: column
}

.payment-newsletter-disclaimer {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 30px
}

@media (min-width:768px) {
    .payment-newsletter-disclaimer {
        font-size: 1.25em;
        margin-top: 40px
    }
}

.payment-options {
    margin-top: 80px
}

.payment-options .encryptedCardNumber,
.payment-options .encryptedExpiryDate,
.payment-options .encryptedSecurityCode {
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    display: block;
    height: 60px
}

.form-label {
    color: #fff;
    padding: 0
}

.float-group-forms {
    display: flex
}

.float-group-forms .input-holder {
    margin-right: 4%;
    width: 31%
}

.float-group-forms .input-holder:last-child {
    margin-right: 0
}

@media (min-width:768px) {
    .float-group-forms .input-holder {
        margin-right: 10%;
        width: auto
    }

    .float-group-forms .input-holder:last-child {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .float-group-forms .input-holder {
        margin-right: 20px
    }
}

@media (min-width:768px) {
    .float-group-forms-tablet {
        display: flex;
        justify-content: space-between
    }

    .float-group-forms-tablet .input-holder {
        margin-right: 10%;
        width: auto
    }

    .float-group-forms-tablet .input-holder:last-child {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .float-group-forms-tablet .input-holder {
        margin-right: 20px
    }
}

.input, .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 0;
    color: #fff;
    padding: 0
}

input:-internal-autofill-selected {
    background-color: red !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.user-message {
    display: block;
    width: 100%
}

.user-message .input-required {
    top: 15px
}

.user-message textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff;
    height: auto;
    outline: none;
    padding: 0;
    resize: none;
    width: 100%
}

.user-message textarea.form-label--error {
    border-bottom: 1px solid red
}

.input-required {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.submit-holder {
    text-align: left
}

.submit-holder:after {
    display: none
}

.submit-holder .submit-button-holder {
    align-self: flex-end;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .submit-holder .submit-button-holder {
        align-self: center
    }
}

.submit-holder .submit-button-holder .processing-data-notice {
    margin-top: 20px;
    text-align: right
}

@media (min-width:768px) {
    .submit-holder .submit-button-holder .processing-data-notice {
        text-align: left
    }
}

.submit-holder .button {
    align-self: flex-end;
    font-size: 1.25em;
    outline: none
}

@media (min-width:768px) {
    .submit-holder .button {
        align-self: flex-start
    }
}

.brandstore-input--error,
.form-label--error {
    border-bottom: 1px solid red;
    color: inherit
}

.brandstore-input--error:focus {
    border-bottom: 1px solid red
}

.main-form-error {
    color: #fff;
    left: auto;
    margin-top: 50px;
    right: 0
}

@media (min-width:768px) {
    .main-form-error {
        margin-top: 0
    }
}

.main-form-error--errors {
    color: red
}

.label-block,
.privacy-statement-notice {
    color: #fff
}

.input-holder--radioblock {
    margin: 0
}

.radio-block:checked+label,
.radio-block:hover+label {
    background-color: #fff;
    color: #000
}

.activity-location__disclaimer {
    font-size: 13px;
    margin-top: 10px;
    opacity: .5
}

.request__content {
    padding-left: 25px;
    padding-right: 25px;
    position: relative
}

@media (min-width:768px) {
    .request__content {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width:1440px) {
    .request__content {
        padding-left: 140px;
        padding-right: 140px
    }
}

.request__content-btn {
    margin-top: 10px
}

@media (min-width:768px) {
    .request__content-btn {
        margin-top: 40px
    }
}

.input-holder--dropdown-payment {
    width: 100%
}

@media (min-width:768px) {
    .input-holder--dropdown-payment {
        width: 46%
    }
}

@media (min-width:1024px) {
    .input-holder--dropdown-payment {
        width: 28%
    }
}

.testdrivenl__car-select,
.testdrivenl__date-picker {
    color: #181818
}

.input-holder--datepicker {
    position: relative
}

.input-holder--datepicker input {
    cursor: pointer
}

.input-holder--datepicker input::-moz-placeholder {
    visibility: hidden
}

.input-holder--datepicker input:-ms-input-placeholder {
    visibility: hidden
}

.input-holder--datepicker input::placeholder {
    visibility: hidden
}

.input-holder--datepicker input.date-selected~.input-datepicker__placeholder {
    visibility: hidden
}

.input-holder--datepicker .rectangle-dropdown-icon {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.input-datepicker__placeholder {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.section-page {
    padding-bottom: 45px;
    padding-top: 40px
}

@media (min-width:768px) {
    .section-page {
        padding-bottom: 55px;
        padding-top: 60px
    }
}

@media (min-width:1024px) {
    .section-page {
        padding-bottom: 65px
    }
}

@media (min-width:1600px) {
    .section-page {
        padding-bottom: 165px;
        padding-top: 80px
    }
}

.section-page--inverted {
    background-color: #fff;
    color: #181818
}

.section-page--inverted h1 {
    color: #181818
}

.page-content {
    margin: 0 auto;
    max-width: 100%
}

@media (min-width:1600px) {
    .page-content {
        width: 1067px
    }

    .page-content--desktop-large {
        width: 1468px
    }
}

.page-content h1 {
    margin: 0 0 30px
}

@media (min-width:1600px) {
    .page-content h1 {
        margin-bottom: 80px
    }
}

.page-content h2 {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1;
    margin-top: 20px
}

@media (min-width:768px) {
    .page-content h2 {
        font-size: 1.875em;
        line-height: 1.22em;
        margin-top: 40px
    }
}

.page-content h3 {
    font-size: .9375em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: -15px;
    margin-top: 20px
}

@media (min-width:768px) {
    .page-content h3 {
        font-size: 1.25em;
        line-height: 1.22em;
        margin-top: 25px
    }
}

.page-content ol li strong,
.page-content p strong,
.page-content table strong,
.page-content ul li strong {
    font-weight: 400
}

.page-content ol li li,
.page-content ol li p,
.page-content p li,
.page-content p p,
.page-content table li,
.page-content table p,
.page-content ul li li,
.page-content ul li p {
    font-size: inherit
}

.page-content ol,
.page-content ul {
    margin: 22px 0
}

.page-content a {
    text-decoration: underline;
    word-break: break-word
}

.configurator-container {
    background-color: #fff;
    border-bottom: 2px solid #f2f2f2
}

@media (min-width:768px) {
    .configurator-container {
        padding-top: 120px
    }
}

@media (min-width:1024px) {
    .configurator-container {
        align-items: flex-start;
        display: flex;
        padding-top: 0
    }
}

.configurator {
    padding-top: 20px
}

@media (min-width:1024px) {
    .configurator {
        border-left: 2px solid #f2f2f2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 100vh;
        position: relative;
        width: 472px
    }
}

@media (min-width:1440px) {
    .configurator {
        width: 602px
    }
}

.configurator figure {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-inline-end: 0;
    margin-inline-start: 0
}

.configurator .checkbox-disabled {
    color: grey
}

.configurator__box {
    border-bottom: 2px solid #f2f2f2
}

.configurator__box--hide {
    display: none
}

.configurator__padding {
    line-height: 1.6;
    padding-left: 30px;
    padding-right: 29px
}

@media (min-width:768px) {
    .configurator__padding {
        padding-right: 54px
    }
}

@media (min-width:1024px) {
    .configurator__padding {
        padding-left: 40px;
        padding-right: 73px
    }
}

@media (min-width:1440px) {
    .configurator__padding {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator__select-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-top: 30px
}

.configurator__select-title--no-pointer {
    cursor: default
}

.configurator__title-label {
    color: #181818;
    font-size: 1.09375em;
    font-weight: 400;
    width: 95px
}

html.it-IT .configurator__title-label {
    width: 110px
}

@media (min-width:480px) {
    html.it-IT .configurator__title-label {
        width: 115px
    }
}

.configurator__selected {
    color: #181818;
    flex: 1;
    font-size: 1.09375em;
    font-weight: 300
}

.configurator__open-icon {
    height: 25px;
    transition: transform .3s ease;
    width: 25px
}

.configurator__open-icon svg {
    fill: #181818;
    height: auto;
    width: 25px
}

.configurator__open-icon svg rect:nth-child(2) {
    opacity: 1;
    transition: opacity .3s ease
}

.configurator__box.active .configurator__open-icon {
    transform: rotate(90deg)
}

.configurator__box.active .configurator__open-icon svg rect:nth-child(2) {
    display: none
}

.configurator-box {
    height: 0;
    overflow: hidden
}

.configurator-box.active {
    height: auto
}

.configurator-box .inner {
    margin-bottom: 40px
}

.configurator-box--model {
    color: #181818;
    font-size: .9375em
}

.configurator-box--model .inner {
    margin-bottom: 0
}

.configurator-box--price .input-holder--switch {
    margin-bottom: 60px;
    width: 100%
}

@media (min-width:360px) {
    .configurator-box--price .input-holder--switch {
        max-width: 340px;
        width: 100%
    }
}

@media (min-width:768px) {
    .configurator-box--price .input-holder--switch {
        max-width: 420px
    }
}

@media (min-width:1440px) {
    .configurator-box--price .input-holder--switch {
        max-width: none
    }
}

.configurator__colorpicker {
    display: flex;
    width: 100%
}

.configurator__colorpicker-color {
    background-position: 50%;
    background-size: cover;
    border: 2px solid #181818;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
    position: relative;
    width: 40px
}

.configurator__colorpicker-color:first-child {
    margin-left: 0
}

.configurator__colorpicker-color.active:after,
.configurator__colorpicker-color.active:before {
    opacity: 1
}

.configurator__colorpicker-color:after,
.configurator__colorpicker-color:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 21px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease-in;
    width: 2px;
    z-index: 1
}

.configurator__colorpicker-color:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.configurator__colorpicker-color.color-pearl-white:after,
.configurator__colorpicker-color.color-pearl-white:before,
.configurator__colorpicker-color.color-prism-blue:after,
.configurator__colorpicker-color.color-prism-blue:before,
.configurator__colorpicker-color.color-white:after,
.configurator__colorpicker-color.color-white:before {
    background-color: #181818
}

.configuration-list {
    color: #181818;
    list-style: none;
    margin-bottom: 45px;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    .configuration-list {
        width: 365px
    }
}

.configuration-list__item {
    display: flex;
    margin-bottom: 10px
}

.configuration-list__label {
    color: #181818;
    display: block;
    font-size: .9375em;
    font-weight: 700;
    width: 100px
}

@media (min-width:768px) {
    .configuration-list__label {
        width: 130px
    }
}

.configuration-list__edit {
    color: #c2c2c2;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0;
    text-decoration: underline
}

.configurator-box-delivery-text,
.configurator-box-edition-text,
.configurator-box-price-text,
.configurator-box-technical-details-text {
    color: #181818;
    font-size: .9375em;
    line-height: 1.6
}

.configurator-box-delivery-text a,
.configurator-box-edition-text a,
.configurator-box-price-text a,
.configurator-box-technical-details-text a {
    text-decoration: underline
}

.configurator-box-delivery-text ul,
.configurator-box-list,
.configurator-box-technical-details-text ul {
    padding-left: 15px
}

.configurator-box-technical-details-text--white {
    color: #fff
}

.promotions-title {
    color: #181818;
    font-size: .9375em;
    font-weight: 600;
    margin-bottom: -15px
}

.configurator__submit-holder {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 30px 45px;
    position: relative;
    text-align: right
}

@media (min-width:1024px) {
    .configurator__submit-holder {
        background-color: #fff;
        flex-direction: column;
        padding: 26px 40px 30px;
        width: 100%
    }
}

@media (min-width:1440px) {
    .configurator__submit-holder {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator-disclaimer {
    color: #181818;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 40px;
    padding: 30px 30px 45px;
    text-align: left
}

@media (min-width:1024px) {
    .configurator-disclaimer {
        flex: 1;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .configurator-disclaimer {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator-disclaimer a {
    text-decoration: underline
}

.configurator-select-country {
    display: flex;
    margin-bottom: 8px;
    margin-left: 25px;
    margin-top: 8px;
    position: relative;
    z-index: 50
}

@media (min-width:1024px) {
    .configurator-select-country {
        margin-bottom: unset;
        margin-left: 60px;
        margin-top: unset;
        position: absolute;
        top: 30px
    }
}

.configurator-version-disclaimer {
    color: #181818;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.6;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    text-align: left
}

@media (min-width:1024px) {
    .configurator-version-disclaimer {
        flex: 1;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .configurator-version-disclaimer {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator-version-disclaimer a {
    text-decoration: underline
}

.configurator__price-holder {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.configurator__price-holder--buy-now {
    margin-top: 15px
}

@media (min-width:1024px) {
    .configurator__price-holder--buy-now {
        margin-bottom: 15px;
        margin-top: 0
    }
}

.configurator__price-holder .button--white {
    margin-bottom: 25px
}

.configurator__price-indicator {
    color: #181818;
    font-weight: 400;
    margin-bottom: 25px;
    margin-right: 15px;
    position: relative;
    text-align: left
}

.configurator__price-indicator .small-price-vat-text {
    font-size: .75em
}

.configurator__price-indicator--hide {
    display: none
}

.configurator__price-indicator__starting-from {
    display: block;
    margin-bottom: 10px
}

.fr-BE .configurator__price-holder,
.fr-FR .configurator__price-holder,
.fr-LU .configurator__price-holder {
    display: block
}

@media (min-width:370px) {

    .fr-BE .configurator__price-indicator,
    .fr-FR .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:470px) {

    .fr-BE .configurator__price-indicator,
    .fr-FR .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 12px
    }
}

@media (min-width:768px) {

    .fr-BE .configurator__price-indicator,
    .fr-FR .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        top: 21px
    }
}

@media (min-width:1024px) {

    .fr-BE .configurator__price-indicator,
    .fr-FR .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:1440px) {

    .fr-BE .configurator__price-indicator,
    .fr-FR .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 21px
    }
}

@media (min-width:1024px) {

    .fr-BE .configurator__price-holder .button,
    .fr-FR .configurator__price-holder .button,
    .fr-LU .configurator__price-holder .button {
        float: left
    }
}

@media (min-width:1440px) {

    .fr-BE .configurator__price-holder .button,
    .fr-FR .configurator__price-holder .button,
    .fr-LU .configurator__price-holder .button {
        float: none
    }
}

.de-AT .configurator__price-holder,
.de-DE .configurator__price-holder {
    display: block
}

@media (min-width:370px) {

    .de-AT .configurator__price-indicator,
    .de-DE .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:400px) {

    .de-AT .configurator__price-indicator,
    .de-DE .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 12px
    }
}

@media (min-width:768px) {

    .de-AT .configurator__price-indicator,
    .de-DE .configurator__price-indicator {
        top: 21px
    }
}

@media (min-width:400px) {
    .de-DE .configurator__price-indicator {
        max-width: 45%
    }
}

.nl-BE .configurator__price-holder {
    display: block
}

@media (min-width:370px) {
    .nl-BE .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:430px) {
    .nl-BE .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 0
    }
}

@media (min-width:768px) {
    .nl-BE .configurator__price-indicator {
        top: 6px
    }
}

@media (min-width:430px) {

    .fr-BE .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        top: 0
    }
}

@media (min-width:768px) {

    .fr-BE .configurator__price-indicator,
    .fr-LU .configurator__price-indicator {
        top: 6px
    }
}

.fr-FR .configurator__price-indicator {
    font-weight: 700
}

@media (min-width:1024px) {
    .configurator-slider {
        height: 100%
    }
}

.configurator-slider .input-holder--configurator-slider {
    bottom: 30px;
    left: 60px;
    position: absolute;
    text-transform: capitalize
}

.configurator-slider .input-holder--configurator-slider .switch-slider {
    background-color: #181818
}

.configurator-slider .input-holder--configurator-slider .label-switch {
    color: #181818
}

.configurator-slider .input-holder--configurator-slider .label-switch.checked {
    color: #fff
}

.configurator__image-holder--sticky {
    height: 100%
}

.color-notification {
    color: grey;
    font-size: .9375em;
    margin-top: 15px
}

.color-subtext {
    display: block;
    margin-top: 4px
}

.additional-cost-notice {
    color: #181818;
    display: block;
    margin-bottom: 12px
}

.additional-cost-notice--color {
    margin-bottom: 3px
}

.configurator-type__image-wrapper {
    margin-bottom: 20px;
    padding-bottom: 56.2%;
    position: relative
}

.configurator-type__image-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.configurator__price-text__logo-safety {
    display: block;
    height: auto;
    margin-top: 20px;
    max-width: 432px;
    width: 100%
}

html.de-AT .configurator__title-label,
html.de-DE .configurator__title-label,
html.nn-NO .configurator__title-label {
    width: 105px
}

@media (min-width:480px) {

    html.de-AT .configurator__title-label,
    html.de-DE .configurator__title-label,
    html.nn-NO .configurator__title-label {
        width: 115px
    }
}

html.de-AT .configurator-box--price .input-holder--switch,
html.de-DE .configurator-box--price .input-holder--switch,
html.nn-NO .configurator-box--price .input-holder--switch {
    width: 100%
}

@media (min-width:480px) {

    html.de-AT .configurator-box--price .input-holder--switch,
    html.de-DE .configurator-box--price .input-holder--switch,
    html.nn-NO .configurator-box--price .input-holder--switch {
        max-width: 480px
    }
}

html.de-AT .configurator__selected,
html.de-AT .configurator__title-label,
html.de-DE .configurator__selected,
html.de-DE .configurator__title-label,
html.nn-NO .configurator__selected,
html.nn-NO .configurator__title-label {
    font-size: .9375em
}

@media (min-width:480px) {

    html.de-AT .configurator__selected,
    html.de-AT .configurator__title-label,
    html.de-DE .configurator__selected,
    html.de-DE .configurator__title-label,
    html.nn-NO .configurator__selected,
    html.nn-NO .configurator__title-label {
        font-size: 1.09375em
    }
}

html.de-AT .configurator__selected,
html.de-DE .configurator__selected,
html.nn-NO .configurator__selected {
    padding-right: 15px
}

@media (min-width:480px) {

    html.de-AT .configurator__selected,
    html.de-DE .configurator__selected,
    html.nn-NO .configurator__selected {
        padding-right: 0
    }
}

.configurator-form .configurator-container,
.testdrive-form .configurator-container {
    background-color: #181818;
    width: 100%
}

.configurator-form .configurator__image-holder,
.testdrive-form .configurator__image-holder {
    display: none
}

@media (min-width:768px) {

    .configurator-form .configurator__image-holder,
    .testdrive-form .configurator__image-holder {
        display: block
    }
}

@media (min-width:1024px) {

    .configurator-form .configurator__image-holder,
    .testdrive-form .configurator__image-holder {
        display: block;
        flex: 1;
        height: 100vh;
        overflow: hidden
    }
}

.configurator-form .configurator__image-holder .configurator-image,
.testdrive-form .configurator__image-holder .configurator-image {
    display: block;
    height: auto;
    width: 100%
}

.configurator-form .configurator-form__title-holder,
.testdrive-form .configurator-form__title-holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.configurator-form .configurator-overview,
.testdrive-form .configurator-overview {
    border-left: none;
    margin: 100px auto 80px;
    max-width: 1440px;
    min-height: unset;
    padding-top: 0;
    position: relative;
    width: 100%
}

.configurator-form .configurator-overview.configurator-overview-with-border-top,
.testdrive-form .configurator-overview.configurator-overview-with-border-top {
    border-top: 2px solid hsla(0, 0%, 100%, .3);
    margin-top: -20px;
    padding-top: 70px
}

.configurator-form .configurator-overview__block-title,
.testdrive-form .configurator-overview__block-title {
    font-size: 1.375em;
    font-weight: 400;
    margin-bottom: 25px
}

.configurator-form .configurator-overview__block-title--hide,
.testdrive-form .configurator-overview__block-title--hide {
    display: none
}

.configurator-form .configurator-overview__block-text,
.testdrive-form .configurator-overview__block-text {
    margin-bottom: 25px
}

.configurator-form .configurator-overview__block-edit-btn,
.testdrive-form .configurator-overview__block-edit-btn {
    font-size: 14px;
    margin-left: 15px;
    margin-top: 16px;
    padding: 7px 20px
}

.configurator-form .configurator-overview__blocks-holder,
.testdrive-form .configurator-overview__blocks-holder {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {

    .configurator-form .configurator-overview__blocks-holder,
    .testdrive-form .configurator-overview__blocks-holder {
        flex-direction: row
    }
}

.configurator-form .configurator-overview__block-holder,
.testdrive-form .configurator-overview__block-holder {
    border-left: 2px solid #5e5d5e;
    padding-left: 30px;
    row-gap: 40px
}

.configurator-form .configurator-overview__block-holder--hide,
.testdrive-form .configurator-overview__block-holder--hide {
    display: none
}

.configurator-form .configurator-overview__technical-details,
.testdrive-form .configurator-overview__technical-details {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {

    .configurator-form .configurator-overview__technical-details,
    .testdrive-form .configurator-overview__technical-details {
        flex-direction: row
    }

    .configurator-form .configurator-overview__technical-details .configurator-overview__technical-details-box,
    .testdrive-form .configurator-overview__technical-details .configurator-overview__technical-details-box {
        width: 50%
    }
}

.configurator-form .configurator-overview__technical-details .form__block,
.testdrive-form .configurator-overview__technical-details .form__block {
    grid-template-columns: 72% 20%
}

.configurator-form .configurator__box,
.testdrive-form .configurator__box {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
    min-width: 250px;
    padding-right: 20px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {

    .configurator-form .configurator__box,
    .testdrive-form .configurator__box {
        margin-bottom: 0;
        padding-right: 0
    }
}

.configurator-form .configurator__box--testdrive,
.testdrive-form .configurator__box--testdrive {
    border-left: 2px solid #5e5d5e;
    margin-bottom: 80px;
    margin-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    width: 28%
}

.configurator-form .configurator__box--price .configurator__padding,
.testdrive-form .configurator__box--price .configurator__padding {
    padding-right: 0
}

.configurator-form .configurator__box--not-center,
.testdrive-form .configurator__box--not-center {
    justify-content: flex-start
}

.configurator-form .configurator__padding,
.testdrive-form .configurator__padding {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    padding-left: 30px;
    padding-right: 29px
}

@media (min-width:768px) {

    .configurator-form .configurator__padding,
    .testdrive-form .configurator__padding {
        padding-right: 54px
    }
}

@media (min-width:1024px) {

    .configurator-form .configurator__padding,
    .testdrive-form .configurator__padding {
        padding-right: 73px
    }
}

@media (min-width:1440px) {

    .configurator-form .configurator__padding,
    .testdrive-form .configurator__padding {
        padding-right: 65px
    }
}

.configurator-form .configurator__select-title,
.testdrive-form .configurator__select-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    padding-top: 0
}

.configurator-form .configurator__select-title--no-pointer,
.testdrive-form .configurator__select-title--no-pointer {
    cursor: default
}

.configurator-form .configurator__title-label,
.testdrive-form .configurator__title-label {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    width: 95px
}

.configurator-form html.it-IT .configurator__title-label,
.testdrive-form html.it-IT .configurator__title-label {
    width: 110px
}

@media (min-width:480px) {

    .configurator-form html.it-IT .configurator__title-label,
    .testdrive-form html.it-IT .configurator__title-label {
        width: 115px
    }
}

.configurator-form .configurator__selected,
.testdrive-form .configurator__selected {
    color: #fff;
    flex: 1;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.1
}

@media (min-width:768px) {

    .configurator-form .configurator__selected,
    .testdrive-form .configurator__selected {
        font-size: 1.625em
    }
}

.configurator-form .configurator__selected-price,
.testdrive-form .configurator__selected-price {
    font-size: 1.125em;
    font-weight: 700;
    margin-left: 20px;
    min-width: 120px;
    text-align: right;
    width: 120px
}

.configurator-form .configurator__selected-price--italy,
.testdrive-form .configurator__selected-price--italy {
    font-size: 1.625em
}

.configurator-form .configurator__selected-price__vat-text,
.testdrive-form .configurator__selected-price__vat-text {
    font-size: .75em;
    font-weight: 300
}

.configurator-form .configurator__selected-image-holder,
.testdrive-form .configurator__selected-image-holder {
    height: 70px
}

.configurator-form .configurator__selected-image-holder img,
.testdrive-form .configurator__selected-image-holder img {
    height: 100%;
    width: auto
}

.configurator-form .configurator__selected-price-disclaimer,
.testdrive-form .configurator__selected-price-disclaimer {
    color: hsla(0, 0%, 100%, .6);
    font-size: .75em;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 10px;
    width: 100%
}

.configurator-form .configurator__open-icon,
.testdrive-form .configurator__open-icon {
    height: 25px;
    transition: transform .3s ease;
    width: 25px
}

.configurator-form .configurator__open-icon svg,
.testdrive-form .configurator__open-icon svg {
    fill: #181818;
    height: auto;
    width: 25px
}

.configurator-form .configurator__open-icon svg rect:nth-child(2),
.testdrive-form .configurator__open-icon svg rect:nth-child(2) {
    opacity: 1;
    transition: opacity .3s ease
}

.configurator-form .configurator__box.active .configurator__open-icon,
.testdrive-form .configurator__box.active .configurator__open-icon {
    transform: rotate(90deg)
}

.configurator-form .configurator__box.active .configurator__open-icon svg rect:nth-child(2),
.testdrive-form .configurator__box.active .configurator__open-icon svg rect:nth-child(2) {
    display: none
}

.configurator-form .configurator-box,
.testdrive-form .configurator-box {
    height: 0;
    overflow: hidden
}

.configurator-form .configurator-box.active,
.testdrive-form .configurator-box.active {
    background-color: #2f2f2f;
    height: auto;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1
}

.configurator-form .configurator-box .inner,
.testdrive-form .configurator-box .inner {
    margin: 20px 0
}

.configurator-form .configurator-box--model,
.testdrive-form .configurator-box--model {
    color: #fff;
    font-size: .9375em
}

.configurator-form .configurator-box--price .input-holder--switch,
.testdrive-form .configurator-box--price .input-holder--switch {
    width: 100%
}

@media (min-width:360px) {

    .configurator-form .configurator-box--price .input-holder--switch,
    .testdrive-form .configurator-box--price .input-holder--switch {
        max-width: 340px;
        width: 100%
    }
}

@media (min-width:768px) {

    .configurator-form .configurator-box--price .input-holder--switch,
    .testdrive-form .configurator-box--price .input-holder--switch {
        max-width: 420px
    }
}

@media (min-width:1440px) {

    .configurator-form .configurator-box--price .input-holder--switch,
    .testdrive-form .configurator-box--price .input-holder--switch {
        max-width: none
    }
}

.configurator-form .configurator-box--price .input-holder--switch .label-switch,
.testdrive-form .configurator-box--price .input-holder--switch .label-switch {
    font-size: .8125em
}

@media (min-width:360px) {

    .configurator-form .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form .configurator-box--price .input-holder--switch .label-switch {
        font-size: .8125em
    }
}

@media (min-width:768px) {

    .configurator-form .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form .configurator-box--price .input-holder--switch .label-switch {
        font-size: 1em
    }
}

@media (min-width:1024px) {

    .configurator-form .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form .configurator-box--price .input-holder--switch .label-switch {
        font-size: .9375em
    }
}

@media (min-width:1440px) {

    .configurator-form .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form .configurator-box--price .input-holder--switch .label-switch {
        font-size: 1.125em
    }
}

.configurator-form .configurator__colorpicker,
.testdrive-form .configurator__colorpicker {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.configurator-form .configurator__colorpicker-color-holder,
.testdrive-form .configurator__colorpicker-color-holder {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 10px 0
}

.configurator-form .configurator__colorpicker-color-holder:hover,
.testdrive-form .configurator__colorpicker-color-holder:hover {
    cursor: pointer
}

.configurator-form .configurator__colorpicker-color,
.testdrive-form .configurator__colorpicker-color {
    background-position: 50%;
    background-size: cover;
    border: 2px solid #181818;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 40px
}

.configurator-form .configurator__colorpicker-color:after,
.testdrive-form .configurator__colorpicker-color:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.configurator-form .configurator__colorpicker-color.color-pearl-white:after,
.configurator-form .configurator__colorpicker-color.color-pearl-white:before,
.configurator-form .configurator__colorpicker-color.color-prism-blue:after,
.configurator-form .configurator__colorpicker-color.color-prism-blue:before,
.configurator-form .configurator__colorpicker-color.color-white:after,
.configurator-form .configurator__colorpicker-color.color-white:before,
.testdrive-form .configurator__colorpicker-color.color-pearl-white:after,
.testdrive-form .configurator__colorpicker-color.color-pearl-white:before,
.testdrive-form .configurator__colorpicker-color.color-prism-blue:after,
.testdrive-form .configurator__colorpicker-color.color-prism-blue:before,
.testdrive-form .configurator__colorpicker-color.color-white:after,
.testdrive-form .configurator__colorpicker-color.color-white:before {
    background-color: #181818
}

.configurator-form .configuration-list,
.testdrive-form .configuration-list {
    color: #181818;
    list-style: none;
    margin-bottom: 45px;
    padding: 0;
    width: 100%
}

@media (min-width:768px) {

    .configurator-form .configuration-list,
    .testdrive-form .configuration-list {
        width: 365px
    }
}

.configurator-form .configuration-list__item,
.testdrive-form .configuration-list__item {
    display: flex;
    margin-bottom: 10px
}

.configurator-form .configuration-list__label,
.testdrive-form .configuration-list__label {
    color: #181818;
    display: block;
    font-size: .9375em;
    font-weight: 700;
    width: 100px
}

@media (min-width:768px) {

    .configurator-form .configuration-list__label,
    .testdrive-form .configuration-list__label {
        width: 130px
    }
}

.configurator-form .configuration-list__edit,
.testdrive-form .configuration-list__edit {
    color: #c2c2c2;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0;
    text-decoration: underline
}

.configurator-form .configurator-box-edition-text,
.configurator-form .configurator-box-price-text,
.testdrive-form .configurator-box-edition-text,
.testdrive-form .configurator-box-price-text {
    color: #fff;
    font-size: .9375em;
    line-height: 1.6
}

.configurator-form .configurator-box-list,
.testdrive-form .configurator-box-list {
    padding-left: 15px
}

.configurator-form .configurator__submit-holder,
.testdrive-form .configurator__submit-holder {
    padding: 0 30px 45px;
    position: relative;
    text-align: right
}

@media (min-width:1024px) {

    .configurator-form .configurator__submit-holder,
    .testdrive-form .configurator__submit-holder {
        background-color: #fff;
        border-top: 2px solid #f2f2f2;
        padding: 26px 40px;
        width: 100%
    }
}

@media (min-width:1440px) {

    .configurator-form .configurator__submit-holder,
    .testdrive-form .configurator__submit-holder {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator-form .configurator-disclaimer,
.testdrive-form .configurator-disclaimer {
    color: #181818;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 40px;
    padding: 45px 30px;
    text-align: left
}

@media (min-width:1024px) {

    .configurator-form .configurator-disclaimer,
    .testdrive-form .configurator-disclaimer {
        flex: 1;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {

    .configurator-form .configurator-disclaimer,
    .testdrive-form .configurator-disclaimer {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator-form .configurator__price-holder,
.testdrive-form .configurator__price-holder {
    position: relative
}

.configurator-form .configurator__price-indicator,
.testdrive-form .configurator__price-indicator {
    color: #181818;
    font-weight: 400;
    margin-bottom: 25px;
    position: relative;
    text-align: left
}

@media (min-width:370px) {

    .configurator-form .configurator__price-indicator,
    .testdrive-form .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 12px
    }
}

@media (min-width:768px) {

    .configurator-form .configurator__price-indicator,
    .testdrive-form .configurator__price-indicator {
        top: 21px
    }
}

@media (min-width:370px) {

    .configurator-form .fr-BE .configurator__price-indicator,
    .configurator-form .fr-FR .configurator__price-indicator,
    .configurator-form .fr-LU .configurator__price-indicator,
    .testdrive-form .fr-BE .configurator__price-indicator,
    .testdrive-form .fr-FR .configurator__price-indicator,
    .testdrive-form .fr-LU .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:470px) {

    .configurator-form .fr-BE .configurator__price-indicator,
    .configurator-form .fr-FR .configurator__price-indicator,
    .configurator-form .fr-LU .configurator__price-indicator,
    .testdrive-form .fr-BE .configurator__price-indicator,
    .testdrive-form .fr-FR .configurator__price-indicator,
    .testdrive-form .fr-LU .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 12px
    }
}

@media (min-width:768px) {

    .configurator-form .fr-BE .configurator__price-indicator,
    .configurator-form .fr-FR .configurator__price-indicator,
    .configurator-form .fr-LU .configurator__price-indicator,
    .testdrive-form .fr-BE .configurator__price-indicator,
    .testdrive-form .fr-FR .configurator__price-indicator,
    .testdrive-form .fr-LU .configurator__price-indicator {
        top: 21px
    }
}

@media (min-width:1024px) {

    .configurator-form .fr-BE .configurator__price-indicator,
    .configurator-form .fr-FR .configurator__price-indicator,
    .configurator-form .fr-LU .configurator__price-indicator,
    .testdrive-form .fr-BE .configurator__price-indicator,
    .testdrive-form .fr-FR .configurator__price-indicator,
    .testdrive-form .fr-LU .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:1440px) {

    .configurator-form .fr-BE .configurator__price-indicator,
    .configurator-form .fr-FR .configurator__price-indicator,
    .configurator-form .fr-LU .configurator__price-indicator,
    .testdrive-form .fr-BE .configurator__price-indicator,
    .testdrive-form .fr-FR .configurator__price-indicator,
    .testdrive-form .fr-LU .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 21px
    }
}

@media (min-width:1024px) {

    .configurator-form .fr-BE .configurator__price-holder .button,
    .configurator-form .fr-FR .configurator__price-holder .button,
    .configurator-form .fr-LU .configurator__price-holder .button,
    .testdrive-form .fr-BE .configurator__price-holder .button,
    .testdrive-form .fr-FR .configurator__price-holder .button,
    .testdrive-form .fr-LU .configurator__price-holder .button {
        float: left
    }
}

@media (min-width:1440px) {

    .configurator-form .fr-BE .configurator__price-holder .button,
    .configurator-form .fr-FR .configurator__price-holder .button,
    .configurator-form .fr-LU .configurator__price-holder .button,
    .testdrive-form .fr-BE .configurator__price-holder .button,
    .testdrive-form .fr-FR .configurator__price-holder .button,
    .testdrive-form .fr-LU .configurator__price-holder .button {
        float: none
    }
}

@media (min-width:370px) {

    .configurator-form .de-AT .configurator__price-indicator,
    .configurator-form .de-DE .configurator__price-indicator,
    .testdrive-form .de-AT .configurator__price-indicator,
    .testdrive-form .de-DE .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:400px) {

    .configurator-form .de-AT .configurator__price-indicator,
    .configurator-form .de-DE .configurator__price-indicator,
    .testdrive-form .de-AT .configurator__price-indicator,
    .testdrive-form .de-DE .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 12px
    }
}

@media (min-width:768px) {

    .configurator-form .de-AT .configurator__price-indicator,
    .configurator-form .de-DE .configurator__price-indicator,
    .testdrive-form .de-AT .configurator__price-indicator,
    .testdrive-form .de-DE .configurator__price-indicator {
        top: 21px
    }
}

@media (min-width:370px) {

    .configurator-form .nl-BE .configurator__price-indicator,
    .testdrive-form .nl-BE .configurator__price-indicator {
        margin-bottom: 25px;
        position: relative;
        top: auto
    }
}

@media (min-width:430px) {

    .configurator-form .nl-BE .configurator__price-indicator,
    .testdrive-form .nl-BE .configurator__price-indicator {
        margin-bottom: 0;
        position: absolute;
        top: 12px
    }
}

@media (min-width:768px) {

    .configurator-form .nl-BE .configurator__price-indicator,
    .testdrive-form .nl-BE .configurator__price-indicator {
        top: 21px
    }
}

@media (min-width:1024px) {

    .configurator-form .configurator-slider,
    .testdrive-form .configurator-slider {
        height: 100%
    }
}

.configurator-form .configurator__image-holder--sticky,
.testdrive-form .configurator__image-holder--sticky {
    height: 100%
}

.configurator-form .color-notification,
.testdrive-form .color-notification {
    color: grey;
    font-size: .9375em;
    margin-top: 15px
}

.configurator-form .additional-cost-notice,
.testdrive-form .additional-cost-notice {
    color: #181818;
    display: block;
    margin-bottom: 12px
}

.configurator-form .additional-cost-notice--color,
.testdrive-form .additional-cost-notice--color {
    margin-bottom: 3px
}

.configurator-form .configurator-type__image-wrapper,
.testdrive-form .configurator-type__image-wrapper {
    margin-bottom: 20px;
    padding-bottom: 56.2%;
    position: relative
}

.configurator-form .configurator-type__image-wrapper img,
.testdrive-form .configurator-type__image-wrapper img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.configurator-form .configurator__price-text__logo-safety,
.testdrive-form .configurator__price-text__logo-safety {
    display: block;
    height: auto;
    margin-top: 20px;
    max-width: 432px;
    width: 100%
}

.configurator-form html.de-AT .configurator__title-label,
.configurator-form html.de-DE .configurator__title-label,
.testdrive-form html.de-AT .configurator__title-label,
.testdrive-form html.de-DE .configurator__title-label {
    width: 105px
}

@media (min-width:480px) {

    .configurator-form html.de-AT .configurator__title-label,
    .configurator-form html.de-DE .configurator__title-label,
    .testdrive-form html.de-AT .configurator__title-label,
    .testdrive-form html.de-DE .configurator__title-label {
        width: 115px
    }
}

.configurator-form html.de-AT .configurator-box--price .input-holder--switch,
.configurator-form html.de-DE .configurator-box--price .input-holder--switch,
.testdrive-form html.de-AT .configurator-box--price .input-holder--switch,
.testdrive-form html.de-DE .configurator-box--price .input-holder--switch {
    width: 100%
}

@media (min-width:480px) {

    .configurator-form html.de-AT .configurator-box--price .input-holder--switch,
    .configurator-form html.de-DE .configurator-box--price .input-holder--switch,
    .testdrive-form html.de-AT .configurator-box--price .input-holder--switch,
    .testdrive-form html.de-DE .configurator-box--price .input-holder--switch {
        max-width: 480px
    }
}

.configurator-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
.configurator-form html.de-DE .configurator-box--price .input-holder--switch .label-switch,
.testdrive-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
.testdrive-form html.de-DE .configurator-box--price .input-holder--switch .label-switch {
    font-size: .625em
}

@media (min-width:375px) {

    .configurator-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .configurator-form html.de-DE .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-DE .configurator-box--price .input-holder--switch .label-switch {
        font-size: .6875em
    }
}

@media (min-width:768px) {

    .configurator-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .configurator-form html.de-DE .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-DE .configurator-box--price .input-holder--switch .label-switch {
        font-size: 1em
    }
}

@media (min-width:1024px) {

    .configurator-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .configurator-form html.de-DE .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-DE .configurator-box--price .input-holder--switch .label-switch {
        font-size: .8125em
    }
}

@media (min-width:1440px) {

    .configurator-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .configurator-form html.de-DE .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-AT .configurator-box--price .input-holder--switch .label-switch,
    .testdrive-form html.de-DE .configurator-box--price .input-holder--switch .label-switch {
        font-size: 1em
    }
}

.configurator-form html.de-AT .configurator__selected,
.configurator-form html.de-AT .configurator__title-label,
.configurator-form html.de-DE .configurator__selected,
.configurator-form html.de-DE .configurator__title-label,
.testdrive-form html.de-AT .configurator__selected,
.testdrive-form html.de-AT .configurator__title-label,
.testdrive-form html.de-DE .configurator__selected,
.testdrive-form html.de-DE .configurator__title-label {
    font-size: .9375em
}

@media (min-width:480px) {

    .configurator-form html.de-AT .configurator__selected,
    .configurator-form html.de-AT .configurator__title-label,
    .configurator-form html.de-DE .configurator__selected,
    .configurator-form html.de-DE .configurator__title-label,
    .testdrive-form html.de-AT .configurator__selected,
    .testdrive-form html.de-AT .configurator__title-label,
    .testdrive-form html.de-DE .configurator__selected,
    .testdrive-form html.de-DE .configurator__title-label {
        font-size: 1.09375em
    }
}

.configurator-form html.de-AT .configurator__selected,
.configurator-form html.de-DE .configurator__selected,
.testdrive-form html.de-AT .configurator__selected,
.testdrive-form html.de-DE .configurator__selected {
    padding-right: 15px
}

@media (min-width:480px) {

    .configurator-form html.de-AT .configurator__selected,
    .configurator-form html.de-DE .configurator__selected,
    .testdrive-form html.de-AT .configurator__selected,
    .testdrive-form html.de-DE .configurator__selected {
        padding-right: 0
    }
}

.configurator__model-select {
    font-size: 1.25em;
    font-weight: 700
}

.configurator__model-select label {
    cursor: pointer;
    display: block;
    padding: 15px 30px;
    width: 100%
}

.configurator__model-select .configurator__model--active {
    background-color: #f1f1f1
}

.configurator__model-select input {
    opacity: 0
}

.configurator__red-sardana-disclaimer {
    color: #000
}

.configurator__energy-label {
    display: block;
    margin-top: 25px;
    max-width: 180px;
    width: 100%
}

.configurator__energy-label--large {
    max-width: 284px
}

.configurator-disclaimer__anchor {
    margin-top: 10px;
    text-decoration: underline
}

.configurator-form-disclaimer {
    font-size: .75em
}

.configurator__selected-dealer {
    display: flex;
    flex-direction: column;
    margin-top: 25px
}

.configurator__selected-dealer-text:not(:last-child) {
    margin-bottom: 10px
}

.configurator__selected-dealer-name {
    font-size: 1.125em;
    font-weight: 700
}

.selected-model--spacing-top {
    margin-top: 24px
}

@media (min-width:768px) {
    .selected-model--spacing-top {
        margin-top: unset
    }
}

.page-home .countdown {
    background-color: transparent;
    display: block;
    height: auto;
    margin-top: 15px;
    overflow: unset;
    position: relative;
    width: auto;
    z-index: 999
}

.page-home .countdown:after,
.page-home .countdown:before {
    display: none
}

.page-home .countdown .countdown__tagline {
    display: block;
    left: auto;
    position: relative;
    top: auto
}

.page-home .countdown .countdown__timer {
    justify-content: flex-start;
    left: auto;
    position: relative;
    top: auto;
    transform: unset
}

.page-home .countdown .countdown__timer-label {
    font-weight: 700;
    opacity: .8
}

.countdown,
.page-countdown,
.page-countdown #app,
.page-countdown #page-container,
.page-countdown #page-wrapper {
    height: 100%
}

.countdown {
    align-content: flex-end;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .countdown {
        flex-direction: row
    }
}

.countdown:before {
    background: linear-gradient(180deg, transparent, #000);
    content: "";
    height: 20%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    transform: rotate(-180deg);
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .countdown:before {
        height: 40%
    }
}

.countdown:after {
    background: linear-gradient(180deg, transparent, #000);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .countdown:after {
        height: 40%
    }
}

.countdown__tagline {
    font-size: .625em;
    font-weight: 700;
    left: 80px;
    line-height: 16px;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 3
}

@media only screen and (min-width:375px) {
    .countdown__tagline {
        font-size: .8125em
    }
}

@media (min-width:768px) {
    .countdown__tagline {
        font-size: 1.125em;
        left: 110px;
        line-height: 20px;
        top: 34px
    }
}

.countdown__content {
    align-content: flex-end;
    display: flex;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .countdown__content {
        flex-direction: row;
        margin: auto 30px 30px
    }
}

@media (min-width:1024px) {
    .countdown__content {
        flex-direction: row
    }
}

.countdown__socials {
    display: none
}

@media (min-width:768px) {
    .countdown__socials {
        display: block;
        margin-top: auto
    }
}

.countdown__socials h4 {
    font-size: 1.125em;
    font-weight: 600;
    margin-bottom: 25px
}

.countdown__socials h4 span {
    display: block
}

.countdown__socials-list {
    align-items: center;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0 0 0 -6px;
    padding: 0
}

.countdown__socials-list li {
    margin: 0 12px
}

.countdown__socials-list li:first-child {
    margin-left: 0
}

.countdown__socials-list li:last-child {
    margin-right: 0
}

.countdown__socials-list li svg {
    height: 23px;
    width: 23px
}

.countdown__socials-list li path {
    fill: #fff
}

.countdown__timer {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: auto;
    opacity: 1;
    position: relative;
    transition: opacity 1s ease;
    z-index: 5
}

@media (min-width:768px) {
    .countdown__timer {
        left: 50%;
        margin-bottom: 0;
        margin-top: 0;
        position: absolute;
        top: 68%;
        transform: translateX(-50%)
    }
}

.countdown-fade-enter-active,
.countdown-fade-leave-active {
    transition: opacity 1s
}

.countdown-fade-enter,
.countdown-fade-leave-to {
    opacity: 0
}

.countdown__timer-deadline {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 32px
}

@media (min-width:768px) {
    .countdown__timer-deadline {
        width: 38px
    }
}

.countdown__timer-seperator {
    margin: 0 10px
}

.countdown__timer-date {
    font-size: 1.875em;
    font-weight: 700
}

@media (min-width:768px) {
    .countdown__timer-date {
        font-size: 2.375em
    }
}

.countdown__timer-label {
    font-size: .625em;
    opacity: .6;
    text-transform: uppercase
}

.countdown__ctas {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 25px
}

@media (min-width:768px) {
    .countdown__ctas {
        margin: auto 0 0 auto;
        padding: 0
    }
}

@media (min-width:1024px) {
    .countdown__ctas {
        margin: auto 0 0 auto
    }
}

.countdown__ctas a {
    align-items: center;
    display: flex;
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
    text-align: center
}

@media (min-width:768px) {
    .countdown__ctas a {
        margin-left: auto;
        margin-right: 0
    }
}

.countdown__discover-button {
    font-size: 1em;
    font-weight: 600;
    height: 50px;
    margin-bottom: 15px;
    opacity: 1
}

.countdown__newsletter-button {
    border: 2px solid hsla(0, 0%, 100%, .4);
    border-radius: 27.5px;
    display: block;
    font-size: 1em;
    font-weight: 600;
    height: 50px
}

.large-title--faq {
    margin-bottom: 50px;
    max-width: 390px
}

@media (min-width:768px) {
    .large-title--faq {
        max-width: 500px
    }
}

.faq__category {
    margin-bottom: 70px
}

@media (min-width:768px) {
    .faq__category {
        margin-bottom: 140px
    }
}

.faq__title {
    font-size: 1.5em;
    margin-bottom: 30px;
    text-align: right
}

@media (min-width:768px) {
    .faq__title {
        font-size: 3.125em;
        margin-bottom: 65px
    }
}

.faq__item {
    border-bottom: 2px solid #e1e1e1;
    padding: 20px 0
}

@media (min-width:768px) {
    .faq__item {
        padding: 35px 0
    }
}

.faq__item:first-of-type {
    padding-top: 0
}

.faq__question {
    cursor: pointer;
    font-size: 1.125em;
    line-height: 1.5;
    padding-right: 45px;
    position: relative
}

@media (min-width:768px) {
    .faq__question {
        font-size: 1.625em;
        padding-right: 75px
    }
}

@media (min-width:1440px) {
    .faq__question {
        padding-right: 140px
    }
}

.faq__open-icon {
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .3s ease;
    width: 25px
}

@media (min-width:768px) {
    .faq__open-icon {
        height: 30px;
        right: 15px;
        top: 50%;
        width: 30px
    }
}

.faq__open-icon svg {
    fill: #181818;
    height: auto;
    width: 25px
}

@media (min-width:768px) {
    .faq__open-icon svg {
        width: 30px
    }
}

.faq__open-icon svg rect:nth-child(2) {
    opacity: 1;
    transition: opacity .3s ease
}

.faq__answer {
    font-size: 1.125em;
    height: 0;
    line-height: 1.5;
    overflow: hidden;
    padding-right: 45px;
    transition: height .3s ease
}

@media (min-width:768px) {
    .faq__answer {
        font-size: 1.625em;
        padding-right: 75px
    }
}

@media (min-width:1440px) {
    .faq__answer {
        padding-right: 140px
    }
}

.faq__answer.active {
    height: auto
}

.faq__answer p {
    margin: 0
}

.faq__answer p a {
    text-decoration: underline
}

.faq__answer-inner {
    margin-top: 15px
}

@media (min-width:768px) {
    .faq__answer-inner {
        margin-top: 45px
    }
}

.faq__text {
    max-width: 480px
}

@media (min-width:768px) {
    .faq__text {
        max-width: 920px
    }
}

.faq__text p {
    font-size: 1.5em;
    line-height: 1.2;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .faq__text p {
        font-size: 3.125em;
        margin-bottom: 60px
    }
}

.faq__text a {
    text-decoration: underline
}

.faq__item.active .faq__question {
    font-weight: 400
}

.faq__item.active .faq__open-icon {
    transform: rotate(90deg) translateX(-12px)
}

@media (min-width:768px) {
    .faq__item.active .faq__open-icon {
        transform: rotate(90deg) translateX(-14px)
    }
}

.faq__item.active .faq__open-icon svg rect:nth-child(2) {
    display: none
}

.thanks-container {
    background-color: #fff
}

@media (min-width:1024px) {
    .thanks-container {
        display: flex
    }
}

.thanks-container--promo {
    background-color: transparent
}

.thanks__image-holder {
    display: none
}

@media (min-width:768px) {
    .thanks__image-holder {
        display: block
    }
}

@media (min-width:1024px) {
    .thanks__image-holder {
        display: block;
        flex: 1
    }
}

.thanks__image-holder .thanks-image {
    display: block;
    height: auto;
    width: 100%
}

.thanks__holder {
    padding: 155px 30px 25px
}

@media (min-width:768px) {
    .thanks__holder {
        padding-top: 55px
    }
}

@media (min-width:1024px) {
    .thanks__holder {
        border-left: 2px solid #f1f1f1;
        display: flex;
        flex-direction: column;
        height: 100vh;
        padding: 175px 40px 50px;
        width: 472px
    }
}

@media (min-width:1440px) {
    .thanks__holder {
        padding-left: 65px;
        padding-right: 65px;
        width: 602px
    }
}

@media (min-width:1600px) {
    .thanks__holder {
        padding-top: 185px
    }
}

.thanks__holder--promo {
    height: auto;
    padding-top: 50px
}

.thanks__holder--promo .thanks__social {
    display: none
}

.thanks__top--newsletter-subscribe {
    align-items: center;
    display: flex;
    height: 100%
}

.thanks__social-text,
.thanks__text {
    color: #181818
}

.thanks__bottom {
    margin-top: 50px
}

@media (min-width:1024px) {
    .thanks__bottom {
        margin-top: auto
    }
}

.thanks__social ul {
    display: flex;
    list-style: none;
    margin: 25px 0 0;
    padding: 0
}

@media (min-width:1024px) {
    .thanks__social ul {
        margin: 25px 0 0
    }
}

.thanks__social li+li {
    margin-left: 8px
}

.thanks__social a {
    border: 2px solid #181818;
    border-radius: 50%;
    display: block;
    height: 50px;
    position: relative;
    width: 50px
}

@media (min-width:768px) {
    .thanks__social a {
        height: 58px;
        width: 58px
    }
}

.thanks__social a svg {
    fill: #181818;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

@media (min-width:768px) {
    .thanks__social a svg {
        height: 20px
    }
}

.thanks__social a svg path {
    fill: #181818
}

.newsletter-subscribe-disclaimer {
    color: #9c9c9c;
    font-size: .9375em;
    font-weight: 400;
    line-height: 1.6;
    padding-top: 20px;
    text-align: left
}

@media (min-width:1024px) {
    .newsletter-subscribe-disclaimer {
        flex: 1;
        padding-top: 45px
    }
}

.newsletter-subscribe-disclaimer a {
    text-decoration: underline
}

@media (min-width:1440px) {
    .modelNew__container {
        margin: 0 auto;
        max-width: 1440px
    }
}

.modelNew__wrapper {
    padding-bottom: 20px
}

@media (min-width:768px) {
    .modelNew__wrapper {
        padding-top: 40px
    }
}

.modelNew__image {
    height: 100%;
    width: 100%
}

@media (min-width:768px) {
    .modelNew__image {
        border-radius: 10px
    }
}

.modelNew__section-title {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    padding: 0 30px;
    z-index: 1
}

@media (min-width:768px) {
    .modelNew__section-title {
        font-size: 80px;
        line-height: 80px;
        padding: 0
    }
}

.modelNew__section-description {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    opacity: .8;
    padding: 0 30px;
    z-index: 1
}

@media (min-width:768px) {
    .modelNew__section-description {
        padding: 0
    }
}

.modelNew__no-margin,
.modelNew__no-margin p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    margin-block-start: 0
}

.modelNew__section-wrapper {
    grid-row-gap: 10px;
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr;
    margin: -20px 0 0 40px;
    padding: 60px 0 0;
    position: relative;
    width: auto
}

.modelNew__section-wrapper:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: calc(100% + 20px);
    left: 20px;
    position: absolute;
    top: -20px;
    width: calc(100% - 20px)
}

@media (min-width:768px) {
    .modelNew__section-wrapper {
        grid-row-gap: 0;
        grid-column-gap: 140px;
        grid-template-columns: 1fr 1fr;
        margin: 0;
        padding: 60px 80px
    }

    .modelNew__section-wrapper:before {
        content: none
    }
}

.modelNew__button-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 44px
}

@media (min-width:768px) {
    .modelNew__button-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.hide-horizontal-overflow {
    overflow-x: hidden
}

.job-info {
    margin-bottom: 75px;
    margin-top: 75px
}

@media (min-width:768px) {
    .job-info {
        margin-bottom: 120px;
        margin-top: 120px
    }
}

.job-info__title {
    margin-bottom: 25px
}

.job-info__item {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.job-info__subtitle {
    font-weight: 700;
    margin: 0 20px 0 0
}

.job-info__text {
    margin: 0
}

h1.career-overview-title {
    margin-bottom: 30px;
    text-align: left
}

.career-overview-intro {
    margin-bottom: 100px
}

.job-item {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%
}

@media (min-width:768px) {
    .job-item {
        flex-direction: row;
        justify-content: space-between
    }
}

.job-item:last-child {
    border-bottom: none
}

.no-touchevents .job-item:hover .job-item__arrow,
.no-touchevents .job-item:hover .job-item__content {
    opacity: .5
}

.job-item__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    transition: all .2s ease
}

@media (min-width:768px) {
    .job-item__content {
        flex-direction: row
    }
}

.job-item__line {
    background-color: #fff;
    display: none;
    height: 2px;
    margin: 0 20px;
    width: 30px
}

@media (min-width:768px) {
    .job-item__line {
        display: block
    }
}

.job-item__country {
    margin: 0
}

h2.job-item__title {
    font-weight: 300;
    margin: 0;
    text-align: center
}

@media (min-width:768px) {
    h2.job-item__title {
        text-align: left
    }
}

.job-item__arrow {
    display: none;
    margin-top: 0;
    transition: all .2s ease;
    width: 35px
}

@media (min-width:768px) {
    .job-item__arrow {
        display: block
    }
}

.job-item__arrow svg {
    fill: #fff
}

.button--job-apply {
    background-color: #181818;
    border-color: #fff;
    color: #fff
}

h2.job-country {
    margin-top: 50px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:768px) {
    h2.job-country {
        text-align: left;
        text-transform: none
    }
}

.carreer-form-success {
    margin-top: 112px
}

.career-form {
    margin-top: 100px
}

@media (min-width:768px) {
    .career-form {
        margin-top: 150px
    }
}

.career-form .input {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.career-form .input-file {
    width: 100%
}

.career-form .form-label {
    color: #fff
}

.career-form .form-label--error {
    color: red
}

.career-form .file-requirements {
    font-style: italic;
    margin-top: 10px
}

.page-campaign .section-page {
    background-color: #fff;
    color: #181818
}

.campaign-header-container {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (min-width:1024px) {
    .campaign-header-container {
        margin-bottom: 80px
    }
}

.campaign-switch-link {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.campaign-header__content-holder {
    max-width: 600px
}

h1.campaign-title {
    margin-bottom: 0
}

.campaign-text p {
    font-size: 1em
}

.campaign-image {
    height: auto;
    width: 100%
}

.campaign-disclaimer p {
    font-size: .875em
}

.campaign-buttons-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px
}

.campaign-buttons-holder a:not(:first-of-type) {
    margin-left: 20px
}

.page-about {
    background-color: #fff
}

.page-owners-detailpage .image-text-block-inner {
    margin-left: 0
}

@media (min-width:1024px) {
    .page-owners-detailpage .image-text-block__image {
        max-width: none
    }

    .page-owners-detailpage .image-text-block__content {
        align-self: center;
        padding-top: 0
    }
}

.page-owners-detailpage .text-block__inner {
    margin-left: 0;
    max-width: 900px
}

@media (min-width:375px) {
    .page-owners-detailpage .table-content-container {
        padding-bottom: 25px
    }
}

@media (min-width:768px) {
    .page-owners-detailpage .table-content-container {
        padding-bottom: 45px
    }
}

@media (min-width:1440px) {
    .page-owners-detailpage .table-content-container {
        padding-bottom: 60px
    }
}

.page-owners-detailpage .owners-disclaimer .text-block__inner {
    margin: 0 auto;
    max-width: 1200px
}

.page-owners-detailpage .owners-disclaimer .text-block {
    margin-bottom: 0
}

@media (min-width:375px) {
    .page-owners-detailpage .owners-disclaimer {
        padding-bottom: 25px
    }
}

@media (min-width:768px) {
    .page-owners-detailpage .owners-disclaimer {
        padding-bottom: 45px
    }
}

@media (min-width:1440px) {
    .page-owners-detailpage .owners-disclaimer {
        padding-bottom: 60px
    }
}

.owners-accessories-detailpage .image-text-block-container {
    padding-bottom: 0
}

.owners-accessories-detailpage .image-text-block {
    margin-bottom: 0
}

.owners-accessories-detailpage .image-text-block-inner {
    margin-left: auto
}

.accessories-holder {
    display: flex;
    flex-direction: column;
    padding: 40px 0
}

@media (min-width:768px) {
    .accessories-holder {
        padding: 80px 0
    }
}

@media (min-width:1024px) {
    .accessories-holder {
        padding: 120px 0
    }
}

.accessories-holder .image-text-block {
    flex-direction: row
}

.accessories-holder--reverse {
    background-color: #f2f2f2
}

.accessories-holder--reverse .image-text-block {
    flex-direction: row-reverse
}

@media (min-width:1024px) {
    .accessories-holder--reverse .image-text-block__content {
        padding: 5% 60px 0 0
    }
}

.accessories-holder--no-padding-top {
    padding-top: 0
}

.accessories-brochure {
    position: relative;
    width: 100%
}

.accessories-brochure__image {
    width: 100%
}

.accessories-brochure__image:after {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

.accessories-brochure__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

.accessories-brochure__holder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 900px;
    padding: 40px
}

@media (min-width:768px) {
    .accessories-brochure__holder {
        padding: 80px
    }
}

@media (min-width:1024px) {
    .accessories-brochure__holder {
        padding: 120px
    }
}

.accessories-brochure__holder h2 {
    color: #fff;
    font-size: 1.5625em;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
    z-index: 1
}

@media (min-width:768px) {
    .accessories-brochure__holder h2 {
        font-size: 2.1875em
    }
}

.accessories-brochure__holder a svg {
    margin-left: 5px
}

.accessories-brochure__holder a.button-v2--border-white path,
.accessories-brochure__holder a.button-v2--white path {
    fill: #fff
}

.privacy-notice__title {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem)
}

@media (min-width:768px) {
    .privacy-notice__title {
        font-size: 2.5em
    }
}

.privacy-notice__cta-holder {
    display: flex;
    flex-direction: column
}

.privacy-notice__cta {
    color: #fff;
    font-size: 1.25em;
    margin-bottom: 20px;
    text-decoration: underline
}

@media (min-width:768px) {
    .privacy-notice__cta {
        font-size: 1.5em
    }
}

.promo-section {
    background-color: #fff;
    color: #181818
}

.promo-section--disclaimer {
    background-color: #f2f2f2
}

.promo-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media (min-width:768px) {
    .promo-container {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

@media (min-width:1024px) {
    .promo-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.promo__back-button,
.promo__content {
    margin-bottom: 35px
}

.promo__content {
    position: relative
}

@media (min-width:1024px) {
    .promo__content {
        margin-bottom: 0
    }
}

.promo__title {
    font-size: 2.125em;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .promo__title {
        font-size: 2.75em
    }
}

.promo__title span {
    font-size: .7em
}

@media (min-width:768px) {
    .promo__title span {
        font-size: .7em
    }
}

.promo__text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1.25em;
    line-height: 1.5;
    max-width: 590px
}

.promo-index__cards {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    width: 100%
}

@media (min-width:768px) {
    .promo-index__cards {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 80px
    }
}

.promo-index__card {
    height: auto;
    margin-bottom: 40px;
    width: 100%
}

@media (min-width:768px) {
    .promo-index__card {
        margin-bottom: 60px;
        width: calc(50% - 25px)
    }
}

@media (min-width:1024px) {
    .promo-index__card {
        max-width: 570px
    }
}

.promo-index__card-image {
    position: relative
}

@media (min-width:480px) {
    .promo-index__card-image {
        margin-bottom: 30px
    }
}

.promo-index__card-image img {
    display: block;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
    width: 100%
}

@media (min-width:480px) {
    .promo-index__card-image img {
        height: 320px
    }
}

@media (min-width:768px) {
    .promo-index__card-image img {
        height: 275px
    }
}

@media (min-width:1024px) {
    .promo-index__card-image img {
        height: 300px
    }
}

.promo-index__card-image__label {
    left: 0;
    top: 15px
}

.promo-index__card-image__expire-date,
.promo-index__card-image__label {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    font-weight: 700;
    padding: 5px 10px;
    position: absolute
}

.promo-index__card-image__expire-date {
    bottom: 15px;
    right: 0
}

.promo-index__card-content {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width:480px) {
    .promo-index__card-content {
        flex-direction: row
    }
}

.promo-index__card-content-title {
    font-size: 1.5625em;
    margin-bottom: 5px
}

.promo-index__card-content-text {
    color: #757575;
    font-size: 1em;
    margin-bottom: 35px
}

.promo-index__card-content-disclaimer {
    color: #757575;
    font-size: .875em;
    margin-top: auto
}

.promo-index__card-content-disclaimer a {
    text-decoration: underline
}

.promo-index__card-content__info {
    display: flex;
    flex-direction: column;
    margin-right: 40px
}

@media (min-width:1280px) {
    .promo-index__card-content__info {
        margin-right: 110px
    }
}

.promo-index__card-content__summary {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:480px) {
    .promo-index__card-content__summary {
        margin-bottom: 0;
        margin-left: auto;
        max-width: 180px
    }
}

.promo-index__card-content-monthly {
    background-color: #000;
    color: #fff;
    font-size: 1.375em;
    padding: 14px 20px
}

@media (min-width:768px) {
    .promo-index__card-content-monthly {
        font-size: 1.125em
    }
}

@media (min-width:1024px) {
    .promo-index__card-content-monthly {
        font-size: 1.375em
    }
}

.promo-index__card-content-promotion {
    background-color: #f2f2f2;
    font-size: 1.125em;
    padding: 14px 20px
}

@media (min-width:768px) {
    .promo-index__card-content-promotion {
        font-size: 1em
    }
}

@media (min-width:1024px) {
    .promo-index__card-content-promotion {
        font-size: 1.125em
    }
}

.promo-index__card-content-promotion p {
    margin: 0
}

.promo__ncap {
    position: absolute;
    right: 0;
    top: -80px
}

@media (min-width:480px) {
    .promo__ncap {
        top: -25px
    }
}

@media (min-width:768px) {
    .promo__ncap {
        top: 0
    }
}

.promo-container__summary {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 40px 0
}

@media (min-width:768px) {
    .promo-container__summary {
        flex-direction: row
    }
}

.promo__info-block {
    margin-bottom: 30px;
    margin-right: 60px
}

.promo__info-block:last-of-type {
    margin-bottom: 0;
    margin-right: 0
}

@media (min-width:768px) {
    .promo__info-block {
        margin-bottom: 0
    }
}

.promo__info-block h3 {
    font-size: 1.5em;
    font-weight: 700
}

.promo__info-block p {
    color: #757575
}

.promo__promo-block {
    margin: 20px 0 30px
}

@media (min-width:768px) {
    .promo__promo-block {
        display: none
    }
}

.promo__promo-block h4 {
    font-size: 1.25em;
    font-weight: 700
}

.promo__promo-block h4:not(:last-child) {
    margin-bottom: 10px
}

.promo-form-submit {
    margin-left: auto;
    margin-right: auto;
    transition: .3s ease-out
}

.promo-form-submit,
.promo-form-submit:active,
.promo-form-submit:disabled {
    background-color: #181818
}

.promo-form-submit:disabled {
    opacity: .8
}

@media (min-width:768px) {
    .promo-form-submit {
        margin-left: 0;
        margin-right: 0
    }
}

.page-home {
    background-color: #000
}

.dual-block-container--home .dual-block__button-holder,
.dual-block-container--home .dual-block__text,
.dual-block-container--home .dual-block__title,
.dual-block-container--home .dual-block__top-title {
    padding: 0 50px 0 30px
}

@media (min-width:1024px) {

    .dual-block-container--home .dual-block__button-holder,
    .dual-block-container--home .dual-block__text,
    .dual-block-container--home .dual-block__title,
    .dual-block-container--home .dual-block__top-title {
        padding: 0
    }
}

.dual-block-container--home .dual-block__title {
    color: #181818;
    font-size: 1.875em
}

@media (min-width:768px) {
    .dual-block-container--home .dual-block__title {
        font-size: 2.5em
    }
}

.dual-block-container--home .dual-block__text {
    color: #181818
}

.dual-block-container--home .dual-block__text p:first-child {
    margin-top: 0
}

.dual-block-container--home .dual-block__blocks {
    margin-top: 30px
}

@media (min-width:768px) {
    .dual-block-container--home .dual-block__blocks {
        margin-bottom: 40px
    }

    .dual-block-container--home .dual-block__block {
        margin-right: 0
    }

    .dual-block-container--home .dual-block__block:not(:last-child) {
        margin-bottom: 20px
    }

    .dual-block-container--home .dual-block__block:last-child {
        margin-bottom: 0
    }
}

.dual-block-container--home .dual-block__block .dual-block__block-title {
    font-size: 1.125em
}

@media (min-width:768px) {
    .dual-block-container--home .dual-block__block .dual-block__block-title {
        font-size: 1.375em
    }
}

.dual-block-container--home .dual-block__image-holder {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .dual-block-container--home .dual-block__image-holder {
        max-width: 1000px;
        width: 69.5%
    }

    .dual-block-container--home .dual-block__image-holder img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

.dual-block-container--home .dual-block__content {
    background-color: #fff;
    margin: -20px 20px 0 40px;
    padding: 60px 0 0;
    position: relative;
    width: auto
}

.dual-block-container--home .dual-block__content:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: calc(100% + 20px);
    left: -20px;
    position: absolute;
    top: -20px;
    width: calc(100% + 20px)
}

@media (min-width:1024px) {
    .dual-block-container--home .dual-block__content {
        background-color: #fff;
        margin: 7.6vw 0 0 -120px;
        max-width: 430px;
        padding: 40px 60px 40px 40px;
        position: relative;
        width: 100%
    }

    .dual-block-container--home .dual-block__content:before {
        content: none
    }
}

@media (min-width:1440px) {
    .dual-block-container--home .dual-block__content {
        max-width: 530px;
        padding: 80px 120px 80px 80px
    }
}

@media (min-width:1024px) {
    .dual-block-container--home .dual-block__content:before {
        background-color: hsla(0, 0%, 100%, .2);
        content: "";
        height: calc(100% + 30px);
        left: -30px;
        position: absolute;
        top: -30px;
        width: calc(100% + 30px)
    }

    .dual-block-container--home.dual-block-container--reverse .dual-block__content {
        margin-left: auto;
        margin-right: -120px;
        padding: 40px 40px 40px 60px
    }
}

@media (min-width:1440px) {
    .dual-block-container--home.dual-block-container--reverse .dual-block__content {
        padding: 80px 80px 80px 120px
    }
}

@media (min-width:1024px) {
    .dual-block-container--home.dual-block-container--reverse .dual-block__content:before {
        content: "";
        left: unset;
        right: -30px
    }
}

.configurator-model-switch {
    background-color: #f2f2f2;
    padding: 20px 29px 20px 30px
}

@media (min-width:768px) {
    .configurator-model-switch {
        padding-right: 54px
    }
}

@media (min-width:1024px) {
    .configurator-model-switch {
        padding-left: 40px;
        padding-right: 73px
    }
}

@media (min-width:1440px) {
    .configurator-model-switch {
        padding-left: 65px;
        padding-right: 65px
    }
}

.configurator-model-switch__link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.no-touchevents .configurator-model-switch__link:hover .configurator-model-switch__link-text {
    transform: translateX(25px)
}

.no-touchevents .configurator-model-switch__link:hover .configurator-model-switch__link-text:before {
    opacity: 1;
    transform: translateY(-50%) translateX(-35px)
}

.configurator-model-switch__link-text {
    color: hsla(0, 0%, 9%, .7);
    font-size: 1.125em;
    font-weight: 400;
    transition: transform .3s ease
}

@media (min-width:768px) {
    .configurator-model-switch__link-text {
        font-size: 1.375em
    }
}

.configurator-model-switch__link-text:before {
    background-color: hsla(0, 0%, 9%, .7);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50px);
    transition: all .3s ease;
    width: 15px
}

.configurator-model-switch__link-image {
    display: block;
    height: auto;
    width: 76px
}

.configurator-version-switch {
    cursor: pointer
}

.open-santander-modal-button {
    align-items: center;
    background-color: #181818;
    border: 1px solid #181818;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 15px;
    font-weight: 350;
    justify-content: space-between;
    line-height: 19px;
    padding: 8px 28px
}

.open-santander-modal-button>svg {
    margin-left: 16px;
    transition: transform .2s ease
}

.open-santander-modal-button>svg>* {
    fill: #fff
}

.open-santander-modal-button:focus {
    outline: none
}

.open-santander-modal-button:hover>svg {
    transform: translate(3px)
}

@media (min-width:768px) {
    .open-santander-modal-button {
        align-items: baseline;
        font-size: 18px;
        line-height: 22px;
        max-width: 400px
    }
}

@media (min-width:1024px) {
    .open-santander-modal-button {
        border: 1px solid #fff;
        bottom: 42px;
        display: flex;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        z-index: 5
    }

    .open-santander-modal-button>svg {
        margin-left: unset
    }
}

.open-santander-modal-button-mobile-container {
    display: flex;
    margin-bottom: 40px;
    padding: 0 30px
}

@media (min-width:1024px) {
    .open-santander-modal-button-mobile-container {
        display: none
    }
}

.open-santander-modal-button--mobile {
    display: flex
}

.santander-modal__background {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50
}

.santander-modal__container {
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 32px;
    max-height: 648px;
    max-width: 896px;
    overflow: auto;
    padding: 36px 0;
    width: 100%
}

.santander-modal__container--loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.santander-modal__header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    justify-content: space-between;
    margin-bottom: 32px;
    padding: 0 40px 36px
}

.santander-modal__header,
.santander-modal__header__title-container {
    align-items: center;
    display: flex
}

.santander-modal__header__icon {
    height: 32px;
    margin-right: 12px;
    width: 36px
}

@media (min-width:768px) {
    .santander-modal__header__icon {
        height: 48px;
        width: 52px
    }
}

.santander-modal__header__title {
    color: #181818;
    font-size: 26px;
    font-weight: 400;
    line-height: 28px
}

.santander-modal__header__close-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    opacity: .1
}

.santander-modal__header__close-button:focus {
    background: none
}

.santander-modal__subtitle {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 32px;
    opacity: .8;
    padding: 0 40px
}

.santander-modal__radio-container {
    display: flex;
    flex-direction: column;
    padding: 0 40px
}

.santander-modal__label-modal-container {
    align-items: center;
    display: inline-flex
}

.santander__content-tooltip-wrapper {
    position: static
}

@media (min-width:768px) {
    .santander__content-tooltip-wrapper {
        position: relative
    }
}

.santander__content-toltip-text {
    left: 0;
    margin: unset;
    right: 0
}

@media (min-width:768px) {
    .santander__content-toltip-text {
        left: 50%;
        margin-left: -60px;
        right: unset
    }
}

.santander-modal__radio-container__title {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px
}

.santander-modal__radio-container__buttons {
    display: flex;
    flex-direction: column;
    margin-bottom: 36px
}

.santander-modal__radio-container__buttons>*+* {
    margin-top: 12px
}

@media (min-width:768px) {
    .santander-modal__radio-container__buttons {
        flex-direction: row
    }

    .santander-modal__radio-container__buttons>*+* {
        margin-left: 48px;
        margin-top: unset
    }
}

.santander-modal__radio-container__button>input[type=radio] {
    display: none
}

.santander-modal__radio-container__button>input[type=radio]:checked+label:after {
    background: #181818;
    border-radius: 11px;
    content: "";
    display: block;
    height: 8px;
    left: 6px;
    position: absolute;
    top: 5px;
    width: 8px
}

.santander-modal__radio-container__button>label {
    color: #636363;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    position: relative
}

.santander-modal__radio-container__button>label:before {
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 9%, .1);
    border-radius: 11px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 12px;
    position: relative;
    top: 5px;
    width: 20px
}

.santander-modal__radio-container__button--active>label {
    color: #181818
}

.santander-modal__dropdown-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-bottom: 60px;
    padding: 0 40px;
    row-gap: 32px
}

@media (min-width:1024px) {
    .santander-modal__dropdown-container {
        -moz-column-gap: 78px;
        column-gap: 78px;
        grid-template-columns: repeat(3, 220px);
        row-gap: 20px
    }
}

.santander-modal__dropdown-container--leasing {
    margin-bottom: 28px
}

.santander-modal__input {
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 9%, .1);
    color: #636363;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    pointer-events: none
}

.santander-modal__input:focus {
    outline: none
}

.santander-modal__input:disabled {
    background-color: transparent
}

.santander-modal__dropdown {
    border-bottom: 1px solid hsla(0, 0%, 9%, .1);
    cursor: pointer
}

.santander-modal__dropdown>.vs__dropdown-toggle {
    border: none;
    padding: unset;
    width: 100%
}

.santander-modal__dropdown>.vs__dropdown-toggle>.vs__actions>.vs__clear {
    display: none
}

.santander-modal__dropdown>.vs__dropdown-toggle>.vs__selected-options>.vs__search,
.santander-modal__dropdown>.vs__dropdown-toggle>.vs__selected-options>.vs__selected {
    color: #636363;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: unset;
    padding: unset;
    padding-bottom: 12px
}

.santander-modal__dropdown>.vs__dropdown-toggle>.vs__selected-options>.vs__search {
    font-family: Roboto, sans-serif
}

.santander-modal__dropdown>.vs__dropdown-menu {
    color: #636363;
    font-family: Roboto, sans-serif;
    max-height: 150px;
    top: 115%
}

.santander-modal__dropdown>.vs__dropdown-menu>.vs__dropdown-option {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.santander-modal__dropdown>.vs__dropdown-menu>.vs__dropdown-option--highlight {
    background-color: #636363
}

.santander-modal__calculation-container {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    margin: 0 40px 10px;
    padding-bottom: 8px
}

.santander-modal__calculation-container--interest-rates {
    align-items: flex-end;
    flex-direction: column
}

.santander-modal__calculation-container--interest-rates>p {
    margin: unset
}

.santander-modal__calculation-container--interest-rates>p:last-of-type {
    margin-left: 12px
}

@media (min-width:768px) {
    .santander-modal__calculation-container--interest-rates {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }
}

.santander-modal__calculation-text {
    color: #636363;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    opacity: .8
}

.santander-modal__calculation-text--error {
    color: red
}

.santander-modal__calculation {
    color: #181818;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

@media (min-width:768px) {
    .santander-modal__calculation {
        font-size: 28px;
        line-height: 36px
    }
}

.santander-modal__calculation__monthly {
    left: -9px;
    position: relative
}

.santander-modal__calculation-disclaimer {
    color: #181818;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 16px;
    padding: 0 40px
}

.santander-modal__calculation-disclaimer>span {
    opacity: .6
}

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

.santander-modal__submit-button-container {
    display: flex;
    justify-content: flex-end;
    padding: 0 40px
}

.santander-modal__submit-button {
    color: #fff;
    font-size: 13px;
    font-weight: 350;
    line-height: 20px;
    padding: 6px 28px
}

.santander-modal__loading-container {
    display: flex;
    justify-content: center
}

.page-simulator {
    background-color: #f2f2f2;
    margin: auto;
    max-width: 1044px
}

.page-reinsurance {
    background-color: #fff
}

.page-reinsurance .section-hero {
    margin-bottom: 50px
}

@media (min-width:1024px) {
    .page-reinsurance .section-hero {
        margin-bottom: 120px
    }
}

.page-reinsurance .image-text-block__content-title {
    font-size: 1.875em;
    line-height: 107%
}

@media (min-width:1024px) {
    .page-reinsurance .image-text-block__content-title {
        font-size: 2.5em;
        line-height: 115%
    }
}

.page-reinsurance .image-text-block__image {
    max-width: unset
}

.page-electric-academy {
    background-color: #fff
}

.page-electric-academy .button-go-back {
    margin: 0
}

.page-electric-academy .container-title-text__title {
    font-size: 1.5625em
}

.page-electric-academy .battery-simulator {
    background-color: #fff;
    margin-bottom: 0;
    margin-top: 40px
}

.page-electric-academy .battery-simulator__module__range {
    background-color: #f7f7f7;
    display: none;
    margin-bottom: 20px
}

.page-electric-academy .battery-simulator__module__charge-level {
    background-color: #f7f7f7
}

@media (min-width:768px) {
    .page-electric-academy .section-content {
        padding-bottom: 44px
    }
}

@media (min-width:1024px) {
    .page-electric-academy .image-text-block-container {
        padding-bottom: 44px
    }
}

.page-custom-pages {
    background-color: #fff
}

.comparison-page {
    border: none;
    color: #000;
    margin: auto auto 40px;
    max-width: 1440px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .comparison-page {
        margin-bottom: 60px;
        padding-top: 40px
    }
}

@media (min-width:1024px) {
    .comparison-page {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .comparison-page {
        margin-bottom: 120px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 64px;
        width: 1200px
    }
}

.comparison-page__title {
    font-family: Roboto, sans-serif;
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 30px
}

.comparison-page__title span {
    display: block
}

@media (min-width:768px) {
    .comparison-page__title {
        font-size: 2.5em;
        margin-bottom: 40px
    }

    .comparison-page__title span {
        display: inline
    }
}

@media (min-width:1440px) {
    .comparison-page__title {
        font-size: 3.4375em;
        margin-bottom: 80px
    }
}

.comparison,
.comparison--0 .comparison__add-model {
    display: flex;
    justify-content: center;
    position: relative
}

.comparison--0 .comparison__add-model {
    margin-right: auto;
    right: auto;
    text-orientation: mixed;
    top: 0;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

.comparison--0 .comparison__add-model-icon {
    margin-bottom: 0;
    margin-right: 15px
}

@media screen and (max-width:767px) {
    .comparison--1 {
        justify-content: flex-start
    }

    .comparison--1 .comparison__model-selection {
        top: 190px
    }

    .comparison--1 .comparison__car {
        width: 231px
    }

    .comparison--1 .comparison__car-header-model-name {
        display: inline
    }

    .comparison--1 .comparison__car-header-remove {
        right: -5px;
        top: -5px;
        width: 30px
    }

    .comparison--1 .comparison__add-model {
        display: flex
    }

    .comparison--1 .comparison__car-buttons-button {
        font-size: 1em;
        padding: 14px 30px
    }

    .comparison--1 .comparison__car-dropdown-icon {
        top: 7px
    }
}

.comparison--1 .comparison__add-model {
    display: flex
}

@media screen and (min-width:768px) and (max-width:1439px) {
    .comparison--1 .comparison__car--1 .comparison__model-selection {
        right: -122px
    }
}

.comparison--2 .comparison__car:first-child {
    margin-right: 12px
}

@media (min-width:768px) {
    .comparison--2 .comparison__car:first-child {
        margin-right: 8px
    }
}

@media (min-width:1024px) {
    .comparison--2 .comparison__car:first-child {
        margin-right: 30px
    }
}

.comparison--2 .comparison__car:nth-child(2) {
    margin-left: 12px
}

@media (min-width:768px) {
    .comparison--2 .comparison__car:nth-child(2) {
        margin-left: 8px
    }
}

@media (min-width:1024px) {
    .comparison--2 .comparison__car:nth-child(2) {
        margin-left: 30px
    }
}

@media (min-width:768px) {
    .comparison--2 .comparison__add-model {
        display: flex
    }
}

@media screen and (max-width:767px) {
    .comparison--2 .comparison__car-header-remove {
        display: block
    }
}

@media (min-width:768px) {
    .comparison--3 .comparison__car:first-child {
        margin-right: 0
    }

    .comparison--3 .comparison__car:nth-child(2) {
        margin: 0 15px
    }
}

@media (min-width:1024px) {
    .comparison--3 .comparison__car:nth-child(2) {
        margin: 0 60px
    }
}

@media (min-width:768px) {
    .comparison--3 .comparison__car-header-remove {
        display: block
    }
}

.comparison__car {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .comparison__car {
        position: relative;
        width: 231px
    }
}

@media (min-width:1440px) {
    .comparison__car {
        width: 360px
    }
}

@media screen and (min-width:768px) and (max-width:1439px) {
    .comparison__car--1 .comparison__model-selection {
        left: -4px;
        right: auto
    }
}

.comparison__car--3 {
    display: none
}

@media (min-width:768px) {
    .comparison__car--3 {
        display: flex
    }
}

.comparison__car--selection-opened .comparison__car-dropdown-icon {
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .comparison__car--selection-opened .comparison__car-dropdown-icon {
        transform: translateY(-50%) rotate(180deg)
    }
}

.comparison__car-header {
    height: calc(161.28571px + 18.97321vw);
    margin-bottom: 20px;
    position: relative
}

@media (min-width:768px) {
    .comparison__car-header {
        height: 250px
    }
}

@media (min-width:1440px) {
    .comparison__car-header {
        height: auto;
        margin-bottom: 40px
    }
}

.comparison__car-header-image {
    display: block;
    height: auto;
    margin-bottom: 10px;
    width: 94%
}

@media (min-width:768px) {
    .comparison__car-header-image {
        max-width: 216px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .comparison__car-header-image {
        max-width: none
    }
}

@media (min-width:1440px) {
    .comparison__car-header-image {
        margin-bottom: 20px
    }
}

.comparison__car-header-edition {
    color: rgba(0, 0, 0, .6);
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 5px
}

@media (min-width:1440px) {
    .comparison__car-header-edition {
        font-size: 1.375em
    }
}

.comparison__car-header-model {
    cursor: pointer;
    font-size: .8125em;
    margin-bottom: 10px;
    padding-right: 30px;
    position: relative
}

@media (min-width:375px) {
    .comparison__car-header-model {
        font-size: 1em
    }
}

@media (min-width:1440px) {
    .comparison__car-header-model {
        font-size: 2.5em
    }
}

.comparison__car-header-model-name {
    display: inline
}

.comparison__car-header-label {
    background-color: #2fd176;
    border-radius: 4px 15px 15px 4px;
    color: #fff;
    display: inline-block;
    font-size: .75em;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 6px 10px
}

@media (min-width:1440px) {
    .comparison__car-header-label {
        margin-bottom: 18px
    }
}

.comparison__car-header-label--blue {
    background-color: #21a1dc
}

.comparison__car-header-label--dark-green {
    background-color: #27a960
}

.comparison__car-header-price {
    font-size: 1.125em;
    font-weight: 400;
    min-height: 36px
}

@media (min-width:480px) {
    .comparison__car-header-price {
        min-height: auto
    }
}

@media (min-width:1440px) {
    .comparison__car-header-price {
        font-size: 1.5em
    }
}

.comparison__car-header-remove {
    cursor: pointer;
    display: none;
    height: auto;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 20px;
    z-index: 5
}

@media (min-width:768px) {
    .comparison__car-header-remove {
        right: 0;
        top: 0;
        width: 30px
    }
}

.comparison__car-specs {
    margin-bottom: 15px
}

@media (min-width:1440px) {
    .comparison__car-specs {
        margin-bottom: 20px;
        margin-top: auto
    }
}

.comparison__car-specs-spec {
    margin-bottom: 15px
}

@media (min-width:1440px) {
    .comparison__car-specs-spec {
        margin-bottom: 20px
    }
}

.comparison__car-specs-spec:last-of-type {
    margin-bottom: 0
}

.comparison__car-specs-spec-value {
    color: rgba(0, 0, 0, .8);
    font-size: 1.125em;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 2px
}

@media (min-width:1440px) {
    .comparison__car-specs-spec-value {
        font-size: 1.375em
    }
}

.comparison__car-specs-spec-name {
    color: rgba(0, 0, 0, .4);
    font-size: .75em;
    font-weight: 400;
    line-height: 1.2
}

@media (min-width:1440px) {
    .comparison__car-specs-spec-name {
        font-size: 1em
    }
}

.comparison__car-specs-btn {
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    font-weight: 700
}

.comparison__car-specs-btn-inner {
    align-items: center;
    display: flex
}

.comparison__car-specs-btn-icon {
    display: block;
    height: auto;
    margin-right: 10px;
    width: 15px
}

.comparison__car-dropdown-icon {
    display: block;
    height: auto;
    position: absolute;
    right: 10px;
    top: 28px;
    width: 10px
}

@media (min-width:768px) {
    .comparison__car-dropdown-icon {
        right: 15px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width:1440px) {
    .comparison__car-dropdown-icon {
        right: 10px
    }
}

.comparison__car-buttons {
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media (min-width:1440px) {
    .comparison__car-buttons {
        flex-direction: row;
        margin-top: 60px
    }
}

.comparison__car-buttons-button {
    align-self: flex-start;
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .comparison__car-buttons-button {
        font-size: .875em;
        padding: 7px 15px
    }
}

@media (min-width:768px) {
    .comparison__car-buttons-button {
        flex-shrink: 0
    }
}

@media (min-width:1024px) {
    .comparison__car-buttons-button {
        margin-right: 20px
    }
}

@media (min-width:1440px) {
    .comparison__car-buttons-button {
        margin-bottom: 0
    }
}

.comparison__car-buttons-button:last-of-type {
    margin-right: 0
}

.comparison__add-model {
    align-items: center;
    cursor: pointer;
    display: flex;
    display: none;
    font-size: 1.125em;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-orientation: mixed;
    top: 80px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

@media (min-width:768px) {
    .comparison__add-model {
        top: 90px
    }
}

@media (min-width:1440px) {
    .comparison__add-model {
        top: 180px
    }
}

.comparison__add-model-icon {
    display: block;
    height: auto;
    margin-bottom: 15px;
    width: 40px
}

.comparison__model-selection {
    -webkit-backface-visibility: hidden;
    background-color: #fff;
    border-radius: 12px;
    filter: drop-shadow(0 1px 12px rgba(0, 0, 0, .15));
    left: 0;
    padding: 30px;
    -webkit-perspective: 1000;
    position: absolute;
    top: 195px;
    -webkit-transform: translateZ(0);
    width: calc(100vw - 60px);
    z-index: 200
}

@media (min-width:768px) {
    .comparison__model-selection {
        left: auto;
        right: 13px;
        top: 189px;
        width: 471px
    }
}

@media (min-width:1024px) {
    .comparison__model-selection {
        top: 198px;
        width: 511px
    }
}

@media (min-width:1440px) {
    .comparison__model-selection {
        right: 0;
        top: 307px;
        width: 100%
    }
}

.comparison__model-selection-model {
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 23px;
    padding-top: 23px
}

.comparison__model-selection-model:first-of-type {
    padding-top: 0
}

.comparison__model-selection-model:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.comparison__model-selection-model-upper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.comparison__model-selection-model-content-title {
    font-size: .875em;
    line-height: 1;
    margin-bottom: 5px
}

@media (min-width:375px) {
    .comparison__model-selection-model-content-title {
        font-size: 1.25em;
        padding-right: 10px
    }
}

@media (min-width:480px) {
    .comparison__model-selection-model-content-title {
        font-size: 1.5625em
    }
}

.comparison__model-selection-model-content-label {
    background-color: #2fd176;
    border-radius: 4px 15px 15px 4px;
    color: #fff;
    display: inline-block;
    font-size: .75em;
    font-weight: 500;
    padding: 6px 10px
}

.comparison__model-selection-model-content-label--blue {
    background-color: #0078ea
}

.comparison__model-selection-model-content-label--dark-green {
    background-color: #27a960
}

.comparison__model-selection-model-image {
    align-self: flex-start;
    display: block;
    flex-shrink: 0;
    height: auto;
    width: 100px
}

.comparison__model-selection-model-variants-variant {
    color: rgba(0, 0, 0, .7);
    cursor: pointer;
    display: inline-block;
    font-size: .875em;
    font-weight: 700;
    margin-right: 18px;
    text-decoration: underline
}

.page-content-container {
    background-color: #fff
}

.history__wrapper {
    padding: 0 0 100px
}

@media (min-width:768px) {
    .history__wrapper {
        padding: 0 40px 160px
    }
}

.history__video {
    margin-bottom: 60px;
    width: 100%
}

@media (min-width:768px) {
    .history__video {
        border-radius: 10px;
        height: calc(100vh - 150px);
        margin-bottom: 120px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.history__title {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    grid-column: 1/7;
    line-height: 36px;
    margin-bottom: 36px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .history__title {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: unset
    }
}

.history__content {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 20px 100px
}

@media (min-width:768px) {
    .history__content {
        display: grid;
        gap: 32px;
        grid-template-columns: repeat(12, 1fr);
        padding: 0 40px 120px
    }
}

.history--text {
    margin: 0 auto;
    max-width: 1440px
}

@media (min-width:768px) {
    .history--text {
        display: grid;
        gap: 32px;
        grid-template-columns: repeat(12, 1fr)
    }
}

.history__dual--text {
    grid-column: 7/13
}

.history__text--primary {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px;
    mix-blend-mode: normal;
    opacity: .8
}

.history__text--primary p {
    margin: 0
}

.history__text--secondary {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    mix-blend-mode: normal;
    opacity: .7
}

.history__text--secondary p {
    margin: 0
}

.history__list--wrapper {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 20px 104px
}

@media (min-width:768px) {
    .history__list--wrapper {
        display: grid;
        gap: 32px;
        grid-template-columns: repeat(12, 1fr);
        padding: 0 40px 148px
    }
}

.history__item--wrapper {
    align-items: center;
    display: flex;
    margin-top: 60px;
    padding: 0 20px
}

@media (min-width:768px) {
    .history__item--wrapper {
        margin-top: unset;
        padding: 0
    }
}

.history__year {
    bottom: 0;
    color: #fff;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 68px;
    position: absolute;
    right: -40px;
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .history__year {
        left: unset;
        right: 15px;
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .history__year {
        bottom: 0;
        font-size: 100px;
        line-height: 108px
    }
}

.history__list--image {
    border-radius: 10px;
    max-height: 348px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:768px) {
    .history__list--image {
        max-height: 384px
    }
}

@media (min-width:1024px) {
    .history__list--image {
        height: 500px;
        max-height: 100%
    }
}

.history__image--left {
    grid-column: 1/7;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

@media (min-width:1024px) {
    .history__image--left {
        grid-column: 1/8
    }
}

.history__image--right {
    grid-column: 7/13;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

@media (min-width:1024px) {
    .history__image--right {
        grid-column: 6/13
    }
}

.history__image--overlay {
    background: linear-gradient(180deg, transparent, #000);
    border-radius: 10px;
    bottom: 0;
    height: 70px;
    position: absolute;
    width: 100%
}

@media (min-width:1024px) {
    .history__image--overlay {
        height: 140px
    }
}

.history__column--left {
    grid-column: 1/7;
    grid-row: 1;
    position: relative
}

@media (min-width:1024px) {
    .history__column--left {
        grid-column: 1/6
    }
}

.history__column--right {
    grid-column: 7/13;
    grid-row: 1;
    position: relative
}

@media (min-width:1024px) {
    .history__column--right {
        grid-column: 8/13
    }
}

.history__item--title {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .history__item--title {
        margin-bottom: 12px
    }
}

.history__item--subtitle {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 28px
}

.history__item--subtitle,
.history__item--text {
    color: #181818;
    font-family: RobotoStd-Regular, sans-serif;
    font-style: normal;
    font-weight: 400
}

.history__item--text {
    font-size: 18px;
    line-height: 24px;
    mix-blend-mode: normal;
    opacity: .7
}

@media (min-width:768px) {

    .marvel-r .model-header__content-container,
    .marvel-r .model-header__position-fix,
    .marvelr .model-header__content-container,
    .marvelr .model-header__position-fix,
    .mg-4-new .model-header__content-container,
    .mg-4-new .model-header__position-fix,
    .mg-5 .model-header__content-container,
    .mg-5 .model-header__position-fix,
    .zs .model-header__content-container,
    .zs .model-header__position-fix,
    .zs-ev .model-header__content-container,
    .zs-ev .model-header__position-fix,
    .page-model .model-header__content-container,
    .page-model .model-header__position-fix {
        display: block
    }
}

@media (min-width:1024px) {

    .marvel-r .model-header__content-container,
    .marvel-r .model-header__position-fix,
    .marvelr .model-header__content-container,
    .marvelr .model-header__position-fix,
    .mg-4-new .model-header__content-container,
    .mg-4-new .model-header__position-fix,
    .mg-5 .model-header__content-container,
    .mg-5 .model-header__position-fix,
    .zs .model-header__content-container,
    .zs .model-header__position-fix,
    .zs-ev .model-header__content-container,
    .zs-ev .model-header__position-fix,
    .page-model .model-header__content-container,
    .page-model .model-header__position-fix {
        display: flex
    }
}

@media (min-width:768px) {

    .marvel-r .model-header__buttons,
    .page-model .model-header__buttons,
    .marvelr .model-header__buttons,
    .mg-4-new .model-header__buttons,
    .mg-5 .model-header__buttons,
    .zs .model-header__buttons,
    .zs-ev .model-header__buttons {
        align-items: flex-start;
        display: flex
    }
}

@media (min-width:1024px) {

    .marvel-r .model-header__buttons,
    .page-model .model-header__buttons,
    .marvelr .model-header__buttons,
    .mg-4-new .model-header__buttons,
    .mg-5 .model-header__buttons,
    .zs .model-header__buttons,
    .zs-ev .model-header__buttons {
        align-items: flex-end
    }
}

.marvel-r .text-container,
.page-model .text-container,
.marvelr .text-container,
.mg-4-new .text-container,
.mg-5 .text-container,
.zs .text-container,
.zs-ev .text-container {
    max-width: 1000px
}

.marvel-r .dual-block__text,
.marvel-r .dual-block__title,
.marvel-r .dual-block__top-title,
.page-model .dual-block__text,
.page-model .dual-block__title,
.page-model .dual-block__top-title,
.marvelr .dual-block__text,
.marvelr .dual-block__title,
.marvelr .dual-block__top-title,
.mg-4-new .dual-block__text,
.mg-4-new .dual-block__title,
.mg-4-new .dual-block__top-title,
.mg-5 .dual-block__text,
.mg-5 .dual-block__title,
.mg-5 .dual-block__top-title,
.zs .dual-block__text,
.zs .dual-block__title,
.zs .dual-block__top-title,
.zs-ev .dual-block__text,
.zs-ev .dual-block__title,
.zs-ev .dual-block__top-title {
    padding: 0 50px 0 30px
}

@media (min-width:1024px) {

    .marvel-r .dual-block__text,
    .marvel-r .dual-block__title,
    .marvel-r .dual-block__top-title,
    .page-model .dual-block__text,
    .page-model .dual-block__title,
    .page-model .dual-block__top-title,
    .marvelr .dual-block__text,
    .marvelr .dual-block__title,
    .marvelr .dual-block__top-title,
    .mg-4-new .dual-block__text,
    .mg-4-new .dual-block__title,
    .mg-4-new .dual-block__top-title,
    .mg-5 .dual-block__text,
    .mg-5 .dual-block__title,
    .mg-5 .dual-block__top-title,
    .zs .dual-block__text,
    .zs .dual-block__title,
    .zs .dual-block__top-title,
    .zs-ev .dual-block__text,
    .zs-ev .dual-block__title,
    .zs-ev .dual-block__top-title {
        padding: 0
    }
}

.marvel-r .dual-block__title,
.page-model .dual-block__title,
.marvelr .dual-block__title,
.mg-4-new .dual-block__title,
.mg-5 .dual-block__title,
.zs .dual-block__title,
.zs-ev .dual-block__title {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem)
}

@media (min-width:768px) {

    .marvel-r .dual-block__title,
    .page-model .dual-block__title,
    .marvelr .dual-block__title,
    .mg-4-new .dual-block__title,
    .mg-5 .dual-block__title,
    .zs .dual-block__title,
    .zs-ev .dual-block__title {
        font-size: 2.5em
    }
}

.marvel-r .dual-block__text p:first-child,
.page-model .dual-block__text p:first-child,
.marvelr .dual-block__text p:first-child,
.mg-4-new .dual-block__text p:first-child,
.mg-5 .dual-block__text p:first-child,
.zs .dual-block__text p:first-child,
.zs-ev .dual-block__text p:first-child {
    margin-top: 0
}

.marvel-r .dual-block__blocks,
.page-model .dual-block__blocks,
.marvelr .dual-block__blocks,
.mg-4-new .dual-block__blocks,
.mg-5 .dual-block__blocks,
.zs .dual-block__blocks,
.zs-ev .dual-block__blocks {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-left: 30px
}

@media (min-width:768px) {

    .marvel-r .dual-block__blocks,
    .page-model .dual-block__blocks,
    .marvelr .dual-block__blocks,
    .mg-4-new .dual-block__blocks,
    .mg-5 .dual-block__blocks,
    .zs .dual-block__blocks,
    .zs-ev .dual-block__blocks {
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {

    .marvel-r .dual-block__blocks,
    .page-model .dual-block__blocks,
    .marvelr .dual-block__blocks,
    .mg-4-new .dual-block__blocks,
    .mg-5 .dual-block__blocks,
    .zs .dual-block__blocks,
    .zs-ev .dual-block__blocks {
        padding-left: 0
    }
}

@media (min-width:768px) {

    .marvel-r .dual-block__block,
    .page-model .dual-block__block,
    .marvelr .dual-block__block,
    .mg-4-new .dual-block__block,
    .mg-5 .dual-block__block,
    .zs .dual-block__block,
    .zs-ev .dual-block__block {
        margin-right: 0
    }

    .marvel-r .dual-block__block:not(:last-child),
    .page-model .dual-block__block:not(:last-child),
    .marvelr .dual-block__block:not(:last-child),
    .mg-4-new .dual-block__block:not(:last-child),
    .mg-5 .dual-block__block:not(:last-child),
    .zs .dual-block__block:not(:last-child),
    .zs-ev .dual-block__block:not(:last-child) {
        margin-bottom: 20px
    }

    .marvel-r .dual-block__block:last-child,
    .page-model .dual-block__block:last-child,
    .marvelr .dual-block__block:last-child,
    .mg-4-new .dual-block__block:last-child,
    .mg-5 .dual-block__block:last-child,
    .zs .dual-block__block:last-child,
    .zs-ev .dual-block__block:last-child {
        margin-bottom: 0
    }
}

.marvel-r .dual-block__block .dual-block__block-title,
.page-model .dual-block__block .dual-block__block-title,
.marvelr .dual-block__block .dual-block__block-title,
.mg-4-new .dual-block__block .dual-block__block-title,
.mg-5 .dual-block__block .dual-block__block-title,
.zs .dual-block__block .dual-block__block-title,
.zs-ev .dual-block__block .dual-block__block-title {
    font-size: 1.125em
}

@media (min-width:768px) {

    .marvel-r .dual-block__block .dual-block__block-title,
    .page-model .dual-block__block .dual-block__block-title,
    .marvelr .dual-block__block .dual-block__block-title,
    .mg-4-new .dual-block__block .dual-block__block-title,
    .mg-5 .dual-block__block .dual-block__block-title,
    .zs .dual-block__block .dual-block__block-title,
    .zs-ev .dual-block__block .dual-block__block-title {
        font-size: 1.375em
    }
}

.marvel-r .dual-block__image-holder,
.page-model .dual-block__image-holder,
.marvelr .dual-block__image-holder,
.mg-4-new .dual-block__image-holder,
.mg-5 .dual-block__image-holder,
.zs .dual-block__image-holder,
.zs-ev .dual-block__image-holder {
    margin-bottom: 0
}

@media (min-width:1024px) {

    .marvel-r .dual-block__image-holder,
    .page-model .dual-block__image-holder,
    .marvelr .dual-block__image-holder,
    .mg-4-new .dual-block__image-holder,
    .mg-5 .dual-block__image-holder,
    .zs .dual-block__image-holder,
    .zs-ev .dual-block__image-holder {
        border-radius: 10px;
        max-width: 1000px;
        width: 69.5%
    }

    .marvel-r .dual-block__image-holder img,
    .page-model .dual-block__image-holder img,
    .marvelr .dual-block__image-holder img,
    .mg-4-new .dual-block__image-holder img,
    .mg-5 .dual-block__image-holder img,
    .zs .dual-block__image-holder img,
    .zs-ev .dual-block__image-holder img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

.marvel-r .dual-block__content,
.page-model .dual-block__content,
.marvelr .dual-block__content,
.mg-4-new .dual-block__content,
.mg-5 .dual-block__content,
.zs .dual-block__content,
.zs-ev .dual-block__content {
    background-color: #fff;
    margin: -20px 20px 0 40px;
    padding: 60px 0 0;
    position: relative;
    width: auto
}

.marvel-r .dual-block__content:before,
.page-model .dual-block__content:before,
.marvelr .dual-block__content:before,
.mg-4-new .dual-block__content:before,
.mg-5 .dual-block__content:before,
.zs .dual-block__content:before,
.zs-ev .dual-block__content:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: calc(100% + 20px);
    left: -20px;
    position: absolute;
    top: -20px;
    width: calc(100% + 20px)
}

@media (min-width:1024px) {

    .marvel-r .dual-block__content,
    .page-model .dual-block__content,
    .marvelr .dual-block__content,
    .mg-4-new .dual-block__content,
    .mg-5 .dual-block__content,
    .zs .dual-block__content,
    .zs-ev .dual-block__content {
        background-color: #fff;
        margin: 7.6vw 0 0 -120px;
        max-width: 430px;
        padding: 40px 60px 40px 40px;
        position: relative;
        width: 100%
    }

    .marvel-r .dual-block__content:before,
    .page-model .dual-block__content:before,
    .marvelr .dual-block__content:before,
    .mg-4-new .dual-block__content:before,
    .mg-5 .dual-block__content:before,
    .zs .dual-block__content:before,
    .zs-ev .dual-block__content:before {
        content: none
    }
}

@media (min-width:1440px) {

    .marvel-r .dual-block__content,
    .page-model .dual-block__content,
    .marvelr .dual-block__content,
    .mg-4-new .dual-block__content,
    .mg-5 .dual-block__content,
    .zs .dual-block__content,
    .zs-ev .dual-block__content {
        max-width: 530px;
        padding: 80px 120px 80px 80px
    }
}

@media (min-width:1024px) {

    .marvel-r .dual-block__content:before,
    .page-model .dual-block__content:before,
    .marvelr .dual-block__content:before,
    .mg-4-new .dual-block__content:before,
    .mg-5 .dual-block__content:before,
    .zs .dual-block__content:before,
    .zs-ev .dual-block__content:before {
        background-color: hsla(0, 0%, 100%, .2);
        content: "";
        height: calc(100% + 30px);
        left: -30px;
        position: absolute;
        top: -30px;
        width: calc(100% + 30px)
    }

    .marvel-r .dual-block-container--reverse .dual-block__content,
    .page-model .dual-block-container--reverse .dual-block__content,
    .marvelr .dual-block-container--reverse .dual-block__content,
    .mg-4-new .dual-block-container--reverse .dual-block__content,
    .mg-5 .dual-block-container--reverse .dual-block__content,
    .zs .dual-block-container--reverse .dual-block__content,
    .zs-ev .dual-block-container--reverse .dual-block__content {
        margin-left: auto;
        margin-right: -120px;
        padding: 40px 40px 40px 60px;
        z-index: 2
    }
}

@media (min-width:1440px) {

    .marvel-r .dual-block-container--reverse .dual-block__content,
    .page-model .dual-block-container--reverse .dual-block__content,
    .marvelr .dual-block-container--reverse .dual-block__content,
    .mg-4-new .dual-block-container--reverse .dual-block__content,
    .mg-5 .dual-block-container--reverse .dual-block__content,
    .zs .dual-block-container--reverse .dual-block__content,
    .zs-ev .dual-block-container--reverse .dual-block__content {
        padding: 80px 80px 80px 120px
    }
}

@media (min-width:1024px) {

    .marvel-r .dual-block-container--reverse .dual-block__content:before,
    .page-model .dual-block-container--reverse .dual-block__content:before,
    .marvelr .dual-block-container--reverse .dual-block__content:before,
    .mg-4-new .dual-block-container--reverse .dual-block__content:before,
    .mg-5 .dual-block-container--reverse .dual-block__content:before,
    .zs .dual-block-container--reverse .dual-block__content:before,
    .zs-ev .dual-block-container--reverse .dual-block__content:before {
        content: "";
        left: unset;
        right: -30px
    }
}

.marvel-r .image-text-cta-block-image--margin-bottom,
.page-model .image-text-cta-block-image--margin-bottom,
.marvelr .image-text-cta-block-image--margin-bottom,
.mg-4-new .image-text-cta-block-image--margin-bottom,
.mg-5 .image-text-cta-block-image--margin-bottom,
.zs .image-text-cta-block-image--margin-bottom,
.zs-ev .image-text-cta-block-image--margin-bottom {
    margin-bottom: 40px
}

@media (min-width:768px) {

    .marvel-r .image-text-cta-block-image--margin-bottom,
    .page-model .image-text-cta-block-image--margin-bottom,
    .marvelr .image-text-cta-block-image--margin-bottom,
    .mg-4-new .image-text-cta-block-image--margin-bottom,
    .mg-5 .image-text-cta-block-image--margin-bottom,
    .zs .image-text-cta-block-image--margin-bottom,
    .zs-ev .image-text-cta-block-image--margin-bottom {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {

    .marvel-r .image-text-cta-block-image--margin-bottom,
    .page-model .image-text-cta-block-image--margin-bottom,
    .marvelr .image-text-cta-block-image--margin-bottom,
    .mg-4-new .image-text-cta-block-image--margin-bottom,
    .mg-5 .image-text-cta-block-image--margin-bottom,
    .zs .image-text-cta-block-image--margin-bottom,
    .zs-ev .image-text-cta-block-image--margin-bottom {
        margin-bottom: 80px
    }
}

.marvel-r .image-text-cta-block-image,
.page-model .image-text-cta-block-image,
.marvelr .image-text-cta-block-image,
.mg-4-new .image-text-cta-block-image,
.mg-5 .image-text-cta-block-image,
.zs .image-text-cta-block-image,
.zs-ev .image-text-cta-block-image {
    padding-top: 0;
    position: relative
}

.marvel-r .image-text-cta-block-image img,
.page-model .image-text-cta-block-image img,
.marvelr .image-text-cta-block-image img,
.mg-4-new .image-text-cta-block-image img,
.mg-5 .image-text-cta-block-image img,
.zs .image-text-cta-block-image img,
.zs-ev .image-text-cta-block-image img {
    width: 100%
}

.marvel-r .image-text-block__content,
.page-model .image-text-block__content,
.marvelr .image-text-block__content,
.mg-4-new .image-text-block__content,
.mg-5 .image-text-block__content,
.zs .image-text-block__content,
.zs-ev .image-text-block__content {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {

    .marvel-r .image-text-block__content,
    .page-model .image-text-block__content,
    .marvelr .image-text-block__content,
    .mg-4-new .image-text-block__content,
    .mg-5 .image-text-block__content,
    .zs .image-text-block__content,
    .zs-ev .image-text-block__content {
        justify-content: center;
        padding-top: 0
    }
}

.marvel-r .video__poster-holder:after,
.page-model .video__poster-holder:after,
.marvelr .video__poster-holder:after,
.mg-4-new .video__poster-holder:after,
.mg-5 .video__poster-holder:after,
.zs .video__poster-holder:after,
.zs-ev .video__poster-holder:after {
    border: 2px solid #fff;
    bottom: 20px;
    content: "";
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 40px)
}

@media (min-width:768px) {

    .marvel-r .video__poster-holder:after,
    .page-model .video__poster-holder:after,
    .marvelr .video__poster-holder:after,
    .mg-4-new .video__poster-holder:after,
    .mg-5 .video__poster-holder:after,
    .zs .video__poster-holder:after,
    .zs-ev .video__poster-holder:after {
        bottom: 50px;
        height: calc(100% - 100px);
        left: 50px;
        right: 50px;
        top: 50px;
        width: calc(100% - 100px)
    }
}

@media (min-width:1024px) {

    .marvel-r .video__poster-holder:after,
    .page-model .video__poster-holder:after,
    .marvelr .video__poster-holder:after,
    .mg-4-new .video__poster-holder:after,
    .mg-5 .video__poster-holder:after,
    .zs .video__poster-holder:after,
    .zs-ev .video__poster-holder:after {
        bottom: 80px;
        height: calc(100% - 160px);
        left: 80px;
        right: 80px;
        top: 80px;
        width: calc(100% - 160px)
    }
}

@media (min-width:768px) {

    .mg4 .model-header__content-container,
    .mg4 .model-header__position-fix {
        display: block
    }
}

@media (min-width:1024px) {

    .mg4 .model-header__content-container,
    .mg4 .model-header__position-fix {
        display: flex
    }
}

@media (min-width:768px) {
    .mg4 .model-header__buttons {
        align-items: flex-start;
        display: flex
    }
}

@media (min-width:1024px) {
    .mg4 .model-header__buttons {
        align-items: flex-end
    }
}

.mg4 .text-container {
    max-width: 1000px
}

.mg4 .dual-block__text,
.mg4 .dual-block__title,
.mg4 .dual-block__top-title {
    padding: 0 50px 0 30px
}

@media (min-width:1024px) {

    .mg4 .dual-block__text,
    .mg4 .dual-block__title,
    .mg4 .dual-block__top-title {
        padding: 0
    }
}

.mg4 .dual-block__title {
    font-size: 1.875em
}

@media (min-width:768px) {
    .mg4 .dual-block__title {
        font-size: 2.5em
    }
}

.mg4 .dual-block__text p:first-child {
    margin-top: 0
}

.mg4 .dual-block__blocks {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-left: 30px
}

@media (min-width:768px) {
    .mg4 .dual-block__blocks {
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .mg4 .dual-block__blocks {
        padding-left: 0
    }
}

@media (min-width:768px) {
    .mg4 .dual-block__block {
        margin-right: 0
    }

    .mg4 .dual-block__block:not(:last-child) {
        margin-bottom: 20px
    }

    .mg4 .dual-block__block:last-child {
        margin-bottom: 0
    }
}

.mg4 .dual-block__block .dual-block__block-title {
    font-size: 1.125em
}

@media (min-width:768px) {
    .mg4 .dual-block__block .dual-block__block-title {
        font-size: 1.375em
    }
}

.mg4 .dual-block__image-holder {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .mg4 .dual-block__image-holder {
        max-width: 1000px;
        width: 69.5%
    }

    .mg4 .dual-block__image-holder img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
}

.mg4 .dual-block__content {
    background-color: #fff;
    margin: -20px 0 0 40px;
    padding: 60px 0 0;
    position: relative;
    width: auto
}

.mg4 .dual-block__content:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: calc(100% + 20px);
    left: 20px;
    position: absolute;
    top: -20px;
    width: calc(100% - 20px)
}

@media (min-width:1024px) {
    .mg4 .dual-block__content {
        background-color: #fff;
        margin: 7.6vw 0 0 -120px;
        max-width: 430px;
        padding: 40px 60px 40px 40px;
        position: relative;
        width: 100%
    }

    .mg4 .dual-block__content:before {
        content: none
    }
}

@media (min-width:1440px) {
    .mg4 .dual-block__content {
        max-width: 530px;
        padding: 80px 120px 80px 80px
    }
}

@media (min-width:1024px) {
    .mg4 .dual-block__content:before {
        background-color: hsla(0, 0%, 100%, .2);
        content: "";
        height: calc(100% + 30px);
        left: -30px;
        position: absolute;
        top: -30px;
        width: calc(100% + 30px)
    }

    .mg4 .dual-block-container--reverse .dual-block__content {
        margin-left: auto;
        margin-right: -120px;
        padding: 40px 40px 40px 60px;
        z-index: 2
    }
}

@media (min-width:1440px) {
    .mg4 .dual-block-container--reverse .dual-block__content {
        padding: 80px 80px 80px 120px
    }
}

@media (min-width:1024px) {
    .mg4 .dual-block-container--reverse .dual-block__content:before {
        content: "";
        left: unset;
        right: -30px
    }
}

.mg4 .image-text-cta-block-image--margin-bottom {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .mg4 .image-text-cta-block-image--margin-bottom {
        margin-bottom: 60px
    }
}

@media (min-width:1024px) {
    .mg4 .image-text-cta-block-image--margin-bottom {
        margin-bottom: 80px
    }
}

.mg4 .image-text-cta-block-image {
    padding-top: 0;
    position: relative
}

.mg4 .image-text-cta-block-image img {
    width: 100%
}

.mg4 .image-text-block__content {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .mg4 .image-text-block__content {
        justify-content: center;
        padding-top: 0
    }
}

.mg4 .video__poster-holder:after {
    border: 2px solid #fff;
    bottom: 20px;
    content: "";
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: calc(100% - 40px)
}

@media (min-width:768px) {
    .mg4 .video__poster-holder:after {
        bottom: 50px;
        height: calc(100% - 100px);
        left: 50px;
        right: 50px;
        top: 50px;
        width: calc(100% - 100px)
    }
}

@media (min-width:1024px) {
    .mg4 .video__poster-holder:after {
        bottom: 80px;
        height: calc(100% - 160px);
        left: 80px;
        right: 80px;
        top: 80px;
        width: calc(100% - 160px)
    }
}

.mg4 .submit-button {
    background-color: #000;
    border: 2px solid #000;
    border-radius: 58px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    padding: 14px 30px;
    position: relative
}

.mg4 .submit-button[disabled] {
    background-color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.mg4 .submit-button svg .fill {
    fill: #fff
}

/*# sourceMappingURL=styles.css.map*/

#footer-v2 .container__footer-new .footer-channels .footer-social ul li a img {
    height: 20px !important;
}
/* .homepage__container {
    background-color: #f7f7f7 !important;
} */
.page-brand-history .history__wrapper .history__content .history__title p{
    margin: unset;
}
.gfield select {
    background-color: #181818;

}
.page-contact .gform_wrapper.gravity-theme .gsection{
    border-bottom: none !important;
}
/*
.button-v2--close:after{
    content: url(../img/close-icon.svg);
    position: absolute;
    right: 27px;
} */
.three-blocks__block{
    color: black !important; 
}
/*
.drawer__menu-mobile .drawer__link{
    opacity: 1!important;
}
.drawer__accordion-content li.menu-item{
    display: flex;
    align-items: center;
}

.drawer__accordion-content li.menu-item img{
    margin-left: 1rem;
}
.drawer__mobile-button{
    cursor: pointer;
}
.drawer__group{
    transition: opacity 0.5s;
}
*/
/*customise css*/
/*  for mobile  */
.page-contact .request__form-holder .gform_wrapper .gform-body .input-holder option{
    background-color:black;
color: #fff;
padding: 30px!important;
font-size: .875em;
line-height: 190%;
}

/* .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px;
}  */

.input-holder input, .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select {
height: 50px;
}

.gfield_contains_required::after{
content: "*";
width: 3px;
height: 3px;
color: white;
position: absolute;
top: 16px;
right: 4px;
}
.gfield--type-select {
position:relative;
}

.gfield--type-select::after {
left: 64px;
top: 16px;
}

.subject-wrapper .gfield--type-select::after {
top: 16px;
left: 126px;
}


.gform_footer.top_label {
margin-top: 40px;
padding: 50px 0;
position: relative;
display: flex;
justify-content: flex-end;
}

.d-none {
display:none;
}

.hidden {
visibility:hidden;
}

.details-wrap #field_1_54 {
display:none;
}

.details-wrap {
flex: 100%;
display: flex;
justify-content: space-between;
}

.custom-switch {
position: absolute;
right: 0;
top: -115px;
width: 300px;
}

.custom-switch input {
opacity: 0;
}

.custom-switch label {
    cursor: pointer;
position: relative;
color: transparent;
background-color: transparent;
height: 60px;
align-items: center;
border: 2px solid #e5e5e5;
border-radius: 25px;
display: flex;
justify-content: space-between;
padding: 0;
width: 100%;
}

.custom-switch label::before {
content: "Business";
color: white;
transform: translateX(-88%);
position: absolute;
top: 17px;
right: -26px;
}

.custom-switch label::after {
content: 'Business';
position: absolute;
top: 0px;
left: -2px;
width: 50%;
height: 100%;
background: #fff;
border-radius: 25px;
transition: 0.3s;
padding-left: 40px;
padding-top: 20px;
color: black;
}

.custom-switch input:not(:checked) + label::after {
content: "Private";
left: calc(100% - 134px);
transform: translateX(-100%);
position: absolute;
color: black;
top: 0;
}

.custom-switch input:checked + label::after {
content: "Business";
left: calc(100% + 1px);
transform: translateX(-100%);
position: absolute;
color: black;
top: 0;
}

.custom-switch input:checked + label:before {
content: "Private";
color: white;
transform: translateX(-88%);
position: absolute;
top: 17px;
left: 155px;
}

.gform_wrapper.gravity-theme .gform_fields, .wrapper, .wrapper-city, .subject-wrapper {  
display: flex;
flex-wrap: wrap;
margin-bottom: 70px;
}

.form__block {
display: none;
}

.ginput_container.ginput_container_select {
height: 100%;
}

.city input {
width:100% !important;
}

#field_1_34 {
display: none;
}

.custom-switch {
position: absolute;
right: 32px;
top: -106px;
width: 300px;
}

.gform_title {
margin-bottom: 145px;
}

.gform_fields .gfield {
flex: 100%;
}

.wrapper .gfield {

flex: 100%;
}

.details-wrap .input-holder {
margin-right: 4%;
width: 31%;
}

.details-wrap .zip-code {
margin-right: 0;
}

@media only screen and (max-width: 641px){
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
height: 50px;
}
}
.wrapper {
margin-bottom: 0;
}

.wrapper-city, .subject-wrapper {

margin-bottom: 0;
}

.subject-wrapper .subject {
height: 50px;
flex: 100%;
}

.gform_wrapper.gravity-theme .gfield textarea.small {
height: 78px;
}

.button {
font-size: 1.25em;
outline: none;
height: fit-content;
border-color: #181818;
}


@media screen and (min-width:768px){
.input-holder input, .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select {
height: 60px;
}
.gfield_contains_required::after{
top: 23px;
}

.gform_wrapper.gravity-theme .gform_fields { 
column-gap: 8%;
margin-bottom: 70px;
}

.gform_fields .gfield {
flex: 46%;
}

.gform_footer.top_label {
justify-content: flex-start;
}

.wrapper {
column-gap: 8%;
margin-bottom: 70px;
}

.wrapper .gfield {
flex: 46%;
}



.details-wrap {
flex: 46%;
}

.zip-code {
margin-right: 0;
}



.wrapper-city, 
.subject-wrapper {
column-gap: 8%;
margin-bottom: 70px;
}

.wrapper-city .gfield,
.subject-wrapper .gfield{
flex: 46%;
}



.subject-wrapper .subject {
height: 60px;
}

.custom-switch {
left: -16px;
}

}

@media screen and (min-width:1024px){
.custom-switch {
right: -15px;
top: -195px;
left: auto;
}

.wrapper-city .gfield,
.subject-wrapper .gfield,
.wrapper .gfield, .details-wrap,
.gform_fields .gfield
{
flex:28%;
}
}

.configurator-form .configurator-overview .form__block{
    display: grid;
}

#header-v2 .menu-item-has-children a{
    padding-right: 0!important;
}
#header-v2 .menu-item-has-children i{
    margin-right: 20px;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-quarter{
    grid-column: span 4!important;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-quarter.input-holder-2{
    grid-column: span 2!important;
}

.swiper-slide img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
  
  .swiper-mobile {
    margin-bottom: 20px;
  }
  
  .swiper-button-prev {
    left: 30px;
  }
  
  .swiper-button-next {
    right: 30px;
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    bottom: 30px;
    top: unset;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    bottom: 30px;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    width: 40px;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    content: "";
  }
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 24px;
    height: auto;
    cursor: pointer;
  }
  
  .slider-container {
    display: none;
  }
  
  .col-12 {
    padding: 0;
  }
  
  .accordion-body {
    padding: 0;
    margin-bottom: 40px;
  }
  
  .accordion-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 29px;
  }
  .accordion-button::after {
    display: none;
  }
  
  .config-label {
    color: #181818;
    font-size: 1.09375em;
    font-weight: 400;
    width: 95px;
  }
  
  .config-selected {
    color: #181818;
    flex: 1;
    font-size: 1.09375em;
  }
  
  .configurator {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .configurator-colorpicker {
    display: flex;
    width: 100%;
  }
  
  .configurator-colorpicker-color {
    position: relative;
    background-position: 50%;
    background-size: cover;
    border: 2px solid #181818;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 40px;
  }
  .configurator-colorpicker-color:not(:first-of-type) {
    margin-left: 10px;
  }
  .configurator-colorpicker-color span {
    display: none;
  }
  
  .configurator-colorpicker-color::before, .configurator-colorpicker-color::after {
    background-color: #fff;
    content: "";
    display: block;
    height: 21px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in;
    width: 2px;
    z-index: 1;
  }
  .configurator-colorpicker-color::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .configurator-colorpicker-color.active::before, .configurator-colorpicker-color.active::after {
    opacity: 1;
  }
  
  .configurator-colorpicker-color.active.blue-color::before, .configurator-colorpicker-color.active.blue-color::after,
  .configurator-colorpicker-color.active.white-color::before,
  .configurator-colorpicker-color.active.white-color::after {
    background-color: black;
    opacity: 1;
  }
  
  .color-notif {
    color: grey;
    font-size: 0.9375em;
    margin-top: 15px;
  }
  
  .nav-tabs {
    margin-bottom: 15px;
    align-items: center;
    background-color: #fcfcfc;
    border: 2px solid #e5e5e5;
    border-radius: 30px;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 0;
    width: 100%;
  }
  
  .nav-item {
    width: 33.33%;
    height: 100%;
  }
  
  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: none;
    color: #6e6e6e;
  }
  
  .nav-link.active {
    border: 2px solid #181818 !important;
    border-radius: 30px;
    height: 100%;
    transition: transform 0.3s ease;
    margin-bottom: 1px;
    width: 100%;
    transition: opacity 0.15s linear;
  }
  
  .nav-link {
    color: #6e6e6e;
    cursor: pointer;
    padding: 10px 18px;
    text-align: center;
    width: 100%;
    transition: transform 0.3s ease;
    padding: 10px;
    height: 100%;
    font-size: 0.8125em;
  }
  
  .form-check-input {
    display: none;
  }
  
  .interior-extra svg {
    fill: none;
    stroke: #eee;
    stroke-miterlimit: 10;
    fill-rule: evenodd;
    stroke-width: 4px;
    height: 10px;
    left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
  }
  
  .interior-extra {
    color: #848484;
    cursor: pointer;
    display: flex;
    font-size: 0.9375em;
    font-weight: 400;
    line-height: 1.4;
    opacity: 1;
    padding-left: 45px;
    position: relative;
    width: 100%;
  }
  .interior-extra::before {
    background-color: #eee;
    border-radius: 50%;
    content: "";
    display: block;
    height: 28px;
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
  }
  
  .interior-price-holder input[type=checkbox]:checked + .form-check .interior-extra svg,
  .interior-price-holder input[type=radio]:checked + .form-check .interior-extra svg {
    stroke: #181818;
  }
  
  .interior-price-holder input[type=checkbox]:checked + .form-check,
  .interior-price-holder input[type=radio]:checked + .form-check {
    border-color: #181818;
  }
  
  .interior-price-holder input[type=checkbox]:checked + .form-check .interior-title,
  .interior-price-holder input[type=radio]:checked + .form-check .interior-title {
    color: #181818;
  }
  
  .interior-price-holder {
    margin-top: 40px;
  }
  .interior-price-holder .form-check {
    align-items: center;
    border: 2px solid #eee;
    border-radius: 20px;
    display: flex;
    margin-bottom: 20px;
    min-height: 40px;
    padding-right: 25px;
    padding-left: 0;
  }
  
  .interior-price {
    margin-left: auto;
    color: black;
    font-weight: 700;
  }
  
  .accordion-button:not(.collapsed) {
    background: white;
  }
  
  .toggle {
    width: 25px;
    height: 2.5px;
    background: #181818;
    position: relative;
    transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
  }
  .toggle.open::after {
    transform: rotate(90deg);
    opacity: 1;
  }
  .toggle.open {
    transform: rotate(90deg);
  }
  .toggle::after {
    content: "";
    transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
    transition-delay: 0.1s;
    position: absolute;
    opacity: 0;
    width: 25px;
    height: 2.5px;
    background: #181818;
  }
  
  .accordion-button:not(.collapsed) {
    box-shadow: none;
  }
  
  .config-disclaimer {
    color: #181818;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 40px;
    padding: 30px 30px 45px;
    text-align: left;
  }
  
  @media screen and (min-width: 768px) {
    .slider-configurator .swiper {
      display: none;
    }
    .slider-container {
      display: block;
    }
    .swiper-button-next, .swiper-button-prev {
      height: 60px;
      width: 60px;
    }
    .nav-link {
      font-size: 1em;
    }
  }
@media screen and (min-width: 1024px) {
    .product-template-default .col-12 {
        display: flex; 
    }
    .slider-container {
      flex: 1;
      height: 100vh;
      overflow: hidden;
      display: block;
    }
    .slider-configurator {
      border-left: 2px solid #f2f2f2;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100vh;
      position: relative;
      width: 472px;
    }
    .swiper {
      height: 100%;
    }
    .swiper-slide img {
      -o-object-fit: contain;
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
    .configurable-color img {
      -o-object-fit: contain;
         object-fit: contain;
    }
    .accordion-button,
    .configurator {
      padding-left: 40px;
      padding-right: 73px;
    }
    .config-disclaimer {
      padding-left: 40px;
      padding-right: 40px;
    }
  }
  @media screen and (min-width: 1440px) {
    .accordion-button, .config-disclaimer, .configurator {
      padding-left: 65px;
      padding-right: 65px;
    }
    .slider-configurator {
        border-left: 2px solid #f2f2f2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 100vh;
        position: relative;
        width: 602px;
      }
  }
 
 .product-template-default .container-fluid .slider-configurator .accordion-flush .config-motor #flush-collapseThree .accordion-body .configurator__box .configurator-box .inner{
    position: absolute;
    width: -moz-available;
 }
 .tab-content{
    width: 350px;
 } 
 .single-product .container-fluid .slider-configurator .accordion-flush .configurator__submit-holder .configurator__price-holder a {
    background-color: #fff;
    border: 2px solid;
    border-radius: 58px;
    cursor: pointer;
    padding: 12px 40px;
    position: relative;
    margin-bottom: 25px;
    margin-right: 62px;
    font-size: 18px;
    line-height: 1.37;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
}

#flush-collapseTwo > div:nth-child(1) > div:nth-child(2),
  #flush-collapseOne > div:nth-child(1) > div:nth-child(2) {
    min-height: unset;
  }
.swiper-button-next, .swiper-button-prev {
    background-image: unset;
}
.product-template-default .container-fluid .slider-configurator .accordion-flush .config-motor #flush-collapseThree .accordion-body .configurator__box .configurator-box .inner{
    position: absolute;
    width: -moz-available;
 }

 
@media (min-height: 650px) {
    .page-model #page-wrapper .page-model .info__wrapper .intro-text-holder, .page-model #page-wrapper .page-model .hero__wrapper .model-header .model-header__content-container {
    max-width: unset;
 }
}


li.two__editions {
    width: 50%;
 }

.page-compare-models .comparison-page .comparison .comparison__car .comparison__car-specs-btn-inner{
    cursor: pointer !important;
}
.page-model.page-model .bg-white .compare-block-container .compare-block .compare-block__car .compare-block__specs .configurator-box-list{
    color: black;
}
@media screen and (max-width: 767px) {
    .page-template-model .page-model .hero__wrapper .model-header{
        background-color: black;
    }
}

.acf-map {
    width: 100%;
    height: auto;
    border: #ccc solid 1px;
    margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}
.comparison__car-header{
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.comparison__car-header-label{
    max-width: fit-content;
}
#header-v2 .drawer__collapsable-menu .drawer__content .drawer__wrapper .drawer__menu .drawer__country-wrapper li .drawer__country-content .drawer__country-title{
    padding-top: 15px;
}
.homepage__thumb-slider .thumb-slider__container .thumbslider__content .swiper-wrapper .homepage__thumb-slider-slide .thumb-slider__content .thumb-slider__wrapper .thumb-slider__max-width .homepage__mobile-cta-wrapper .thumb-slider__badges-holder__bottom-mobile{
    visibility: hidden;
}
.single-product .container-fluid .slider-configurator .accordion-flush .configurator__submit-holder .configurator__price-holder a {
    text-align: center;
    padding-right: 50px;
}
@media only screen and (max-width: 641px){
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1;
}
}
@media only screen and (min-width: 641px){
    .search-address-lnglat {
        width: 30%;
    }
}
.search-address-lnglat .ginput_container:before{
    content: url('../img/search-icon.svg');
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    top: 3rem;
    right: 1rem;
}
.search-address-lnglat .dropdown__options-holder{
    height: auto !important;
    position: unset !important;
    width: inherit;
}
.teaser-model-hero__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #F7F7F7;
}

@media screen and (min-width: 768px) {
    .teaser-model-hero__wrapper {
        padding-bottom: 80px;
    }
}

.teaser-model-header {
    height: auto;
    position: relative;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .teaser-model-header {
        padding-bottom: unset;
    }
}

.teaser-model-header__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.teaser-model-header__title {
    font-family: Roboto, sans-serif;
    letter-spacing: -4%;
}

.teaser-model-header__title--mobile {
    margin-bottom: 12px;
}

.teaser-model-header__title--mobile > h1 {
    font-family: Roboto, sans-serif;
    color: #000;
    font-size: 32px;
    line-height: 32px;
}

.teaser-model-header__title--mobile > h1:last-of-type {
    font-family: Roboto, sans-serif;
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    .teaser-model-header__title--mobile {
        display: none;
    }
}

.teaser-model-header__title--desktop {
    display: none;
}

.teaser-model-header__title--desktop > h1 {
    font-family: Roboto, sans-serif;
    color: #F7F7F7;
    font-size: 42px;
    line-height: 44px;
}

.teaser-model-header__title--desktop > h1:first-of-type {
    font-family: Roboto, sans-serif;
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    .teaser-model-header__title--desktop {
        display: block;
    }
}

.teaser-model-header__content-container {
    position: relative;
}

.teaser-model-header__image-container {
    max-height: 640px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media screen and (min-width: 768px) {
    .teaser-model-header__image-container {
        max-height: 90vh;
    }
}

.teaser-model-header__content {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px 20px;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .teaser-model-header__content {
        padding: 0 32px 44px;
    }
}

@media screen and (min-width: 1024px) {
    .teaser-model-header__content {
        padding: 0 32px 120px;
    }
}

.teaser-model-header__buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}


@media screen and (min-width: 768px) {
    .teaser-model-header__buttons {
        width: fit-content;
        align-items: flex-end;
        justify-content: flex-end;
    }

}

.teaser-intro__wrapper {
    display: flex;
    justify-content: center;
    background-color: #F7F7F7;
    padding: 0 30px 40px;
}

@media screen and (min-width: 768px) {
    .teaser-intro__wrapper {
        padding: 0 40px 80px;
    }
}

.teaser-intro__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #636363;
    max-width: 400px;
}

@media screen and (min-width: 768px) {
    .teaser-intro__text {
        font-size: 16px;
        max-width: 800px;
    }
}


.section-teaser {
    padding-top: 35px;
    padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
    .section-teaser {
        padding-top: 55px;
        padding-bottom: 65px;
   }
}
.teaser-inner {
    padding-top: 25px;
    padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
    .teaser-inner {
        padding-top: 60px;
   }
}
@media screen and (min-width: 1024px) {
    .teaser-inner {
        display: flex;
        padding-bottom: 0;
   }
}
@media screen and (min-width: 1600px) {
    .teaser-inner {
        padding-top: 120px;
   }
}
.teaser-media {
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .teaser-media {
        width: calc(100% - 768px);
   }
}
.teaser-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}
.teaser-content {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .teaser-content {
        margin-top: 0;
        margin-bottom: 60px;
        flex: 0 0 410px;
        width: 410px;
   }
}
.teaser-content h2 {
    font-size: em(25);
    line-height: em(60, 50);
    letter-spacing: -2px;
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .teaser-content h2 {
        font-size: em(50);
        line-height: em(55, 50);
        letter-spacing: -4px;
        margin-bottom: 30px;
   }
}
.teaser-content__disclaimer {
    font-size: em(14px);
}
.teaser-button {
    margin-top: 10px;
}
@media screen and (min-width: 1600px) {
    .teaser-button {
        margin-top: 18px;
   }
}
.teaser-button .button {
    font-weight: 400;
}
.teaser-pagination {
    display: flex;
    margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
    .teaser-pagination {
        margin-bottom: 22px;
   }
}
.teaser-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    background: transparent;
    opacity: 1;
    display: block;
    outline: none;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .teaser-pagination .swiper-pagination-bullet {
        width: 42px;
        height: 42px;
   }
}
.teaser-pagination .swiper-pagination-bullet span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
}
.teaser-pagination .swiper-pagination-bullet span:before, .teaser-pagination .swiper-pagination-bullet span:after {
    content: "";
    display: block;
    width: 2px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: all 200ms ease-in;
    opacity: 0;
}
.teaser-pagination .swiper-pagination-bullet span:after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.teaser-pagination .swiper-pagination-bullet span.color-2 {
    background-position: center center;
    background-size: cover;
}
.teaser-pagination .swiper-pagination-bullet span.color-3 {
    background-position: center center;
    background-size: cover;
}
.teaser-pagination .swiper-pagination-bullet span.color-4 {
    background-position: center center;
    background-size: cover;
}
.teaser-pagination .swiper-pagination-bullet span.color-5 {
    background-position: center center;
    background-size: cover;
}
.teaser-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 5px;
}
@media screen and (min-width: 768px) {
    .teaser-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
        margin-left: 10px;
   }
}
.teaser-pagination .swiper-pagination-bullet-active span:before, .teaser-pagination .swiper-pagination-bullet-active span:after {
    opacity: 1;
}
.teaser-content-wrapper {
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .teaser-content-wrapper {
        padding: 0 30px;
   }
}
@media screen and (min-width: 1024px) {
    .teaser-content-wrapper {
        padding: 0 40px;
   }
}
.teaser-form-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.teaser-form-container > .request__form-holder {
    margin: unset;
    padding: unset;
}
.teaser-form-container > .request__form-holder > form .request__subtitle {
    font-family: Roboto, sans-serif;
}
.teaser-form-container > .request__form-holder > form .request__subtitle > * {
    font-family: Roboto, sans-serif;
}
.teaser-form-container > .request__form-holder > form > h1 {
    font-family: Roboto, sans-serif;
    font-size: 32px;
    line-height: 36px;
    color: #181818;
    font-weight: 300;
}
.teaser-form-container > .request__form-holder > form > h1 > *:last-of-type {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    color: #73738c;
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form > h1 {
        font-size: 42px;
        line-height: 44px;
        margin-bottom: 60px;
   }
}
.teaser-form-container > .request__form-holder > form > .disclaimer-holder--desktop {
    display: none;
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form > .disclaimer-holder--desktop {
        display: block;
   }
}
.teaser-form-container > .request__form-holder > form > .form__block {
    margin-bottom: unset;
}
.teaser-form-container > .request__form-holder > form > .form__block .input-icon-holder > span > svg > path {
    fill: #181818;
}
.teaser-form-container > .request__form-holder > form > .form__block > .input-holder > input:-webkit-autofill {
    color: #181818 !important;
    -webkit-text-fill-color: #181818 !important;
}
.teaser-form-container > .request__form-holder > form > .form__block > .input-holder .form-label--error {
    border-color: red;
}
.teaser-form-container > .request__form-holder > form > .form__block > .input-holder > .custom-select .form-label--error {
    border-color: red;
}
.teaser-form-container > .request__form-holder > form > .form__block > .input-holder > input, .teaser-form-container > .request__form-holder > form > .form__block > .input-holder > .custom-select, .teaser-form-container > .request__form-holder > form > .form__block > .input-holder > .custom-select > * {
    color: #181818;
    border-color: rgba(24, 24, 24, 0.1);
}
.teaser-form-container > .request__form-holder > form > .form__block > .input-holder .zip-request-error {
    color: red;
}
.teaser-form-container > .request__form-holder > form .checkbox-newsletter__text {
    color: #181818;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    top: 0;
    transform: unset;
}
.teaser-form-container > .request__form-holder > form .checkbox-newsletter__text > a {
    color: #181818;
}
.teaser-form-container > .request__form-holder > form .checkbox-holder {
    margin-top: unset;
    margin-bottom: 25px;
}
.teaser-form-container > .request__form-holder > form .checkbox-holder input[type="checkbox"]:checked + label svg {
    stroke: #181818;
    display: block;
}
.teaser-form-container > .request__form-holder > form .checkbox-holder input[type=checkbox]:checked + label::before {
    border-color: #b3b3b3;
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form .checkbox-holder {
        margin-top: 20px;
   }
}
.teaser-form-container > .request__form-holder > form > .submit-holder {
    padding-top: unset;
    margin-top: 40px;
}
.teaser-form-container > .request__form-holder > form > .submit-holder > button {
    align-self: flex-start;
    padding: 16px 32px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form > .submit-holder > button {
        padding: 16px 56px;
   }
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form > .submit-holder > .disclaimer-holder {
        display: none;
   }
}
.teaser-form-container > .request__form-holder > form > .submit-holder > div > .main-form-error {
    font-family: Roboto, sans-serif;
    color: #181818;
    text-align: start;
    margin-top: unset;
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form > .submit-holder > div > .main-form-error {
        text-align: right;
   }
}
.teaser-form-container > .request__form-holder > form > .submit-holder > div > .privacy-statement-notice {
    font-family: Roboto, sans-serif;
    text-align: start;
    color: #181818;
    opacity: 0.6;
    padding-left: unset;
    margin-top: 4px;
}
@media screen and (min-width: 768px) {
    .teaser-form-container > .request__form-holder > form > .submit-holder > div > .privacy-statement-notice {
        text-align: right;
        padding-left: 30px;
   }
}
@media screen and (desktop) {
    .teaser-form-container {
        padding: 0 80px;
   }
}
@media screen and (min-width: 1600px) {
    .teaser-form-container {
        padding: 0 80px;
   }
}
.teaser-newsletter-form-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.teaser-newsletter-form-container > form > .request__title {
    font-family: Roboto, sans-serif;
    font-size: 32px;
    line-height: 36px;
    color: #181818;
    font-weight: 300;
}
.teaser-newsletter-form-container > form > .request__title > *:last-of-type {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    color: #73738c;
}
@media screen and (min-width: 768px) {
    .teaser-newsletter-form-container > form > .request__title {
        font-size: 42px;
        line-height: 44px;
        margin-bottom: 60px;
   }
}
.teaser-newsletter-form-container > form > .form__block {
    margin-bottom: unset;
}
.teaser-newsletter-form-container > form > .form__block .custom-select.single select {
    color: #181818;
}
.teaser-newsletter-form-container > form > .form__block > .input-holder > input:-webkit-autofill {
    color: #181818 !important;
    -webkit-text-fill-color: #181818 !important;
}
.teaser-newsletter-form-container > form > .form__block > .input-holder > input, .teaser-newsletter-form-container > form > .form__block > .input-holder > .custom-select {
    color: #181818;
    border-color: rgba(24, 24, 24, 0.1);
}
.teaser-newsletter-form-container > form > .form__block > .input-holder .form-label--error {
    border-color: red;
}
.teaser-newsletter-form-container > form .privacy-statement-notice {
    color: #181818;
    font-family: Roboto, sans-serif;
    padding-left: unset;
    margin-bottom: 40px;
    opacity: unset;
    text-align: unset;
}
.teaser-newsletter-form-container > form .privacy-statement-notice--desktop {
    display: none;
}
@media screen and (min-width: 768px) {
    .teaser-newsletter-form-container > form .privacy-statement-notice--desktop {
        margin-top: 20px;
        font-family: Roboto, sans-serif;
        display: block;
   }
}
.teaser-newsletter-form-container > form > .submit-holder {
    margin-top: 25px;
    padding-top: unset;
}
.teaser-newsletter-form-container > form > .submit-holder > button {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    align-self: flex-start;
    padding: 16px 32px;
    margin: 20px 0;
}
@media screen and (min-width: 768px) {
    .teaser-newsletter-form-container > form > .submit-holder > button {
        margin: unset;
        padding: 16px 56px;
   }
}
.teaser-newsletter-form-container > form > .submit-holder > .privacy-statement-notice--mobile {
    font-family: Roboto, sans-serif;
}
@media screen and (min-width: 768px) {
    .teaser-newsletter-form-container > form > .submit-holder > .privacy-statement-notice--mobile {
        display: none;
   }
}
.teaser-newsletter-form-container > form > .submit-holder > div > .main-form-error {
    font-family: Roboto, sans-serif;
    color: #181818;
    text-align: start;
    margin-top: unset;
}
@media screen and (min-width: 768px) {
    .teaser-newsletter-form-container > form > .submit-holder > div > .main-form-error {
        text-align: right;
   }
}
@media screen and (desktop) {
    .teaser-newsletter-form-container {
        padding: 0 120px;
   }
}
@media screen and (min-width: 1600px) {
    .teaser-newsletter-form-container {
        padding: 0 120px;
   }
}
.teaser-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
@media screen and (min-width: 1600px) {
    .teaser-container {
        padding: 0 40px;
   }
}
.teaser-container--padding-only {
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .teaser-container--padding-only {
        padding: 0 30px;
   }
}
@media screen and (min-width: 1024px) {
    .teaser-container--padding-only {
        padding: 0 40px;
   }
}
.model-teaser-image-text-block__container {
    padding-top: 40px;
}

.teaser-dual-block__container {
    margin: unset;
    max-width: unset;
    flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
    .teaser-dual-block__container {
        justify-content: space-between;
        flex-direction: row;
    }
}

.teaser-dual-block__image-holder {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    margin-top: 25px;
    border-radius: 10px;
}

@media screen and (min-width: 768px) {
    .teaser-dual-block__image-holder {
        margin-top: unset;
    }
}

@media screen and (min-width: 1024px) {
    .teaser-dual-block__image-holder {
        width: 60%;
    }
}

.teaser-dual-block__content {
    margin-left: unset;
    align-items: center;
    padding: unset;
    display: flex;
    position: relative;
    max-width: unset;
}

.teaser-dual-block__content > div:first-of-type {
    max-width: 330px;
}

.teaser-dual-block__content .dual-block__top-title {
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.teaser-dual-block__content .dual-block__text > * {
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto, sans-serif;
}

@media screen and (min-width: 768px) {
    .teaser-dual-block__content {
        justify-content: center;
        padding-left: 32px;
    }

    .teaser-dual-block__content > div:first-of-type {
        max-width: 500px;
    }

    .teaser-dual-block__content .dual-block__text > * {
        font-size: 16px;
    }
}

.teaser-swiper-slide > div > picture > img {
    border-radius: 10px;
}

.teaser-dual-block__content__title {
    margin-top: 20px;
    margin-bottom: 32px;
}

.teaser-dual-block__content__title > h2 {
    letter-spacing: -4%;
    font-family: Roboto, sans-serif;
    font-size: 36px;
    line-height: 36px;
}

.teaser-dual-block__content__title > h2:first-of-type {
    color: #181818;
}

.teaser-dual-block__content__title > h2:last-of-type {
    color: #73738C;
}

@media screen and (min-width: 768px) {
    .teaser-dual-block__content__title {
        margin-bottom: 20px;
    }

    .teaser-dual-block__content__title > h2 {
        font-size: 42px;
        line-height: 44px;
    }
}

.teaser-dual-block__content__text {
    color: #636363;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: 20px;
}

.teaser-form-container .request__form-holder form input{
    color: #181818;
    border: none;
      border-bottom-width: medium;
      border-bottom-style: none;
      border-bottom-color: currentcolor;
    border-bottom: solid 1px hsla(0,0%,9%,.1);
}
.teaser-form-container .request__form-holder form .gfield_contains_required::after{
    color: #181818;
}
.teaser-form-container .request__form-holder form .search-address-lnglat .ginput_container::before{
    content: url('../img/search-icon-black.svg');
}
.teaser-form-container .request__form-holder form input[type="submit"]{
    align-self: flex-start;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
    padding: 16px 56px;
    background-color: #181818;
    color: #fff;
}
.teaser-form-container .request__form-holder h1 {
    font-size: 42px;
    line-height: 44px;
    margin-bottom: 60px;
    font-weight: unset;
}
.teaser-form-container .request__form-holder .request__subtitle {
    font-size: 1.25em;
    margin-bottom: 80px;
}
.teaser-form-container .request__form-holder form .gfield_required_text {
    display: none;
}
.teaser-form-container .request__form-holder form .search-address-lnglat {
    width: 100%;
}
.teaser-form-container .request__form-holder form .gform_wrapper.gravity-theme .hidden_label {
    position: unset;
}
.marker__pin{
	width: 32px;
}
.location-info-new__brandstore-title {
font-weight: 700;
}
@media screen and (min-width: 768px){
.teaser-dual-block__container {
    align-items: center !important;
}
}
.dual-block__title {
    font-weight: unset;
}
.gform_required_legend{
    display: none !important;
}
.gfield_required{
    display: none !important;
}
@media screen and ( max-width: 767px ) {
    .location-new-modal{
        position: fixed;
        bottom: 0px;
        padding: 10px;
        display: block;
    }
}
#header-v2 .drawer__menu-mobile .drawer__accordion-content li {
    display: flex;
    align-items: center;
    padding-left: 10px;
}
#header-v2 .drawer__menu-mobile li {
    border-top: 1px solid rgba(0,0,0,.1);
}
#header-v2 .drawer__menu-mobile li a{
    padding-bottom: 20px;
    padding-top: 20px;
}
#header-v2 .drawer__menu-mobile .drawer__accordion-content li a{
    padding-right: 10px !important;
    padding-top: 12px;
    padding-bottom: 12px;
}
#header-v2 .drawer__menu-mobile .drawer__accordion-content li {
    border-top: none;
}
.drawer__link, #header-v2 .drawer__collapsable-menu .drawer__content .drawer__wrapper .drawer__menu .menu-item a{
    opacity: 1;
}
.drawer__link--active,.drawer__link-mobile:hover, .drawer__link:hover, #header-v2 .drawer__collapsable-menu .drawer__content .drawer__wrapper .drawer__menu li a:hover{
    opacity: 0.3;
}
.page-contact .request-container .form__block.selected-model--spacing-top , .teaser-form-container .request__form-holder .form__block {
    display: block;
    width: 100%;
}
@media screen and (min-width: 641px) {
    .page-contact .request-container .form__block.selected-model--spacing-top , .teaser-form-container .request__form-holder .form__block {
        width: 30%;
    }    
}
.teaser-form-container .form__block .dropdown__texts .dropdown__label {
    color: #000;
}
.teaser-form-container .form__block .model-dropdown--model-selection::after {
    background-color: #000;
}
.teaser-form-container .form__block .model-dropdown .dropdown__current .rectangle-dropdown-icon path {
    fill: #000;
}

@media screen and (max-width: 767px) {
    #header-v2{
        position: sticky;
        top: 0px;
    }
     #header-v2.mobile-minize .custom-logo-link , #header-v2.mobile-minize #hamburger-v2 {
        transform: scale(0.5);
        transition: 0.5s ease-in-out;
    }
    #header-v2.mobile-minize .header-container{
        height: 65px;
    }
    #header-v2.mobile-minize .header-inner{
        padding-top: 12px;
    }
}
.menu-item-has-children::after {
    background: #000;
    content: "";
    height: calc(100% + 50px);
    left: -10px;
    opacity: .2;
    position: absolute;
    top: 10px;
    transform: scaleY(0);
    transition: transform .3s cubic-bezier(.165,.84,.44,1);
    width: 1px;
}
.menu-item-has-children:hover::after {
    transform: scaleY(1);
}

.main-navigation-new__item.menu_item__separator{
    border-right: 1px solid rgba(0, 0, 0, .3);
    margin-right: 1rem;
    height: 17px;
} 
.user_manuals .carshowcase__info-wrapper {
    min-height: 0px;
}
.user_manuals .carshowcase__info-wrapper p {
    color: #000;
}
.user_manuals .carshowcase__content-button {
    width: 100%;
    justify-content: left;
}
.user_manuals .carshowcase-block__item-image a {
    height: 235px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    cursor: auto;
}
.user_manuals .carshowcase-block__item-image:hover img {
    transform: none;
}
/* accessories */
.accessories-detail {
    display: flex;
    flex-direction: column;
}
.hero-button {
    position: relative;
    order: -1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    margin-right: 3rem;
    align-items: end;
}
.page-header-dropdown-container{
    top: 30px;
}
.hero-button .page-header-dropdown-container{
    position: absolute;
    top: 60px;
}
.accessories__image-description > * {
    font-size: 14px;
}
.accessories__image-description h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.accessories__section-title h5 {
    font-size: 40px;
    line-height: 24px;
}
.accessories__section-title.accessories__no-margin {
    padding-bottom: 40px;
}
.accessories__section-title > * {
    padding-bottom: 20px;
    line-height: 24px;
}
.accessories__section-title p {
    font-size: 16px;
}
.accessories__image-description{
    padding-top: 1rem;
}
#accessories-fitler-dropdown span {
    padding-left: 1rem;
}
#accessories-fitler-dropdown .filter-option {
    display: flex;
    cursor: pointer;
    padding: 10px 0;
}
#accessories-fitler-dropdown .filter-option .checked::after {
    content: '';
    background-image: url('../img/checked.svg');
    display: block;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
#accessories-fitler-dropdown .filter-option .unchecked::after {
    content: '';
    background-image: url('../img/unchecked.svg');
    display: block;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
#accessories-fitler-dropdown {
    left: unset;
}
@media screen and (max-width: 1023px) {
    .accessories__section-title h5{
        font-size: 28px;
    }
    .accessories__slider-grid{
        padding-top: 0;
    }
    .accessories__section-title.accessories__no-margin{
        padding-bottom: 20px;
    }
}
.footer-blocks__title.footer-blocks__title-bold{
    font-weight: 600 !important;
}
.edition__colors {
  display: flex;
}

/*table styles*/
table{
    font-weight: 600;
    width: 100%;
}

table th{
    text-align: center;
    color: #c2c2c2;
}

table tr td:first-child,
table tr th:first-child  {
    text-align: left;
    width: 250px;
}
table tr th:not(:first-child){
    text-align: center;
    width: 130px;
}

table tr td:not(:first-child){
    font-weight: 300;
    text-align: center;
    width: 130px;
}

table h5 {
    font-size: .75em;
  }

table tr{
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
table td{
    line-height: 120%;
}

table p{
    margin: 0;
}

/*banner image*/
.page-header {
    height: 500px;
}

.page-header__content-inner .page-header__title {
    margin-bottom: 165px;
}

.page-header__image {
    top: -80px;
    height: calc(100% + 80px);
}
  
@media screen and (max-width: 836px) {
  .page-header__content-inner .page-header__title {
    margin-bottom: 240px;
  }
}

@media screen and (min-width: 500px) and (max-width: 836px) {
  .page-header {
    height: 650px;
  }
  
  .page-header__image {
    top: -115px;
    height: calc(100% + 115px);
  }
}

@media (orientation: portrait) and (max-width: 700px){
    .page-header {
        max-height: 1052px;
        height: 600px;
    }
}
@media (orientation: portrait) and (min-width: 701px){
    .page-header {
        max-height: 1052px;
        height: 1000px;
    }
}

/* onwers new block*/
.owners-new-section .dual-grid-index__card-image img {
    height: min-content;
}

/* specs block */
.text-info-blocks__title{
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    color:#2e2e38;
    font-family:FavoritStd-Light,sans-serif;
    font-size:clamp(2rem,1.8271rem + .7477vw,2.5rem);
    font-weight:300;
    line-height:clamp(2.5rem,2.3271rem + .7477vw,3rem);
    margin-block-end:0;
    margin-block-start:0
}

.text-info-blocks__wrapper{
    grid-row-gap:36px;
    grid-column-gap:24px;
    background-color:#fff;
    box-shadow:0 9px 60px 0 rgba(0,0,0,.071);
    display:grid;
    padding:40px 20px;
    width:100%
}
@media (min-width:768px){
    .text-info-blocks__wrapper{
        grid-template-columns:1fr 1.5fr;
        padding:44px 32px
    }
}

.cards-container {
   display: flex;
   flex-wrap: wrap;
   column-gap: 30px;
 }
.cards-container a {
  width: 100%;
  text-decoration: none;
  border: none;
  background-color: transparent;
  margin-bottom: 50px;
}
.cards-container a:hover figure img, .cards-container a:active figure img, .cards-container a:focus figure img {
  width: 110%;
  height: auto;
}
.cards-container figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%;
}
.cards-container figure img {
  width: 100%;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  transform: translate(-50%, -50%);
  height: auto;
}
.cards-container .card-body {
  padding: 0;
}
.cards-container h3 {
  font-weight: 300;
  font-size: 28px;
}
.cards-container .card-text {
  line-height: 1.5em;
  margin: 1.5em 0;
}
.cards-container .date-tag {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  font-style: italic;
  color: #666;
}
.cards-container .date-tag p {
  margin-bottom: 0;
}

.news-section {
  padding: 4rem 0;
  color: black;
}
.news-section h1 {
  margin-bottom: 1em;
  font-size: 44px;
  font-weight: 300;
  text-align: center;
}
.news-section .container {
  margin: auto;
  max-width: 962px;
  padding: 0 15px;
}

.press-contact {
  padding: 5em 0;
}
.press-contact h2 {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 1em;
  text-align: center;
}
.press-contact h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.press-contact .contact-wrap {
  text-align: center;
  margin: auto;
}
.press-contact .contact-info {
  text-align: left;
  display: inline-block;
  width: 340px;
  vertical-align: middle;
  line-height: 1.7em;
}
.press-contact .contact-img {
  display: inline-block;
  width: 200px;
  margin-right: 40px;
  vertical-align: middle;
}
.press-contact .contact-img img {
  border-radius: 100%;
  max-width: 100%;
}
.press-contact table td,
.press-contact table th {
  padding-right: 10px;
  font-weight: 300;
  width: auto;
}
.press-contact table td a,
.press-contact table th a {
  color: black;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .press-contact .contact-img {
    margin-bottom: 30px;
  }
  .press-contact h2,
  .press-contact .contact-wrap {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .cards-container a {
    width: calc(33.33% - 20px);
  }
}
@media screen and (min-width: 992px) {
  .news-section .container {
    max-width: 1500px;
    padding: 0 30px;
  }
}
.blog-page {
    color: #595959;
  }
.blog-page .blurry-bg-img {
  height: 300px;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.blog-page .blurry-bg-img img {
  filter: blur(40px);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 120%;
  left: -100px;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
}
.blog-page .headerFigure {
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
.blog-page .headerFigure img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  max-height: none;
  width: 100%;
  transform: translate(-50%, -50%);
}
.blog-page .container {
  margin: auto;
  max-width: 962px;
  padding: 0 15px;
  position: relative;
  width: 100%;
}
.blog-page h1 {
  font-size: 44px;
  font-weight: 300;
}
.blog-page h2 {
  text-align: center;
  font-size: 32px;
  font-weight: 300;
}
.blog-page .cards-container {
  padding: 4em 0;
}
.blog-page .cards-container h3 {
  font-weight: 500;
}
.blog-page .card {
  margin-bottom: 15px;
}
.blog-page article {
  margin-bottom: 4em;
  color: #595959;
}
.blog-page article p {
  margin: 1.5em 0;
  max-width: 996px;
}
.blog-page article p,
.blog-page article a {
  color: #595959;
  line-height: 1.5em;
}
.blog-page article figure {
  margin: 0 0 1em;
}
.blog-page article figure img {
  width: auto;
  max-width: 100%;
}
.blog-page article .share-wrap li:not(:first-of-type) {
  margin-left: 5px;
}
.blog-page article .share-wrap ul {
  line-height: 1.5em;
  margin: 1.5em 0 1.5em 1em;
  color: #595959;
  padding-left: 0;
}
.blog-page article .share-wrap ul,
.blog-page article .share-wrap li {
  vertical-align: middle;
  display: inline-block;
}
.blog-page article .share-wrap a {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  position: relative;
  border: 2px solid #d5d5d5;
  display: block;
}
.blog-page article .share-wrap a:hover, .blog-page article .share-wrap a:focus, .blog-page article .share-wrap a:active {
  border: 3px solid #d5d5d5;
}
.blog-page article .share-wrap svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
  width: 100%;
}
.blog-page .date {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  font-style: italic;
  color: #666;
}
.blog-page .sidebar {
  padding-bottom: 2em;
}
.blog-page .sidebar .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2em;
  width: 250px;
  border-radius: 50px;
  margin: 0 auto;
  padding: 10px 0 10px 15px;
  cursor: pointer;
  transition: 0.2s;
  background: #000;
}
.blog-page .sidebar .btn-wrap a {
  font-size: 16px;
  font-weight: 300;
  line-height: 29px;
  color: white;
  text-decoration: none;
}
.blog-page .sidebar .btn-wrap a:hover .icon-holder.download svg {
  animation-name: arrow-down;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 1s;
}
.blog-page .sidebar .btn-wrap a .icon-holder.download {
  width: 30px;
  margin-left: 5px;
  border-bottom: 1px solid #fff;
  display: inline-block;
  height: 29px;
  position: relative;
  vertical-align: bottom;
  overflow: hidden;
}
.blog-page .sidebar .btn-wrap a .icon-holder.download svg {
  width: 28px !important;
  left: 1px;
  top: 1.5px;
  transform: rotate(90deg);
  display: block;
  position: absolute;
  right: 40px;
  transition: all 0.2s ease-in-out;
}
.blog-page .sidebar .btn-wrap a .icon-holder.download svg path {
  fill: #fff;
}
.blog-page .sidebar h3 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 1em;
}
.blog-page .gallery-wrap {
  margin-bottom: 2em;
}
.blog-page .gallery-wrap div {
  padding: 5px;
  position: relative;
}
.blog-page .gallery-wrap img {
  max-width: 100%;
}
.blog-page .gallery-wrap .img-counter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  padding: 10px 20px;
  font-size: 19px;
  margin: 0;
  background: #fff;
  border-radius: 50px;
  width: auto;
}

@media screen and (min-width: 576px) {
  .blog-page .headerFigure {
    height: 300px;
  }
  .blog-page .blurry-bg-img {
    height: 400px;
  }
  .blog-page .gallery-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .blog-page .gallery-wrap div {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .blog-page .headerFigure {
    height: 400px;
  }
  .blog-page article {
    padding: 50px 75px;
  }
  .blog-page .blurry-bg-img {
    height: 600px;
  }
  .blog-page .share-wrap li:not(:first-of-type) {
    margin-left: 15px;
  }
  .blog-page .share-wrap li a {
    width: 60px;
    height: 60px;
  }
  .blog-page .gallery-wrap {
    margin: 0 -15px 2em;
  }
}
@media screen and (max-width: 991px) {
  .blog-page article {
    padding: 20px 30px;
  }
}
@media screen and (min-width: 992px) {
  .blog-page .container {
    max-width: 1500px;
    padding: 0 30px;
  }
  .blog-page .content {
    width: 70%;
    padding-right: 10%;
  }
  .blog-page article {
    display: flex;
    flex-direction: column;
  }
  .blog-page article:has(.sidebar) {
    flex-direction: row;
  }
  .blog-page .sidebar {
    width: 30%;
    position: sticky;
    top: 100px;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .blog-page .headerFigure {
    height: 600px;
  }
  .blog-page .blurry-bg-img {
    height: 800px;
  }
}
.bg-grey {
  background-color: #f4f4f4;
}

.bg-white {
  background-color: #fff;
}

.wp-pagenavi {
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi .current {
  border: 4px solid #d5d5d5;
  border-radius: 12px;
  padding: 6px 12px;
  margin: 0 2px;
  color: #000;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}
.wp-pagenavi .current {
  background-color: #d5d5d5;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  /* border-color: #000; */
  border: 4px solid #d5d5d5;
  display: inline-block;
}

@keyframes arrow-down {
  0% {
    top: 0;
  }
  49% {
    top: 120%;
    animation-timing-function: steps(1);
  }
  51% {
    top: -120%;
  }
  to {
    top: 0;
  }
}
@media screen and (max-width: 575px) {
  .blog-page h1,
  .news-section h1 {
    font-size: 32px;
  }
}