.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url('../../../img/ajax-loader.gif') center center no-repeat
}

@font-face {
    font-family: "slick";
    src: url('../../../fonts/slick.eot');
    src: url('../../../fonts/slick.eot?#iefix') format("embedded-opentype"),url('../../../fonts/slick.woff') format("woff"),url('../../../fonts/slick.ttf') format("truetype"),url('../../../fonts/slick.svg#slick') format("svg");
    font-weight: normal;
    font-style: normal
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .2
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 2px;
        width: 20px;
        margin: 0 4px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 2px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 4px;
            cursor: pointer
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: '';
                width: 20px;
                height: 2px;
                background-color: #33302E;
                opacity: .2;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.right-bullet {
            width: 15px
        }

            .slick-dots li.right-bullet button {
                width: 15px
            }

                .slick-dots li.right-bullet button:before {
                    width: 15px
                }

        .slick-dots li.last-bullet {
            width: 10px
        }

            .slick-dots li.last-bullet button {
                width: 10px
            }

                .slick-dots li.last-bullet button:before {
                    width: 10px
                }

        .slick-dots li.slick-active button:before {
            color: #33302E;
            opacity: .75
        }

@keyframes plyr-progress {
    to {
        background-position: 25px 0
    }
}

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

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

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: Nunito,"Nunito","Arimo","Noto Sans, Open Sans",Arimo,sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow 0.3s ease
}

    .plyr video, .plyr audio {
        border-radius: inherit;
        height: auto;
        vertical-align: middle;
        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: #4f5b5f;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transform: translateY(-40px);
    transition: transform 0.4s ease-in-out;
    width: 100%
}

    .plyr__captions span {
        background: rgba(0,0,0,0.8);
        border-radius: 2px;
        box-decoration-break: clone;
        line-height: 185%;
        padding: 0.2em 0.5em;
        white-space: pre-wrap
    }

        .plyr__captions span div {
            display: inline
        }

        .plyr__captions span:empty {
            display: none
        }

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr--hide-controls .plyr__captions {
    transform: translateY(-15px)
}

.plyr__control {
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition: all 0.3s ease
}

    .plyr__control svg {
        display: block;
        fill: currentColor;
        height: 18px;
        pointer-events: none;
        width: 18px
    }

    .plyr__control:focus {
        outline: 0
    }

    .plyr__control.plyr__tab-focus {
        box-shadow: 0 0 0 3px rgba(26,175,255,0.35);
        outline: 0
    }

    .plyr__control[aria-pressed='false'] .icon--pressed, .plyr__control[aria-pressed='true'] .icon--not-pressed, .plyr__control[aria-pressed='false'] .label--pressed, .plyr__control[aria-pressed='true'] .label--not-pressed {
        display: none
    }

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] {
    background: #1aafff;
    color: #fff
}

.plyr__control--overlaid {
    background: rgba(26,175,255,0.8);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

    .plyr__control--overlaid svg {
        height: 20px;
        left: 2px;
        position: relative;
        width: 20px
    }

    .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
        background: #1aafff
    }

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    text-align: center
}

    .plyr__controls > .plyr__control, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__menu {
        margin-left: 5px
    }

        .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr='pause'], .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__progress:first-child + [data-plyr='pause'], .plyr__controls .plyr__time:first-child, .plyr__controls .plyr__time:first-child + [data-plyr='pause'], .plyr__controls .plyr__menu:first-child, .plyr__controls .plyr__menu:first-child + [data-plyr='pause'] {
            margin-left: 0
        }

    .plyr__controls .plyr__volume {
        margin-left: 5px
    }

@media (min-width: 480px) {
    .plyr__controls > .plyr__control, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__menu {
        margin-left: 10px
    }

        .plyr__controls > .plyr__control + .plyr__control, .plyr__controls .plyr__menu + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
            margin-left: 5px
        }
}

.plyr--video .plyr__controls {
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 35px 10px 10px;
    position: absolute;
    right: 0;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    z-index: 2
}

    .plyr--video .plyr__controls .plyr__control svg {
        filter: drop-shadow(0 1px 1px rgba(0,0,0,0.15))
    }

    .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: #1aafff;
        color: #fff
    }

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4f5b5f;
    padding: 10px
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr [data-plyr='captions'], .plyr [data-plyr='pip'], .plyr [data-plyr='airplay'], .plyr [data-plyr='fullscreen'] {
    display: none
}

.plyr--captions-enabled [data-plyr='captions'], .plyr--pip-supported [data-plyr='pip'], .plyr--airplay-supported [data-plyr='airplay'], .plyr--fullscreen-enabled [data-plyr='fullscreen'] {
    display: inline-block
}

.plyr__video-embed {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

    .plyr__video-embed iframe {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        user-select: none;
        width: 100%
    }

.plyr--full-ui .plyr__video-embed iframe {
    pointer-events: none
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr__menu {
    display: flex;
    position: relative
}

    .plyr__menu .plyr__control svg {
        transition: transform 0.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 {
    animation: plyr-popup 0.2s ease;
    background: rgba(255,255,255,0.9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

    .plyr__menu__container > div {
        overflow: hidden;
        transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),width 0.35s cubic-bezier(0.4, 0, 0.2, 1)
    }

    .plyr__menu__container::after {
        border: 4px solid transparent;
        border-top-color: rgba(255,255,255,0.9);
        content: '';
        height: 0;
        position: absolute;
        right: 15px;
        top: 100%;
        width: 0
    }

    .plyr__menu__container ul {
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 7px
    }

        .plyr__menu__container ul li {
            margin-top: 2px
        }

            .plyr__menu__container ul li:first-child {
                margin-top: 0
            }

    .plyr__menu__container .plyr__control {
        align-items: center;
        color: #4f5b5f;
        display: flex;
        font-size: 14px;
        padding: 4px 14px;
        user-select: none;
        width: 100%
    }

        .plyr__menu__container .plyr__control::after {
            border: 4px solid transparent;
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

    .plyr__menu__container .plyr__control--forward {
        padding-right: 28px
    }

        .plyr__menu__container .plyr__control--forward::after {
            border-left-color: rgba(79,91,95,0.8);
            right: 5px
        }

        .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: 500;
        margin: 7px;
        margin-bottom: 3px;
        padding-left: 28px;
        position: relative;
        width: calc(100% - 14px)
    }

        .plyr__menu__container .plyr__control--back::after {
            border-right-color: rgba(79,91,95,0.8);
            left: 7px
        }

        .plyr__menu__container .plyr__control--back::before {
            background: #b7c5cd;
            box-shadow: 0 1px 0 #fff;
            content: '';
            height: 1px;
            left: 0;
            margin-top: 4px;
            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 label.plyr__control {
        padding-left: 7px
    }

        .plyr__menu__container label.plyr__control input[type='radio'] + span {
            background: rgba(0,0,0,0.1);
            border-radius: 100%;
            display: block;
            flex-shrink: 0;
            height: 16px;
            margin-right: 10px;
            position: relative;
            transition: all 0.3s ease;
            width: 16px
        }

            .plyr__menu__container label.plyr__control input[type='radio'] + span::after {
                background: #fff;
                border-radius: 100%;
                content: '';
                height: 6px;
                left: 5px;
                opacity: 0;
                position: absolute;
                top: 5px;
                transform: scale(0);
                transition: transform 0.3s ease, opacity 0.3s ease;
                width: 6px
            }

        .plyr__menu__container label.plyr__control input[type='radio']:checked + span {
            background: #1aafff
        }

            .plyr__menu__container label.plyr__control input[type='radio']:checked + span::after {
                opacity: 1;
                transform: scale(1)
            }

        .plyr__menu__container label.plyr__control input[type='radio']:focus + span {
            box-shadow: 0 0 0 3px rgba(26,175,255,0.35);
            outline: 0
        }

        .plyr__menu__container label.plyr__control.plyr__tab-focus input[type='radio'] + span, .plyr__menu__container label.plyr__control:hover input[type='radio'] + span {
            background: rgba(0,0,0,0.1)
        }

    .plyr__menu__container .plyr__menu__value {
        align-items: center;
        display: flex;
        margin-left: auto;
        margin-right: -7px;
        overflow: hidden;
        padding-left: 25px;
        pointer-events: none
    }

.plyr--full-ui input[type='range'] {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 28px;
    color: #1aafff;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    transition: box-shadow 0.3s ease;
    width: 100%
}

    .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
        background: transparent;
        border: 0;
        border-radius: 3px;
        height: 6px;
        transition: all 0.3s ease;
        user-select: none;
        background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))
    }

    .plyr--full-ui input[type='range']::-webkit-slider-thumb {
        background: #fff;
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);
        box-sizing: border-box;
        height: 14px;
        position: relative;
        transition: all 0.2s ease;
        width: 14px;
        -webkit-appearance: none;
        margin-top: -4px
    }

    .plyr--full-ui input[type='range']::-moz-range-track {
        background: transparent;
        border: 0;
        border-radius: 3px;
        height: 6px;
        transition: all 0.3s ease;
        user-select: none
    }

    .plyr--full-ui input[type='range']::-moz-range-thumb {
        background: #fff;
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);
        box-sizing: border-box;
        height: 14px;
        position: relative;
        transition: all 0.2s ease;
        width: 14px
    }

    .plyr--full-ui input[type='range']::-moz-range-progress {
        background: currentColor;
        border-radius: 3px;
        height: 6px
    }

    .plyr--full-ui input[type='range']::-ms-track {
        background: transparent;
        border: 0;
        border-radius: 3px;
        height: 6px;
        transition: all 0.3s ease;
        user-select: none;
        color: transparent
    }

    .plyr--full-ui input[type='range']::-ms-fill-upper {
        background: transparent;
        border: 0;
        border-radius: 3px;
        height: 6px;
        transition: all 0.3s ease;
        user-select: none
    }

    .plyr--full-ui input[type='range']::-ms-fill-lower {
        background: transparent;
        border: 0;
        border-radius: 3px;
        height: 6px;
        transition: all 0.3s ease;
        user-select: none;
        background: currentColor
    }

    .plyr--full-ui input[type='range']::-ms-thumb {
        background: #fff;
        border: 0;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);
        box-sizing: border-box;
        height: 14px;
        position: relative;
        transition: all 0.2s ease;
        width: 14px;
        margin-top: 0
    }

    .plyr--full-ui input[type='range']::-ms-tooltip {
        display: none
    }

    .plyr--full-ui input[type='range']:focus {
        outline: 0
    }

    .plyr--full-ui input[type='range']::-moz-focus-outer {
        border: 0
    }

    .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
        box-shadow: 0 0 0 3px rgba(26,175,255,0.35);
        outline: 0
    }

    .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
        box-shadow: 0 0 0 3px rgba(26,175,255,0.35);
        outline: 0
    }

    .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
        box-shadow: 0 0 0 3px rgba(26,175,255,0.35);
        outline: 0
    }

.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(255,255,255,0.25)
}

.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
    background-color: rgba(255,255,255,0.25)
}

.plyr--full-ui.plyr--video input[type='range']::-ms-track {
    background-color: rgba(255,255,255,0.25)
}

.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)
}

.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)
}

.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)
}

.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
    background-color: rgba(183,197,205,0.66)
}

.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
    background-color: rgba(183,197,205,0.66)
}

.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
    background-color: rgba(183,197,205,0.66)
}

.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(0,0,0,0.1)
}

.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(0,0,0,0.1)
}

.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(0,0,0,0.1)
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.3s ease;
    width: 100%;
    z-index: 1;
    pointer-events: none
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 14px
}

    .plyr__time + .plyr__time::before {
        content: '\2044';
        margin-right: 10px
    }

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none
    }
}

.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0,0,0,0.15)
}

.plyr__tooltip {
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    color: #4f5b5f;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
    white-space: nowrap;
    z-index: 2
}

    .plyr__tooltip::before {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid rgba(255,255,255,0.9);
        bottom: -4px;
        content: '';
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 0;
        z-index: 2
    }

.plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) 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: translate(0, 10px) scale(0.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: 16px
    }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%
}

    .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
        left: auto;
        right: 16px;
        transform: translateX(50%)
    }

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
    transform: translate(0, 0) scale(1)
}

.plyr--video {
    overflow: hidden
}

    .plyr--video.plyr--menu-open {
        overflow: visible
    }

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__progress {
    display: flex;
    flex: 1;
    left: 7px;
    margin-right: 14px;
    position: relative
}

    .plyr__progress input[type='range'], .plyr__progress__buffer {
        margin-left: -7px;
        margin-right: -7px;
        width: calc(100% + 14px)
    }

    .plyr__progress input[type='range'] {
        position: relative;
        z-index: 2
    }

    .plyr__progress .plyr__tooltip {
        font-size: 14px;
        left: 0
    }

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: 6px;
    left: 0;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    top: 50%
}

    .plyr__progress__buffer::-webkit-progress-bar {
        background: transparent;
        transition: width 0.2s ease
    }

    .plyr__progress__buffer::-webkit-progress-value {
        background: currentColor;
        border-radius: 100px;
        min-width: 6px
    }

    .plyr__progress__buffer::-moz-progress-bar {
        background: currentColor;
        border-radius: 100px;
        min-width: 6px;
        transition: width 0.2s ease
    }

    .plyr__progress__buffer::-ms-fill {
        border-radius: 100px;
        transition: width 0.2s ease
    }

.plyr--video .plyr__progress__buffer {
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    color: rgba(255,255,255,0.25)
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(183,197,205,0.66)
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(47,52,61,0.6) 25%, transparent 25%, transparent 50%, rgba(47,52,61,0.6) 50%, rgba(47,52,61,0.6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255,255,255,0.25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(183,197,205,0.66)
}

.plyr__volume {
    flex: 1;
    position: relative
}

    .plyr__volume input[type='range'] {
        position: relative;
        z-index: 2
    }

@media (min-width: 480px) {
    .plyr__volume {
        max-width: 50px
    }
}

@media (min-width: 768px) {
    .plyr__volume {
        max-width: 80px
    }
}

.plyr--is-ios .plyr__volume {
    display: none !important
}

.plyr--is-ios.plyr--vimeo [data-plyr='mute'] {
    display: none !important
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:fullscreen video {
        height: 100%
    }

    .plyr:fullscreen .plyr__video-wrapper {
        height: 100%;
        width: 100%
    }

    .plyr:fullscreen .plyr__video-embed {
        overflow: visible
    }

    .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:fullscreen.plyr--hide-controls {
        cursor: none
    }

@media (min-width: 1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-webkit-full-screen video {
        height: 100%
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper {
        height: 100%;
        width: 100%
    }

    .plyr:-webkit-full-screen .plyr__video-embed {
        overflow: visible
    }

    .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-webkit-full-screen.plyr--hide-controls {
        cursor: none
    }

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-moz-full-screen video {
        height: 100%
    }

    .plyr:-moz-full-screen .plyr__video-wrapper {
        height: 100%;
        width: 100%
    }

    .plyr:-moz-full-screen .plyr__video-embed {
        overflow: visible
    }

    .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-moz-full-screen.plyr--hide-controls {
        cursor: none
    }

@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

    .plyr:-ms-fullscreen video {
        height: 100%
    }

    .plyr:-ms-fullscreen .plyr__video-wrapper {
        height: 100%;
        width: 100%
    }

    .plyr:-ms-fullscreen .plyr__video-embed {
        overflow: visible
    }

    .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
        display: block
    }

        .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
            display: none
        }

    .plyr:-ms-fullscreen.plyr--hide-controls {
        cursor: none
    }

@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

    .plyr--fullscreen-fallback video {
        height: 100%
    }

    .plyr--fullscreen-fallback .plyr__video-wrapper {
        height: 100%;
        width: 100%
    }

    .plyr--fullscreen-fallback .plyr__video-embed {
        overflow: visible
    }

    .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .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: 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: rgba(47,52,61,0.8);
        border-radius: 2px;
        bottom: 10px;
        color: #fff;
        content: attr(data-badge-text);
        font-size: 11px;
        padding: 2px 6px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        z-index: 3
    }

        .plyr__ads::after:empty {
            display: none
        }

.plyr__cues {
    background: currentColor;
    display: block;
    height: 6px;
    left: 0;
    margin: -3px 0 0;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}
/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 2px 0;
        padding: 4px;
        width: 19em
    }

@media (min-width: 320px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 764px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 1016px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d5d5d5;
    border-bottom-color: rgba(0,0,0,0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #d5d5d5;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #d5d5d5;
    border-top-color: rgba(0,0,0,0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #d5d5d5;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 16px;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        content: "Toggle Date and Time Screens"
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: rgba(36,34,33,0.2);
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            content: "Previous Month"
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            content: "Next Month"
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: rgba(36,34,33,0.3)
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: rgba(36,34,33,0.2)
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: rgba(36,34,33,0.3);
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: rgba(36,34,33,0.2)
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #003c4a;
                border-top-color: rgba(0,0,0,0.2);
                position: absolute;
                bottom: 4px;
                right: 4px
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #003c4a;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
        }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: rgba(36,34,33,0.2);
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: rgba(36,34,33,0.3)
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #003c4a;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: rgba(36,34,33,0.2)
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: rgba(36,34,33,0.2);
                cursor: not-allowed
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.intl-tel-input {
    position: relative;
    display: inline-block
}

    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .intl-tel-input .hide {
        display: none
    }

    .intl-tel-input .v-hide {
        visibility: hidden
    }

    .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-right: 36px;
        margin-right: 0
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px
    }

        .intl-tel-input .selected-flag .iti-flag {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intl-tel-input .selected-flag .iti-arrow {
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 6px;
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #555
        }

            .intl-tel-input .selected-flag .iti-arrow.up {
                border-top: none;
                border-bottom: 4px solid #555
            }

    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
        background-color: white;
        border: 1px solid #CCC;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll
    }

        .intl-tel-input .country-list.dropup {
            bottom: 100%;
            margin-bottom: -1px
        }

        .intl-tel-input .country-list .flag-box {
            display: inline-block;
            width: 20px
        }

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0,0,0,0.05)
    }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    vertical-align: middle
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0,0,0,0.05)
    }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default
}

    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent
    }

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,0.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px 10px;
        line-height: 1.5em
    }

.iti-flag {
    width: 20px
}

    .iti-flag.be {
        width: 18px
    }

    .iti-flag.ch {
        width: 15px
    }

    .iti-flag.mc {
        width: 19px
    }

    .iti-flag.ne {
        width: 18px
    }

    .iti-flag.np {
        width: 13px
    }

    .iti-flag.va {
        width: 15px
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("main/img/flags.png");
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("main/img/flags@2x.png")
    }
}

.iti-flag.np {
    background-color: transparent
}

@font-face {
    font-family: "CupraBold";
    src: url("main/fonts/Cupra-Bold.eot");
    src: url("main/fonts/Cupra-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "CupraBoldItalic";
    src: url("main/fonts/Cupra-BoldItalic.eot");
    src: url("main/fonts/Cupra-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: "CupraBookItalic";
    src: url("main/fonts/Cupra-BoldItalic.eot");
    src: url("main/fonts/Cupra-BookItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: "CupraExtraBold";
    src: url("main/fonts/Cupra-ExtraBold.eot");
    src: url("main/fonts/Cupra-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "CupraExtraBoldItalic";
    src: url("main/fonts/Cupra-ExtraBoldItalic.eot");
    src: url("main/fonts/Cupra-ExtraBoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: "CupraExtraLight";
    src: url("main/fonts/Cupra-ExtraLight.eot");
    src: url("main/fonts/Cupra-ExtraLight.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "CupraExtraLightItalic";
    src: url("main/fonts/Cupra-ExtraLightItalic.eot");
    src: url("main/fonts/Cupra-ExtraLightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "CupraItalic";
    src: url("main/fonts/Cupra-Italic.eot");
    src: url("main/fonts/Cupra-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: "CupraLightItalic";
    src: url("main/fonts/Cupra-LightItalic.eot");
    src: url("main/fonts/Cupra-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "CupraMediumItalic";
    src: url("main/fonts/Cupra-MediumItalic.eot");
    src: url("main/fonts/Cupra-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "CupraDisplayRegular";
    src: url("main/fonts/CupraDisplay-Regular.eot");
    src: url("main/fonts/CupraDisplay-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.CupraBold {
    font-family: "CupraBold",serif
}

.CupraBoldItalic {
    font-family: "CupraBoldItalic",serif
}

.CupraBook {
    font-family: "CupraBook",serif
}

.CupraBookItalic {
    font-family: "CupraBookItalic",serif
}

.CupraExtraBold {
    font-family: "CupraExtraBold",serif
}

.CupraExtraBoldItalic {
    font-family: "CupraExtraBoldItalic",serif
}

.CupraExtraLight {
    font-family: "CupraExtraLight",serif
}

.CupraExtraLightItalic {
    font-family: "CupraExtraLightItalic",serif
}

.CupraItalic {
    font-family: "CupraItalic",serif
}

.CupraLight {
    font-family: "CupraLight",serif
}

.CupraLightItalic {
    font-family: "CupraLightItalic",serif
}

.CupraMedium {
    font-family: "CupraMedium",serif
}

.CupraMediumItalic {
    font-family: "CupraMediumItalic",serif
}

.CupraRegular {
    font-family: "CupraRegular",serif
}

.CupraDisplayRegular {
    font-family: "CupraDisplayRegular",serif
}

body {
    -webkit-font-smoothing: antialiased;
    color: #242221;
    font-family: "CupraRegular",serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

p {
    margin-bottom: 8px
}

.dynamic-backdrop {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.no-padding {
    padding: 0
}

.no-margin {
    margin: 0
}

.no-padding-lateral {
    padding-left: 0;
    padding-right: 0
}

.no-margin-lateral {
    margin-left: 0;
    margin-right: 0
}

.margin-bottom-24 {
    margin-bottom: 24px
}

.margin-top-0 {
    margin-top: 0px
}

.margin-top-24 {
    margin-top: 24px
}

.margin-bottom-32 {
    margin-bottom: 32px
}

.margin-top-32 {
    margin-top: 32px
}

.margin-top-56 {
    margin-top: 56px
}

.div-height-8 {
    height: 8px
}

.div-height-16 {
    height: 16px
}

.div-height-24 {
    height: 24px
}

.div-height-32 {
    height: 32px
}

.div-height-64 {
    height: 64px
}

.div-height-128 {
    height: 128px
}

.text-black {
    color: #242221
}

.text-white {
    color: #fff
}

.text-blue-petrol {
    color: #003C4A
}

.bg-black {
    background-color: #000
}

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

.bg-gray {
    background-color: #f5f5f5
}

.bg-gray-2 {
    background-color: #ededed
}

.bg-gray-3 {
    background-color: #d5d5d5
}

.bg-blue {
    background-color: #003c4a
}

.bg-purple {
    background-color: #8d6b93
}

.bg-blue-petrol {
    background-color: #003C4A
}

.cont-img img.img-viewport {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .cont-img img.img-viewport.f-right {
        left: 100%;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .cont-img img.img-viewport.f-left {
        left: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }

a, span {
    transition: all .3s ease-in
}

    a, a:focus, a:hover {
        text-decoration: none
    }

.cta {
    font-family: "CupraMedium",serif
}

a.cta {
    color: #242221;
    position: relative;
    padding-left: 22px
}

    a.cta:hover {
        padding-left: 30px;
        color: rgba(36,34,33,0.6)
    }

        a.cta:hover:after {
            background: rgba(36,34,33,0.6);
            width: 32px
        }

    a.cta:after {
        display: block;
        content: '';
        position: absolute;
        height: 1px;
        width: 24px;
        left: 0;
        background: #242221;
        bottom: 4px;
        transition: all .2s ease-in
    }

    a.cta span {
        padding-left: 8px;
        position: relative;
        z-index: 1
    }

a span.cta {
    color: #242221;
    position: relative;
    padding-left: 22px
}

    a span.cta:hover {
        padding-left: 30px;
        color: rgba(36,34,33,0.6)
    }

        a span.cta:hover:after {
            background: rgba(36,34,33,0.6);
            width: 32px
        }

    a span.cta:after {
        display: block;
        content: '';
        position: absolute;
        height: 1px;
        width: 24px;
        left: 0;
        background: #242221;
        bottom: 4px;
        transition: all .2s ease-in
    }

    a span.cta span {
        padding-left: 8px;
        position: relative;
        z-index: 1
    }

a.cta.cta-white {
    color: #fff
}

    a.cta.cta-white:hover {
        color: rgba(255,255,255,0.6)
    }

        a.cta.cta-white:hover:after {
            background: rgba(255,255,255,0.6)
        }

    a.cta.cta-white:after {
        background: #fff
    }

a .cta.cta-white {
    color: #fff
}

    a .cta.cta-white:hover {
        color: rgba(255,255,255,0.6)
    }

        a .cta.cta-white:hover:after {
            background: rgba(255,255,255,0.6)
        }

    a .cta.cta-white:after {
        background: #fff
    }

a.btn-line {
    font-family: "CupraMedium",serif;
    font-size: 16px;
    line-height: 26px;
    color: #242221;
    border: 1px solid #242221;
    min-width: 100px;
    height: 48px;
    min-height: 48px;
    padding: 9px 20px;
    display: inline-block;
    text-align: center
}

    a.btn-line:hover {
        color: rgba(36,34,33,0.6);
        border: 1px solid rgba(36,34,33,0.6)
    }

    a.btn-line.active {
        padding: 8px 20px;
        color: #003c4a;
        border: 2px solid #003c4a
    }

        a.btn-line.active:hover {
            color: #003c4a;
            border: 2px solid #003c4a
        }

    a.btn-line.disabled {
        color: rgba(36,34,33,0.35);
        border: 1px solid rgba(36,34,33,0.35);
        pointer-events: none
    }

    a.btn-line.btn-line-white {
        color: #fff;
        border: 1px solid #fff
    }

        a.btn-line.btn-line-white:hover {
            color: rgba(245,245,245,0.6);
            border: 1px solid rgba(245,245,245,0.6)
        }

        a.btn-line.btn-line-white.active {
            padding: 8px 20px;
            color: #fff;
            border: 2px solid #fff
        }

            a.btn-line.btn-line-white.active:hover {
                color: #fff;
                border: 2px solid #fff
            }

        a.btn-line.btn-line-white.disabled {
            color: rgba(213,213,213,0.35);
            border: 1px solid rgba(213,213,213,0.35);
            pointer-events: none
        }

.eyebrow {
    font-family: "CupraLight",serif;
    font-size: 16px;
    color: #242221;
    letter-spacing: 0;
    line-height: 30px
}

.title {
    font-family: "CupraLight",serif;
    font-size: 30px;
    color: #242221;
    letter-spacing: 0;
    line-height: 40px
}

p, .text {
    font-family: "CupraLight",serif;
    font-size: 16px;
    color: #242221;
    letter-spacing: 0;
    line-height: 26px
}

.richtext {
    font-family: "CupraLight",serif;
    font-size: 16px;
    color: #242221;
    letter-spacing: 0;
    line-height: 26px
}

    .richtext p {
        font-family: "CupraLight",serif
    }

    .richtext a {
        font-family: "CupraLight",serif;
        color: #242221
    }

    .richtext ul li {
        font-family: "CupraLight",serif
    }

    .richtext ol li {
        font-family: "CupraLight",serif
    }

    .richtext a[href^="mailto:"] {
        padding-left: 0;
        text-decoration: underline;
        font-family: "CupraLight",serif
    }

        .richtext a[href^="mailto:"]:after {
            width: 0
        }

        .richtext a[href^="mailto:"]:hover {
            width: 0;
            padding-left: 0
        }

            .richtext a[href^="mailto:"]:hover:after {
                width: 0
            }

    .richtext a:not(.cta) {
        text-decoration: underline;
        font-family: "CupraRegular",serif;
        transition: none;
        word-break: break-word;
        word-wrap: break-word
    }

        .richtext a:not(.cta):after {
            width: 0;
            padding-left: 0;
            transition: none
        }

        .richtext a:not(.cta):hover {
            text-decoration: underline;
            opacity: .6
        }

            .richtext a:not(.cta):hover:after {
                width: 0;
                padding-left: 0
            }

@media (min-width: 1016px) and (max-width: 1435px) {
    .title {
        font-size: 36px;
        line-height: 46px
    }
}

@media (min-width: 1436px) {
    .title {
        font-size: 36px;
        line-height: 46px
    }
}

.play-block {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

    .play-block .plyr {
        position: absolute;
        z-index: -2
    }

    .play-block a {
        background: rgba(36,34,33,0.6);
        display: inline-block;
        position: relative;
        cursor: pointer;
        align-self: center;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        transition: all .1s ease-in;
        width: 84px;
        height: 44px;
        -webkit-transition-property: none;
        -moz-transition-property: none;
        -o-transition-property: none;
        transition-property: none
    }

        .play-block a:hover {
            background: #242221
        }

        .play-block a img {
            width: 19px;
            height: 19px;
            margin: initial;
            position: absolute;
            left: calc(50% - 9.5px);
            top: calc(50% - 9.5px);
            bottom: 0;
            -webkit-transition: all .3s ease-in;
            -moz-transition: all .3s ease-in;
            -o-transition: all .3s ease-in;
            transition: all .3s ease-in
        }

@media (min-width: 764px) {
    .play-block a {
        width: 131px;
        height: 70px
    }

        .play-block a img {
            width: 30px;
            height: 30px;
            left: calc(50% - 15px);
            top: calc(50% - 15px)
        }
}

.special-drop button {
    height: auto;
    max-height: calc(30px*2 + 10px);
    padding-right: 24px !important
}

.special-drop .dropdown-menu .dropdown-item {
    height: auto;
    max-height: calc(28px*2);
    overflow: hidden;
    white-space: unset
}

.specsHero .trimselect .selectors select.form-control {
    padding-right: 24px
}

.btn-play {
    background: rgba(51,48,46,0.5);
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    align-self: center;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 48px;
    height: 48px
}

    .btn-play img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 12px;
        width: 12px;
        height: auto;
        min-height: 12px
    }

    .btn-play.white {
        color: #fff
    }

        .btn-play.white:hover {
            background: rgba(51,48,46,0.8)
        }

.modal-full-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    overflow: hidden
}

    .modal-full-screen.modal-single-video .background {
        max-width: 740px
    }

        .modal-full-screen.modal-single-video .background .foreground {
            height: 0;
            padding-bottom: 56.25%
        }

            .modal-full-screen.modal-single-video .background .foreground iframe {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0
            }

    .modal-full-screen.modal-gallery .background {
        max-width: 950px
    }

        .modal-full-screen.modal-gallery .background .carousel {
            padding: 0 16px
        }

            .modal-full-screen.modal-gallery .background .carousel .carousel-item {
                padding: 0 48px
            }

                .modal-full-screen.modal-gallery .background .carousel .carousel-item .video-content {
                    position: relative;
                    padding-bottom: 56.2065%;
                    height: 0;
                    overflow: hidden
                }

                    .modal-full-screen.modal-gallery .background .carousel .carousel-item .video-content iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%
                    }

            .modal-full-screen.modal-gallery .background .carousel .controls {
                padding: 0;
                margin: 0 auto
            }

                .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-next, .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-prev {
                    background-color: #fff;
                    opacity: 1;
                    width: 40px;
                    height: 40px;
                    top: calc(50% - 20px)
                }

                    .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-next:hover, .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-prev:hover {
                        opacity: 1
                    }

                        .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-next:hover:after, .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-prev:hover:after {
                            opacity: .4
                        }

                    .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-next:after {
                        content: '';
                        background: url("main/img/arrow-black.svg") center center no-repeat;
                        position: absolute;
                        width: 8px;
                        height: 13px
                    }

                    .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-prev:after {
                        content: '';
                        background: url("main/img/arrow-black.svg") center center no-repeat;
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(1800deg);
                        -o-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                        position: absolute;
                        width: 8px;
                        height: 13px
                    }

    .modal-full-screen .modal-dialog {
        position: fixed;
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        max-width: none;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: transform 0s ease-in;
        -moz-transition: transform 0s ease-in;
        -o-transition: transform 0s ease-in;
        transition: transform 0s ease-in
    }

        .modal-full-screen .modal-dialog .modal-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 0;
            box-shadow: none;
            border: 0;
            background-color: rgba(51,48,46,0.9)
        }

            .modal-full-screen .modal-dialog .modal-content .modal-header {
                padding: 0;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                border-bottom: 0;
                height: 0
            }

                .modal-full-screen .modal-dialog .modal-content .modal-header .close {
                    padding: 10px 13px;
                    opacity: 1;
                    width: 40px;
                    height: 40px;
                    border-radius: 4px;
                    top: 0;
                    right: 0;
                    margin: 16px 16px 0 0;
                    background-color: #fff;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    border: none;
                    z-index: 1
                }

                    .modal-full-screen .modal-dialog .modal-content .modal-header .close:hover {
                        cursor: pointer
                    }

                        .modal-full-screen .modal-dialog .modal-content .modal-header .close:hover img {
                            opacity: .4
                        }

                    .modal-full-screen .modal-dialog .modal-content .modal-header .close img {
                        position: unset;
                        margin: 0 auto;
                        display: block;
                        width: 100%;
                        height: 100%
                    }

            .modal-full-screen .modal-dialog .modal-content .modal-body {
                padding: 0
            }

                .modal-full-screen .modal-dialog .modal-content .modal-body .background {
                    height: 100vh;
                    margin: 0 auto
                }

                    .modal-full-screen .modal-dialog .modal-content .modal-body .background .foreground {
                        overflow: hidden;
                        position: relative;
                        max-width: 100%
                    }

    *::-ms-backdrop, .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-next::after, .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-prev::after {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

.full-screen-modal .modal-dialog {
    position: static
}

.full-screen-modal .modal-full-screen.show {
    animation: moveRight 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}

@keyframes moveRight {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0%)
    }
}

.full-screen-modal .modal-full-screen.hide {
    animation: moveLeft 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards
}

@keyframes moveLeft {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@media (min-width: 1016px) {
    .modal-full-screen.modal-gallery .modal-dialog .modal-content .modal-header .close {
        margin: 24px 24px 0 0
    }

    .modal-full-screen.modal-gallery .modal-dialog .modal-content .background {
        max-width: 966px
    }

        .modal-full-screen.modal-gallery .modal-dialog .modal-content .background .carousel {
            padding: 0
        }

            .modal-full-screen.modal-gallery .modal-dialog .modal-content .background .carousel .carousel-item {
                padding: 0 56px
            }
}

.modal-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

    .modal-fullscreen .modal-dialog {
        position: fixed;
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        max-width: none
    }

    .modal-fullscreen .modal-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
        box-shadow: none;
        border: 0;
        background-color: rgba(51,48,46,0.9)
    }

    .modal-fullscreen .modal-header {
        padding: 0;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        border-bottom: 0;
        min-height: 60px
    }

        .modal-fullscreen .modal-header .close {
            margin: 16px 16px 0 0
        }

    .modal-fullscreen button.close {
        background-color: #fff;
        width: 27px;
        height: 27px;
        border-radius: 4px;
        font-size: 24px;
        line-height: 0;
        position: relative;
        padding: 0
    }

        .modal-fullscreen button.close span {
            display: block;
            position: absolute;
            left: 50%;
            top: 43%;
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .modal-fullscreen .close {
        color: #33302e;
        text-shadow: none;
        opacity: 1;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        transition: all .1s ease-in
    }

        .modal-fullscreen .close:hover {
            color: rgba(51,48,46,0.4)
        }

.video-background {
    width: 85%;
    max-width: 740px;
    height: 90vh;
    margin: 0 auto
}

.video-foreground {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

    .video-foreground iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute
    }

@media (min-width: 1016px) and (max-width: 1435px) {
    .btn-play {
        width: 64px;
        height: 64px
    }

        .btn-play img {
            min-width: 15px;
            width: 15px;
            min-height: 15px
        }
}

@media (min-width: 1436px) {
    .btn-play {
        width: 64px;
        height: 64px
    }

        .btn-play img {
            min-width: 15px;
            width: 15px;
            min-height: 15px
        }
}

img.b-lazy {
    opacity: 0
}

    img.b-lazy.img-loaded {
        transition: opacity 1s;
        opacity: 1
    }

    img.b-lazy:not([src]) {
        visibility: hidden
    }

.main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu {
    min-width: 0
}

body {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.animation {
    visibility: hidden
}

    .animation.vis {
        visibility: visible
    }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.fadeIn {
        -webkit-animation-name: a;
        animation-name: a
    }

    .animated.fadeInDown {
        -webkit-animation-name: b;
        animation-name: b
    }

    .animated.fadeInDownBig {
        -webkit-animation-name: c;
        animation-name: c
    }

    .animated.fadeInLeft {
        -webkit-animation-name: d;
        animation-name: d
    }

    .animated.fadeInLeftBig {
        -webkit-animation-name: e;
        animation-name: e
    }

    .animated.fadeInRight {
        -webkit-animation-name: f;
        animation-name: f
    }

    .animated.fadeInRightBig {
        -webkit-animation-name: g;
        animation-name: g
    }

    .animated.fadeInUp {
        -webkit-animation-name: h;
        animation-name: h
    }

    .animated.fadeInUpBig {
        -webkit-animation-name: i;
        animation-name: i
    }

    .animated.flash {
        -webkit-animation-name: k;
        animation-name: k
    }

@media (min-width: 764px) {
    .animated.bounceInUp {
        -webkit-transform: translateY(3000px);
        transform: translateY(3000px);
        -webkit-animation-name: j;
        animation-name: j
    }
}

@-webkit-keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

@keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

@-webkit-keyframes c {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

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

@keyframes c {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

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

@-webkit-keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes d {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes e {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes e {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes f {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes f {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes g {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes g {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes h {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

@keyframes h {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

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

@-webkit-keyframes i {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

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

@keyframes i {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

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

@-webkit-keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3000px);
        transform: translateY(3000px)
    }

    60% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3000px);
        transform: translateY(3000px)
    }

    60% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes k {
    0%, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes k {
    0%, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes slideUp {
    0% {
        opacity: 0
    }

    100% {
        top: -2px;
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

.delay1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.delay2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay4 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.delay5 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay6 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.anim-slideUp {
    animation: slideUp 0.3s
}

.anim-slidedown {
    animation: slideDown 0.3s
}

.global-header {
    height: 60px
}

    .global-header .global-fixed {
        margin: 0;
        padding: 0;
        background: #f5f5f5;
        position: fixed;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0;
        width: 100%;
        z-index: 18
    }

    .global-header .container-menu {
        height: 60px;
        padding: 16px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        position: relative
    }

        .global-header .container-menu .logo-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

            .global-header .container-menu .logo-container a img {
                width: 136px;
                height: 20px
            }

        .global-header .container-menu *::-ms-backdrop, .global-header .container-menu .secondary-links, .global-header .container-menu .lang-selector {
            bottom: 50%;
            transform: translateY(50%)
        }

        .global-header .container-menu .secondary-links {
            position: absolute;
            right: 5%;
            display: none
        }

            .global-header .container-menu .secondary-links ul {
                margin: 0;
                padding: 24px 0
            }

                .global-header .container-menu .secondary-links ul li {
                    list-style: none;
                    display: inline-block;
                    border-right: 1px solid #d5d5d5;
                    padding: 0 12px
                }

                    .global-header .container-menu .secondary-links ul li:last-child {
                        border-right: none
                    }

                    .global-header .container-menu .secondary-links ul li a {
                        color: #242221;
                        font-size: 14px;
                        line-height: 24px
                    }

        .global-header .container-menu .lang-selector {
            position: absolute;
            overflow: visible;
            z-index: 18;
            width: 40px;
            padding: 4px 8px;
            right: 16px
        }

            .global-header .container-menu .lang-selector:hover {
                margin-right: 1px;
                border: 1px solid #d5d5d5
            }

                .global-header .container-menu .lang-selector:hover .lang-selected {
                    border-bottom: none
                }

            .global-header .container-menu .lang-selector .lang-selected {
                margin: 0;
                border-bottom: 1px solid #737170;
                cursor: pointer
            }

                .global-header .container-menu .lang-selector .lang-selected a {
                    font-family: "CupraLight",serif;
                    font-size: 14px;
                    line-height: 24px;
                    transition: none
                }

            .global-header .container-menu .lang-selector .lang-list {
                background: #f5f5f5;
                padding: 8px 16px;
                margin: 0;
                top: 104%;
                left: -8px;
                position: absolute;
                z-index: 18
            }

                .global-header .container-menu .lang-selector .lang-list li {
                    list-style: none
                }

                    .global-header .container-menu .lang-selector .lang-list li a {
                        color: #242221;
                        font-family: "CupraLight",serif;
                        font-size: 14px;
                        line-height: 24px;
                        transition: none
                    }

            .global-header .container-menu .lang-selector .custom-select {
                border: none;
                background: none;
                outline: none;
                padding: 4px;
                margin: 0
            }

                .global-header .container-menu .lang-selector .custom-select:focus {
                    border: none;
                    background: none;
                    outline: none
                }

                .global-header .container-menu .lang-selector .custom-select option {
                    text-align: center;
                    padding: 4px;
                    margin: 0
                }

.sidenav .hamburger-button.inside {
    display: none
}

    .sidenav .hamburger-button.inside input {
        width: 24px;
        height: 24px
    }

    .sidenav .hamburger-button.inside span:nth-child(2) {
        transform: rotate(45deg) translate(7px, -1px);
        width: 40%
    }

    .sidenav .hamburger-button.inside span:nth-child(3) {
        transform: rotate(45deg) translate(11px, -6px);
        width: 50%
    }

    .sidenav .hamburger-button.inside span:nth-child(4) {
        transform: rotate(-45deg) translate(8px, -1px)
    }

.hamburger-button, .sidenav .hamburger-button {
    display: block;
    position: absolute;
    top: 20px;
    left: 16px;
    z-index: 18;
    width: 16px;
    height: 16px
}

    .hamburger-button input, .sidenav .hamburger-button input {
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0px;
        left: 0px;
        cursor: pointer;
        opacity: 0;
        z-index: 2
    }

    .hamburger-button span, .sidenav .hamburger-button span {
        display: block;
        width: 16px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;
        background: #737170;
        border-radius: 3px;
        z-index: 1;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease
    }

        .hamburger-button span:last-child, .sidenav .hamburger-button span:last-child {
            margin-bottom: 0
        }

    .hamburger-button input:checked ~ span, .hamburger-button .sidenav .hamburger-button.inside span, .sidenav .hamburger-button input:checked ~ span, .sidenav .hamburger-button .sidenav .hamburger-button.inside span {
        margin-left: -4px
    }

        .hamburger-button input:checked ~ span:nth-child(2), .hamburger-button .sidenav .hamburger-button.inside span:nth-child(2), .sidenav .hamburger-button input:checked ~ span:nth-child(2), .sidenav .hamburger-button .sidenav .hamburger-button.inside span:nth-child(2) {
            transform: rotate(45deg) translate(7px, -1px);
            width: 40%
        }

        .hamburger-button input:checked ~ span:nth-child(3), .hamburger-button .sidenav .hamburger-button.inside span:nth-child(3), .sidenav .hamburger-button input:checked ~ span:nth-child(3), .sidenav .hamburger-button .sidenav .hamburger-button.inside span:nth-child(3) {
            transform: rotate(45deg) translate(11px, -6px);
            width: 50%
        }

        .hamburger-button input:checked ~ span:nth-child(4), .hamburger-button .sidenav .hamburger-button.inside span:nth-child(4), .sidenav .hamburger-button input:checked ~ span:nth-child(4), .sidenav .hamburger-button .sidenav .hamburger-button.inside span:nth-child(4) {
            transform: rotate(-45deg) translate(8px, -1px)
        }

    .sidenav .hamburger-button.inside {
        background: url("main/img/close.svg") no-repeat center center;
        width: 18px;
        height: 18px;
        cursor: pointer
    }

        .sidenav .hamburger-button.inside input, .sidenav .hamburger-button.inside span {
            display: none
        }

.sidenav {
    overflow: hidden;
    left: -100%;
    position: fixed;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0px;
    transition: all .3s ease-in;
    width: 100%;
    height: calc(100vh - 60px);
    overflow-y: auto;
    margin-top: 60px;
    z-index: 5001;
    flex-direction: column;
    justify-content: space-between
}

    .sidenav > * {
        width: 100%
    }

    .sidenav .menu-wrapper {
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        align-content: center;
        min-height: unset;
        padding: 16px 56px
    }

        .sidenav .menu-wrapper.bg-white {
            justify-content: flex-start
        }

    .sidenav ul.menu {
        padding: 0;
        margin: auto;
        background: #f5f5f5;
        height: auto;
        width: 100%
    }

        .sidenav ul.menu li {
            max-width: 212px;
            list-style: none;
            text-align: center;
            text-transform: uppercase;
            border-bottom: 1px solid #d5d5d5;
            margin: 0 auto;
            width: 100%
        }

            .sidenav ul.menu li a {
                display: inline-block;
                color: #242221;
                font-family: "CupraRegular",serif;
                font-size: 16px;
                line-height: 26px;
                padding: 16px 0
            }

            .sidenav ul.menu li:last-child {
                border-bottom: none
            }

        .sidenav ul.menu.models {
            background: #fff
        }

    .sidenav .slide-nav {
        background: #f5f5f5;
        padding-top: 0px;
        padding-bottom: 0px;
        display: none;
        height: auto
    }

        .sidenav .slide-nav .slide-nav-item {
            position: relative;
            width: 184px;
            height: 120px;
            margin: 0 4px;
            opacity: 0.5;
            transition: opacity .6s
        }

            .sidenav .slide-nav .slide-nav-item img {
                width: 100%;
                height: 100%
            }

            .sidenav .slide-nav .slide-nav-item div {
                opacity: 0;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #f5f5f5;
                width: 75%;
                padding: 4px 0 0
            }

                .sidenav .slide-nav .slide-nav-item div span {
                    display: inline-block;
                    width: 100%;
                    overflow: hidden
                }

                    .sidenav .slide-nav .slide-nav-item div span.category {
                        text-transform: uppercase;
                        font-family: "CupraBook",serif;
                        font-size: 12px;
                        line-height: 20px;
                        color: rgba(36,34,33,0.6);
                        min-height: 20px;
                        max-height: 20px
                    }

                .sidenav .slide-nav .slide-nav-item div a.title {
                    font-family: "CupraBook",serif;
                    font-size: 14px;
                    line-height: 24px;
                    color: rgba(36,34,33,0.6);
                    min-height: 26px;
                    max-height: 26px;
                    overflow: hidden
                }

                    .sidenav .slide-nav .slide-nav-item div a.title:hover {
                        font-weight: bolder
                    }

            .sidenav .slide-nav .slide-nav-item.slick-active.slick-center {
                opacity: 1
            }

                .sidenav .slide-nav .slide-nav-item.slick-active.slick-center div {
                    opacity: 1;
                    transition: opacity .6s
                }

    .sidenav .nav-footer {
        background: #f5f5f5;
        padding: 16px 16px 32px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        min-height: 60px;
        max-height: 60px;
        position: sticky;
        position: -webkit-sticky;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        bottom: 0
    }

        .sidenav .nav-footer .nav-buttons a {
            margin: 0 8px
        }

            .sidenav .nav-footer .nav-buttons a img {
                opacity: .7
            }

            .sidenav .nav-footer .nav-buttons a:hover img {
                opacity: 1
            }

        .sidenav .nav-footer .nav-links a {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 28px;
            color: #242221;
            border-right: 1px solid #242221;
            padding: 0 16px;
            margin: 0
        }

            .sidenav .nav-footer .nav-links a:last-child {
                border-right: none;
                padding-right: 0
            }

    .sidenav.active {
        left: 0
    }

@supports (-webkit-overflow-scrolling: touch) {
    @media (orientation: portrait) {
        .sidenav .nav-footer {
            min-height: 120px
        }
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .global-header .container-menu {
        padding: 24px
    }

        .global-header .container-menu .logo-container {
            justify-self: center
        }

        .global-header .container-menu .secondary-links {
            display: none
        }

    .hamburger-button {
        top: 26px;
        left: 32px
    }

        .hamburger-button span {
            left: 4px;
            width: 24px
        }

        .hamburger-button input {
            width: 24px
        }

            .hamburger-button input:checked ~ span:nth-child(2) {
                transform: rotate(45deg) translate(7px, -4px);
                width: 60%
            }

            .hamburger-button input:checked ~ span:nth-child(3) {
                transform: rotate(45deg) translate(14px, -8px);
                width: 76%
            }

            .hamburger-button input:checked ~ span:nth-child(4) {
                transform: rotate(-45deg) translate(8px, -1px)
            }

    .sidenav ul.menu {
        padding-top: 56px;
        padding-bottom: 56px
    }

        .sidenav ul.menu.models {
            margin: 0
        }

    .sidenav .slide-nav {
        height: auto;
        display: block
    }

        .sidenav .slide-nav .slide-nav-item {
            width: 242px;
            height: 160px;
            margin: 0 8px
        }

    .sidenav .nav-footer {
        min-height: 72px;
        max-height: 72px;
        margin-top: 0;
        padding: 22px 16px
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .global-header {
        height: 100px
    }

        .global-header .global-fixed {
            z-index: 18
        }

        .global-header .container-menu {
            padding: 32px;
            height: 100px
        }

            .global-header .container-menu .logo-container a img {
                width: 192px;
                height: 28px
            }

            .global-header .container-menu .secondary-links {
                display: none
            }

            .global-header .container-menu .lang-selector {
                visibility: visible
            }

                .global-header .container-menu .lang-selector ul.lang-list {
                    padding: 8px 16px;
                    left: -8px
                }

    .hamburger-button, .sidenav .hamburger-button.inside {
        top: 38px;
        left: 32px;
        position: fixed
    }

        .hamburger-button input, .sidenav .hamburger-button.inside input {
            width: 24px;
            height: 24px
        }

        .hamburger-button span, .sidenav .hamburger-button.inside span {
            width: 24px
        }

        .hamburger-button input:checked ~ span:nth-child(2), .sidenav .hamburger-button.inside input:checked ~ span:nth-child(2) {
            transform: rotate(45deg) translate(7px, -4px);
            width: 60%
        }

        .hamburger-button input:checked ~ span:nth-child(3), .sidenav .hamburger-button.inside input:checked ~ span:nth-child(3) {
            transform: rotate(45deg) translate(14px, -8px);
            width: 76%
        }

        .hamburger-button input:checked ~ span:nth-child(4), .sidenav .hamburger-button.inside input:checked ~ span:nth-child(4) {
            transform: rotate(-45deg) translate(8px, -1px)
        }

    .sidenav {
        z-index: 5001;
        padding-top: 100px;
        width: 410px;
        box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
        margin-top: 0;
        height: 100vh
    }

        .sidenav ul.menu:first-child {
            padding-top: 62px;
            padding-bottom: 62px
        }

        .sidenav ul.menu.models {
            margin: 0
        }

        .sidenav .slide-nav {
            margin-bottom: 0;
            padding-top: 12px;
            padding-bottom: 12px;
            display: block;
            height: auto
        }

            .sidenav .slide-nav .slick-prev {
                background: url(main/img/left-2.svg) no-repeat center center;
                left: 4px;
                bottom: 16px;
                position: absolute;
                width: 50px;
                height: 50px;
                z-index: 16
            }

                .sidenav .slide-nav .slick-prev:before {
                    content: ""
                }

            .sidenav .slide-nav .slick-next {
                background: url(main/img/right-2.svg) no-repeat center center;
                right: 4px;
                bottom: 16px;
                position: absolute;
                width: 50px;
                height: 50px;
                z-index: 16
            }

                .sidenav .slide-nav .slick-next:before {
                    content: ""
                }

            .sidenav .slide-nav .slide-nav-item {
                opacity: 0
            }

                .sidenav .slide-nav .slide-nav-item.slick-active.slick-center {
                    opacity: 1
                }

        .sidenav .nav-footer {
            min-height: 72px;
            max-height: 72px;
            margin-top: 0;
            padding: 22px 16px;
            position: unset;
            position: fixed;
            width: 410px
        }

        .sidenav.smallHeight {
            height: calc(100vh - 72px)
        }

            .sidenav.smallHeight .nav-footer {
                width: 410px;
                position: sticky;
                bottom: 0;
                z-index: 17;
                box-shadow: 4px 4px 4px rgba(0,0,0,0.2)
            }

        .sidenav .menu-wrapper {
            min-height: 256px
        }

            .sidenav .menu-wrapper.bg-white {
                justify-content: flex-start
            }

        .sidenav .nav-footer {
            position: sticky;
            bottom: 0
        }
}

@media (min-width: 1436px) {
    .global-header {
        height: 100px
    }

        .global-header .global-fixed {
            z-index: 18
        }

        .global-header .container-menu {
            padding: 32px;
            max-width: 1436px;
            height: 100px;
            justify-content: flex-end
        }

            .global-header .container-menu .logo-container a img {
                width: 192px;
                height: 28px
            }

            .global-header .container-menu .secondary-links {
                display: block;
                font-family: "CupraLight",serif
            }

                .global-header .container-menu .secondary-links ul li {
                    padding: 0 12px
                }

            .global-header .container-menu .lang-selector {
                visibility: visible
            }

                .global-header .container-menu .lang-selector ul.lang-list {
                    padding: 8px 16px;
                    left: -8px
                }

    .hamburger-button, .sidenav .hamburger-button.inside {
        display: none;
        position: fixed;
        top: 42px;
        left: 32px
    }

        .hamburger-button input, .sidenav .hamburger-button.inside input {
            width: 24px;
            height: 24px
        }

        .hamburger-button span, .sidenav .hamburger-button.inside span {
            width: 24px
        }

        .hamburger-button input:checked ~ span:nth-child(2), .sidenav .hamburger-button.inside input:checked ~ span:nth-child(2) {
            transform: rotate(45deg) translate(7px, -4px);
            width: 60%
        }

        .hamburger-button input:checked ~ span:nth-child(3), .sidenav .hamburger-button.inside input:checked ~ span:nth-child(3) {
            transform: rotate(45deg) translate(14px, -8px);
            width: 76%
        }

        .hamburger-button input:checked ~ span:nth-child(4), .sidenav .hamburger-button.inside input:checked ~ span:nth-child(4) {
            transform: rotate(-45deg) translate(8px, -1px)
        }

        .hamburger-button.outside, .sidenav .hamburger-button.inside.outside {
            display: block;
            position: absolute;
            top: 42px;
            left: 32px
        }

    .sidenav {
        width: 468px
    }

        .sidenav.active {
            z-index: 5001;
            padding-top: 100px;
            margin-top: 0;
            width: 468px;
            box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
            height: 100vh;
            display: flex;
            justify-content: space-around
        }

            .sidenav.active ul.menu {
                padding-top: 8px;
                padding-bottom: 8px
            }

                .sidenav.active ul.menu.models {
                    margin: 0
                }

            .sidenav.active .slide-nav {
                padding-top: 12px;
                padding-bottom: 12px;
                margin-bottom: 0px;
                display: block;
                height: auto;
                width: 468px
            }

                .sidenav.active .slide-nav .slide-nav-item {
                    opacity: 0
                }

                    .sidenav.active .slide-nav .slide-nav-item div .category {
                        padding-top: 12px;
                        overflow: visible
                    }

                    .sidenav.active .slide-nav .slide-nav-item.slick-active.slick-center {
                        opacity: 1
                    }

                .sidenav.active .slide-nav .slick-prev {
                    background: url(main/img/left-2.svg) no-repeat center center;
                    left: 30px;
                    width: 50px;
                    height: 50px;
                    z-index: 16
                }

                    .sidenav.active .slide-nav .slick-prev:before {
                        content: ""
                    }

                .sidenav.active .slide-nav .slick-next {
                    background: url(main/img/right-2.svg) no-repeat center center;
                    right: 30px;
                    width: 50px;
                    height: 50px;
                    z-index: 16
                }

                    .sidenav.active .slide-nav .slick-next:before {
                        content: ""
                    }

            .sidenav.active .nav-footer {
                min-height: 72px;
                max-height: 72px;
                margin-top: 0;
                padding: 22px 16px;
                position: unset;
                position: sticky;
                bottom: 0;
                width: 468px
            }

            .sidenav.active.smallHeight {
                height: calc(100vh - 72px)
            }

                .sidenav.active.smallHeight .nav-footer {
                    width: 468px;
                    position: sticky;
                    bottom: 0;
                    z-index: 17;
                    box-shadow: 4px 4px 4px rgba(0,0,0,0.2)
                }

            .sidenav.active .menu-wrapper {
                min-height: 256px;
                height: 100%
            }

                .sidenav.active .menu-wrapper.bg-white {
                    justify-content: flex-start;
                    justify-content: center
                }
}

.bg-bicolor {
    background: #cccccc;
    background: -moz-linear-gradient(top, #ededed 0%, #ededed 50%, #f5f5f5 50%, #f5f5f5 100%);
    background: -webkit-linear-gradient(top, #ededed 0%, #ededed 50%, #f5f5f5 50%, #f5f5f5 100%);
    background: linear-gradient(to bottom, #ededed 0%, #ededed 50%, #f5f5f5 50%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f5f5f5',GradientType=0 )
}

.b-top {
    border-top: 1px solid #dbdbdb
}

.prefooter {
    background: #ededed
}

    .prefooter .container-prefooter {
        padding: 24px 16px 0px
    }

        .prefooter .container-prefooter .box-prefooter {
            text-align: center;
            padding: 56px 16px
        }

            .prefooter .container-prefooter .box-prefooter p {
                font-family: "CupraLight",serif;
                font-size: 24px;
                line-height: 34px;
                color: #242221;
                margin-bottom: 24px;
                overflow: hidden
            }

            .prefooter .container-prefooter .box-prefooter a {
                font-family: "CupraMedium",serif;
                font-size: 16px;
                line-height: 29px
            }

            .prefooter .container-prefooter .box-prefooter .cta-container {
                white-space: nowrap;
                overflow: hidden
            }

.container-footer {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center
}

    .container-footer .footer-buttons {
        order: 1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-self: center;
        margin-top: 16px
    }

        .container-footer .footer-buttons a {
            margin: 0 16px
        }

            .container-footer .footer-buttons a img {
                opacity: .7;
                max-width: 24px;
                max-height: 24px
            }

            .container-footer .footer-buttons a:hover img {
                opacity: 1
            }

    .container-footer .footer-legal {
        order: 2;
        margin-top: 24px;
        text-align: center;
        align-self: center;
        display: flex;
        flex-direction: column
    }

        .container-footer .footer-legal a {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            padding: 0 8px;
            margin: 0;
            margin-bottom: 16px
        }

            .container-footer .footer-legal a:last-child {
                border-right: none;
                padding-right: 0;
                margin-bottom: 0
            }

    .container-footer .footer-copyright {
        order: 3;
        text-align: center;
        margin-top: 56px;
        align-self: center
    }

        .container-footer .footer-copyright a {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221
        }

@media (min-width: 764px) and (max-width: 1015px) {
    .bg-bicolor {
        background: #cccccc;
        background: -moz-linear-gradient(top, #ededed 0%, #ededed 60%, #f5f5f5 60%, #f5f5f5 100%);
        background: -webkit-linear-gradient(top, #ededed 0%, #ededed 60%, #f5f5f5 60%, #f5f5f5 100%);
        background: linear-gradient(to bottom, #ededed 0%, #ededed 60%, #f5f5f5 60%, #f5f5f5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#f5f5f5',GradientType=0 )
    }

    .prefooter {
        background: #ededed
    }

        .prefooter .container-prefooter {
            padding: 48px 16px 0px;
            max-width: 488px;
            margin-left: auto;
            margin-right: auto
        }

            .prefooter .container-prefooter .box-prefooter {
                padding: 48px 32px 40px
            }

                .prefooter .container-prefooter .box-prefooter p {
                    font-family: "CupraLight",serif;
                    font-size: 30px;
                    line-height: 40px;
                    color: #242221;
                    margin-bottom: 24px;
                }

                .prefooter .container-prefooter .box-prefooter a {
                    font-family: "CupraMedium",serif;
                    font-size: 16px;
                    line-height: 29px
                }

    .container-footer .footer-legal {
        display: inline-flex;
        flex-direction: row
    }

        .container-footer .footer-legal a {
            border-right: 1px solid #d5d5d5;
            padding: 0 16px;
            margin-bottom: 0
        }

            .container-footer .footer-legal a:last-child {
                border-right: none
            }

    .container-footer .footer-copyright {
        padding: 0;
        margin-top: 24px;
        margin-bottom: 32px
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .prefooter .container-prefooter {
        max-width: 696px;
        margin-left: auto;
        margin-right: auto;
        padding: 64px 16px 0px
    }

        .prefooter .container-prefooter .box-prefooter {
            padding: 32px 120px 56px
        }

            .prefooter .container-prefooter .box-prefooter p {
                font-family: "CupraLight",serif;
                font-size: 30px;
                line-height: 38px;
                color: #242221;
                margin-bottom: 24px;
            }

            .prefooter .container-prefooter .box-prefooter a {
                font-family: "CupraMedium",serif;
                font-size: 16px;
                line-height: 29px
            }

    .container-footer .footer-buttons {
        margin-top: 24px
    }

        .container-footer .footer-buttons a {
            margin: 0 16px
        }

            .container-footer .footer-buttons a:first-child {
                margin-left: 0
            }

            .container-footer .footer-buttons a:last-child {
                margin-right: 0
            }

    .container-footer .footer-legal {
        display: inline-flex;
        flex-direction: row
    }

        .container-footer .footer-legal a {
            border-right: 1px solid #d5d5d5;
            padding: 0 16px;
            margin-bottom: 0
        }

            .container-footer .footer-legal a:last-child {
                border-right: none
            }

    .container-footer .footer-copyright {
        padding: 0;
        margin-top: 24px;
        margin-bottom: 32px
    }
}

@media (min-width: 1436px) {
    .prefooter .container-prefooter {
        max-width: 704px;
        margin-left: auto;
        margin-right: auto;
        padding: 64px 16px 0px
    }

        .prefooter .container-prefooter .box-prefooter {
            padding: 32px 124px 48px
        }

            .prefooter .container-prefooter .box-prefooter p {
                font-family: "CupraLight",serif;
                font-size: 30px;
                line-height: 38px;
                color: #242221;
                margin-bottom: 24px;
            }

            .prefooter .container-prefooter .box-prefooter a {
                font-family: "CupraMedium",serif;
                font-size: 16px;
                line-height: 29px
            }

    .container-footer {
        max-width: 1436px;
        margin: auto;
        height: 116px;
        position: relative;
        flex-direction: row
    }

        .container-footer .footer-buttons {
            order: 3;
            padding: 0;
            margin-left: auto;
            max-width: 250px;
            margin-top: 0;
            margin-right: 16px;
            flex-grow: 1;
            justify-content: flex-end
        }

            .container-footer .footer-buttons a:first-child {
                margin-left: 0
            }

            .container-footer .footer-buttons a:last-child {
                margin-right: 0
            }

        .container-footer .footer-legal {
            order: 2;
            padding: 0;
            margin-top: 0;
            display: inline-flex;
            flex-direction: row;
            flex-grow: 2;
            justify-content: center
        }

            .container-footer .footer-legal a {
                border-right: 1px solid #d5d5d5;
                padding: 0 16px;
                margin-bottom: 0
            }

                .container-footer .footer-legal a:last-child {
                    border-right: none
                }

        .container-footer .footer-copyright {
            padding: 0;
            order: 1;
            margin-top: 0;
            margin-left: 16px;
            flex-grow: 1;
            text-align: left
        }
}

.secondarynav {
    height: 56px;
    z-index: 14;
    transition: top .3s linear
}

    .secondarynav .darkTheme {
        background: #ededed;
        transition: all 0.3s ease-in-out 0s
    }

    .secondarynav nav {
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .secondarynav .container-fluid {
        margin: 0;
        padding: 0
    }

    .secondarynav .navbar-trigger {
        height: 56px;
        border-bottom: 1px solid rgba(36,34,33,0.1);
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        cursor: pointer;
        padding: 0 16px
    }

        .secondarynav .navbar-trigger[aria-expanded="true"] .arrow-down {
            transform: rotate(180deg)
        }

    .secondarynav .active {
        position: relative
    }

        .secondarynav .active::before {
            height: 100%;
            content: '';
            width: 2px;
            background: #013c49;
            display: block;
            position: absolute;
            left: -16px;
            top: 0
        }

    .secondarynav .navbar-nav {
        padding: 0 16px;
        flex: 1 1 100%
    }

        .secondarynav .navbar-nav .nav-link {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 26px;
            padding: 16px 0;
            color: #242221;
            text-align: left
        }

        .secondarynav .navbar-nav .nav-item {
            border-bottom: 1px solid rgba(36,34,33,0.1)
        }

            .secondarynav .navbar-nav .nav-item:last-child {
                border: none
            }

    .secondarynav #secondaryNav > .dropdow-toggle {
        height: 56px
    }

    .secondarynav .navbar-collapse.show {
        display: flex;
        flex-wrap: wrap
    }

    .secondarynav .buttons {
        display: flex;
        background: #ededed;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        width: 100%;
        transition: all 0.3s ease-in-out 0s;
        padding: 16px;
        padding-bottom: 8px
    }

        .secondarynav .buttons .btn-line {
            width: 100%;
            font-size: 14px;
            height: 48px;
            margin: auto;
            margin-bottom: 8px
        }

        .secondarynav .buttons a {
            padding: 9px 8px;
            text-transform: none
        }

    .secondarynav .title {
        font-family: "CupraLight",serif;
        color: rgba(36,34,33,0.6);
        font-size: 14px
    }

    .secondarynav .actualSection {
        font-family: "CupraLight",serif;
        font-size: 14px;
        flex: 1 1 auto;
        padding-left: 18px;
        color: rgba(36,34,33,0.6)
    }

    .secondarynav .col-6 {
        padding: 0
    }

    .secondarynav .padding-left-8 {
        padding-left: 8px
    }

    .secondarynav .padding-right-8 {
        padding-right: 8px
    }

.sticky {
    position: fixed !important;
    top: 60px;
    width: 100%
}

@media (min-width: 1016px) {
    .sticky {
        top: 84px
    }
}

.sticky:before, .sticky:after {
    content: '';
    display: table
}

*::-ms-backdrop, .secondarynav {
    transition-property: none
}

@media (min-width: 764px) and (max-width: 1015px) {
    .secondarynav {
        height: 72px
    }

        .secondarynav .navbar-expand-md {
            flex-wrap: wrap
        }

        .secondarynav .container-fluid {
            flex-wrap: wrap;
            padding: 0 32px;
            flex-direction: row
        }

        .secondarynav .navbar-expand-md .navbar-nav {
            flex-direction: column;
            width: 100%
        }

        .secondarynav .navbar-collapse {
            order: 3;
            width: 100%
        }

        .secondarynav .navbar-trigger {
            flex: 1 0 40%;
            height: 72px;
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
            padding-right: 0;
            text-align: left;
            border-bottom: 1px solid rgba(36,34,33,0.1);
            align-content: center
        }

        .secondarynav .title {
            flex: 0 1 80%;
            position: relative;
            display: block;
            line-height: 30px;
            text-align: left
        }

        .secondarynav .actualSection {
            flex: 1 1 auto;
            line-height: 30px
        }

        .secondarynav .arrow-down {
            margin-right: 32px
        }

        .secondarynav .navbar-nav {
            padding: 0
        }

        .secondarynav .buttons {
            max-width: auto;
            border-bottom: 1px solid rgba(36,34,33,0.1);
            padding: 12px 0;
            flex-direction: row;
            justify-content: flex-end;
            width: auto;
            max-height: 72px
        }

            .secondarynav .buttons .btn-line {
                width: auto;
                font-size: 16px;
                padding: 8px;
                margin: 0;
                margin-left: 16px
            }

                .secondarynav .buttons .btn-line:first-child {
                    margin: 0
                }

        .secondarynav .active::before {
            left: -32px
        }

        .secondarynav .navbar-expand-md .navbar-nav .dropdown-menu {
            position: static
        }

        .secondarynav .navbar-nav .nav-link {
            text-align: left;
            padding: 24px 0;
            line-height: 24px;
            padding-left: 0
        }

    *::-ms-backdrop, .navbar-trigger {
        width: 70%;
        flex: 1 0 auto
    }

    *::-ms-backdrop, .secondarynav .buttons {
        display: flex;
        height: 72px;
        order: 1;
        background: none
    }
}

@media (min-width: 1016px) {
    .secondarynav {
        height: 72px
    }

        .secondarynav .arrow-down {
            display: none
        }

        .secondarynav .navbar {
            padding: 0 32px;
            height: 72px
        }

        .secondarynav .container-fluid {
            margin: auto;
            justify-content: flex-start
        }

        .secondarynav .actualSection {
            display: none
        }

        .secondarynav .navbar-trigger {
            flex: none;
            height: 61px;
            text-align: left;
            width: auto;
            align-items: center;
            border: none;
            padding: 0;
            margin: 0 32px 0 0
        }

        .secondarynav .active::before {
            bottom: -5px;
            left: 0;
            height: 2px;
            width: 100%;
            top: auto
        }

        .secondarynav .navbar-collapse {
            flex: 1 1 63.33%;
            display: flex
        }

        .secondarynav .navbar-nav {
            padding: 0
        }

            .secondarynav .navbar-nav .nav-item {
                margin: 0 16px;
                border: none
            }

                .secondarynav .navbar-nav .nav-item .nav-link {
                    font-size: 14px;
                    line-height: 29px;
                    color: rgba(36,34,33,0.6)
                }

                .secondarynav .navbar-nav .nav-item:first-child {
                    margin-left: 0
                }

                .secondarynav .navbar-nav .nav-item:last-child {
                    margin-right: 0
                }

        .secondarynav .right-side {
            justify-content: flex-end
        }

        .secondarynav .title {
            font-size: 16px;
            line-height: 30px
        }

        .secondarynav .buttons {
            flex: none;
            justify-self: flex-end;
            height: 72px;
            background: none;
            font-size: 1px;
            justify-content: flex-end !important;
            padding: 0;
            width: auto;
            flex-direction: row
        }

            .secondarynav .buttons .btn-line {
                min-width: 150px;
                width: auto;
                font-size: 16px;
                margin: 0;
                padding: 9px 8px;
                margin-left: 16px
            }

                .secondarynav .buttons .btn-line:first-child {
                    margin: 0
                }
}

@media (min-width: 1436px) {
    .secondarynav .container-fluid {
        max-width: 1436px;
        margin: auto;
        justify-content: flex-start
    }

    .secondarynav .navbar-trigger {
        flex: none;
        padding: 0;
        margin-right: 32px
    }

    .secondarynav .buttons {
        flex: none;
        justify-self: flex-end;
        width: auto;
        max-width: 50%
    }

        .secondarynav .buttons .btn-line {
            width: auto
        }

    .secondarynav .navbar-nav {
        padding: 0
    }

        .secondarynav .navbar-nav .nav-item {
            padding: 0 16px;
            margin: 0
        }

            .secondarynav .navbar-nav .nav-item:first-child {
                padding-left: 0
            }

            .secondarynav .navbar-nav .nav-item .nav-link {
                font-size: 16px;
                line-height: 30px
            }

    .secondarynav .title {
        font-size: 16px;
        line-height: 30px
    }
}

.hero-home .container-fluid {
    max-width: 1436px
}

.hero-home .cta-container {
    white-space: nowrap;
    overflow: hidden
}

.hero-home .cont-img {
    position: relative;
    overflow: hidden;
    background: #000
}

    .hero-home .cont-img .section-header__cover {
        background-size: cover;
        background-position: center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 4
    }

@media (max-width: 763px) {
    .hero-home .cont-img span img {
        width: 100%;
        height: auto
    }
}

.hero-home .cont-img .plyr--video {
    position: absolute
}

.hero-home .cont-img .cta-play {
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10
}

    .hero-home .cont-img .cta-play a {
        cursor: pointer;
        width: 131px;
        height: 70px;
        background: rgba(36,34,33,0.6);
        position: relative;
        -webkit-transition-property: none;
        -moz-transition-property: none;
        -o-transition-property: none;
        transition-property: none
    }

        .hero-home .cont-img .cta-play a:hover {
            background: #242221
        }

        .hero-home .cont-img .cta-play a img {
            width: 30px;
            height: 30px;
            margin: initial;
            position: absolute;
            top: 0;
            left: calc(50% - 15px);
            top: calc(50% - 15px);
            bottom: 0;
            -webkit-transition: all .3s ease-in;
            -moz-transition: all .3s ease-in;
            -o-transition: all .3s ease-in;
            transition: all .3s ease-in
        }

.hero-home .scroll-cta {
    width: 76px;
    height: 55px;
    text-align: center
}

    .hero-home .scroll-cta a {
        font-family: "CupraLight",serif;
        font-size: 14px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: normal;
        text-align: center;
        color: #242221;
        display: inline-block;
        position: relative;
        padding-top: 8px;
        padding-left: 0;
        width: 100%
    }

        .hero-home .scroll-cta a:after {
            content: url("main/img/line-arrow-down.svg");
            position: absolute;
            bottom: -25px;
            left: 50%;
            width: 10px;
            height: 67px;
            margin-left: -5px;
            z-index: 2
        }

.hero-home .hero-home-info {
    padding-top: 24px;
    padding-bottom: 56px
}

    .hero-home .hero-home-info .title {
        font-family: "CupraLight",serif;
        font-size: 30px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: center;
        color: #242221;
        line-height: 40px;
        overflow: hidden;
        max-height: 80px;
        margin: 0 0 24px 0
    }

    .hero-home .hero-home-info .description p, .hero-home .hero-home-info .description ul {
        font-family: "CupraLight",serif;
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 26px;
        letter-spacing: normal;
        text-align: center;
        color: #242221;
        margin: 0;
        overflow: hidden;
        max-height: 104px;
        margin-bottom: 40px
    }

    .hero-home .hero-home-info .description p {
        margin-bottom: 8px
    }

    .hero-home .hero-home-info .description {
        margin-bottom: 40px
    }

    .hero-home .hero-home-info .cta span {
        line-height: 29px
    }

@media (min-width: 764px) {
    .hero-home .container-fluid {
        padding-left: 32px;
        padding-right: 32px
    }

    .hero-home .cont-img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 393px;
        max-height: 393px
    }

        .hero-home .cont-img img {
            max-height: 393px
        }

        .hero-home .cont-img .section-header__cover {
            display: none
        }

        .hero-home .cont-img .plyr {
            opacity: 0;
            z-index: 2;
            position: absolute;
            top: 0;
            max-width: 100%;
            width: 100%;
            max-width: calc(100% + 32px);
            width: calc(100% + 32px);
            margin-left: -16px;
            min-width: 200px;
            pointer-events: none
        }

            .hero-home .cont-img .plyr .plyr__poster, .hero-home .cont-img .plyr .plyr__control, .hero-home .cont-img .plyr .plyr__controls {
                display: none
            }

            .hero-home .cont-img .plyr.visible {
                opacity: 1
            }

            .hero-home .cont-img .plyr .plyr__video-embed {
                height: 0;
                overflow: hidden;
                z-index: 0
            }

                .hero-home .cont-img .plyr .plyr__video-embed > div {
                    position: relative;
                    padding-bottom: 200%;
                    -webkit-transform: translateY(-35.95%) !important;
                    -moz-transform: translateY(-35.95%) !important;
                    -o-transform: translateY(-35.95%) !important;
                    transform: translateY(-35.95%) !important
                }

                .hero-home .cont-img .plyr .plyr__video-embed iframe {
                    position: absolute;
                    border: 0;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 0;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none
                }

    .hero-home .hero-home-info {
        padding-top: 56px;
        padding-bottom: 96px
    }

        .hero-home .hero-home-info .title {
            font-size: 48px;
            line-height: 58px;
            max-height: 116px
        }

        .hero-home .hero-home-info .description p, .hero-home .hero-home-info .description ul {
            font-size: 20px;
            line-height: 30px;
            max-height: 120px;
            max-height: 120px
        }
}

@media (min-width: 1016px) {
    .hero-home .cont-img {
        height: 534px;
        max-height: 534px
    }

        .hero-home .cont-img img {
            max-height: 534px
        }

    .hero-home .hero-home-info {
        padding-top: 72px;
        padding-bottom: 128px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1436px) {
    .hero-home .cont-img {
        height: 769px;
        max-height: 769px
    }

        .hero-home .cont-img img {
            max-height: 769px
        }

    .hero-home .hero-home-info {
        padding-bottom: 160px;
        padding-top: 104px
    }

        .hero-home .hero-home-info .title {
            font-size: 55px;
            line-height: 65px;
            max-height: 130px;
            margin: 0 0 16px 0
        }
}

.text-box {
    text-align: center
}

    .text-box .container-fluid {
        max-width: 1436px
    }

        .text-box .container-fluid .col {
            display: flex;
            align-items: center;
            min-height: 194px
        }

    .text-box .cont-module {
        width: 288px;
        margin: 0 auto
    }

    .text-box .eyebrow {
        font-family: "CupraLight",serif;
        font-size: 16px;
        color: #242221;
        letter-spacing: 0;
        line-height: 26px;
        max-height: 26px;
        overflow: hidden;
        margin-bottom: 8px
    }

    .text-box .title {
        font-family: "CupraLight",serif;
        font-size: 28px;
        color: #242221;
        letter-spacing: 0;
        line-height: 38px;
        max-height: 114px;
        overflow: hidden;
        max-width: 288px
    }

@media (min-width: 764px) and (max-width: 1015px) {
    .text-box .cont-module {
        width: 456px
    }

    .text-box .eyebrow {
        font-size: 16px;
        line-height: 26px;
        max-height: 26px;
        overflow: hidden
    }

    .text-box .title {
        font-size: 28px;
        line-height: 40px;
        max-height: 40px;
        overflow: hidden;
        max-width: 456px
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .text-box .cont-module {
        width: 788px
    }

    .text-box .eyebrow {
        font-size: 24px;
        line-height: 34px;
        max-height: 34px;
        overflow: hidden
    }

    .text-box .title {
        font-size: 36px;
        line-height: 46px;
        max-height: 46px;
        overflow: hidden;
        max-width: 788px
    }
}

@media (min-width: 1436px) {
    .text-box .cont-module {
        width: 1165px
    }

    .text-box .eyebrow {
        font-size: 24px;
        line-height: 34px;
        max-height: 34px;
        overflow: hidden
    }

    .text-box .title {
        font-size: 36px;
        line-height: 46px;
        max-height: 46px;
        overflow: hidden;
        max-width: 1165px
    }
}

.hero-left {
    padding: 0 0 40px 0
}

    .hero-left .order-md-2 {
        padding: 0
    }

    .hero-left .container-fluid {
        max-width: 1436px
    }

    .hero-left .cont-img {
        overflow: hidden;
        height: 314px;
        max-height: 314px;
        width: 100%
    }

        .hero-left .cont-img img {
            position: relative;
            width: auto;
            max-width: none;
            height: 314px;
            max-height: 314px
        }

    .hero-left .cont-module {
        margin-top: 40px
    }

        .hero-left .cont-module .eyebrow {
            font-size: 12px;
            line-height: 20px;
            white-space: nowrap;
            overflow: hidden;
            margin-bottom: 8px
        }

        .hero-left .cont-module .title {
            overflow: hidden;
            max-height: 160px;
            margin: 0
        }

@media (min-width: 764px) {
    .hero-left {
        padding: 0
    }

        .hero-left .container-fluid {
            padding-left: 32px
        }

        .hero-left .row .order-md-2 {
            padding: 0 0 0 8px
        }

        .hero-left .row .order-md-1 {
            padding: 0 24px 0 16px
        }

        .hero-left .cont-img {
            height: 500px;
            max-height: 500px
        }

            .hero-left .cont-img img {
                height: 500px;
                max-height: 500px
            }

        .hero-left .cont-module {
            margin-top: 0
        }

            .hero-left .cont-module .eyebrow {
                text-align: right;
                margin-bottom: 16px
            }

            .hero-left .cont-module .title {
                text-align: right
            }
}

@media (min-width: 1016px) {
    .hero-left .row .order-md-2 {
        padding: 0;
        left: -32px
    }

    .hero-left .row .order-md-1 {
        padding: 0;
        right: 32px
    }

    .hero-left .cont-img {
        height: 700px;
        max-height: 700px;
        width: calc(100% + 32px)
    }

        .hero-left .cont-img img {
            height: 700px;
            max-height: 700px
        }

    .hero-left .cont-module {
        padding-right: 32px;
        padding-left: 48px
    }

        .hero-left .cont-module .eyebrow {
            margin-bottom: 24px
        }

        .hero-left .cont-module .title {
            font-size: 55px;
            line-height: 65px;
            max-height: 195px
        }
}

@media (min-width: 1436px) {
    .hero-left .container-fluid {
        padding-left: 32px
    }

    .hero-left .row .order-md-2 {
        padding-left: 16px;
        left: 0
    }

    .hero-left .row .order-md-1 {
        padding-right: 16px;
        padding-left: 16px;
        right: 0
    }

    .hero-left .cont-img {
        height: 800px;
        max-height: 800px;
        width: 100%
    }

        .hero-left .cont-img img {
            height: 800px;
            max-height: 800px
        }

    .hero-left .cont-module {
        padding: 0
    }

        .hero-left .cont-module .cont-module-content {
            max-width: 438px
        }

            .hero-left .cont-module .cont-module-content .title {
                font-size: 65px;
                line-height: 76px;
                max-height: 228px
            }
}

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

    .specs .rotate {
        transform: rotate(180deg)
    }

    .specs .title {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        margin-bottom: 32px;
        padding-top: 8px;
        height: 64px;
        overflow: hidden
    }

    .specs .margin-top-0 {
        margin-top: 0px !important
    }

    .specs .header h5 {
        font-family: "CupraRegular",serif;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        border-bottom: solid 1px rgba(255,255,255,0.1);
        cursor: pointer
    }

        .specs .header h5 button {
            cursor: pointer;
            font-family: "CupraRegular",serif;
            font-size: 16px;
            color: #fff;
            border: none;
            background: none;
            text-align: left;
            width: 100%;
            background: url("main/img/specs-arrow-down-white.svg") no-repeat;
            background-position-x: 95%;
            background-position-y: center;
            margin-bottom: 16px;
            margin-top: 16px;
            padding-left: 16px;
            overflow: hidden
        }

            .specs .header h5 button[aria-expanded="true"] {
                background: url("main/img/specs-arrow-up.png") no-repeat;
                background-position-x: 95%;
                background-position-y: center
            }

            .specs .header h5 button:focus {
                outline: none;
                border: none
            }

    .specs .container-fluid {
        margin-bottom: 32px;
        padding-bottom: 32px
    }

    .specs .card-body {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 16px;
        color: #fff
    }

        .specs .card-body .richtext {
            color: #fff;
            font-family: "CupraLight",serif;
            margin: 0px
        }

            .specs .card-body .richtext p {
                color: #fff;
                line-height: 29px
            }

            .specs .card-body .richtext ul {
                padding: 0px;
                margin: 0px
            }

                .specs .card-body .richtext ul li {
                    color: #fff;
                    list-style: none;
                    padding-top: 24px
                }

                .specs .card-body .richtext ul strong, .specs .card-body .richtext ul b {
                    font-family: "CupraRegular",serif;
                    display: block;
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 30px
                }

    .specs .modalEmisions {
        padding: 16px;
        display: none;
        position: absolute;
        margin: auto;
        left: auto;
        z-index: 2
    }

        .specs .modalEmisions #cicles {
            overflow: hidden
        }

            .specs .modalEmisions #cicles li {
                height: 54px;
                width: 143px;
                cursor: pointer
            }

                .specs .modalEmisions #cicles li.alone {
                    width: 100%
                }

            .specs .modalEmisions #cicles button {
                position: relative;
                width: 100%;
                height: 100%;
                border: none;
                background: #FFF;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 26px;
                letter-spacing: normal;
                text-align: center;
                color: #242221;
                cursor: pointer
            }

                .specs .modalEmisions #cicles button.active {
                    color: #242221
                }

                    .specs .modalEmisions #cicles button.active::before {
                        content: '';
                        width: 100%;
                        height: 1px;
                        background: #000;
                        position: absolute;
                        bottom: 0;
                        left: 0
                    }

                .specs .modalEmisions #cicles button:focus, .specs .modalEmisions #cicles button:active {
                    outline: none
                }

        .specs .modalEmisions .close, .specs .modalEmisions .co2, .specs .modalEmisions .aclaracion {
            display: none
        }

        .specs .modalEmisions .m-content {
            position: relative;
            width: 288px;
            margin: auto;
            min-height: 180px;
            background: #FFF;
            border-radius: 4px;
            border: solid 1px #d6d6d5
        }

        .specs .modalEmisions .modal-body {
            padding: 0px 16px 0px 16px
        }

            .specs .modalEmisions .modal-body ul {
                padding: 0
            }

                .specs .modalEmisions .modal-body ul li {
                    font-size: 12px;
                    font-weight: normal;
                    font-style: normal;
                    color: #242221;
                    line-height: 22px;
                    list-style-position: inside;
                    list-style: none
                }

                    .specs .modalEmisions .modal-body ul li strong, .specs .modalEmisions .modal-body ul li b {
                        line-height: 22px;
                        font-size: 12px;
                        color: #242221
                    }

        .specs .modalEmisions .tab-pane {
            display: none;
            width: 100%
        }

            .specs .modalEmisions .tab-pane > div {
                height: 100%;
                padding-top: 24px
            }

            .specs .modalEmisions .tab-pane.active {
                display: flex;
                flex-wrap: wrap
            }

        .specs .modalEmisions .richtext {
            font-family: "CupraRegular",serif
        }

            .specs .modalEmisions .richtext ul li {
                font-family: "CupraRegular",serif
            }

            .specs .modalEmisions .richtext p {
                font-size: 12px
            }

            .specs .modalEmisions .richtext a {
                color: #242221
            }

    .specs .engine h2 {
        font-family: "CupraRegular",serif;
        font-size: 24px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 34px;
        letter-spacing: normal;
        margin-bottom: 24px
    }

    .specs .engine h5 {
        font-family: "CupraMedium",serif;
        font-size: 14px;
        line-height: 24px
    }

    .specs .engine .bignumber {
        font-family: "CupraLight",serif;
        font-size: 48px;
        line-height: 58px
    }

    .specs .engine .bigdata {
        font-size: 14px;
        line-height: 24px;
        vertical-align: top
    }

    .specs .engine .round {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        margin-left: 8px;
        display: inline-block;
        font-size: 11px
    }

    .specs .engine .row {
        margin: 0px
    }

    .specs .engine .w-data {
        margin-bottom: 24px
    }

    .specs .engine .second-col {
        margin-top: 24px;
        padding: 0px
    }

        .specs .engine .second-col .w-data {
            position: relative;
            margin-bottom: 24px;
            padding: 0px
        }

        .specs .engine .second-col h5 {
            font-size: 14px;
            line-height: 26px
        }

        .specs .engine .second-col .infoCo2 {
            cursor: pointer
        }

        .specs .engine .second-col .mediumnumber {
            font-family: "CupraLight",serif;
            font-size: 20px;
            line-height: 30px
        }

    .specs .engine .engine-third-line {
        width: 100%
    }

        .specs .engine .engine-third-line .col-12 {
            padding-left: 0
        }

        .specs .engine .engine-third-line h6 {
            font-family: "CupraMedium",serif;
            font-size: 14px;
            line-height: 24px
        }

        .specs .engine .engine-third-line p {
            color: #fff;
            font-size: 20px;
            font-family: "CupraLight",serif
        }

    .specs .backdrop {
        opacity: 0.4;
        background-color: transparent;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none
    }

@media (min-width: 764px) {
    .specs .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
        padding-bottom: 64px
    }

    .specs .title {
        font-size: 24px;
        line-height: 34px;
        padding-top: 16px;
        margin-bottom: 56px;
        height: 64px
    }

    .specs .header h5 {
        font-size: 24px;
        line-height: 34px
    }

        .specs .header h5 button {
            font-size: 24px;
            margin-top: 16px;
            background-position-x: 97.6%
        }

            .specs .header h5 button[aria-expanded="true"] {
                background-position-x: 97.6%
            }

    .specs .card-body {
        padding: 32px 16px 24px 16px
    }

        .specs .card-body .richtext ul {
            columns: 2;
            font-size: 16px;
            line-height: 34px
        }

        .specs .card-body .richtext p {
            font-size: 16px;
            line-height: 34px
        }

        .specs .card-body .two-col {
            columns: 2
        }

    .specs .triangle:before {
        content: '';
        display: block;
        position: absolute;
        right: -2px;
        top: 11px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #fff
    }

    .specs .triangle:after {
        content: '';
        display: block;
        position: absolute;
        right: -1px;
        top: 12px;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #fff;
        z-index: 6
    }

    .specs .engine {
        padding-top: 48px
    }

        .specs .engine h2 {
            font-size: 36px;
            margin-bottom: 40px
        }

        .specs .engine .first-col .w-data {
            margin-bottom: 56px
        }

        .specs .engine .first-col h5 {
            font-size: 14px;
            line-height: 24px
        }

        .specs .engine .first-col .bignumber {
            font-size: 65px;
            line-height: 74px
        }

        .specs .engine .first-col .bigdata {
            font-size: 16px;
            line-height: 26px
        }

        .specs .engine .first-col .col-l-6 {
            max-width: 165px
        }

        .specs .engine .second-col {
            margin-bottom: 64px;
            margin-top: 0;
            padding-left: 24px !important
        }

            .specs .engine .second-col .w-data {
                border-bottom: 1px solid rgba(255,255,255,0.2);
                margin-bottom: 0px;
                padding: 16px 0
            }

                .specs .engine .second-col .w-data:last-child {
                    border-bottom: none
                }

                .specs .engine .second-col .w-data:first-child {
                    padding-top: 0px
                }

            .specs .engine .second-col .infoCo2 {
                position: relative
            }

            .specs .engine .second-col .row::first-line {
                padding-top: 0px
            }

        .specs .engine .w-data {
            margin-bottom: 32px
        }

        .specs .engine .engine-third-line {
            border-top: 1px solid rgba(255,255,255,0.2);
            padding: 48px 0px
        }

    .specs .modalEmisions {
        overflow: hidden;
        padding-right: 24px;
        padding-top: 12px;
        position: absolute;
        right: 0;
        width: max-content;
        width: -moz-max-content;
        width: -ms-max-content
    }

        .specs .modalEmisions .close, .specs .modalEmisions .co2, .specs .modalEmisions .aclaracion {
            display: block
        }

        .specs .modalEmisions #cicles {
            overflow: hidden
        }

            .specs .modalEmisions #cicles li {
                height: 58px;
                width: 50%
            }

                .specs .modalEmisions #cicles li.alone {
                    width: 100%
                }

            .specs .modalEmisions #cicles button {
                position: relative;
                width: 100%;
                height: 100%;
                border: none;
                background: #FFF;
                font-size: 14px;
                line-height: 26px;
                text-align: center
            }

                .specs .modalEmisions #cicles button.active {
                    color: #242221
                }

                    .specs .modalEmisions #cicles button.active::before {
                        content: '';
                        width: 100%;
                        height: 1px;
                        background: #000;
                        position: absolute;
                        bottom: 0;
                        left: 0
                    }

                .specs .modalEmisions #cicles button:focus, .specs .modalEmisions #cicles button:active {
                    outline: none
                }

        .specs .modalEmisions .close {
            position: absolute;
            top: 16px;
            right: 16px
        }

        .specs .modalEmisions .m-content {
            position: relative;
            width: 568px;
            max-width: 568px;
            min-height: 280px;
            max-height: none;
            background: #FFF;
            border-radius: 0px;
            border: solid 1px #d6d6d5
        }

        .specs .modalEmisions .modal-body {
            padding: 0px 24px 0px 24px
        }

            .specs .modalEmisions .modal-body ul {
                padding: 0
            }

                .specs .modalEmisions .modal-body ul li {
                    font-size: 14px;
                    font-weight: normal;
                    font-style: normal;
                    line-height: 24px;
                    list-style-position: inside;
                    list-style: none;
                    color: rgba(36,34,33,0.6)
                }

                    .specs .modalEmisions .modal-body ul li strong, .specs .modalEmisions .modal-body ul li b {
                        line-height: 22px;
                        font-size: 12px;
                        color: #242221
                    }

            .specs .modalEmisions .modal-body .moreInfo {
                font-size: 14px;
                line-height: 24px
            }

            .specs .modalEmisions .modal-body .col-md-6 {
                padding-bottom: 24px
            }

            .specs .modalEmisions .modal-body .co2 {
                padding-left: 24px;
                padding-right: 0px;
                font-size: 12px;
                min-height: 252px;
                color: rgba(36,34,33,0.6);
                min-width: 200px
            }

                .specs .modalEmisions .modal-body .co2 h6 {
                    font-size: 12px;
                    line-height: 22px
                }

                .specs .modalEmisions .modal-body .co2 .subtitle-co2 {
                    line-height: 22px;
                    margin-bottom: 16px;
                    color: #242221
                }

            .specs .modalEmisions .modal-body #nav-wltp h6 {
                font-size: 12px;
                line-height: 22px;
                color: rgba(36,34,33,0.6)
            }

            .specs .modalEmisions .modal-body #nav-wltp .subtitle-co2 {
                line-height: 22px;
                margin-bottom: 16px;
                color: #242221
            }

            .specs .modalEmisions .modal-body #nav-wltp ul li {
                font-size: 14px;
                line-height: 24px;
                margin: 4px
            }

            .specs .modalEmisions .modal-body .aclaracion p {
                font-size: 12px;
                line-height: 20px;
                padding-top: 16px;
                padding-bottom: 16px;
                color: rgba(36,34,33,0.6)
            }

        .specs .modalEmisions .tab-pane {
            display: none;
            width: 100%
        }

            .specs .modalEmisions .tab-pane > div {
                height: 100%;
                padding-top: 24px
            }

            .specs .modalEmisions .tab-pane.active {
                display: flex;
                flex-wrap: wrap
            }

        .specs .modalEmisions img.graphic {
            width: 100%
        }
}

@media (min-width: 1016px) {
    .specs .container-fluid {
        padding-right: 114px;
        padding-left: 114px
    }

    .specs .title {
        padding-top: 16px
    }

    .specs .header h5 {
        font-size: 24px
    }

        .specs .header h5 button {
            margin-top: 16px;
            font-size: 24px;
            margin-bottom: 8px;
            background-position-x: 97%
        }

            .specs .header h5 button[aria-expanded="true"] {
                background-position-x: 97%
            }

    .specs .card-body {
        padding-top: 56px;
        padding-bottom: 32px
    }

        .specs .card-body .richtext p {
            font-size: 24px;
            line-height: 34px
        }

        .specs .card-body .richtext ul li {
            padding-top: 32px;
            font-size: 24px
        }

        .specs .card-body .richtext ul strong, .specs .card-body .richtext ul b {
            font-size: 24px;
            line-height: 34px
        }

    .specs .engine .second-col .w-data:nth-child(1) {
        padding-top: 0px
    }

    .specs .engine .second-col .w-data:nth-child(2) {
        padding-top: 0px
    }

    .specs .modalEmisions .m-content {
        min-width: 500px
    }
}

@media (min-width: 1436px) {
    .specs .container-fluid {
        padding-right: 266px;
        padding-left: 266px
    }

    .specs .title {
        padding-top: 16px
    }

    .specs .richtext {
        margin: 0px
    }

        .specs .richtext p {
            font-family: "CupraLight",serif;
            font-size: 24px;
            line-height: 34px
        }

    .specs .header h5 button {
        margin-top: 16px
    }
}

.twoColumnsToogle {
    position: relative;
    padding: 48px 0 48px 0;
    background-color: #f5f5f5
}

    .twoColumnsToogle .container-fluid-custom {
        max-width: 1436px;
        margin: 0 auto
    }

    .twoColumnsToogle .cont-img {
        overflow: hidden;
        height: auto;
        width: 100%;
        margin: 0
    }

        .twoColumnsToogle .cont-img .toggle_img_one {
            display: block
        }

        .twoColumnsToogle .cont-img .toggle_img_two {
            display: none
        }

        .twoColumnsToogle .cont-img img {
            height: auto;
            width: 100%
        }

            .twoColumnsToogle .cont-img img.img-filter {
                filter: blur(5px)
            }

    .twoColumnsToogle .cont-module .container-fluid {
        padding-right: 16px;
        padding-left: 16px
    }

    .twoColumnsToogle .cont-module .row {
        margin-right: -8px;
        margin-left: -8px
    }

        .twoColumnsToogle .cont-module .row.box-bottom {
            border-bottom: 1px solid rgba(15,15,15,0.2);
            margin-right: -16px;
            margin-left: -16px;
            margin-bottom: 32px
        }

    .twoColumnsToogle .cont-module .col-md-6, .twoColumnsToogle .cont-module .col-md-12 {
        padding-right: 8px;
        padding-left: 8px;
        margin-left: auto;
        margin-right: auto
    }

    .twoColumnsToogle .eyebrow {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 19px;
        color: #242221;
        margin-bottom: 8px;
        white-space: nowrap;
        overflow: hidden
    }

    .twoColumnsToogle .title {
        font-family: "CupraLight",serif;
        font-size: 28px;
        line-height: 38px;
        color: #242221;
        margin-bottom: 24px;
        max-height: 114px;
        overflow: hidden
    }

    .twoColumnsToogle .description {
        margin-bottom: 24px;
        max-height: 208px;
        overflow: hidden
    }

        .twoColumnsToogle .description p {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px;
            color: #242221;
            margin: 0
        }

    .twoColumnsToogle .highlight-title {
        font-family: "CupraLight",serif;
        font-size: 28px;
        line-height: 38px;
        white-space: nowrap;
        color: #242221;
        margin-bottom: 0
    }

    .twoColumnsToogle .highlight-subtitle {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 26px;
        overflow: hidden;
        max-height: 52px;
        color: #242221
    }

    .twoColumnsToogle .switch {
        position: relative;
        display: inline-block;
        width: 50px
    }

        .twoColumnsToogle .switch.active .slider.round {
            background: rgba(0,60,74,0.8)
        }

        .twoColumnsToogle .switch input {
            display: none
        }

            .twoColumnsToogle .switch input:checked + .slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px)
            }

        .twoColumnsToogle .switch .slider.round {
            border-radius: 8px;
            background: #d5d5d5
        }

            .twoColumnsToogle .switch .slider.round:before {
                border-radius: 50%;
                background: #242221
            }

        .twoColumnsToogle .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 8px;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            transition: .4s
        }

            .twoColumnsToogle .switch .slider:before {
                position: absolute;
                content: "";
                height: 25px;
                width: 25px;
                top: -8px;
                left: 0;
                -webkit-transition: .4s;
                -moz-transition: .4s;
                -o-transition: .4s;
                transition: .4s
            }

        .twoColumnsToogle .switch.active .slider:before {
            -webkit-transform: translateX(25px);
            -ms-transform: translateX(25px);
            transform: translateX(25px)
        }

        .twoColumnsToogle .switch.active .slider {
            -webkit-transition: .4s;
            transition: .4s
        }

            .twoColumnsToogle .switch.active .slider:before {
                -webkit-transition: .4s;
                transition: .4s
            }

    .twoColumnsToogle .toogle-element {
        margin: 16px auto;
        text-align: center;
        line-height: 1.2
    }

    .twoColumnsToogle .toogle-subtitle {
        font-family: "CupraBook",serif;
        font-size: 12px;
        line-height: 20px;
        color: #242221;
        text-align: center;
        padding-bottom: 8px;
        white-space: nowrap;
        overflow: hidden
    }

    .twoColumnsToogle .centercontent {
        max-width: 456px;
        margin: auto
    }

@media (min-width: 764px) {
    .twoColumnsToogle {
        min-height: 660px
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .twoColumnsToogle {
        padding: 100px 0
    }

        .twoColumnsToogle .cont-module.background-transparent::before {
            background: #f5f5f5;
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 50%
        }

        .twoColumnsToogle .centercontent {
            max-width: 360px;
            margin: auto
        }

        .twoColumnsToogle .cont-module.background-transparent.right-transparent::before {
            background: #f5f5f5;
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0
        }

        .twoColumnsToogle .cont-module {
            padding-bottom: 0
        }

            .twoColumnsToogle .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .twoColumnsToogle .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

                .twoColumnsToogle .cont-module .row.percentage .col-6:last-child {
                    padding-left: 4px
                }

            .twoColumnsToogle .cont-module .col-md-6, .twoColumnsToogle .cont-module .col-md-12 {
                padding-right: 32px;
                padding-left: 16px;
                margin: 0
            }

            .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 {
                padding-right: 16px;
                padding-left: 32px;
                margin-left: 50%
            }

                .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .row.percentage .col-6, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .row.percentage .col-6 {
                    margin: 0
                }

                    .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .row.percentage .col-6:first-child, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .row.percentage .col-6:first-child {
                        padding-left: 16px
                    }

                    .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .row.percentage .col-6:last-child, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .row.percentage .col-6:last-child {
                        padding-left: 0;
                        padding-right: 16px
                    }

                .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .toogle-switch .col-md-12, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .toogle-switch .col-md-12 {
                    padding-left: 16px;
                    margin: 0
                }

        .twoColumnsToogle .cont-img img {
            height: auto;
            width: 100%
        }

        .twoColumnsToogle .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .twoColumnsToogle .cont-module .flex-column {
                height: 100%
            }

                .twoColumnsToogle .cont-module .flex-column .align-items-center {
                    height: 100%
                }

        .twoColumnsToogle .eyebrow {
            margin-bottom: 8px
        }

        .twoColumnsToogle .title {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 32px;
            max-height: 120px
        }

        .twoColumnsToogle .description {
            margin-bottom: 24px;
            max-height: 130px
        }

        .twoColumnsToogle .highlight-title {
            font-size: 30px;
            line-height: 40px
        }

        .twoColumnsToogle .toogle-element {
            margin: 24px auto 16px auto;
            text-align: left;
            line-height: 8px
        }

        .twoColumnsToogle .toogle-subtitle {
            text-align: left;
            padding-bottom: 0;
            margin-bottom: 0
        }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .twoColumnsToogle {
        padding: 80px 0
    }

        .twoColumnsToogle .centercontent {
            max-width: 468px;
            margin: auto
        }

        .twoColumnsToogle .cont-module.background-transparent::before {
            background: #f5f5f5;
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 50%
        }

        .twoColumnsToogle .centercontent {
            max-width: 468px;
            margin: auto
        }

        .twoColumnsToogle .cont-module.background-transparent.right-transparent::before {
            background: #f5f5f5;
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0
        }

        .twoColumnsToogle .cont-module {
            padding-bottom: 0
        }

            .twoColumnsToogle .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .twoColumnsToogle .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .twoColumnsToogle .cont-module .col-md-6, .twoColumnsToogle .cont-module .col-md-12 {
                padding-right: 32px;
                padding-left: 16px;
                margin: 0
            }

            .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 {
                padding-right: 16px;
                padding-left: 32px;
                margin-left: 50%
            }

                .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .description, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .description {
                    margin-bottom: 32px
                }

                .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .row.percentage .col-6, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .row.percentage .col-6 {
                    margin: 0
                }

                    .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .row.percentage .col-6:first-child, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .row.percentage .col-6:first-child {
                        padding-left: 16px
                    }

                .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .toogle-switch .col-md-12, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .toogle-switch .col-md-12 {
                    margin: 0;
                    padding-left: 16px
                }

                .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6 .toogle-element, .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 .toogle-element {
                    margin: 32px auto 16px auto
                }

        .twoColumnsToogle .cont-img img {
            height: auto;
            width: 100%
        }

        .twoColumnsToogle .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .twoColumnsToogle .cont-module .flex-column {
                height: 100%
            }

                .twoColumnsToogle .cont-module .flex-column .align-items-center {
                    height: 100%
                }

        .twoColumnsToogle .eyebrow {
            margin-bottom: 16px
        }

        .twoColumnsToogle .title {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 24px;
            max-height: 92px
        }

        .twoColumnsToogle .description {
            margin-bottom: 32px;
            max-height: 104px
        }

        .twoColumnsToogle .highlight-title {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 0
        }

        .twoColumnsToogle .toogle-element {
            text-align: left;
            margin: 32px auto 16px auto;
            line-height: 8px
        }

        .twoColumnsToogle .toogle-subtitle {
            text-align: left;
            padding-bottom: 0;
            margin-bottom: 0
        }
}

@media (min-width: 1436px) {
    .twoColumnsToogle {
        padding: 80px 0
    }

        .twoColumnsToogle .background-transparent::before {
            background: #f5f5f5;
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 100%
        }

        .twoColumnsToogle .centercontent {
            max-width: 468px;
            margin: auto
        }

        .twoColumnsToogle .background-transparent.right-transparent::before {
            background: #f5f5f5;
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0;
            -webkit-transform: translateX(0%);
            -moz-transform: translateX(0%);
            transform: translateX(0%);
            width: 100%;
            width: calc(100% - 32px)
        }

        .twoColumnsToogle .background-transparent.right-transparent .col-xl-4 {
            padding-left: 0px;
            margin-left: 58.33333%
        }

        .twoColumnsToogle .cont-module {
            padding-bottom: 0;
            overflow: hidden
        }

            .twoColumnsToogle .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .twoColumnsToogle .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .twoColumnsToogle .cont-module .col-md-6, .twoColumnsToogle .cont-module .col-md-12 {
                padding-right: 32px;
                padding-left: 16px
            }

            .twoColumnsToogle .cont-module .col-xl-4 {
                padding-right: 0;
                padding-left: 0px;
                margin-left: 8.33333%
            }

        .twoColumnsToogle .cont-img img {
            height: auto;
            width: 100%
        }

        .twoColumnsToogle .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .twoColumnsToogle .cont-module .flex-column {
                height: 100%;
                max-width: 1436px
            }

                .twoColumnsToogle .cont-module .flex-column .align-items-center {
                    height: 100%
                }

        .twoColumnsToogle .eyebrow {
            margin-bottom: 16px
        }

        .twoColumnsToogle .title {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 24px;
            max-height: 92px
        }

        .twoColumnsToogle .description {
            margin-bottom: 32px;
            max-height: 104px
        }

        .twoColumnsToogle .highlight-title {
            font-size: 36px;
            line-height: 46px;
            margin-bottom: 0
        }

        .twoColumnsToogle .toogle-element {
            margin: 32px auto 16px auto;
            text-align: left;
            line-height: 8px
        }

        .twoColumnsToogle .toogle-subtitle {
            text-align: left;
            padding-bottom: 0;
            margin-bottom: 0
        }
}

@media (min-width: 764px) {
    .two-columns.horizontal-left, .two-columns.horizontal-right, .two-columns.grid-70-30, .two-columns.no-texture {
        overflow: hidden
    }

        .two-columns.horizontal-left .container-content, .two-columns.horizontal-right .container-content, .two-columns.grid-70-30 .container-content, .two-columns.no-texture .container-content {
            overflow: visible
        }
}

.two-columns-slider {
    position: relative;
    padding: 48px 0 48px 0;
    overflow: hidden
}

    .two-columns-slider .container-fluid-custom {
        max-width: 1436px;
        margin: 0 auto
    }

    .two-columns-slider .cont-img img {
        width: 100%;
        height: auto
    }

    .two-columns-slider .cont-module .container-fluid {
        padding-right: 16px;
        padding-left: 16px;
        max-width: 1436px
    }

    .two-columns-slider .cont-module .row {
        margin-right: -16px;
        margin-left: -16px
    }

    .two-columns-slider .cont-module .col-md-6 {
        padding-right: 16px;
        padding-left: 16px
    }

    .two-columns-slider .cont-module .box-bottom {
        margin: 24px 0 32px 0
    }

    .two-columns-slider .cont-module .slider-element .rangeslider {
        margin: 0 auto
    }

    .two-columns-slider .cont-module .slider-element .rangeslider, .two-columns-slider .cont-module .slider-element .rangeslider__fill {
        width: 281px;
        display: block;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        height: 8px
    }

    .two-columns-slider .cont-module .slider-element .rangeslider {
        background-color: #d5d5d5;
        position: relative
    }

    .two-columns-slider .cont-module .slider-element .rangeslider__fill {
        background-color: rgba(0,60,74,0.8)
    }

    .two-columns-slider .cont-module .slider-element .rangeslider__handle {
        background-color: #242221;
        cursor: pointer;
        display: inline-block;
        width: 25px;
        height: 25px;
        position: absolute;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        top: -9.5px
    }

    .two-columns-slider .cont-module .slider-subtitle {
        margin: 16px 0 0 0;
        font-family: "CupraBook",serif;
        font-size: 12px;
        color: rgba(36,34,33,0.6);
        letter-spacing: 0;
        line-height: 20px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden
    }

    .two-columns-slider .cont-module hr {
        box-shadow: 0 1px 0 0 rgba(15,15,15,0.2);
        width: calc(100% + 32px);
        margin-left: -16px
    }

    .two-columns-slider .cont-module .content {
        max-width: 456px;
        margin: auto
    }

        .two-columns-slider .cont-module .content .eyebrow {
            font-family: "CupraLight",serif;
            margin-bottom: 24px;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0;
            color: #242221;
            white-space: nowrap;
            overflow: hidden
        }

        .two-columns-slider .cont-module .content .title {
            font-family: "CupraLight",serif;
            font-size: 28px;
            color: #242221;
            letter-spacing: 0;
            line-height: 38px;
            overflow: hidden;
            max-height: 114px;
            margin: 0
        }

        .two-columns-slider .cont-module .content .description {
            margin: 32px 0 24px 0;
            font-family: "CupraLight",serif;
            font-size: 16px;
            color: #242221;
            letter-spacing: 0;
            line-height: 26px;
            overflow: hidden;
            max-height: 208px
        }

            .two-columns-slider .cont-module .content .description p {
                margin: 0
            }

    .two-columns-slider .cont-module .block-bt-primary {
        white-space: nowrap;
        overflow: hidden
    }

@media (min-width: 764px) {
    .two-columns-slider {
        min-height: 660px
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .two-columns-slider {
        padding: 100px 0
    }

        .two-columns-slider .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            justify-content: flex-end
        }

            .two-columns-slider .cont-module .flex-column {
                height: 100%
            }

                .two-columns-slider .cont-module .flex-column .align-items-center {
                    height: 100%
                }

            .two-columns-slider .cont-module.side-left:before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                left: 0;
                right: 50%
            }

            .two-columns-slider .cont-module.side-left .col-md-6 {
                padding-right: 32px
            }

            .two-columns-slider .cont-module.side-right:before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                right: 0;
                left: 50%
            }

            .two-columns-slider .cont-module.side-right .col-md-6 {
                padding-left: 32px
            }

            .two-columns-slider .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .two-columns-slider .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .two-columns-slider .cont-module .col-md-6 {
                padding-right: 16px;
                padding-left: 16px
            }

            .two-columns-slider .cont-module .slider-element {
                height: 25px;
                padding-top: 8px
            }

                .two-columns-slider .cont-module .slider-element .rangeslider {
                    margin: 0
                }

                    .two-columns-slider .cont-module .slider-element .rangeslider .rangeslider__handle {
                        top: -8.5px
                    }

            .two-columns-slider .cont-module .content {
                max-width: 360px
            }

                .two-columns-slider .cont-module .content .eyebrow {
                    margin-bottom: 16px
                }

                .two-columns-slider .cont-module .content .title {
                    font-size: 30px;
                    line-height: 40px;
                    max-height: 124px
                }

                .two-columns-slider .cont-module .content .description {
                    max-height: 130px;
                    margin: 32px 0 40px 0
                }

                .two-columns-slider .cont-module .content .block-bt-primary {
                    margin-top: 56px
                }

            .two-columns-slider .cont-module .slider-subtitle {
                margin: 8px 0 0 0;
                text-align: left
            }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .two-columns-slider {
        padding: 80px 0
    }

        .two-columns-slider .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .two-columns-slider .cont-module .flex-column {
                height: 100%
            }

                .two-columns-slider .cont-module .flex-column .align-items-center {
                    height: 100%
                }

            .two-columns-slider .cont-module.side-left:before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                left: 0;
                right: 50%
            }

            .two-columns-slider .cont-module.side-left .col-md-6 {
                padding-right: 32px
            }

            .two-columns-slider .cont-module.side-right:before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                right: 0;
                left: 50%
            }

            .two-columns-slider .cont-module.side-right .col-md-6 {
                padding-left: 32px
            }

            .two-columns-slider .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .two-columns-slider .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .two-columns-slider .cont-module .col-md-6 {
                padding-right: 16px;
                padding-left: 16px
            }

            .two-columns-slider .cont-module .slider-element {
                height: 25px;
                padding-top: 8px
            }

                .two-columns-slider .cont-module .slider-element .rangeslider {
                    margin: 0
                }

                    .two-columns-slider .cont-module .slider-element .rangeslider .rangeslider__handle {
                        top: -7.5px
                    }

            .two-columns-slider .cont-module .content {
                max-width: 468px
            }

                .two-columns-slider .cont-module .content .title {
                    font-size: 36px;
                    line-height: 46px;
                    max-height: 92px
                }

                .two-columns-slider .cont-module .content .description {
                    margin: 24px 0 40px 0;
                    max-height: 104px
                }

                .two-columns-slider .cont-module .content .block-bt-primary {
                    margin-top: 56px
                }

            .two-columns-slider .cont-module .slider-subtitle {
                margin: 8px 0 0 0;
                text-align: left
            }
}

@media (min-width: 1436px) {
    .two-columns-slider {
        padding: 80px 0
    }

        .two-columns-slider .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .two-columns-slider .cont-module .flex-column {
                height: 100%
            }

                .two-columns-slider .cont-module .flex-column .align-items-center {
                    height: 100%
                }

            .two-columns-slider .cont-module.side-left:before {
                right: 50%;
                left: 0;
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0
            }

            .two-columns-slider .cont-module.side-left .col-md-6 {
                padding-left: 0;
                padding-right: 0
            }

            .two-columns-slider .cont-module.side-right:before {
                right: 0;
                left: 50%
            }

            .two-columns-slider .cont-module.side-right .col-md-6 {
                padding-left: 0;
                padding-right: 0
            }

            .two-columns-slider .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .two-columns-slider .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .two-columns-slider .cont-module .col-md-6 {
                padding-right: 16px;
                padding-left: 16px
            }

            .two-columns-slider .cont-module .slider-element {
                height: 25px;
                padding-top: 8px
            }

                .two-columns-slider .cont-module .slider-element .rangeslider {
                    margin: 0
                }

            .two-columns-slider .cont-module .content {
                max-width: 468px;
                margin: 0
            }

                .two-columns-slider .cont-module .content .title {
                    font-size: 36px;
                    line-height: 46px;
                    max-height: 92px
                }

                .two-columns-slider .cont-module .content .description {
                    margin: 24px 0 40px 0;
                    max-height: 104px
                }

                .two-columns-slider .cont-module .content .block-bt-primary {
                    margin-top: 56px
                }

            .two-columns-slider .cont-module .slider-subtitle {
                margin: 8px 0 0 0;
                text-align: left
            }
}

.two-columns {
    padding: 48px 0 48px 0;
    margin: 0
}

    .two-columns .container-fluid {
        max-width: 1436px
    }

    .two-columns .eyebrow {
        margin-top: 32px;
        margin-bottom: 8px;
        white-space: nowrap;
        overflow: hidden
    }

    .two-columns .title {
        margin-bottom: 24px;
        font-size: 28px;
        max-height: 120px;
        overflow: hidden
    }

    .two-columns .description {
        margin-bottom: 24px;
        overflow: hidden;
        max-height: 186px
    }

        .two-columns .description p {
            margin-bottom: 0
        }

    .two-columns .cta-container {
        white-space: nowrap;
        overflow: hidden
    }

    .two-columns .container-image .container-video {
        display: flex;
        justify-content: center
    }

    .two-columns.horizontal-left .container-content {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding-right: 0
    }

    .two-columns.horizontal-left .container-image {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding-top: 15px;
        margin-bottom: -32px
    }

        .two-columns.horizontal-left .container-image .cont-img {
            position: relative;
            z-index: 11;
            width: 100%
        }

        .two-columns.horizontal-left .container-image .container-video {
            position: absolute;
            z-index: 10;
            width: 160px;
            min-height: 15px;
            overflow: hidden;
            top: 0;
            right: 0
        }

    .two-columns.horizontal-left .cont-img {
        overflow: hidden;
        width: 100%;
        height: auto
    }

        .two-columns.horizontal-left .cont-img img {
            position: relative;
            width: 100%;
            height: auto
        }

    .two-columns.horizontal-left .cont-module {
        margin-top: 0
    }

    .two-columns.horizontal-left .container-text {
        padding-right: 16px;
        margin-right: 16px;
        position: relative;
        z-index: 12;
        margin-left: -1px;
        padding-left: 1px
    }

    .two-columns.horizontal-right .container-content {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding-left: 0
    }

    .two-columns.horizontal-right .container-image {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding-top: 15px;
        margin-bottom: -32px
    }

        .two-columns.horizontal-right .container-image .cont-img {
            position: relative;
            z-index: 11;
            width: 100%
        }

        .two-columns.horizontal-right .container-image .container-video {
            position: absolute;
            z-index: 10;
            width: 160px;
            min-height: 15px;
            overflow: hidden;
            top: 0
        }

    .two-columns.horizontal-right .cont-img {
        overflow: hidden;
        width: 100%;
        height: auto
    }

        .two-columns.horizontal-right .cont-img img {
            position: relative;
            width: 100%;
            height: auto
        }

    .two-columns.horizontal-right .cont-module {
        margin-top: 0
    }

    .two-columns.horizontal-right .container-text {
        position: relative;
        z-index: 12;
        padding-left: 16px;
        margin-left: 16px;
        text-align: right
    }

    .two-columns.grid-70-30 .description {
        max-height: 104px
    }

    .two-columns.grid-70-30 .title {
        max-height: 80px
    }

    .two-columns.no-texture .container-image {
        padding-bottom: 0;
        padding-top: 0
    }

@media (min-width: 764px) {
    .two-columns {
        padding: 100px 0 100px 0;
        margin: 0
    }

        .two-columns .eyebrow {
            margin-top: 0;
            margin-bottom: 8px
        }

        .two-columns .title {
            margin-bottom: 8px;
            max-height: 80px
        }

        .two-columns .description {
            margin-bottom: 24px;
            max-height: 156px
        }

        .two-columns.horizontal-left .container-content {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            padding-right: 16px
        }

        .two-columns.horizontal-left .container-image {
            position: relative;
            width: calc( 50% + 16px);
            left: 50%;
            overflow: hidden;
            height: auto;
            padding-top: 0;
            margin-bottom: 0
        }

            .two-columns.horizontal-left .container-image .cont-img {
                position: relative;
                z-index: 11;
                width: calc( 100% - 94px);
                margin-left: 16px
            }

            .two-columns.horizontal-left .container-image .container-video {
                position: absolute;
                z-index: 10;
                width: 244px;
                height: 242px;
                overflow: hidden;
                top: inherit;
                right: 0;
                bottom: 0
            }

        .two-columns.horizontal-left .container-text {
            position: absolute;
            left: 0;
            width: calc(50% + 66px);
            height: auto;
            z-index: 12;
            padding-left: 32px;
            margin-left: 0
        }

            .two-columns.horizontal-left .container-text .eyebrow, .two-columns.horizontal-left .container-text .title, .two-columns.horizontal-left .container-text p {
                max-width: 334px
            }

        .two-columns.horizontal-left.vertical-top *::-ms-backdrop, .two-columns.horizontal-left.vertical-top .container-image {
            margin-top: 2px
        }

        .two-columns.horizontal-left.vertical-top .container-image {
            padding-bottom: 20px
        }

            .two-columns.horizontal-left.vertical-top .container-image .container-video {
                bottom: 0;
                top: inherit
            }

        .two-columns.horizontal-left.vertical-top .container-text {
            top: 0
        }

        .two-columns.horizontal-left.vertical-top .container-text {
            padding-bottom: 64px
        }

        .two-columns.horizontal-left.vertical-top.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.horizontal-left.vertical-bottom *::-ms-backdrop, .two-columns.horizontal-left.vertical-bottom .container-image {
            margin-bottom: 2px
        }

        .two-columns.horizontal-left.vertical-bottom .container-image {
            padding-top: 20px
        }

            .two-columns.horizontal-left.vertical-bottom .container-image .container-video {
                top: 0;
                bottom: inherit
            }

        .two-columns.horizontal-left.vertical-bottom .container-text {
            bottom: 0;
            padding-top: 64px
        }

        .two-columns.horizontal-left.vertical-bottom.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.horizontal-right .container-content {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto
        }

        .two-columns.horizontal-right .container-image {
            position: relative;
            width: calc( 50% + 16px);
            left: 0;
            overflow: hidden;
            height: auto;
            padding-top: 0;
            margin-bottom: 0
        }

            .two-columns.horizontal-right .container-image .cont-img {
                position: relative;
                z-index: 11;
                width: calc( 100% - 94px);
                margin-left: 78px
            }

            .two-columns.horizontal-right .container-image .container-video {
                position: absolute;
                z-index: 10;
                width: 244px;
                height: 242px;
                overflow: hidden;
                top: inherit;
                right: 0;
                bottom: 0;
                left: 0
            }

        .two-columns.horizontal-right .container-text {
            position: absolute;
            left: inherit;
            right: 0;
            width: calc(50% + 66px);
            height: auto;
            z-index: 12;
            padding-left: 80px;
            margin-left: 0;
            text-align: left
        }

            .two-columns.horizontal-right .container-text .eyebrow, .two-columns.horizontal-right .container-text .title, .two-columns.horizontal-right .container-text p {
                max-width: 334px
            }

        .two-columns.horizontal-right.vertical-top *::-ms-backdrop, .two-columns.horizontal-right.vertical-top .container-image {
            margin-top: 2px
        }

        .two-columns.horizontal-right.vertical-top .container-image {
            padding-bottom: 20px
        }

            .two-columns.horizontal-right.vertical-top .container-image .container-video {
                bottom: 0;
                top: inherit
            }

        .two-columns.horizontal-right.vertical-top .container-text {
            top: 0;
            padding-bottom: 64px
        }

        .two-columns.horizontal-right.vertical-top.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.horizontal-right.vertical-bottom *::-ms-backdrop, .two-columns.horizontal-right.vertical-bottom .container-image {
            margin-bottom: 2px
        }

        .two-columns.horizontal-right.vertical-bottom .container-image {
            padding-top: 20px
        }

            .two-columns.horizontal-right.vertical-bottom .container-image .container-video {
                top: 0;
                bottom: inherit
            }

        .two-columns.horizontal-right.vertical-bottom .container-text {
            bottom: 0;
            padding-top: 64px
        }

        .two-columns.horizontal-right.vertical-bottom.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns .cont-module .title {
            font-size: 30px
        }

        .two-columns.grid-70-30.horizontal-left .container-image {
            padding-top: 24px
        }

            .two-columns.grid-70-30.horizontal-left .container-image .cont-img {
                width: calc( 100% - 72px)
            }

            .two-columns.grid-70-30.horizontal-left .container-image .container-video {
                width: calc(100% - 16px);
                top: 0;
                bottom: inherit;
                height: 69px
            }

        .two-columns.grid-70-30.horizontal-left .container-text {
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-left .container-text .title {
                font-size: 36px
            }

            .two-columns.grid-70-30.horizontal-left .container-text .col-lg-5 {
                text-align: left
            }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom *::-ms-backdrop, .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-image {
            margin-bottom: 2px
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-image {
            padding-bottom: 24px
        }

            .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-image .container-video {
                bottom: 0;
                top: inherit
            }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-text {
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom.no-texture .container-image {
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-left.vertical-bottom.no-texture .container-image .cont-img {
                min-height: 254px
            }

        .two-columns.grid-70-30.horizontal-left.vertical-top *::-ms-backdrop, .two-columns.grid-70-30.horizontal-left.vertical-top .container-image {
            margin-top: 2px
        }

        .two-columns.grid-70-30.horizontal-left.vertical-top .container-text {
            padding-bottom: 0
        }

        .two-columns.grid-70-30.horizontal-left.vertical-top.no-texture .container-image {
            padding-top: 0
        }

            .two-columns.grid-70-30.horizontal-left.vertical-top.no-texture .container-image .cont-img {
                min-height: 254px
            }

        .two-columns.grid-70-30.horizontal-right .container-image .container-video {
            height: 69px
        }

            .two-columns.grid-70-30.horizontal-right .container-image .container-video video {
                width: 100%
            }

        .two-columns.grid-70-30.horizontal-right .container-text {
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-right .container-text .title {
                font-size: 36px
            }

            .two-columns.grid-70-30.horizontal-right .container-text .col-lg-5 {
                text-align: left
            }

        .two-columns.grid-70-30.horizontal-right.vertical-top *::-ms-backdrop, .two-columns.grid-70-30.horizontal-right.vertical-top .container-image {
            margin-top: 2px
        }

        .two-columns.grid-70-30.horizontal-right.vertical-top .container-image {
            padding-top: 24px
        }

            .two-columns.grid-70-30.horizontal-right.vertical-top .container-image .container-video {
                top: 0;
                bottom: inherit;
                width: calc(100% - 16px)
            }

                .two-columns.grid-70-30.horizontal-right.vertical-top .container-image .container-video video {
                    width: 100%
                }

        .two-columns.grid-70-30.horizontal-right.vertical-top .container-text {
            top: 0;
            padding-bottom: 0
        }

        .two-columns.grid-70-30.horizontal-right.vertical-top.no-texture .container-image {
            padding-top: 0
        }

            .two-columns.grid-70-30.horizontal-right.vertical-top.no-texture .container-image .cont-img {
                min-height: 254px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom *::-ms-backdrop, .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image {
            margin-bottom: 2px
        }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image {
            padding-bottom: 24px
        }

            .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image .container-video {
                bottom: 0;
                top: inherit;
                height: 69px;
                width: calc(100% - 16px)
            }

                .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image .container-video video {
                    width: 100%
                }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-text {
            bottom: 0;
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom.no-texture .container-image {
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-right.vertical-bottom.no-texture .container-image .cont-img {
                min-height: 254px
            }

        .two-columns.grid-70-30 .description {
            max-height: 78px
        }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .two-columns.grid-70-30.horizontal-left .container-text {
        width: 50%;
        padding-left: 32px
    }

    .two-columns.grid-70-30.horizontal-right .container-text {
        width: 50%;
        padding-left: 32px
    }

    .two-columns.horizontal-left .container-content, .two-columns.horizontal-right .container-content {
        overflow: visible
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .two-columns {
        padding: 80px 0 80px 0;
        margin: 0
    }

        .two-columns .col-lg-5 {
            text-align: right
        }

        .two-columns .align-right {
            text-align: right
        }

        .two-columns .description {
            margin-top: 40px;
            max-width: 214px;
            max-height: calc(26px * 10 + 4px)
        }

            .two-columns .description.margin-top-0 {
                margin-top: 0
            }

        .two-columns .cont-module .title {
            font-size: 36px;
            max-height: 184px
        }

        .two-columns.horizontal-left .container-content {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            padding-right: 16px
        }

        .two-columns.horizontal-left .container-image {
            position: relative;
            width: calc( 50% + 16px);
            left: 56%;
            overflow: hidden;
            height: auto;
            padding-top: 0;
            padding-bottom: 82px;
            margin-bottom: 0
        }

            .two-columns.horizontal-left .container-image .cont-img {
                position: relative;
                z-index: 11;
                width: calc( 100% - 130px);
                margin-left: 16px
            }

            .two-columns.horizontal-left .container-image .container-video {
                position: absolute;
                z-index: 10;
                width: 328px;
                height: 302px;
                overflow: hidden;
                top: inherit;
                right: 0;
                bottom: 0
            }

        .two-columns.horizontal-left .container-text {
            margin-left: 0;
            width: calc(58% + 66px)
        }

            .two-columns.horizontal-left .container-text .eyebrow, .two-columns.horizontal-left .container-text .title {
                max-width: initial
            }

        .two-columns.horizontal-left.vertical-bottom .container-image {
            padding-top: 75px;
            padding-bottom: 0
        }

            .two-columns.horizontal-left.vertical-bottom .container-image .container-video {
                top: 0;
                bottom: inherit
            }

        .two-columns.horizontal-left.vertical-bottom .container-text {
            bottom: 0;
            top: auto
        }

        .two-columns.horizontal-left.vertical-top .container-image {
            padding-top: 0;
            padding-bottom: 75px
        }

            .two-columns.horizontal-left.vertical-top .container-image .container-video {
                bottom: 0;
                top: inherit
            }

        .two-columns.horizontal-left.vertical-top .container-text {
            top: 0;
            bottom: auto
        }

        .two-columns.horizontal-right .container-content {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            padding-right: 16px
        }

        .two-columns.horizontal-right .container-image {
            position: relative;
            width: calc( 50% + 16px);
            overflow: hidden;
            height: auto;
            padding-top: 0;
            padding-bottom: 82px;
            margin-bottom: 0
        }

            .two-columns.horizontal-right .container-image .cont-img {
                position: relative;
                z-index: 11;
                width: calc( 100% - 130px);
                margin-left: 106px
            }

            .two-columns.horizontal-right .container-image .container-video {
                position: absolute;
                z-index: 10;
                width: 351px;
                height: 275px;
                overflow: hidden;
                top: inherit;
                bottom: 0
            }

        .two-columns.horizontal-right .container-text {
            width: calc(50% + 66px);
            padding-left: 48px
        }

            .two-columns.horizontal-right .container-text .eyebrow, .two-columns.horizontal-right .container-text .title {
                max-width: initial
            }

            .two-columns.horizontal-right .container-text .title {
                font-size: 36px
            }

            .two-columns.horizontal-right .container-text .col-lg-4 {
                text-align: left
            }

        .two-columns.horizontal-right.vertical-bottom .container-image {
            padding-top: 75px;
            padding-bottom: 0
        }

            .two-columns.horizontal-right.vertical-bottom .container-image .container-video {
                top: 0;
                bottom: inherit
            }

        .two-columns.horizontal-right.vertical-bottom .container-text {
            bottom: 0;
            top: auto
        }

        .two-columns.horizontal-right.vertical-top .container-image {
            padding-top: 0;
            padding-bottom: 75px
        }

            .two-columns.horizontal-right.vertical-top .container-image .container-video {
                bottom: 0;
                top: inherit
            }

        .two-columns.horizontal-right.vertical-top .container-text {
            top: 0;
            bottom: auto
        }

        .two-columns.grid-50-50.horizontal-left .container-text .col-lg-6 {
            padding-right: 8px
        }

        .two-columns.grid-50-50.horizontal-left .container-text .col-lg-5 {
            text-align: left;
            padding-right: 0;
            padding-left: 24px
        }

        .two-columns.grid-50-50.horizontal-left .container-text .title {
            font-size: 30px;
            line-height: 40px;
            max-height: calc(40px*4 + 4px);
            overflow: hidden
        }

        .two-columns.grid-50-50.horizontal-left .container-image {
            width: calc( 50% + 24px);
            left: 57%
        }

        .two-columns.grid-50-50.horizontal-right .container-text {
            width: calc(58% + 66px);
            padding-left: 22px
        }

            .two-columns.grid-50-50.horizontal-right .container-text .col-lg-5 {
                text-align: left
            }

            .two-columns.grid-50-50.horizontal-right .container-text .offset-lg-1 {
                padding-left: 20px
            }

            .two-columns.grid-50-50.horizontal-right .container-text .title {
                font-size: 30px;
                line-height: 40px;
                max-height: calc(40px*4 + 4px);
                overflow: hidden
            }

        .two-columns.grid-50-50.horizontal-right .container-image .cont-img {
            margin-left: 32px
        }

        .two-columns.grid-70-30.horizontal-left .container-image {
            padding-top: 37px;
            width: calc( 50% + 14.33333% + 16px);
            left: calc( 50% - 14.33333%);
            margin-left: 52px
        }

            .two-columns.grid-70-30.horizontal-left .container-image .cont-img {
                width: calc( 100% - 164px);
                margin-left: 76px
            }

            .two-columns.grid-70-30.horizontal-left .container-image .container-video {
                width: 100%;
                left: 72px;
                top: 0;
                bottom: inherit;
                height: 108px
            }

                .two-columns.grid-70-30.horizontal-left .container-image .container-video video {
                    width: 100%
                }

        .two-columns.grid-70-30.horizontal-left .container-text {
            width: calc(58% - 16px)
        }

            .two-columns.grid-70-30.horizontal-left .container-text .col-lg-6, .two-columns.grid-70-30.horizontal-left .container-text .col-lg-7 {
                text-align: right;
                padding-left: 16px;
                padding-right: 16px;
                display: flex;
                flex-direction: column;
                align-items: flex-end
            }

            .two-columns.grid-70-30.horizontal-left .container-text .col-lg-7 {
                padding-left: 13px
            }

            .two-columns.grid-70-30.horizontal-left .container-text .col-lg-5, .two-columns.grid-70-30.horizontal-left .container-text .col-lg-4 {
                text-align: left;
                padding-right: 36px
            }

            .two-columns.grid-70-30.horizontal-left .container-text .title {
                font-size: 30px;
                line-height: 40px
            }

        .two-columns.grid-70-30.horizontal-left.vertical-top .container-image {
            padding-top: 37px;
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-left.vertical-top .container-image .container-video {
                top: 0;
                bottom: inherit
            }

        .two-columns.grid-70-30.horizontal-left.vertical-top .container-text {
            top: 0;
            padding-bottom: 64px
        }

        .two-columns.grid-70-30.horizontal-left.vertical-top.no-texture .container-image {
            padding-bottom: 0
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-image {
            padding-bottom: 37px;
            padding-top: 0
        }

            .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-image .container-video {
                bottom: 0;
                top: inherit
            }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-text {
            bottom: 0;
            padding-top: 64px
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom.no-texture .container-image {
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-right .container-image {
            width: calc( 50% + 14.33333% + 16px)
        }

            .two-columns.grid-70-30.horizontal-right .container-image .cont-img {
                width: calc( 100% - 174px);
                margin-left: 32px
            }

            .two-columns.grid-70-30.horizontal-right .container-image .container-video video {
                width: 100%
            }

        .two-columns.grid-70-30.horizontal-right .container-text {
            width: calc(58% - 16px)
        }

            .two-columns.grid-70-30.horizontal-right .container-text .col-lg-6 {
                padding-right: 16px;
                padding-left: 8px;
                text-align: right;
                display: flex;
                flex-direction: column;
                align-items: flex-end
            }

            .two-columns.grid-70-30.horizontal-right .container-text .col-lg-4 {
                padding-left: 8px
            }

            .two-columns.grid-70-30.horizontal-right .container-text .col-lg-7 {
                padding-right: 24px;
                padding-left: 0
            }

            .two-columns.grid-70-30.horizontal-right .container-text .eyebrow, .two-columns.grid-70-30.horizontal-right .container-text .title {
                max-width: 296px;
                text-align: right
            }

            .two-columns.grid-70-30.horizontal-right .container-text .title {
                font-size: 30px;
                line-height: 40px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-top .container-image {
            padding-top: 37px;
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-right.vertical-top .container-image .container-video {
                top: 0;
                bottom: inherit;
                height: 108px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-top .container-text {
            top: 0;
            padding-bottom: 64px
        }

        .two-columns.grid-70-30.horizontal-right.vertical-top.no-texture .container-image {
            padding-bottom: 0
        }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image {
            padding-bottom: 37px;
            padding-top: 0
        }

            .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image .container-video {
                bottom: 0;
                top: inherit;
                height: 108px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-text {
            bottom: 0;
            padding-top: 64px
        }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom.no-texture .container-image {
            padding-top: 0
        }

        .two-columns.grid-70-30 .title {
            max-height: calc(40px*3 + 4px)
        }

        .two-columns.grid-70-30 .description {
            max-height: 182px;
            max-width: 132px;
            min-width: 132px
        }
}

@media (min-width: 1436px) {
    .two-columns {
        padding: 80px 0 80px 0;
        margin: 0
    }

        .two-columns .align-right {
            text-align: right
        }

        .two-columns .cont-module .eyebrow {
            line-height: 26px
        }

        .two-columns .cont-module .title {
            font-size: 36px;
            max-height: 184px
        }

        .two-columns .description {
            max-width: 319px;
            margin-top: 32px;
            max-height: 162px
        }

            .two-columns .description.margin-top-0 {
                margin-top: 0
            }

        .two-columns.horizontal-left.vertical-top .container-image {
            padding-top: 0;
            padding-bottom: 75px
        }

        .two-columns.horizontal-left.vertical-bottom .container-image {
            padding-top: 75px;
            padding-bottom: 0
        }

        .two-columns.horizontal-left .container-content {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            padding-right: 16px
        }

        .two-columns.horizontal-left .container-image {
            position: relative;
            width: calc( 50% + 16px);
            left: 50%;
            overflow: hidden;
            height: auto;
            padding-top: 0;
            padding-bottom: 108px;
            margin-bottom: 0
        }

            .two-columns.horizontal-left .container-image .cont-img {
                position: relative;
                z-index: 11;
                width: calc( 100% - 166px);
                margin-left: 16px
            }

            .two-columns.horizontal-left .container-image .container-video {
                position: absolute;
                z-index: 10;
                width: 499px;
                height: auto;
                overflow: hidden;
                top: inherit;
                right: 0;
                bottom: 0
            }

                .two-columns.horizontal-left .container-image .container-video video {
                    width: 100%
                }

        .two-columns.horizontal-left .container-text {
            margin-left: 0;
            width: calc(50% + 98px)
        }

            .two-columns.horizontal-left .container-text .eyebrow, .two-columns.horizontal-left .container-text .title {
                max-width: initial
            }

        .two-columns.horizontal-right.vertical-top .container-image {
            padding-top: 0;
            padding-bottom: 75px
        }

        .two-columns.horizontal-right.vertical-bottom .container-image {
            padding-top: 75px;
            padding-bottom: 0
        }

        .two-columns.horizontal-right .container-image .cont-img {
            width: calc( 100% - 170px);
            margin-left: 148px
        }

        .two-columns.horizontal-right .container-image .container-video {
            width: auto;
            height: 393px
        }

        .two-columns.horizontal-right .container-text {
            width: calc(50% + 100px);
            padding-left: 82px
        }

            .two-columns.horizontal-right .container-text .col-xl-5 {
                padding-left: 0
            }

        .two-columns.grid-50-50 .container-text .col-xl-6 {
            max-width: 351px
        }

        .two-columns.grid-70-30.horizontal-left .container-image {
            padding-top: 64px;
            width: 72.111112%;
            left: 28.99999%
        }

            .two-columns.grid-70-30.horizontal-left .container-image .cont-img {
                width: calc( 100% - 194px);
                margin-left: 76px
            }

            .two-columns.grid-70-30.horizontal-left .container-image .container-video {
                width: calc(100% - 16px);
                top: 0;
                bottom: inherit;
                height: 184px
            }

                .two-columns.grid-70-30.horizontal-left .container-image .container-video video {
                    width: 100%
                }

        .two-columns.grid-70-30.horizontal-left .container-text {
            width: calc(40.66666%)
        }

            .two-columns.grid-70-30.horizontal-left .container-text .col-lg-6.col-xl-5, .two-columns.grid-70-30.horizontal-left .container-text .col-lg-7.col-xl-5 {
                text-align: right;
                padding-left: 16px;
                padding-right: 16px
            }

            .two-columns.grid-70-30.horizontal-left .container-text .col-lg-4.col-xl-5 {
                text-align: left;
                padding-left: 16px
            }

            .two-columns.grid-70-30.horizontal-left .container-text .eyebrow, .two-columns.grid-70-30.horizontal-left .container-text .title {
                max-width: 202px
            }

        .two-columns.grid-70-30.horizontal-left.vertical-top .container-image {
            padding-top: 100px;
            padding-bottom: 0
        }

        .two-columns.grid-70-30.horizontal-left.vertical-top .container-text {
            padding-bottom: 48px
        }

        .two-columns.grid-70-30.horizontal-left.vertical-top.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-image {
            padding-bottom: 100px;
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom .container-text {
            padding-top: 48px
        }

        .two-columns.grid-70-30.horizontal-left.vertical-bottom.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-right .container-image {
            width: calc(70%)
        }

            .two-columns.grid-70-30.horizontal-right .container-image .cont-img {
                width: calc(82.666666%);
                margin-left: 148px
            }

            .two-columns.grid-70-30.horizontal-right .container-image .container-video {
                height: 184px
            }

        .two-columns.grid-70-30.horizontal-right .container-text {
            width: calc(40.66666%)
        }

            .two-columns.grid-70-30.horizontal-right .container-text .col-lg-6.col-xl-5, .two-columns.grid-70-30.horizontal-right .container-text .col-lg-7.col-xl-5 {
                padding-right: 16px;
                padding-left: 0;
                text-align: right;
                display: flex;
                flex-direction: column;
                align-items: flex-end
            }

            .two-columns.grid-70-30.horizontal-right .container-text .col-lg-4.col-xl-5 {
                padding-left: 16px;
                padding-right: 4px
            }

            .two-columns.grid-70-30.horizontal-right .container-text .eyebrow, .two-columns.grid-70-30.horizontal-right .container-text .title {
                max-width: 202px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image {
            padding-bottom: 100px;
            padding-top: 0
        }

            .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-image .container-video {
                top: inherit;
                bottom: 0;
                height: 184px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom .container-text {
            padding-top: 48px
        }

        .two-columns.grid-70-30.horizontal-right.vertical-bottom.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.grid-70-30.horizontal-right.vertical-top .container-image {
            padding-top: 100px;
            padding-bottom: 0
        }

            .two-columns.grid-70-30.horizontal-right.vertical-top .container-image .container-video {
                height: 184px
            }

        .two-columns.grid-70-30.horizontal-right.vertical-top .container-text {
            padding-bottom: 48px
        }

        .two-columns.grid-70-30.horizontal-right.vertical-top.no-texture .container-image {
            padding-bottom: 0;
            padding-top: 0
        }

        .two-columns.grid-70-30 .title {
            max-height: 138px
        }

        .two-columns.grid-70-30 .description {
            max-height: 130px;
            max-width: 202px
        }
}

@media (min-width: 764px) {
    .two-columns.horizontal-left, .two-columns.horizontal-right, .two-columns.grid-70-30, .two-columns.no-texture {
        overflow: hidden;
        min-height: 404px;
        box-sizing: content-box
    }

        .two-columns.horizontal-left .container-content, .two-columns.horizontal-right .container-content, .two-columns.grid-70-30 .container-content, .two-columns.no-texture .container-content {
            overflow: visible
        }
}

@media (min-width: 1016px) {
    .two-columns.horizontal-left, .two-columns.horizontal-right, .two-columns.grid-70-30, .two-columns.no-texture {
        overflow: hidden;
        min-height: 426px;
        box-sizing: content-box
    }
}

.gallery-module {
    margin: 20px 0px
}

    .gallery-module .carousel .controls {
        display: none;
        padding: 0;
        margin: 0 auto
    }

        .gallery-module .carousel .controls .carousel-control-next, .gallery-module .carousel .controls .carousel-control-prev {
            background-color: rgba(255,255,255,0.6);
            width: 40px;
            height: 40px
        }

            .gallery-module .carousel .controls .carousel-control-next img, .gallery-module .carousel .controls .carousel-control-prev img {
                width: 8px;
                height: 13px
            }

        .gallery-module .carousel .controls .carousel-control-next {
            margin-right: 32px;
            opacity: initial
        }

            .gallery-module .carousel .controls .carousel-control-next:hover {
                background-color: #fff
            }

        .gallery-module .carousel .controls .carousel-control-prev {
            margin-left: 32px;
            opacity: initial
        }

            .gallery-module .carousel .controls .carousel-control-prev:hover {
                background-color: #fff
            }

    .gallery-module .carousel .carousel-indicators {
        bottom: 8px;
        margin: 0;
        display: block;
        left: calc(50% - 82px);
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        width: 164px;
        z-index: 12
    }

        .gallery-module .carousel .carousel-indicators li {
            display: inline-block;
            pointer-events: none;
            width: 10px;
            height: 2px;
            opacity: .6;
            margin: 0 4px 0 4px;
            background-color: #fff
        }

            .gallery-module .carousel .carousel-indicators li.right-bullet {
                width: 15px
            }

            .gallery-module .carousel .carousel-indicators li.standard-bullet {
                width: 20px
            }

            .gallery-module .carousel .carousel-indicators li.active {
                opacity: 1
            }

    .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        overflow: hidden;
        height: auto;
        max-height: none;
        width: 100%;
        margin: 0
    }

        .gallery-module .carousel .carousel-inner .carousel-item .cont-img img {
            position: relative;
            width: 100%;
            max-width: none;
            height: auto
        }

@media (min-width: 764px) and (max-width: 1015px) {
    .gallery-module .carousel .carousel-indicators {
        bottom: 16px
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .gallery-module {
        margin: 32px 0px
    }

        .gallery-module .carousel .controls {
            display: block;
            position: relative
        }

            .gallery-module .carousel .controls .carousel-control-next, .gallery-module .carousel .controls .carousel-control-prev {
                position: absolute
            }

        .gallery-module .carousel .carousel-indicators {
            bottom: 24px
        }
}

@media (min-width: 1436px) {
    .gallery-module {
        max-width: 1436px;
        margin: 32px auto
    }

        .gallery-module .carousel .controls {
            display: block;
            position: relative
        }

            .gallery-module .carousel .controls .carousel-control-next, .gallery-module .carousel .controls .carousel-control-prev {
                position: absolute
            }

        .gallery-module .carousel .carousel-indicators {
            bottom: 64px
        }

        .gallery-module .carousel .carousel-inner .carousel-item {
            height: auto;
            width: 100%;
            min-height: 350px
        }
}

.interior-vehicle-color {
    position: relative;
    padding: 48px 0;
    overflow: hidden
}

    .interior-vehicle-color.expanded .cont-module {
        left: -100%
    }

    .interior-vehicle-color.expanded .cont-img img {
        left: 50%
    }

    .interior-vehicle-color .cont-img {
        padding: 0;
        width: 100%;
        position: relative;
        max-width: 1436px;
        margin: 0 auto
    }

        .interior-vehicle-color .cont-img span img {
            position: relative;
            width: auto;
            max-width: none;
            left: 100%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            -webkit-transition: left .6s ease-in-out;
            -moz-transition: left .6s ease-in-out;
            -ms-transition: left .6s ease-in-out;
            -o-transition: left .6s ease-in-out;
            transition: left .6s ease-in-out
        }

        .interior-vehicle-color .cont-img .expand, .interior-vehicle-color .cont-img .close {
            position: absolute;
            opacity: 1;
            padding: 0;
            width: 40px;
            height: 40px;
            top: 0;
            right: 0;
            margin: 16px 16px 0 0;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
            z-index: 9;
            outline: none
        }

            .interior-vehicle-color .cont-img .expand.hide, .interior-vehicle-color .cont-img .close.hide {
                display: none
            }

            .interior-vehicle-color .cont-img .expand:hover, .interior-vehicle-color .cont-img .close:hover {
                cursor: pointer
            }

                .interior-vehicle-color .cont-img .expand:hover img, .interior-vehicle-color .cont-img .close:hover img {
                    opacity: .4
                }

            .interior-vehicle-color .cont-img .expand img, .interior-vehicle-color .cont-img .close img {
                position: unset;
                margin: 0 auto;
                display: block;
                width: 100%;
                height: 100%
            }

    .interior-vehicle-color .cont-module {
        -webkit-transition: left .6s ease-in-out;
        -moz-transition: left .6s ease-in-out;
        -o-transition: left .6s ease-in-out;
        -ms-transition: left .6s ease-in-out;
        transition: left .6s ease-in-out
    }

        .interior-vehicle-color .cont-module .container-fluid {
            padding-right: 16px;
            padding-left: 16px;
            max-width: 1436px
        }

        .interior-vehicle-color .cont-module p {
            margin: 0;
            letter-spacing: 0
        }

        .interior-vehicle-color .cont-module .eyebrow {
            font-family: "CupraLight",serif;
            color: #242221;
            white-space: nowrap;
            overflow: hidden;
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 0
        }

        .interior-vehicle-color .cont-module .title {
            font-family: "CupraLight",serif;
            color: #242221;
            font-size: 30px;
            line-height: 40px;
            max-height: 120px;
            margin-bottom: 8px;
            overflow: hidden
        }

        .interior-vehicle-color .cont-module .description p {
            font-family: "CupraLight",serif;
            color: #242221;
            font-size: 16px;
            line-height: 30px;
            max-height: 180px;
            overflow: hidden
        }

        .interior-vehicle-color .cont-module .img-mobile {
            position: relative;
            display: block;
            overflow: hidden;
            height: 300px;
            max-height: 300px;
            width: calc(100% + 32px);
            margin-top: 32px;
            margin-left: -16px
        }

            .interior-vehicle-color .cont-module .img-mobile img {
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                object-fit: cover;
                object-position: 0 0;
                width: auto;
                height: 100%;
                min-width: 100%;
                max-width: none;
                min-height: 100%
            }

        .interior-vehicle-color .cont-module .thumbnail-control {
            position: relative
        }

            .interior-vehicle-color .cont-module .thumbnail-control.over {
                width: calc(100% + 32px);
                margin-left: -16px;
                margin-right: -16px
            }

                .interior-vehicle-color .cont-module .thumbnail-control.over .thumbnail-menu .thumbnail-container-images > div:first-child {
                    margin-left: 16px
                }

            .interior-vehicle-color .cont-module .thumbnail-control .control-next, .interior-vehicle-color .cont-module .thumbnail-control .control-prev {
                display: none;
                position: absolute;
                cursor: pointer;
                top: 12.5px;
                width: 40px;
                height: 40px;
                text-align: center;
                padding: 13.5px 0
            }

                .interior-vehicle-color .cont-module .thumbnail-control .control-next:hover, .interior-vehicle-color .cont-module .thumbnail-control .control-prev:hover {
                    opacity: initial
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .control-next:hover img, .interior-vehicle-color .cont-module .thumbnail-control .control-prev:hover img {
                        opacity: .4
                    }

                .interior-vehicle-color .cont-module .thumbnail-control .control-next img, .interior-vehicle-color .cont-module .thumbnail-control .control-prev img {
                    margin: 0 auto;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                    display: inline-block
                }

            .interior-vehicle-color .cont-module .thumbnail-control .control-next {
                right: -38px
            }

            .interior-vehicle-color .cont-module .thumbnail-control .control-prev {
                left: -38px
            }

            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                margin: 16px 0px 8px 0px;
                overflow: hidden;
                width: 100%
            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                    width: 2000px;
                    overflow: hidden;
                    margin-right: auto;
                    margin-left: auto;
                    position: relative;
                    left: 0px
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image {
                        float: left;
                        width: 80px;
                        margin-right: 1px;
                        padding-bottom: 8px
                    }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image img {
                            width: 80px;
                            height: 60px;
                            cursor: pointer
                        }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image.selected {
                            border-bottom: 2px solid #013c49
                        }

            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info {
                margin-top: 16px
            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    text-align: center;
                    font-size: 16px;
                    font-family: "CupraMedium",serif;
                    color: #242221;
                    line-height: 30px
                }

@media (min-width: 764px) and (max-width: 1015px) {
    .interior-vehicle-color {
        padding: 64px 0
    }

        .interior-vehicle-color .cont-img {
            height: 660px;
            max-height: 660px;
            overflow: hidden
        }

            .interior-vehicle-color .cont-img span img {
                height: 660px;
                max-height: 660px
            }

        .interior-vehicle-color .cont-module {
            position: absolute;
            z-index: 8;
            top: 63px;
            bottom: 0;
            left: 0;
            right: 0
        }

            .interior-vehicle-color .cont-module .flex-column {
                height: 100%
            }

            .interior-vehicle-color .cont-module.bg-gray-before:before {
                background: #f5f5f5;
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                left: 0;
                right: 50%
            }

            .interior-vehicle-color .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .interior-vehicle-color .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .interior-vehicle-color .cont-module .col-md-6 {
                padding-right: 32px;
                padding-left: 16px
            }

            .interior-vehicle-color .cont-module .title {
                margin-bottom: 16px;
                font-size: 36px;
                line-height: 46px;
                max-height: 138px
            }

            .interior-vehicle-color .cont-module .thumbnail-control {
                margin-right: -32px;
                margin-left: 0
            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                    margin: 32px 0px 8px 0px
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                        margin-right: 0;
                        margin-left: 0
                    }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    text-align: left
                }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .interior-vehicle-color {
        padding: 88px 0 104px 0
    }

        .interior-vehicle-color .cont-img {
            height: 660px;
            max-height: 660px;
            overflow: hidden
        }

            .interior-vehicle-color .cont-img span img {
                height: 660px;
                max-height: 660px
            }

        .interior-vehicle-color .cont-module {
            position: absolute;
            z-index: 8;
            top: 87px;
            bottom: 0;
            left: 0;
            right: 0
        }

            .interior-vehicle-color .cont-module .flex-column {
                height: 100%
            }

            .interior-vehicle-color .cont-module.bg-gray-before:before {
                background: #f5f5f5;
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                left: 0;
                right: 50%
            }

            .interior-vehicle-color .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .interior-vehicle-color .cont-module .row {
                margin-right: -24px;
                margin-left: -16px
            }

            .interior-vehicle-color .cont-module .col-md-6 {
                padding-right: 32px;
                padding-left: 16px
            }

            .interior-vehicle-color .cont-module .title {
                font-size: 36px;
                line-height: 46px;
                max-height: 92px;
                margin-bottom: 0;
                text-align: right
            }

            .interior-vehicle-color .cont-module .eyebrow {
                text-align: right
            }

            .interior-vehicle-color .cont-module .description p {
                margin-top: 48px;
                max-height: 120px
            }

            .interior-vehicle-color .cont-module .thumbnail-control {
                width: 177px;
                margin-right: 0
            }

                .interior-vehicle-color .cont-module .thumbnail-control .control-next, .interior-vehicle-color .cont-module .thumbnail-control .control-prev {
                    display: flex
                }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                    width: 177px;
                    margin: 32px 0px 8px 0px
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                        margin-right: 0;
                        margin-left: 0
                    }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image {
                            width: 88px
                        }

                            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image img {
                                width: 88px;
                                height: 66px
                            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    text-align: left
                }
}

@media (min-width: 1436px) {
    .interior-vehicle-color {
        padding: 104px 0
    }

        .interior-vehicle-color .cont-img {
            height: 660px;
            max-height: 660px;
            overflow: hidden
        }

            .interior-vehicle-color .cont-img span img {
                height: 660px;
                max-height: 660px
            }

        .interior-vehicle-color .cont-module {
            position: absolute;
            z-index: 8;
            top: 103px;
            bottom: 0;
            left: 0;
            right: 0
        }

            .interior-vehicle-color .cont-module .flex-column {
                height: 100%
            }

            .interior-vehicle-color .cont-module.bg-gray-before:before {
                background: #f5f5f5;
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                left: 0;
                right: 50%
            }

            .interior-vehicle-color .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px
            }

            .interior-vehicle-color .cont-module .row {
                margin-right: -16px;
                margin-left: -16px
            }

            .interior-vehicle-color .cont-module .col-md-6 {
                padding-right: 32px;
                padding-left: 16px
            }

            .interior-vehicle-color .cont-module .col-xl-4 {
                padding-right: 0;
                padding-left: 0
            }

            .interior-vehicle-color .cont-module .eyebrow {
                text-align: right
            }

            .interior-vehicle-color .cont-module .title {
                text-align: right;
                font-size: 36px;
                line-height: 46px;
                max-height: 92px;
                margin-bottom: 0
            }

            .interior-vehicle-color .cont-module .description p {
                margin-top: 48px;
                max-height: 120px
            }

            .interior-vehicle-color .cont-module .thumbnail-control {
                width: 266px;
                margin-right: 0
            }

                .interior-vehicle-color .cont-module .thumbnail-control .control-next, .interior-vehicle-color .cont-module .thumbnail-control .control-prev {
                    display: flex
                }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                    width: 266px;
                    margin: 32px 0px 8px 0px
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                        margin-right: 0;
                        margin-left: 0
                    }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image {
                            width: 88px
                        }

                            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image img {
                                width: 88px;
                                height: 66px
                            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    text-align: left
                }
}

.exterior-vehicle-color {
    padding: 48px 0px
}

    .exterior-vehicle-color .fullBleed-image {
        width: calc(100% - 64px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1436px
    }

        .exterior-vehicle-color .fullBleed-image .cont-img img {
            width: 100%
        }

    .exterior-vehicle-color .col-12 {
        flex-basis: auto
    }

    .exterior-vehicle-color img.img-viewport {
        left: 0;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%)
    }

    .exterior-vehicle-color .cont-module .content .eyebrow {
        text-align: center;
        letter-spacing: 0;
        color: #242221;
        font-family: "CupraLight",serif;
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
        font-size: 16px;
        line-height: 30px
    }

    .exterior-vehicle-color .cont-module .content .title {
        text-align: center;
        margin: 8px 0 24px 0;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0;
        color: #242221;
        font-family: "CupraLight",serif;
        max-height: 120px;
        overflow: hidden
    }

    .exterior-vehicle-color .cont-module .car-images .cont-img {
        padding: 0 16px
    }

    .exterior-vehicle-color .cont-module .thumbnail-control {
        width: calc(100% + 16px);
        position: relative
    }

        .exterior-vehicle-color .cont-module .thumbnail-control .control-next, .exterior-vehicle-color .cont-module .thumbnail-control .control-prev {
            display: none;
            position: absolute;
            cursor: pointer;
            top: 4px;
            width: 40px;
            height: 40px;
            text-align: center;
            padding: 13.5px 0
        }

            .exterior-vehicle-color .cont-module .thumbnail-control .control-next:hover, .exterior-vehicle-color .cont-module .thumbnail-control .control-prev:hover {
                opacity: initial
            }

                .exterior-vehicle-color .cont-module .thumbnail-control .control-next:hover img, .exterior-vehicle-color .cont-module .thumbnail-control .control-prev:hover img {
                    opacity: .4
                }

            .exterior-vehicle-color .cont-module .thumbnail-control .control-next img, .exterior-vehicle-color .cont-module .thumbnail-control .control-prev img {
                margin: 0 auto;
                width: 100%;
                height: 100%;
                text-align: center;
                display: inline-block
            }

        .exterior-vehicle-color .cont-module .thumbnail-control .control-next {
            right: -38px
        }

        .exterior-vehicle-color .cont-module .thumbnail-control .control-prev {
            left: -38px
        }

        .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
            overflow: hidden;
            max-width: 100%;
            width: 100%
        }

            .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                overflow: hidden;
                position: relative;
                left: 0px
            }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image {
                    float: left;
                    width: 64px;
                    margin-right: 1px;
                    padding-bottom: 8px
                }

                    .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image img {
                        width: 64px;
                        height: 48px;
                        cursor: pointer
                    }

                    .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image.selected {
                        border-bottom: 2px solid #013c49
                    }

    .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
        margin: 24px 0 24px 0
    }

        .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info p {
            text-align: center;
            margin: 0;
            font-size: 16px;
            font-family: "CupraMedium",serif;
            color: #242221;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden
        }

@media (min-width: 764px) and (max-width: 1015px) {
    .exterior-vehicle-color {
        padding: 64px 0
    }

        .exterior-vehicle-color .d-flex.flex-column-reverse.justify-content-center {
            padding-left: 32px;
            padding-right: 32px
        }

        .exterior-vehicle-color .cont-module .content .title {
            margin: 8px 0 48px 0;
            font-size: 36px;
            line-height: 46px;
            max-height: 138px
        }

        .exterior-vehicle-color .cont-module .car-images .cont-img {
            padding: 0
        }

        .exterior-vehicle-color .cont-module .thumbnail-control {
            width: auto;
            overflow: hidden
        }

            .exterior-vehicle-color .cont-module .thumbnail-control.oversize {
                width: calc(100% + 32px)
            }

            .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                width: 100%;
                max-width: initial;
                margin-left: 0px
            }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images > div:last-child > div:nth-last-of-type(3) {
                    margin-right: 0
                }

        .exterior-vehicle-color .cont-module .car-color-info {
            position: relative;
            overflow: hidden;
            max-width: 100%
        }

            .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
                margin: 40px 0 24px 0
            }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .exterior-vehicle-color {
        padding: 104px 0
    }

        .exterior-vehicle-color .cont-module .content {
            max-width: 904px;
            margin: 0 auto
        }

            .exterior-vehicle-color .cont-module .content .title {
                margin: 8px 0 40px 0;
                font-size: 36px;
                line-height: 46px;
                max-height: 92px
            }

        .exterior-vehicle-color .cont-module .car-color-info {
            position: relative;
            overflow: hidden;
            margin: 0 auto 0 auto
        }

            .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
                margin: 40px 0 24px 0
            }

        .exterior-vehicle-color .cont-module .thumbnail-control {
            width: 389px;
            margin: 0
        }

            .exterior-vehicle-color .cont-module .thumbnail-control .control-next, .exterior-vehicle-color .cont-module .thumbnail-control .control-prev {
                display: flex
            }

            .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                width: 389px;
                margin-left: 0px
            }
}

@media (min-width: 1436px) {
    .exterior-vehicle-color {
        padding: 104px 0
    }

        .exterior-vehicle-color .cont-module .content {
            max-width: 904px;
            margin: 0 auto
        }

            .exterior-vehicle-color .cont-module .content .title {
                font-size: 36px;
                line-height: 46px;
                max-height: 92px;
                margin: 8px 0 40px 0
            }

        .exterior-vehicle-color .cont-module .car-color-info {
            position: relative;
            overflow: hidden;
            margin: 0 auto 0 auto
        }

            .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
                margin: 40px 0 24px 0
            }

        .exterior-vehicle-color .cont-module .thumbnail-control {
            width: 389px;
            margin: 0
        }

            .exterior-vehicle-color .cont-module .thumbnail-control .control-next, .exterior-vehicle-color .cont-module .thumbnail-control .control-prev {
                display: flex
            }

            .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                width: 389px;
                margin-left: 0px
            }
}

.cookie-policy {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5002
}

    .cookie-policy .container-fluid .container {
        padding-left: 0;
        padding-right: 0
    }

        .cookie-policy .container-fluid .container .row .col-12 .cookies-text {
            padding: 32px 0 24px
        }

            .cookie-policy .container-fluid .container .row .col-12 .cookies-text h2 {
                font-family: "CupraLight",serif;
                font-size: 24px;
                line-height: 34px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(34px*2 + 1px);
                overflow: hidden
            }

            .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext {
                margin: 0;
                padding: 0;
                max-width: 100%;
                width: 100%;
                font-size: 14px;
                line-height: 19px;
                color: #fff
            }

                .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext p {
                    max-width: 100%;
                    width: 100%;
                    font-family: "CupraLight",serif;
                    font-size: 14px;
                    line-height: 19px;
                    color: #fff;
                    margin: 0
                }

                    .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext p a {
                        font-family: "CupraBold",serif;
                        color: #fff;
                        text-decoration: underline
                    }

                .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext ul, .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext ol {
                    padding-left: 36px
                }

                .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext a {
                    color: #fff;
                    text-decoration: underline
                }

        .cookie-policy .container-fluid .container .row .col-12 .cookies-button {
            text-align: center
        }

            .cookie-policy .container-fluid .container .row .col-12 .cookies-button a.btn-line {
                max-width: 288px;
                color: #fff;
                width: 100%;
                padding: 8px 16px;
                margin-bottom: 32px;
                font-family: "CupraBold",serif;
                font-size: 14px;
                line-height: 29px;
                text-transform: unset
            }

.cookies-table {
    display: none
}

#cookies-modal {
    z-index: 5003
}

    #cookies-modal .modal-dialog {
        margin: 0;
        max-width: 100%;
        height: 100%
    }

        #cookies-modal .modal-dialog .modal-content {
            color: #fff;
            height: 100%;
            padding: 0;
            margin: auto;
            border: none
        }

            #cookies-modal .modal-dialog .modal-content .modal-header {
                padding: 16px;
                border-bottom: 1px solid rgba(255,255,255,0.2);
                height: 58px
            }

                #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                    font-family: "CupraLight",serif;
                    font-size: 16px;
                    line-height: 26px;
                    max-height: calc(26px*2 + 1px);
                    overflow: hidden
                }

                #cookies-modal .modal-dialog .modal-content .modal-header button.close {
                    color: #fff;
                    box-shadow: none;
                    opacity: 1;
                    font-weight: 100;
                    font-size: 38px;
                    padding: 8px 4px;
                    margin: -16px 0 0
                }

            #cookies-modal .modal-dialog .modal-content .modal-body {
                padding: 32px 0
            }

                #cookies-modal .modal-dialog .modal-content .modal-body.modal-scroll-mode {
                    max-height: calc(100vh - 58px);
                    overflow-y: auto;
                    padding: 32px 16px 0 16px
                }

                #cookies-modal .modal-dialog .modal-content .modal-body h5 {
                    font-family: "CupraLight",serif;
                    font-size: 20px;
                    line-height: 30px;
                    margin-bottom: 16px
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext {
                    color: #fff;
                    font-size: 12px;
                    line-height: 22px
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
                        color: #fff;
                        font-size: 14px;
                        line-height: 24px;
                        margin-bottom: 24px
                    }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol {
                        padding-left: 36px
                    }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext a {
                        color: #fff;
                        text-decoration: underline;
                        word-break: break-word
                    }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider {
                        padding: 0;
                        margin: 0 0 24px
                    }

                        #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators {
                            bottom: 8px;
                            margin: 0;
                            display: block;
                            left: calc(50% - 82px);
                            white-space: nowrap;
                            overflow: hidden;
                            font-size: 0;
                            width: 164px
                        }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators li {
                                display: inline-block;
                                pointer-events: none;
                                width: 10px;
                                height: 2px;
                                opacity: .2;
                                margin: 0 4px 0 4px;
                                background-color: #fff
                            }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators li.right-bullet {
                                    width: 15px
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators li.standard-bullet {
                                    width: 20px
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators li.active {
                                    opacity: 1
                                }

                        #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul {
                            padding: 0;
                            margin: 0;
                            column-count: 1
                        }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li {
                                list-style: none;
                                line-height: 20px;
                                margin-bottom: 18px
                            }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li span {
                                    font-size: 12px;
                                    line-height: 20px;
                                    display: inline-block;
                                    width: 80%;
                                    margin-bottom: 8px;
                                    word-break: break-word
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li .cookie-label {
                                    font-family: "CupraMedium",serif;
                                    color: #fff;
                                    font-size: 14px;
                                    line-height: 24px;
                                    word-break: break-word
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li .cookie-value {
                                    font-family: "CupraLight",serif;
                                    color: #fff;
                                    font-size: 14px;
                                    line-height: 24px;
                                    word-break: break-word
                                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext.annotation p {
                        color: rgba(255,255,255,0.6);
                        font-size: 12px;
                        line-height: 20px
                    }

            #cookies-modal .modal-dialog .modal-content .modal-footer {
                padding: 40px 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start
            }

                #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-logo {
                    width: 64px
                }

                #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-text {
                    text-align: right;
                    font-size: 12px;
                    line-height: 22px;
                    color: #ededed;
                    width: 100%
                }

@media (min-width: 764px) {
    .cookie-policy .container-fluid .container .cookies-button {
        padding: 24px 0px
    }

        .cookie-policy .container-fluid .container .cookies-button .btn-line {
            margin-top: 5px
        }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .cookie-policy .container-fluid .container {
        padding-left: 16px;
        padding-right: 16px
    }

        .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text {
            padding: 24px 0
        }

            .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text h2 {
                font-family: "CupraLight",serif;
                font-size: 24px;
                line-height: 34px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(34px*1 + 1px);
                overflow: hidden
            }

            .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext {
                margin: 0;
                padding: 0;
                max-width: 100%;
                width: 100%;
                font-size: 16px;
                line-height: 26px;
                color: #fff
            }

                .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext p {
                    max-width: 100%;
                    width: 100%;
                    font-family: "CupraLight",serif;
                    font-size: 16px;
                    line-height: 26px;
                    color: #fff
                }

                    .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext p a {
                        color: #fff;
                        text-decoration: underline
                    }

                .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext a {
                    color: #fff;
                    text-decoration: underline
                }

        .cookie-policy .container-fluid .container .row .col-md-4 .cookies-button {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center
        }

            .cookie-policy .container-fluid .container .row .col-md-4 .cookies-button a.btn-line {
                max-width: 212px
            }

    .cookies-table {
        display: none
    }

    #cookies-modal .modal-dialog .modal-content {
        padding-left: 0;
        padding-right: 0;
        max-width: unset
    }

        #cookies-modal .modal-dialog .modal-content .modal-header {
            padding: 24px 32px 24px 32px;
            height: 88px
        }

            #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                font-size: 30px;
                line-height: 40px;
                max-height: calc(40px*1 + 1px);
                overflow: hidden
            }

            #cookies-modal .modal-dialog .modal-content .modal-header button.close {
                margin-top: -16px;
                padding: 12px 4px 0 4px
            }

        #cookies-modal .modal-dialog .modal-content .modal-body.modal-scroll-mode {
            max-height: calc(100vh - 88px);
            overflow-y: auto;
            padding: 40px 32px 0
        }

        #cookies-modal .modal-dialog .modal-content .modal-body h5 {
            margin-bottom: 24px
        }

        #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider {
            padding: 32px 0 42px;
            margin-bottom: 32px
        }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators {
                bottom: 16px
            }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul {
                column-count: 4;
                column-gap: 32px
            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li {
                    word-wrap: break-word
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li span {
                        margin-bottom: 16px
                    }

        #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
            margin-bottom: 32px
        }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext p.margin24 {
                margin-bottom: 24px
            }

        #cookies-modal .modal-dialog .modal-content .modal-body .richtext a {
            color: #fff;
            text-decoration: underline
        }

        #cookies-modal .modal-dialog .modal-content .modal-footer {
            padding: 40px 0
        }

            #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-logo {
                width: 56px
            }

            #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-text {
                margin-left: 32px;
                text-align: left
            }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .cookie-policy .container-fluid .container {
        padding-left: 16px;
        padding-right: 16px
    }

        .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text {
            padding: 24px 0 24px
        }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text h2 {
                font-family: "CupraLight",serif;
                font-size: 24px;
                line-height: 34px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(34px*1 + 1px);
                overflow: hidden
            }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext {
                margin: 0;
                padding: 0;
                max-width: 100%;
                width: 100%;
                font-size: 16px;
                line-height: 26px;
                color: #fff
            }

                .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p {
                    max-width: 100%;
                    width: 100%;
                    font-family: "CupraLight",serif;
                    font-size: 16px;
                    line-height: 26px;
                    color: #fff;
                    margin: 0
                }

                    .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p a {
                        color: #fff;
                        text-decoration: underline
                    }

                .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext a {
                    color: #fff;
                    text-decoration: underline
                }

        .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center
        }

            .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button a.btn-line {
                max-width: 214px;
                margin-top: 42px
            }

    #cookies-modal .modal-dialog .modal-content {
        padding: 0
    }

        #cookies-modal .modal-dialog .modal-content .modal-header {
            padding: 32px 32px 0 114px;
            height: 110px
        }

            #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                font-size: 36px;
                line-height: 46px;
                max-height: calc(46px*1 + 1px);
                overflow: hidden
            }

            #cookies-modal .modal-dialog .modal-content .modal-header button.close {
                margin-top: -16px;
                padding: 14px 4px 0 4px
            }

        #cookies-modal .modal-dialog .modal-content .modal-body {
            margin: 0
        }

            #cookies-modal .modal-dialog .modal-content .modal-body.modal-scroll-mode {
                max-height: calc(100vh - 110px);
                overflow-y: auto;
                padding: 64px 48px 0 48px
            }

            #cookies-modal .modal-dialog .modal-content .modal-body h5 {
                font-size: 24px;
                line-height: 34px;
                margin-left: 66px;
                margin-right: 66px;
                margin-bottom: 24px
            }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext {
                line-height: unset;
                font-size: 16px;
                line-height: 26px;
                color: #fff
            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
                    font-size: 16px;
                    line-height: 26px;
                    margin-left: 66px;
                    margin-right: 66px;
                    margin-bottom: 32px
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext p.margin24 {
                        margin-bottom: 24px
                    }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol {
                    padding-left: 56px
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext a {
                    color: #fff;
                    text-decoration: underline
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider {
                    display: none
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table {
                    display: block;
                    padding: 32px 0;
                    margin: 24px 0;
                    table-layout: fixed;
                    border-top: 1px solid #fff
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table {
                        margin: auto;
                        width: 100%
                    }

                        #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr {
                            border-bottom: 1px solid rgba(255,255,255,0.2)
                        }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th, #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td {
                                vertical-align: top;
                                padding: 0
                            }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:first-child span, #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td:first-child span {
                                    width: 210px
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:last-child span, #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td:last-child span {
                                    width: auto
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th span {
                                    font-family: "CupraMedium",serif;
                                    font-size: 16px;
                                    line-height: 26px;
                                    color: #fff;
                                    padding: 0 0 8px;
                                    display: inline-block;
                                    width: auto
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:nth-child(1) {
                                    width: 31%
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:nth-child(4) {
                                    width: 17%
                                }

                                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td span {
                                    font-family: "CupraRegular",serif;
                                    font-size: 16px;
                                    line-height: 26px;
                                    color: #fff;
                                    padding: 16px 0;
                                    word-wrap: break-word;
                                    display: inline-block;
                                    width: auto
                                }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr:first-child {
                                border: none
                            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext.annotation p {
                    font-size: 14px;
                    line-height: 24px
                }

        #cookies-modal .modal-dialog .modal-content .modal-footer {
            margin: 0 66px
        }

            #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-logo {
                width: 56px
            }

            #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-text {
                font-size: 14px;
                line-height: 26px;
                margin-left: 32px;
                margin-bottom: 0;
                text-align: left
            }
}

@media (min-width: 1436px) {
    .cookie-policy .container-fluid .container {
        padding-left: 16px;
        padding-right: 16px
    }

        .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text {
            padding: 24px 0 24px
        }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text h2 {
                font-family: "CupraLight",serif;
                font-size: 24px;
                line-height: 34px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(34px*1 + 1px);
                overflow: hidden
            }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext {
                margin: 0;
                padding: 0;
                max-width: 100%;
                width: 100%;
                font-size: 16px;
                line-height: 26px;
                color: #fff
            }

                .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p {
                    max-width: 100%;
                    width: 100%;
                    font-family: "CupraLight",serif;
                    font-size: 16px;
                    line-height: 26px;
                    color: #fff;
                    margin: 0
                }

                .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext a {
                    color: #fff;
                    text-decoration: underline
                }

        .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-button {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center
        }

        .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button {
            height: 100%;
            text-align: right
        }

            .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button a.btn-line {
                max-width: 202px;
                margin-top: 42px
            }

    #cookies-modal .modal-dialog .modal-content {
        padding: 0
    }

        #cookies-modal .modal-dialog .modal-content .modal-header {
            height: 110px;
            padding: 32px 32px 32px 383px
        }

            #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                font-size: 36px;
                line-height: 46px;
                max-height: calc(46px*1 + 1px);
                overflow: hidden
            }

            #cookies-modal .modal-dialog .modal-content .modal-header button.close {
                margin-top: -16px;
                padding: 14px 4px 0 4px
            }

        #cookies-modal .modal-dialog .modal-content .modal-body.modal-scroll-mode {
            max-height: calc(100vh - 110px);
            overflow-y: auto;
            padding: 32px 257px 0 257px
        }

        #cookies-modal .modal-dialog .modal-content .modal-body h5 {
            font-size: 24px;
            line-height: 34px;
            margin-left: 126px;
            margin-right: 126px;
            margin-bottom: 24px
        }

        #cookies-modal .modal-dialog .modal-content .modal-body .richtext {
            font-size: 14px;
            line-height: 26px;
            color: #fff
        }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
                font-size: 16px;
                line-height: 26px;
                margin-left: 126px;
                margin-right: 126px;
                margin-bottom: 32px
            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext p.margin24 {
                    margin-bottom: 24px
                }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext a {
                color: #fff;
                text-decoration: underline
            }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol {
                padding-left: 56px
            }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider {
                display: none
            }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table {
                display: block;
                padding: 32px 0;
                margin: 24px 0;
                table-layout: fixed;
                border-top: 1px solid #fff
            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table {
                    margin: auto;
                    width: 100%
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr {
                        border-bottom: 1px solid rgba(255,255,255,0.2)
                    }

                        #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th, #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td {
                            vertical-align: top;
                            padding: 0
                        }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:first-child span, #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td:first-child span {
                                width: 210px
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:last-child span, #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td:last-child span {
                                width: auto
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th span {
                                font-family: "CupraMedium",serif;
                                font-size: 16px;
                                line-height: 26px;
                                color: #fff;
                                padding: 0 0 8px;
                                display: inline-block;
                                width: auto
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:nth-child(1) {
                                width: 31%
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr th:nth-child(4) {
                                width: 17%
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr td span {
                                font-family: "CupraRegular",serif;
                                font-size: 16px;
                                line-height: 26px;
                                color: #fff;
                                padding: 16px 32px 16px 0;
                                word-wrap: break-word;
                                display: inline-block;
                                width: auto
                            }

                        #cookies-modal .modal-dialog .modal-content .modal-body .richtext .cookies-table table tr:first-child {
                            border: none
                        }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext.annotation p {
                font-size: 14px;
                line-height: 24px
            }

        #cookies-modal .modal-dialog .modal-content .modal-footer {
            margin: 0 32px
        }

            #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-logo {
                width: 56px
            }

            #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-text {
                font-size: 14px;
                line-height: 26px;
                margin-left: 32px;
                margin-bottom: 0;
                text-align: left
            }
}

.kmi-central {
    min-height: calc(100vh - 60px - 165px);
    padding-top: 64px
}

    .kmi-central.author {
        min-height: calc(500px - 60px - 165px)
    }

    .kmi-central .title-central {
        margin: 0;
        text-align: center;
        color: #242221;
        font-size: 24px;
        line-height: 28px;
        font-family: "CupraBook",serif;
        margin-left: auto;
        margin-right: auto
    }

    .kmi-central .container-fluid {
        max-width: 1436px
    }

    .kmi-central .form-group {
        margin: 0
    }

    .kmi-central .selectors {
        margin-top: 48px
    }

        .kmi-central .selectors .special-drop {
            display: none
        }

            .kmi-central .selectors .special-drop .country-select-drop {
                font-family: "CupraLight",serif;
                font-size: 16px;
                line-height: 26px;
                color: #242221;
                text-align: left;
                background: url("main/img/icon-arrowdown.svg") center no-repeat;
                background-position-x: 100%;
                background-position-y: 50%;
                display: block;
                width: 100%;
                padding: 0 0 8px 0;
                color: rgba(36,34,33,0.6);
                background-color: #f5f5f5;
                border: none;
                border-bottom: 1px solid #d5d5d5;
                border-radius: 0px
            }

                .kmi-central .selectors .special-drop .country-select-drop:focus {
                    outline: none
                }

            .kmi-central .selectors .special-drop .dropdown-menu {
                width: 100%;
                border-radius: 0;
                box-shadow: 0 0 4px 0 rgba(36,34,33,0.1);
                background-color: #fbfbfb;
                border: solid 1px rgba(36,34,33,0.2);
                padding: 16px 0 0 0;
                max-height: 211px;
                overflow-y: auto
            }

                .kmi-central .selectors .special-drop .dropdown-menu .dropdown-item {
                    padding: 8px 16px;
                    margin: 0;
                    -webkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                    transition: none
                }

                    .kmi-central .selectors .special-drop .dropdown-menu .dropdown-item:hover {
                        background-color: rgba(213,213,213,0.2)
                    }

                    .kmi-central .selectors .special-drop .dropdown-menu .dropdown-item.selected {
                        background: url("main/img/icon-check.svg") center no-repeat;
                        background-color: rgba(213,213,213,0.2);
                        background-position-x: 94%;
                        background-position-y: 50%
                    }

                .kmi-central .selectors .special-drop .dropdown-menu > a:first-child {
                    border-bottom: 1px solid #d5d5d5;
                    background: url("main/img/icon-arrowup-gray.svg") center no-repeat;
                    background-position-x: 94%;
                    background-position-y: 46%;
                    padding: 0 16px 8px 16px;
                    margin: 0;
                    cursor: not-allowed;
                    pointer-events: none;
                    color: rgba(36,34,33,0.35)
                }

                .kmi-central .selectors .special-drop .dropdown-menu > a:last-child {
                    margin: 0
                }

        .kmi-central .selectors select.form-control {
            height: auto;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            text-align: left;
            background: url("main/img/icon-arrowdown.svg") center no-repeat;
            background-position-x: 100%;
            background-position-y: 50%;
            display: block;
            width: 100%;
            padding: 0 0 8px 0;
            background-color: #f5f5f5;
            border: none;
            border-bottom: 1px solid #d5d5d5;
            border-radius: 0
        }

            .kmi-central .selectors select.form-control:selected {
                border-color: #f5f5f5
            }

            .kmi-central .selectors select.form-control:focus {
                border-color: #d5d5d5;
                outline: none;
                box-shadow: none
            }

            .kmi-central .selectors select.form-control option:hover {
                box-shadow: #f5f5f5
            }

    .kmi-central .cont-iframe {
        padding: 96px 0;
        margin-left: auto;
        margin-right: auto;
        width: 290px
    }

        .kmi-central .cont-iframe iframe {
            min-width: 100%;
            border: none;
            height: 100%
        }

@media (min-width: 764px) {
    .kmi-central {
        padding-top: 88px;
        min-height: calc(100vh - 72px - 117px)
    }

        .kmi-central .container-fluid {
            padding-left: 32px;
            padding-right: 32px
        }

        .kmi-central .selectors {
            padding: 0 32px
        }

        .kmi-central .cont-iframe {
            width: 465px
        }
}

@media (min-width: 1016px) {
    .kmi-central {
        min-height: calc(100vh - 100px - 117px);
        padding-top: 120px
    }

        .kmi-central .title-central {
            font-size: 30px;
            line-height: 32px;
            max-width: 362px
        }

        .kmi-central .selectors {
            padding: 0
        }
}

@media (min-width: 1436px) {
    .kmi-central .selectors .special-drop .country-select-drop {
        background-position-x: 94%
    }
}

.country-form .title {
    font-size: 16px;
    line-height: 23px;
    font-family: "CupraMedium",serif;
    letter-spacing: 0;
    text-align: center;
    color: #242221;
    margin-bottom: 48px
}

.country-form .richtext p {
    font-family: "CupraBook",serif;
    letter-spacing: 0;
    color: #242221;
    font-size: 14px;
    line-height: 20px
}

    .country-form .richtext p strong, .country-form .richtext p .link {
        font-family: "CupraMedium",serif
    }

.country-form .data-form .form-group, .country-form .data-form .input-group {
    position: relative;
    margin-bottom: 56px;
    margin-bottom: calc(32px + 24px);
    text-align: left
}

    .country-form .data-form .form-group input[type="text"], .country-form .data-form .form-group input[type="email"], .country-form .data-form .form-group input[type="tel"], .country-form .data-form .form-group textarea, .country-form .data-form .form-group button, .country-form .data-form .form-group select, .country-form .data-form .input-group input[type="text"], .country-form .data-form .input-group input[type="email"], .country-form .data-form .input-group input[type="tel"], .country-form .data-form .input-group textarea, .country-form .data-form .input-group button, .country-form .data-form .input-group select {
        transition: border-bottom 100ms ease
    }

        .country-form .data-form .form-group input[type="text"]:focus, .country-form .data-form .form-group input[type="text"]:hover, .country-form .data-form .form-group input[type="email"]:focus, .country-form .data-form .form-group input[type="email"]:hover, .country-form .data-form .form-group input[type="tel"]:focus, .country-form .data-form .form-group input[type="tel"]:hover, .country-form .data-form .form-group textarea:focus, .country-form .data-form .form-group textarea:hover, .country-form .data-form .form-group button:focus, .country-form .data-form .form-group button:hover, .country-form .data-form .form-group select:focus, .country-form .data-form .form-group select:hover, .country-form .data-form .input-group input[type="text"]:focus, .country-form .data-form .input-group input[type="text"]:hover, .country-form .data-form .input-group input[type="email"]:focus, .country-form .data-form .input-group input[type="email"]:hover, .country-form .data-form .input-group input[type="tel"]:focus, .country-form .data-form .input-group input[type="tel"]:hover, .country-form .data-form .input-group textarea:focus, .country-form .data-form .input-group textarea:hover, .country-form .data-form .input-group button:focus, .country-form .data-form .input-group button:hover, .country-form .data-form .input-group select:focus, .country-form .data-form .input-group select:hover {
            outline: none;
            border-color: rgba(36,34,33,0.6)
        }

        .country-form .data-form .form-group input:-webkit-autofill, .country-form .data-form .form-group input:-webkit-autofill:hover, .country-form .data-form .form-group input:-webkit-autofill:focus input:-webkit-autofill, .country-form .data-form .form-group textarea:-webkit-autofill, .country-form .data-form .form-group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, .country-form .data-form .form-group select:-webkit-autofill, .country-form .data-form .form-group select:-webkit-autofill:hover, .country-form .data-form .form-group select:-webkit-autofill:focus, .country-form .data-form .input-group input:-webkit-autofill, .country-form .data-form .input-group input:-webkit-autofill:hover, .country-form .data-form .input-group input:-webkit-autofill:focus input:-webkit-autofill, .country-form .data-form .input-group textarea:-webkit-autofill, .country-form .data-form .input-group textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, .country-form .data-form .input-group select:-webkit-autofill, .country-form .data-form .input-group select:-webkit-autofill:hover, .country-form .data-form .input-group select:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0px 1000px transparent inset;
            transition: background-color 5000s ease-in-out 0s
        }

    .country-form .data-form .form-group label, .country-form .data-form .input-group label {
        font-family: "CupraLight",serif;
        font-size: 14px;
        line-height: 26px;
        color: rgba(36,34,33,0.6);
        position: absolute;
        top: 8px;
        display: inline-block;
        margin-bottom: 0;
        padding: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .country-form .data-form .form-group label.active, .country-form .data-form .form-group label.fixed, .country-form .data-form .input-group label.active, .country-form .data-form .input-group label.fixed {
            top: -16px;
            font-size: 12px;
            line-height: 22px
        }

    .country-form .data-form .form-group .inputDescription, .country-form .data-form .input-group .inputDescription {
        position: absolute;
        font-size: 12px;
        line-height: 26px;
        color: rgba(36,34,33,0.6)
    }

.country-form .data-form .form-control {
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 26px;
    color: #242221;
    position: relative;
    padding: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #d5d5d5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    transition: border-bottom 100ms ease;
    height: 40px;
    min-height: 40px
}

    .country-form .data-form .form-control::-webkit-input-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .country-form .data-form .form-control::-moz-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .country-form .data-form .form-control:-ms-input-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .country-form .data-form .form-control:-moz-placeholder {
        color: rgba(36,34,33,0.6)
    }

.country-form .data-form > div {
    margin-bottom: 32px
}

    .country-form .data-form > div:nth-child(2) {
        margin-bottom: 56px
    }

.country-form .data-form .info p {
    margin-bottom: 0
}

.country-form .data-form a.btn-line {
    width: 100%
}

.country-form .data-form hr {
    border: solid 1px #d5d5d5;
    margin: 16px 0
}

@media (min-width: 764px) {
    .country-form .data-form a.btn-line {
        width: auto
    }
}

iframe.iframeComponent {
    border: 0;
    overflow: auto;
    width: 100%
}

.sitemap .container-fluid .container {
    padding: 0
}

    .sitemap .container-fluid .container .row .col-12 h2 {
        font-family: CupraMedium;
        font-size: 30px;
        line-height: 40px;
        color: #242221;
        margin: 40px 0 8px;
        padding: 0;
        max-height: 40px;
        overflow: hidden;
        box-sizing: unset
    }

    .sitemap .container-fluid .container .row .col-12 .accordion {
        border-bottom: 1px solid #d5d5d5;
        padding: 12px 0
    }

        .sitemap .container-fluid .container .row .col-12 .accordion h3 {
            display: flex;
            justify-content: space-between;
            font-family: CupraRegular;
            font-size: 20px;
            line-height: 30px;
            color: #242221;
            padding: 0 8px;
            margin: 0;
            width: 100%;
            cursor: pointer;
            max-height: 60px;
            overflow: hidden
        }

            .sitemap .container-fluid .container .row .col-12 .accordion h3 img {
                margin-right: 4px;
                margin-bottom: 4px
            }

            .sitemap .container-fluid .container .row .col-12 .accordion h3[aria-expanded="true"] img {
                transform: rotate(180deg)
            }

        .sitemap .container-fluid .container .row .col-12 .accordion ul {
            padding: 0;
            margin: 0
        }

            .sitemap .container-fluid .container .row .col-12 .accordion ul li {
                list-style: none;
                padding: 0 8px 0 16px;
                margin: 0
            }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li a {
                    display: inline-block;
                    width: auto;
                    font-family: CupraRegular;
                    font-size: 16px;
                    line-height: 26px;
                    color: rgba(36,34,33,0.6);
                    padding: 4px 0;
                    max-height: 52px;
                    overflow: hidden
                }

                    .sitemap .container-fluid .container .row .col-12 .accordion ul li a:hover {
                        text-decoration: none
                    }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li.listSubtitle {
                    padding: 24px 8px 8px 16px
                }

                    .sitemap .container-fluid .container .row .col-12 .accordion ul li.listSubtitle h4 {
                        font-family: CupraRegular;
                        font-size: 16px;
                        line-height: 26px;
                        color: #242221;
                        margin: 0;
                        max-height: 52px;
                        overflow: hidden
                    }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li:first-child {
                    margin-top: 24px
                }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li.boldLinks a {
                    font-family: CupraMedium;
                    font-size: 16px;
                    line-height: 26px;
                    color: #242221;
                    max-height: 52px;
                    overflow: hidden
                }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li.boldLinks.first {
                    margin-top: 24px
                }

@media (min-width: 763px) and (max-width: 1015px) {
    .sitemap {
        padding: 32px 16px
    }

        .sitemap .container-fluid .container {
            max-width: 991px
        }

            .sitemap .container-fluid .container .row .col-12 h2 {
                margin: 24px 0 8px
            }

            .sitemap .container-fluid .container .row .col-12 .accordion {
                padding: 12px 0 12px 8px
            }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .sitemap {
        padding: 32px 16px
    }

        .sitemap .container-fluid .container .row .col-12 h2 {
            font-size: 38px;
            line-height: 46px;
            max-height: 46px;
            margin: 32px 0 44px;
            overflow: hidden
        }

        .sitemap .container-fluid .container .row .col-12 .accordion {
            border: none
        }

            .sitemap .container-fluid .container .row .col-12 .accordion h3 {
                font-family: CupraMedium;
                font-size: 20px;
                line-height: 30px;
                padding: 0;
                cursor: default
            }

                .sitemap .container-fluid .container .row .col-12 .accordion h3 img {
                    display: none
                }

            .sitemap .container-fluid .container .row .col-12 .accordion ul li {
                padding: 0
            }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li:first-child {
                    margin-top: 34px
                }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li.listSubtitle {
                    padding: 24px 8px 8px;
                    padding-left: 0;
                    padding-right: 0
                }

                    .sitemap .container-fluid .container .row .col-12 .accordion ul li.listSubtitle.first {
                        margin-top: 16px
                    }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li a {
                    padding: 4px 0
                }
}

@media (min-width: 1436px) {
    .sitemap {
        padding: 32px 16px
    }

        .sitemap .container-fluid .container .row .col-12 h2 {
            font-size: 38px;
            line-height: 46px;
            max-height: 46px;
            margin: 32px 0 44px;
            overflow: hidden
        }

        .sitemap .container-fluid .container .row .col-12 .accordion {
            border: none
        }

            .sitemap .container-fluid .container .row .col-12 .accordion h3 {
                font-family: CupraMedium;
                cursor: default;
                padding: 0
            }

                .sitemap .container-fluid .container .row .col-12 .accordion h3 img {
                    display: none
                }

            .sitemap .container-fluid .container .row .col-12 .accordion ul li {
                padding: 0
            }

                .sitemap .container-fluid .container .row .col-12 .accordion ul li.listSubtitle {
                    padding-left: 0;
                    padding-right: 0
                }

                    .sitemap .container-fluid .container .row .col-12 .accordion ul li.listSubtitle.first {
                        padding-top: 8px
                    }
}

.faq .col-12 {
    padding: 0px 16px
}

.faq .col-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 16px
}

.faq .container {
    padding: 0;
    margin: 0
}

.faq .container-fluid {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 64px 0px
}

.faq .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.faq .title {
    max-height: 64.2px;
    font-family: 'CupraBook', serif;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    overflow: hidden;
    color: inherit;
    margin-bottom: 32px
}

.faq hr {
    border-top: 1px solid;
    margin: 0
}

.faq .faq-header {
    display: flex;
    margin-top: 16px
}

    .faq .faq-header .accordion-title {
        width: 83.4%;
        font-family: 'CupraRegular', serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: inherit;
        margin-bottom: 16px
    }

    .faq .faq-header.collapsed .faq-accordion-image:after {
        transform: rotate(90deg)
    }

    .faq .faq-header .faq-accordion-image {
        width: 32px;
        height: 32px;
        position: relative;
        box-sizing: border-box;
        display: inline-block;
        margin-left: auto
    }

        .faq .faq-header .faq-accordion-image:before, .faq .faq-header .faq-accordion-image:after {
            content: '';
            position: absolute;
            top: 16px;
            right: 6px;
            margin-top: -.75px;
            margin-left: -10px;
            display: block;
            height: 1.5px;
            width: 20px;
            transition: all 0.4s linear
        }

        .faq .faq-header .faq-accordion-image:after {
            transform: rotate(0deg)
        }

.faq .faq-sub-accordion .richtext {
    width: 100%
}

    .faq .faq-sub-accordion .richtext p {
        color: inherit;
        font-family: 'CupraRegular', serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        margin-bottom: 20px
    }

        .faq .faq-sub-accordion .richtext p a {
            text-decoration: none;
            opacity: 1
        }

.faq .faq-button {
    margin-top: 52px;
    margin-left: auto;
    margin-right: auto;
    width: 136px;
    height: 40px;
    border-radius: 21px;
    display: flex;
    align-items: center
}

    .faq .faq-button .faq-button-icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 10px 8px 10px 23px;
        background-size: cover
    }

    .faq .faq-button .faq-button-text {
        display: inline-block;
        margin: 10px auto 10px 0px;
        overflow: hidden;
        max-height: 16px;
        font-family: 'CupraRegular', serif;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal
    }

.bg-faq-white {
    background-color: #f4f4f3;
    color: #000000 !important
}

    .bg-faq-white hr {
        border-color: #75787b
    }

    .bg-faq-white .faq-content .faq-sub-accordion .richtext p, .bg-faq-white .faq-content .faq-sub-accordion .richtext ul, .bg-faq-white .faq-content .faq-sub-accordion .richtext li {
        color: #666666
    }

        .bg-faq-white .faq-content .faq-sub-accordion .richtext p a, .bg-faq-white .faq-content .faq-sub-accordion .richtext ul a, .bg-faq-white .faq-content .faq-sub-accordion .richtext li a {
            color: #000000;
            border-bottom: #000000 1px solid
        }

            .bg-faq-white .faq-content .faq-sub-accordion .richtext p a:hover, .bg-faq-white .faq-content .faq-sub-accordion .richtext ul a:hover, .bg-faq-white .faq-content .faq-sub-accordion .richtext li a:hover {
                color: #000000;
                border-bottom: #d1d1d1 1px solid
            }

    .bg-faq-white .faq-header .faq-accordion-image:before, .bg-faq-white .faq-header .faq-accordion-image:after {
        background-color: #1b1b1b
    }

    .bg-faq-white .faq-button {
        background-color: #1b1b1b;
        color: #ffffff !important
    }

        .bg-faq-white .faq-button .faq-button-icon {
            background-image: url("main/img/faq-icon-see-more.png")
        }

            .bg-faq-white .faq-button .faq-button-icon.expanded {
                background-image: url("main/img/faq-icon-see-less.png")
            }

.bg-faq-black {
    background-color: #1b1b1b;
    color: #ffffff !important
}

    .bg-faq-black hr {
        border-color: #f4f4f3
    }

    .bg-faq-black .faq-content .faq-sub-accordion .richtext p, .bg-faq-black .faq-content .faq-sub-accordion .richtext ul, .bg-faq-black .faq-content .faq-sub-accordion .richtext li {
        color: #a3a3a3
    }

        .bg-faq-black .faq-content .faq-sub-accordion .richtext p a, .bg-faq-black .faq-content .faq-sub-accordion .richtext ul a, .bg-faq-black .faq-content .faq-sub-accordion .richtext li a {
            color: #ffffff;
            border-bottom: #ffffff 1px solid
        }

            .bg-faq-black .faq-content .faq-sub-accordion .richtext p a:hover, .bg-faq-black .faq-content .faq-sub-accordion .richtext ul a:hover, .bg-faq-black .faq-content .faq-sub-accordion .richtext li a:hover {
                color: #ffffff;
                border-bottom: #d1d1d1 1px solid
            }

    .bg-faq-black .faq-header .faq-accordion-image:before, .bg-faq-black .faq-header .faq-accordion-image:after {
        background-color: #ffffff
    }

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

        .bg-faq-black .faq-button .faq-button-icon {
            background-image: url("main/img/faq-icon-see-more-black.png")
        }

            .bg-faq-black .faq-button .faq-button-icon.expanded {
                background-image: url("main/img/faq-icon-see-less-black.png")
            }

@media (min-width: 764px) {
    .faq .col-10 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px 32px
    }

    .faq .container {
        max-width: 100%
    }

    .faq .title {
        max-height: 44px;
        font-family: 'CupraLight', serif;
        font-size: 40px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        overflow: hidden;
        margin-bottom: 64px
    }

    .faq .col-12 {
        padding: 0px 32px
    }

    .faq .title {
        margin-bottom: 64px
    }

    .faq .faq-button {
        margin-top: 40px
    }

        .faq .faq-button .faq-button-icon {
            margin: 10px 8px 10px 26px
        }

    .faq .faq-header {
        margin-top: 12px
    }

        .faq .faq-header .accordion-title {
            margin-bottom: 18px;
            margin-top: 6px
        }
}

@media (min-width: 1016px) {
    .faq .title {
        max-height: 51.84px;
        font-family: 'CupraLight', serif;
        font-size: 48px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.08;
        letter-spacing: normal;
        overflow: hidden;
        margin-bottom: 64px
    }

    .faq .col-10 {
        padding: 0px 32px 0px 196px;
        flex: 0 0 100%;
        max-width: 100%
    }

    .faq .container-fluid {
        padding: 104px 0px
    }

    .faq .container {
        max-width: 100%
    }

    .faq .faq-header {
        margin-top: 20px
    }

        .faq .faq-header .accordion-title {
            margin-bottom: 22px;
            margin-top: 2px;
            font-size: 20px;
            line-height: 1.2
        }

    .faq .col-12 .faq-header .accordion-title {
        width: 94.3%
    }

    .faq .col-10 .faq-header .accordion-title {
        width: 93.3%
    }

    .faq .faq-button {
        height: 48px;
        border-radius: 24px
    }

        .faq .faq-button .faq-button-icon {
            margin: 10px 8px 10px 17px
        }

        .faq .faq-button .faq-button-text {
            font-size: 16px;
            line-height: 1.25;
            max-height: 20px
        }
}

@media (min-width: 1436px) {
    .faq .title {
        max-height: 64.2px;
        font-family: 'CupraLight', serif;
        font-size: 60px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.07;
        letter-spacing: normal;
        overflow: hidden;
        margin-bottom: 64px
    }

    .faq .container {
        max-width: 1436px;
        margin: 0 auto
    }

    .faq .col-10 {
        padding: 0px 32px 0px 266px
    }

    .faq .faq-header .accordion-title {
        font-size: 24px;
        line-height: 1.17
    }

    .faq .col-10 .faq-header .accordion-title {
        width: 94.6%
    }

    .faq .col-12 .faq-header .accordion-title {
        width: 94.5%
    }
}

.article-multimedia-gallery {
    padding-bottom: 20px;
    padding-top: 20px
}

    .article-multimedia-gallery .modalFullScreenTrigger {
        cursor: pointer
    }

    .article-multimedia-gallery .container-fluid {
        max-width: 1436px
    }

        .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider {
            width: calc(100% + 32px);
            margin-left: -16px
        }

            .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .overlay-gallery-js {
                position: relative
            }

            .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .multimedia-item {
                margin: 0 8px 0 0;
                padding: 0
            }

                .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .multimedia-item .cont-img {
                    position: relative
                }

            .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-list.draggable {
                padding: 0px 8px 0 16px
            }

            .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-dots {
                bottom: 0;
                bottom: -20px;
                margin: 0;
                display: block;
                left: calc(50% - 82px);
                white-space: nowrap;
                overflow: hidden;
                font-size: 0;
                width: 164px;
                pointer-events: none
            }

                .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-dots li {
                    display: inline-block;
                    width: 10px;
                    height: 2px;
                    margin: 0 4px 0 4px;
                    background-color: #dedad4
                }

                    .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-dots li.right-bullet {
                        width: 15px
                    }

                    .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-dots li.standard-bullet {
                        width: 20px
                    }

                    .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-dots li.slick-active {
                        background-color: #8b8a8b
                    }

@media (min-width: 764px) {
    .article-multimedia-gallery {
        padding-bottom: 20px;
        padding-top: 20px
    }

        .article-multimedia-gallery .container-fluid {
            padding-left: 24px;
            padding-right: 24px
        }

            .article-multimedia-gallery .container-fluid .overlay-gallery-js {
                padding-left: 8px
            }

                .article-multimedia-gallery .container-fluid .overlay-gallery-js .multimedia-item {
                    margin: 0 0 24px 0;
                    padding-right: 8px
                }

                    .article-multimedia-gallery .container-fluid .overlay-gallery-js .multimedia-item .cont-img {
                        position: relative
                    }
}

@media (min-width: 1016px) {
    .article-multimedia-gallery {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

@media (min-width: 1436px) {
    .article-multimedia-gallery .container-fluid {
        padding-left: 16px;
        padding-right: 16px
    }

        .article-multimedia-gallery .container-fluid .overlay-gallery-js {
            padding-left: 16px
        }

            .article-multimedia-gallery .container-fluid .overlay-gallery-js .multimedia-item {
                margin: 0 0 32px 0;
                padding-right: 16px
            }
}

.article-single-image {
    margin-bottom: 20px;
    margin-top: 20px
}

    .article-single-image .container-fluid {
        max-width: 1436px
    }

    .article-single-image .cont-img {
        overflow: hidden;
        width: 100%;
        margin: 0
    }

        .article-single-image .cont-img span img {
            position: relative;
            max-width: 100%;
            height: auto
        }

@media (min-width: 764px) {
    .article-single-image .container-fluid {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media (min-width: 1016px) {
    .article-single-image {
        margin-bottom: 32px;
        margin-top: 32px
    }
}

.article-single-video {
    margin-top: 20px;
    margin-bottom: 20px
}

    .article-single-video .container-fluid {
        max-width: 1436px
    }

    .article-single-video .cont-img {
        overflow: hidden;
        width: 100%;
        margin: 0;
        position: relative
    }

        .article-single-video .cont-img span img {
            position: relative;
            max-width: 100%;
            height: auto
        }

        .article-single-video .cont-img .cta-play {
            position: absolute;
            text-align: center;
            bottom: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9
        }

            .article-single-video .cont-img .cta-play a {
                cursor: pointer;
                width: 84px;
                height: 44px;
                background: rgba(36,34,33,0.6);
                position: relative;
                -webkit-transition-property: none;
                -moz-transition-property: none;
                -o-transition-property: none;
                transition-property: none
            }

                .article-single-video .cont-img .cta-play a:hover {
                    background: #242221
                }

                .article-single-video .cont-img .cta-play a img {
                    width: 19px;
                    height: 19px;
                    margin: initial;
                    position: absolute;
                    top: 0;
                    left: calc(50% - 9.5px);
                    top: calc(50% - 9.5px);
                    bottom: 0;
                    -webkit-transition: all .3s ease-in;
                    -moz-transition: all .3s ease-in;
                    -o-transition: all .3s ease-in;
                    transition: all .3s ease-in
                }

        .article-single-video .cont-img .plyr {
            opacity: 0;
            z-index: 2;
            position: absolute;
            top: 0;
            max-width: 100%;
            width: 100%;
            min-width: 200px
        }

            .article-single-video .cont-img .plyr.visible {
                opacity: 1
            }

            .article-single-video .cont-img .plyr .plyr__poster {
                display: none
            }

            .article-single-video .cont-img .plyr .plyr__video-embed {
                overflow: hidden;
                z-index: 0
            }

                .article-single-video .cont-img .plyr .plyr__video-embed > div {
                    position: relative;
                    padding-bottom: 200%;
                    -webkit-transform: translateY(-35.95%) !important;
                    -moz-transform: translateY(-35.95%) !important;
                    -o-transform: translateY(-35.95%) !important;
                    transform: translateY(-35.95%) !important
                }

                .article-single-video .cont-img .plyr .plyr__video-embed iframe {
                    position: absolute;
                    border: 0;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 0;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none
                }

@media (min-width: 764px) {
    .article-single-video .container-fluid {
        padding-left: 32px;
        padding-right: 32px
    }

    .article-single-video .cont-img .cta-play a {
        width: 131px;
        height: 70px
    }

        .article-single-video .cont-img .cta-play a img {
            width: 30px;
            height: 30px;
            left: calc(50% - 15px);
            top: calc(50% - 15px)
        }

    .article-single-video .cont-img .plyr {
        pointer-events: none
    }

        .article-single-video .cont-img .plyr .plyr__control, .article-single-video .cont-img .plyr .plyr__controls {
            display: none
        }

        .article-single-video .cont-img .plyr.visible {
            opacity: 1
        }
}

@media (min-width: 1016px) {
    .article-single-video {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.article-related {
    padding: 24px 0 20px 0;
    height: 226px
}

    .article-related .container-fluid {
        max-width: 1436px
    }

    .article-related .title {
        font-family: "CupraLight",serif;
        font-size: 24px;
        color: #242221;
        letter-spacing: 0;
        text-align: center;
        line-height: 34px;
        max-height: 68px;
        overflow: hidden;
        margin-bottom: 24px
    }

    .article-related .news-container.slick-slider {
        margin-bottom: 0
    }

    .article-related .news-container .news {
        padding: 0;
        margin-bottom: 16px
    }

        .article-related .news-container .news a {
            text-decoration: none;
            width: 100%;
            height: 100%;
            display: block
        }

            .article-related .news-container .news a:focus, .article-related .news-container .news a:hover {
                outline: none
            }

            .article-related .news-container .news a .eyebrow {
                font-family: "CupraLight",serif;
                font-size: 16px;
                color: #242221;
                letter-spacing: 0;
                text-align: center;
                line-height: 26px;
                max-height: 52px;
                overflow: hidden;
                margin-bottom: 8px
            }

            .article-related .news-container .news a .title {
                font-family: "CupraMedium",serif;
                font-size: 16px;
                color: #242221;
                letter-spacing: 0;
                text-align: center;
                line-height: 26px;
                margin: 0;
                max-height: 52px;
                overflow: hidden
            }

    .article-related .slick-dots {
        bottom: -2px;
        margin: 0;
        display: block;
        left: calc(50% - 82px);
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        width: 164px;
        pointer-events: none
    }

        .article-related .slick-dots li {
            display: inline-block;
            width: 20px;
            height: 2px;
            margin: 0 4px 0 4px;
            background-color: #dedad4
        }

            .article-related .slick-dots li.slick-active {
                background-color: #8b8a8b
            }

@media (min-width: 764px) {
    .article-related {
        padding-top: 20px;
        padding-bottom: 20px;
        height: 292px
    }

        .article-related .container-fluid {
            padding-right: 24px;
            padding-left: 32px
        }

        .article-related .title {
            max-height: 40px;
            padding-right: 8px;
            margin-bottom: 40px;
            font-size: 30px;
            line-height: 40px
        }

        .article-related .news-container .news {
            margin-right: 8px;
            padding-left: 8px;
            padding-right: 8px
        }

            .article-related .news-container .news a {
                padding: 8px;
                border: solid 1px transparent
            }

                .article-related .news-container .news a:focus {
                    border: solid 1px #d5d5d5
                }

                .article-related .news-container .news a .title {
                    max-height: 78px;
                    padding: 0
                }
}

@media (min-width: 1016px) {
    .article-related {
        padding-bottom: 32px;
        margin-top: 32px
    }

        .article-related .container-fluid {
            padding-left: 40px;
            padding-right: 24px
        }

        .article-related .row {
            margin: 0
        }

        .article-related .title {
            font-size: 36px;
            line-height: 46px;
            max-height: 46px;
            max-width: 624px;
            margin-bottom: 32px;
            padding-right: 16px
        }

        .article-related .news-container .news {
            margin-right: 16px
        }

            .article-related .news-container .news.col-12 {
                padding-right: 8px;
                padding-left: 8px
            }

            .article-related .news-container .news a:hover {
                border: solid 1px #d5d5d5
            }

            .article-related .news-container .news a .eyebrow {
                font-size: 16px;
                line-height: 30px;
                max-height: 60px
            }

            .article-related .news-container .news a .title {
                font-size: 16px;
                line-height: 30px;
                max-height: 90px
            }
}

@media (min-width: 1436px) {
    .article-related {
        padding-top: 32px;
        padding-bottom: 32px
    }

        .article-related .title {
            max-width: 670px;
            margin-bottom: 16px
        }

        .article-related .news-container .news a .title {
            max-height: 60px
        }
}

.article-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

@media (max-width: 763px) {
    .article-hero .cont-img img {
        width: 100%;
        height: auto
    }
}

.article-hero .cont-module {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(51,48,46,0));
    max-height: 324px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 16px;
    margin: auto
}

    .article-hero .cont-module .cont-module-text {
        width: 100%
    }

        .article-hero .cont-module .cont-module-text h1.title {
            max-height: calc(40px*4 + 1px);
            font-size: 30px;
            line-height: 40px;
            overflow: hidden;
            width: 288px
        }

            .article-hero .cont-module .cont-module-text h1.title.color-white {
                color: #fff
            }

            .article-hero .cont-module .cont-module-text h1.title.color-black {
                color: #242221
            }

        .article-hero .cont-module .cont-module-text h3.eyebrow {
            color: #fff;
            max-height: calc(26px*1 + 1px);
            margin-bottom: 16px;
            overflow: hidden
        }

.article-hero.hero2 .cont-img {
    overflow: visible
}

    .article-hero.hero2 .cont-img img.no-focal {
        transform: translate(0, 0);
        left: 0
    }

.article-hero.hero2 .cont-module {
    background: none;
    padding: 0;
    position: relative;
    height: 100%
}

    .article-hero.hero2 .cont-module .cont-module-text {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 300px;
        padding: 32px 16px 0px 16px
    }

        .article-hero.hero2 .cont-module .cont-module-text .title {
            width: 100%;
            font-family: "CupraLight",serif;
            font-size: 36px;
            line-height: 46px;
            color: #242221;
            max-height: calc(46px*4 + 1px);
            overflow: hidden
        }

        .article-hero.hero2 .cont-module .cont-module-text .eyebrow {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px;
            margin: 0
        }

            .article-hero.hero2 .cont-module .cont-module-text .eyebrow.color-white {
                color: #fff
            }

            .article-hero.hero2 .cont-module .cont-module-text .eyebrow.color-black {
                color: #242221
            }

.article-hero .container-fluid {
    width: 100%;
    max-width: 1436px;
    margin: auto;
    overflow: hidden
}

@media (min-width: 764px) and (max-width: 1015px) {
    .article-hero {
        padding: 0;
        max-height: 416px;
        height: 416px;
        margin-bottom: 20px
    }

        .article-hero .cont-img {
            min-width: 520px;
            height: 416px
        }

            .article-hero .cont-img img {
                max-height: 416px
            }

        .article-hero .cont-module {
            max-height: 416px;
            padding: 32px
        }

            .article-hero .cont-module .cont-module-text h1.title {
                max-height: calc(46px*3 + 1px);
                font-size: 36px;
                line-height: 46px;
                overflow: hidden;
                width: 456px
            }

                .article-hero .cont-module .cont-module-text h1.title.color-white {
                    color: #fff
                }

                .article-hero .cont-module .cont-module-text h1.title.color-black {
                    color: #242221
                }

        .article-hero.hero2 .cont-img {
            overflow: hidden;
            max-height: 400px;
            min-width: 520px
        }

            .article-hero.hero2 .cont-img img {
                transform: translate(-50%, 0);
                max-height: 400px
            }

        .article-hero.hero2 .cont-module {
            background: none;
            padding: 0;
            position: relative;
            height: 100%
        }

            .article-hero.hero2 .cont-module .cont-module-text {
                position: absolute;
                bottom: 0;
                left: -215px;
                width: 416px;
                padding: 50px 0px 0px 50px
            }

                .article-hero.hero2 .cont-module .cont-module-text .title {
                    width: 100%;
                    font-family: "CupraLight",serif;
                    font-size: 48px;
                    line-height: 58px;
                    color: #242221;
                    margin-bottom: 8px;
                    max-height: calc(58px*3 + 1px);
                    overflow: hidden
                }

                .article-hero.hero2 .cont-module .cont-module-text .eyebrow {
                    font-family: "CupraLight",serif;
                    font-size: 16px;
                    line-height: 26px;
                    color: #242221;
                    margin: 0
                }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .article-hero {
        max-height: 499px;
        margin-bottom: 32px
    }

        .article-hero .cont-img {
            max-height: 499px
        }

            .article-hero .cont-img img {
                max-height: 499px
            }

        .article-hero .cont-module {
            max-height: 499px;
            padding: 32px
        }

            .article-hero .cont-module .cont-module-text h1.title {
                font-size: 65px;
                line-height: 74px;
                overflow: hidden;
                width: 460px;
                max-height: calc(74px*3 + 10px);
                padding-bottom: 8px
            }

                .article-hero .cont-module .cont-module-text h1.title.color-white {
                    color: #fff
                }

                .article-hero .cont-module .cont-module-text h1.title.color-black {
                    color: #242221
                }

        .article-hero.hero2 {
            max-height: 600px
        }

            .article-hero.hero2 .cont-img {
                max-height: 600px;
                overflow: hidden;
                min-width: 728px
            }

                .article-hero.hero2 .cont-img img {
                    transform: translate(-50%, 0);
                    max-height: 600px
                }

            .article-hero.hero2 .cont-module {
                background: transparent;
                padding: 0;
                position: relative;
                height: 100%;
                max-height: 600px
            }

                .article-hero.hero2 .cont-module .cont-module-text {
                    position: absolute;
                    bottom: 0;
                    left: -340px;
                    width: 602px;
                    padding: 50px 0px 0px 50px
                }

                    .article-hero.hero2 .cont-module .cont-module-text .title {
                        width: 100%;
                        font-family: "CupraLight",serif;
                        font-size: 65px;
                        line-height: 78px;
                        color: #242221;
                        margin-bottom: 0;
                        max-height: calc(78px*3 + 1px);
                        overflow: hidden
                    }

                    .article-hero.hero2 .cont-module .cont-module-text .eyebrow {
                        font-family: "CupraLight",serif;
                        font-size: 16px;
                        line-height: 26px;
                        color: #242221;
                        margin: 0
                    }
}

@media (min-width: 1436px) {
    .article-hero {
        max-height: 600px;
        margin-bottom: 32px
    }

        .article-hero .cont-img {
            max-height: 600px
        }

            .article-hero .cont-img img {
                max-height: 600px
            }

        .article-hero .cont-module {
            max-height: 587px;
            padding: 40px 32px
        }

            .article-hero .cont-module .cont-module-text h1.title {
                max-height: calc(74px*3 + 10px);
                font-size: 65px;
                line-height: 74px;
                overflow: hidden;
                width: 670px;
                padding-bottom: 8px
            }

                .article-hero .cont-module .cont-module-text h1.title.color-white {
                    color: #fff
                }

                .article-hero .cont-module .cont-module-text h1.title.color-black {
                    color: #242221
                }

        .article-hero.hero2 {
            max-height: 600px;
            margin-bottom: 32px
        }

            .article-hero.hero2 .cont-img {
                overflow: hidden;
                max-height: 600px;
                min-width: 936px
            }

                .article-hero.hero2 .cont-img img {
                    transform: translate(-50%, 0)
                }

            .article-hero.hero2 .cont-module {
                background: transparent;
                padding: 0;
                position: relative;
                height: 100%;
                max-height: 600px
            }

                .article-hero.hero2 .cont-module .cont-module-text {
                    position: absolute;
                    bottom: 0;
                    left: -410px;
                    width: 602px;
                    padding: 50px 0px 0px 50px
                }

                    .article-hero.hero2 .cont-module .cont-module-text .title {
                        width: 100%;
                        font-family: "CupraLight",serif;
                        font-size: 65px;
                        line-height: 78px;
                        color: #242221;
                        margin-bottom: 0;
                        max-height: calc(78px*3 + 1px);
                        overflow: hidden
                    }

                    .article-hero.hero2 .cont-module .cont-module-text .eyebrow {
                        font-family: "CupraLight",serif;
                        font-size: 16px;
                        line-height: 26px;
                        color: #242221;
                        margin: 0
                    }
}

@media (max-width: 763px) {
    .article .invisibleS {
        display: none
    }
}

.article .margin-fix {
    margin-top: 20px;
    margin-bottom: 20px
}

.article .richtext {
    padding: 0px 16px 00px 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px
}

    .article .richtext h2 {
        font-family: "CupraLight",serif;
        font-size: 24px;
        line-height: 34px;
        color: #242221;
        margin-bottom: 24px;
        padding-top: 16px;
        max-height: calc(34px*4 + 13px);
        overflow: hidden
    }

    .article .richtext p {
        font-family: "CupraLight",serif;
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        margin-bottom: 16px
    }

        .article .richtext p:last-child {
            margin-bottom: 0
        }

    .article .richtext h3 {
        font-family: "CupraMedium",serif;
        font-size: 16px;
        line-height: 26px
    }

    .article .richtext h4 {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 26px
    }

    .article .richtext a.cta {
        font-family: "CupraRegular",serif;
        font-size: 16px;
        line-height: 30px;
        margin-top: 16px
    }

        .article .richtext a.cta span {
            display: inline-block;
            margin-top: 16px
        }

    .article .richtext a:not(.cta) {
        word-break: break-word
    }

    .article .richtext ul, .article .richtext ol {
        padding-left: 32px
    }

        .article .richtext ul li, .article .richtext ol li {
            color: #242221;
            margin-left: -8px;
            padding-left: 8px
        }

    .article .richtext.highlighted-block {
        padding: 16px;
        margin-left: -16px;
        margin-right: -16px
    }

        .article .richtext.highlighted-block p {
            margin: 0
        }

    .article .richtext.text-center h2 {
        font-family: "CupraMedium",serif;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 16px;
        padding: 0
    }

    .article .richtext.text-center a {
        align-self: center
    }

    .article .richtext.rtxt-left {
        align-items: flex-start
    }

        .article .richtext.rtxt-left p {
            width: 100%
        }

    .article .richtext.rtxt-right {
        align-items: flex-end
    }

        .article .richtext.rtxt-right p {
            width: 100%
        }

.article .richtext-floating {
    display: flex;
    flex-direction: column;
    padding: 0px 16px;
    max-width: 1436px;
    margin-top: 20px;
    margin-bottom: 20px
}

    .article .richtext-floating .highlighted-img {
        width: 100%;
        padding: 0px;
        margin: 0px 0 32px
    }

        .article .richtext-floating .highlighted-img .cont-img span img {
            max-width: 100%
        }

        .article .richtext-floating .highlighted-img p {
            font-family: "CupraLight",serif;
            font-size: 12px;
            line-height: 22px;
            max-height: calc(22px*3 + 3px);
            overflow: hidden;
            color: rgba(36,34,33,0.6);
            margin: 0;
            padding: 8px 0 0 0;
            text-align: center
        }

    .article .richtext-floating .highlighted-text {
        width: 100%;
        padding: 0;
        margin: 0px
    }

        .article .richtext-floating .highlighted-text p {
            font-family: "CupraLightItalic",serif;
            font-size: 20px;
            line-height: 26px;
            color: #242221;
            max-height: calc(26px*4 + 1px);
            margin-bottom: 20px;
            overflow: hidden;
            font-style: italic
        }

    .article .richtext-floating .richtext {
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px
    }

@media (min-width: 764px) and (max-width: 1015px) {
    .article .richtext {
        padding: 20px 32px
    }

        .article .richtext h2 {
            font-family: "CupraLight",serif;
            font-size: 36px;
            line-height: 46px;
            color: #242221;
            margin-bottom: 24px;
            max-height: calc(46px*3 + 1px);
            overflow: hidden;
            padding: 0
        }

        .article .richtext p {
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            margin-bottom: 24px
        }

        .article .richtext h3 {
            font-family: "CupraMedium",serif;
            font-size: 16px;
            line-height: 26px
        }

        .article .richtext h4 {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px
        }

        .article .richtext a.cta {
            font-family: "CupraRegular",serif;
            font-size: 16px;
            line-height: 30px;
            color: #242221;
            margin-top: 16px
        }

            .article .richtext a.cta span {
                display: inline-block;
                margin-top: 16px
            }

        .article .richtext ul, .article .richtext ol {
            margin-top: 24px;
            padding-left: 32px
        }

            .article .richtext ul li, .article .richtext ol li {
                color: #242221;
                margin-left: 0px;
                padding-left: 8px
            }

        .article .richtext.text-center h2 {
            font-family: "CupraMedium",serif;
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 16px;
            padding: 0
        }

        .article .richtext.highlighted-block {
            padding: 32px;
            margin-left: 0px;
            margin-right: 0px
        }

            .article .richtext.highlighted-block p {
                margin: 0
            }

        .article .richtext.rtxt-left {
            align-items: flex-start
        }

            .article .richtext.rtxt-left p {
                width: 100%
            }

        .article .richtext.rtxt-right {
            align-items: flex-end
        }

            .article .richtext.rtxt-right p {
                width: 100%
            }

    .article .richtext-floating {
        padding: 0px 32px;
        margin: 20px 0px;
        flex-direction: row
    }

        .article .richtext-floating .highlighted-img {
            padding: 0;
            margin: 0 32px 0 0;
            margin-right: 32px;
            min-width: 335px
        }

            .article .richtext-floating .highlighted-img .cont-img span img {
                max-width: 100%;
                margin-right: 4px
            }

            .article .richtext-floating .highlighted-img p {
                font-family: "CupraLight",serif;
                font-size: 12px;
                line-height: 22px;
                max-height: calc(22px*2 + 12px);
                overflow: hidden;
                color: rgba(36,34,33,0.6);
                margin: 0;
                padding: 16px 0 0;
                text-align: left
            }

        .article .richtext-floating .highlighted-text {
            padding: 0
        }

            .article .richtext-floating .highlighted-text p {
                font-family: "CupraLightItalic",serif;
                font-size: 30px;
                line-height: 40px;
                color: #242221;
                max-height: calc(40px*4 + 1px);
                overflow: hidden;
                font-style: italic
            }

        .article .richtext-floating .richtext {
            padding: 0
        }

        .article .richtext-floating.txt-left {
            flex-direction: row
        }

            .article .richtext-floating.txt-left .highlighted-text {
                margin: 0 32px 0 0
            }

        .article .richtext-floating.txt-right {
            flex-direction: row-reverse
        }

            .article .richtext-floating.txt-right .highlighted-text {
                margin: 0 0 0 32px
            }

            .article .richtext-floating.txt-right .richtext p {
                text-align: left
            }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .article .richtext {
        max-width: 624px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 32px;
        padding-bottom: 32px
    }

        .article .richtext h2 {
            font-size: 48px;
            line-height: 58px;
            margin-bottom: 32px;
            max-height: calc(58px*3 + 1px);
            overflow: hidden;
            padding: 0
        }

        .article .richtext p {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px;
            color: #242221;
            margin-bottom: 16px
        }

        .article .richtext h3 {
            font-family: "CupraMedium",serif;
            font-size: 16px;
            line-height: 26px
        }

        .article .richtext h4 {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px
        }

        .article .richtext ul, .article .richtext ol {
            margin-top: 24px;
            padding-left: 32px
        }

            .article .richtext ul li, .article .richtext ol li {
                color: #242221;
                margin-left: 0px;
                padding-left: 8px
            }

        .article .richtext.highlighted-block {
            padding: 32px;
            margin-left: 0px;
            margin-right: 0px
        }

            .article .richtext.highlighted-block p {
                margin: 0
            }

        .article .richtext.text-center h2 {
            font-family: "CupraMedium",serif;
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 24px;
            padding: 0
        }

        .article .richtext.rtxt-left {
            align-items: flex-start;
            margin: 0
        }

            .article .richtext.rtxt-left p {
                width: 460px;
                margin-left: 114px
            }

        .article .richtext.rtxt-right {
            align-items: inherit;
            margin-left: 44%
        }

            .article .richtext.rtxt-right p {
                width: 460px
            }

    .article .richtext-floating {
        margin: 32px auto 32px;
        flex-direction: row
    }

        .article .richtext-floating .highlighted-img {
            width: 34.8%;
            padding: 0;
            margin: 0 46px 0 0px
        }

            .article .richtext-floating .highlighted-img .cont-img span img {
                max-width: 100%;
                margin-right: 4px
            }

                .article .richtext-floating .highlighted-img .cont-img span img.img-viewport {
                    left: 0;
                    -webkit-transform: translateX(0);
                    -moz-transform: translateX(0);
                    transform: translateX(0)
                }

            .article .richtext-floating .highlighted-img p {
                font-family: "CupraLight",serif;
                font-size: 14px;
                line-height: 26px;
                max-height: calc(26px*2 + 16px);
                overflow: hidden;
                color: rgba(36,34,33,0.6);
                margin: 0;
                padding: 16px 0 0;
                text-align: left
            }

        .article .richtext-floating .highlighted-text {
            width: 40%
        }

            .article .richtext-floating .highlighted-text p {
                font-family: "CupraLightItalic",serif;
                font-size: 36px;
                line-height: 46px;
                max-height: calc(46px*4 + 1px);
                overflow: hidden;
                color: #242221;
                font-style: italic
            }

        .article .richtext-floating .richtext {
            width: 60%;
            max-width: 459px;
            margin: 0;
            padding-top: 0px
        }

        .article .richtext-floating.txt-left {
            flex-direction: row
        }

            .article .richtext-floating.txt-left .highlighted-text {
                margin: 0 32px 0 0px
            }

        .article .richtext-floating.txt-right {
            flex-direction: row-reverse;
            flex: 0 0 83.13333%;
            max-width: 82%;
            margin-left: auto;
            margin-right: auto;
            justify-content: space-between
        }

            .article .richtext-floating.txt-right .highlighted-text {
                margin: 0 0 0 32px;
                max-width: 378px
            }

            .article .richtext-floating.txt-right .richtext p {
                text-align: left
            }
}

@media (min-width: 1436px) {
    .article .richtext {
        max-width: 672px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 32px;
        padding-bottom: 32px
    }

        .article .richtext h2 {
            font-size: 48px;
            line-height: 58px;
            margin-bottom: 48px;
            max-height: calc(58px*4 + 1px);
            overflow: hidden;
            padding: 0
        }

        .article .richtext p {
            font-size: 16px;
            line-height: 26px;
            color: #242221;
            margin-bottom: 24px
        }

        .article .richtext h3 {
            font-family: "CupraMedium",serif;
            font-size: 20px;
            line-height: 30px
        }

        .article .richtext h4 {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px
        }

        .article .richtext ul, .article .richtext ol {
            margin-top: 24px;
            padding-left: 32px
        }

            .article .richtext ul li, .article .richtext ol li {
                color: #242221;
                margin-left: 0px;
                padding-left: 8px
            }

        .article .richtext.highlighted-block {
            padding: 32px;
            margin-left: 0px;
            margin-right: 0px
        }

            .article .richtext.highlighted-block p {
                margin: 0
            }

        .article .richtext.text-center h2 {
            font-family: "CupraMedium",serif;
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 32px;
            padding: 0
        }

        .article .richtext.rtxt-left {
            align-items: flex-start;
            max-width: 1436px
        }

            .article .richtext.rtxt-left p {
                margin-left: 148px;
                width: 670px
            }

        .article .richtext.rtxt-right {
            align-items: flex-start;
            max-width: 1436px
        }

            .article .richtext.rtxt-right p {
                margin-left: 639px;
                width: 670px
            }

        .article .richtext.margin-0-auto {
            margin: 0 auto
        }

    .article .richtext-floating {
        padding: 0;
        margin: 32px auto 32px;
        flex-direction: row
    }

        .article .richtext-floating .highlighted-img {
            width: 40%;
            padding: 0;
            margin: 0px 44px 0 0px
        }

            .article .richtext-floating .highlighted-img .cont-img {
                margin-left: 132px
            }

                .article .richtext-floating .highlighted-img .cont-img span img {
                    max-width: 436px;
                    margin-right: 4px
                }

                    .article .richtext-floating .highlighted-img .cont-img span img.img-viewport {
                        left: 0;
                        -webkit-transform: translateX(0);
                        -moz-transform: translateX(0);
                        transform: translateX(0)
                    }

            .article .richtext-floating .highlighted-img p {
                font-family: "CupraLight",serif;
                font-size: 14px;
                line-height: 26px;
                max-height: calc(26px*2 + 16px);
                overflow: hidden;
                color: rgba(36,34,33,0.6);
                margin: 0;
                padding: 16px 0 0;
                text-align: left;
                margin-left: 132px
            }

        .article .richtext-floating .highlighted-text {
            width: 40%
        }

            .article .richtext-floating .highlighted-text p {
                font-family: "CupraLightItalic",serif;
                font-size: 36px;
                line-height: 46px;
                max-height: calc(46px*4 + 1px);
                overflow: hidden;
                color: #242221;
                font-style: italic
            }

        .article .richtext-floating .richtext {
            width: 60%;
            max-width: 670px;
            padding-top: 0px
        }

        .article .richtext-floating.txt-left {
            flex-direction: row
        }

            .article .richtext-floating.txt-left .highlighted-text {
                margin: 0 32px 0 0px
            }

        .article .richtext-floating.txt-right {
            flex-direction: row-reverse;
            flex: 0 0 83.13333%;
            margin-left: auto;
            margin-right: auto
        }

            .article .richtext-floating.txt-right .highlighted-text {
                margin: 0 0 0 32px
            }

            .article .richtext-floating.txt-right .richtext p {
                text-align: left
            }
}

.article-quote {
    padding-bottom: 20px;
    padding-top: 20px
}

    .article-quote blockquote.richtext {
        max-width: 288px;
        margin: auto;
        padding: 0;
        display: block;
        margin-bottom: 20px
    }

        .article-quote blockquote.richtext p {
            font-family: "CupraLightItalic",serif;
            font-style: italic;
            font-size: 24px;
            line-height: 34px;
            text-align: left;
            margin: 0px;
            max-height: calc(34px * 8 + 2px);
            color: #242221;
            overflow: hidden
        }

            .article-quote blockquote.richtext p.author {
                font-size: 14px;
                line-height: 26px;
                text-align: center;
                color: rgba(36,34,33,0.6);
                display: block;
                margin-top: 16px;
                max-height: 26px;
                overflow: hidden
            }

    .article-quote .cont-img {
        display: inline-block
    }

    .article-quote .quote {
        margin-right: 8px;
        margin-top: -14px
    }

@media (min-width: 764px) and (max-width: 1015px) {
    .article-quote blockquote.richtext {
        max-width: 702px;
        margin: 0 auto 20px auto
    }

        .article-quote blockquote.richtext p {
            font-family: "CupraLightItalic",serif;
            font-size: 36px;
            line-height: 46px;
            text-align: left;
            margin: 0px;
            max-height: calc(46px * 4 + 2px) !important;
            color: #242221;
            overflow: hidden
        }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .article-quote {
        padding-bottom: 32px;
        padding-top: 32px
    }

        .article-quote blockquote.richtext {
            max-width: 786px;
            margin: 0 auto 32px auto
        }

            .article-quote blockquote.richtext p {
                font-family: "CupraLightItalic",serif;
                font-size: 48px;
                line-height: 58px;
                text-align: left;
                margin: 0px;
                max-height: calc(58px * 4 + 2px) !important;
                color: #242221;
                overflow: hidden
            }
}

@media (min-width: 1436px) {
    .article-quote {
        padding-bottom: 32px;
        padding-top: 32px
    }

        .article-quote blockquote.richtext {
            max-width: 1138px;
            margin: 0 auto 32px auto
        }

            .article-quote blockquote.richtext p {
                font-family: "CupraLightItalic",serif;
                font-size: 48px;
                line-height: 58px;
                text-align: left;
                margin: 0px;
                max-height: calc(58px * 4 + 2px);
                color: #242221;
                overflow: hidden
            }
}

.article-side-navigation {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px
}

    .article-side-navigation .richtext {
        margin-top: 0;
        margin-bottom: 48px;
        padding: 0
    }

        .article-side-navigation .richtext h2 {
            font-family: "CupraMedium",serif;
            font-size: 20px;
            color: #242221;
            line-height: 38px;
            padding-top: 0;
            margin-bottom: 16px
        }

        .article-side-navigation .richtext p {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 30px;
            color: #242221;
            margin-bottom: 24px
        }

        .article-side-navigation .richtext ul li, .article-side-navigation .richtext ol li {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 30px;
            color: #242221
        }

        .article-side-navigation .richtext ul {
            padding-left: 36px
        }

            .article-side-navigation .richtext ul li {
                padding-left: 4px
            }

        .article-side-navigation .richtext ul, .article-side-navigation .richtext ol {
            margin-top: 0;
            margin-bottom: 24px
        }

    .article-side-navigation .side-nav-block {
        z-index: 10;
        margin: 0;
        padding: 0
    }

    .article-side-navigation .side-navigation-menu {
        position: relative;
        background-color: #fff;
        font-family: "CupraMedium",serif;
        color: #242221;
        font-size: 14px;
        line-height: 26px;
        margin-left: -16px;
        width: calc(100% + 16px)
    }

        .article-side-navigation .side-navigation-menu.navbar {
            position: relative;
            outline: none;
            border-bottom: 1px #ccc solid;
            width: 100%;
            height: 56px;
            margin: 0 auto 40px;
            padding: 16px;
            cursor: pointer
        }

            .article-side-navigation .side-navigation-menu.navbar:after {
                content: '';
                background: url(main/img/icon-arrowup.svg) center center no-repeat;
                height: 16px;
                width: 16px;
                vertical-align: middle;
                border: none;
                transform: rotate(180deg);
                position: absolute;
                top: 21px;
                right: 24px
            }

            .article-side-navigation .side-navigation-menu.navbar span {
                overflow: hidden;
                font-family: "CupraMedium",serif;
                color: #242221;
                padding-right: 16px;
                height: 29px
            }

            .article-side-navigation .side-navigation-menu.navbar .dropdown {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0px;
                background: #fff;
                -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
                box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2);
                transition: all 0.3s ease-out;
                list-style: none;
                opacity: 0;
                pointer-events: none;
                padding: 0
            }

                .article-side-navigation .side-navigation-menu.navbar .dropdown li a {
                    font-family: "CupraLight", serif;
                    color: #242221;
                    font-size: 14px;
                    line-height: 26px;
                    min-height: 56px;
                    padding: 16px 24px;
                    overflow: hidden;
                    display: block;
                    transition: all 0.3s ease-out;
                    text-decoration: none
                }

                .article-side-navigation .side-navigation-menu.navbar .dropdown li:hover a {
                    color: #242221;
                    background-color: rgba(15,15,15,0.05)
                }

                .article-side-navigation .side-navigation-menu.navbar .dropdown li.active a {
                    font-family: "CupraMedium",serif;
                    color: #242221
                }

            .article-side-navigation .side-navigation-menu.navbar.open .dropdown {
                opacity: 1;
                pointer-events: auto
            }

            .article-side-navigation .side-navigation-menu.navbar.open:after {
                transform: none;
                top: 18px
            }

            .article-side-navigation .side-navigation-menu.navbar.fixed {
                position: fixed;
                top: 0px;
                width: 100%
            }

@media (min-width: 764px) {
    .article-hero + .article-side-navigation {
        margin-top: -24px
    }

    .article-side-navigation {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

        .article-side-navigation .richtext {
            margin-top: 0;
            margin-bottom: 80px;
            padding: 0 16px
        }

        .article-side-navigation .side-navigation-menu.navbar {
            padding: 24px 32px;
            height: 72px
        }

            .article-side-navigation .side-navigation-menu.navbar:after {
                top: 28px
            }

            .article-side-navigation .side-navigation-menu.navbar .dropdown li a {
                padding: 24px 32px;
                min-height: 72px
            }

            .article-side-navigation .side-navigation-menu.navbar.open:after {
                top: 25px
            }
}

@media (min-width: 1016px) {
    .article-hero + .article-side-navigation {
        margin-top: -56px
    }

    .article-side-navigation {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-left: 0
    }

        .article-side-navigation .side-navigation-menu {
            background-color: transparent;
            line-height: 26px
        }

            .article-side-navigation .side-navigation-menu.navbar {
                border: 0;
                height: auto;
                margin-bottom: 8px;
                margin-top: 64px
            }

                .article-side-navigation .side-navigation-menu.navbar span {
                    display: none
                }

                .article-side-navigation .side-navigation-menu.navbar:after {
                    background: none
                }

                .article-side-navigation .side-navigation-menu.navbar .dropdown {
                    top: 0;
                    background-color: transparent;
                    box-shadow: none;
                    opacity: 1;
                    pointer-events: initial;
                    padding-top: 0;
                    left: 32px
                }

                    .article-side-navigation .side-navigation-menu.navbar .dropdown li {
                        margin: 0 0 16px 0;
                        padding: 0
                    }

                        .article-side-navigation .side-navigation-menu.navbar .dropdown li a {
                            overflow: hidden;
                            max-height: 52px;
                            max-height: calc(26px*2);
                            padding: 0;
                            min-height: auto
                        }

                        .article-side-navigation .side-navigation-menu.navbar .dropdown li:hover a {
                            background-color: transparent
                        }

                .article-side-navigation .side-navigation-menu.navbar.fixed {
                    position: fixed;
                    width: 16.66667%
                }
}

@media (min-width: 1436px) {
    .article-side-navigation .container-fluid {
        max-width: 1436px
    }

    .article-side-navigation .side-navigation-menu.navbar.fixed {
        max-width: 215px
    }
}

.highlightblock {
    margin: 40px 0
}

    .highlightblock .hl-box {
        border: 1px solid #d5d5d5;
        padding: 32px 32px;
        margin: auto;
        max-width: 289px
    }

        .highlightblock .hl-box h2.title {
            font-family: "CupraMedium",serif;
            font-size: 24px;
            line-height: 34px;
            margin-bottom: 16px;
            text-align: center;
            padding: 0;
            max-height: 136px;
            overflow: hidden;
            margin: auto
        }

        .highlightblock .hl-box .cta-zone {
            margin: auto;
            text-align: center;
            margin-top: 48px
        }

        .highlightblock .hl-box .richtext {
            padding: 0;
            margin: auto;
            font-family: "CupraRegular",serif
        }

            .highlightblock .hl-box .richtext p {
                font-family: "CupraRegular",serif
            }

@media (min-width: 764px) and (max-width: 1015px) {
    .highlightblock {
        margin: 64px 0
    }

        .highlightblock .hl-box {
            border: 1px solid #d5d5d5;
            padding: 32px;
            margin: auto;
            max-width: 701px
        }

            .highlightblock .hl-box h2.title {
                max-height: 68px
            }

            .highlightblock .hl-box .cta-zone {
                margin-top: 40px
            }

            .highlightblock .hl-box .richtext {
                padding: 0
            }

                .highlightblock .hl-box .richtext p {
                    font-family: "CupraRegular",serif
                }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .highlightblock {
        margin: 80px 0
    }

        .highlightblock .hl-box {
            border: 1px solid #d5d5d5;
            padding: 32px;
            margin: auto;
            max-width: 789px
        }

            .highlightblock .hl-box h2.title {
                max-height: 68px;
                max-width: 624px
            }

            .highlightblock .hl-box .cta-zone {
                margin-top: 32px
            }

            .highlightblock .hl-box .richtext p {
                font-family: "CupraRegular",serif
            }
}

@media (min-width: 1436px) {
    .highlightblock {
        margin: 80px 0
    }

        .highlightblock .hl-box {
            border: 1px solid #d5d5d5;
            padding: 32px;
            margin: auto;
            max-width: 905px
        }

            .highlightblock .hl-box h2.title {
                max-height: 68px;
                max-width: 672px
            }

            .highlightblock .hl-box .richtext {
                padding-bottom: 0;
                font-family: "CupraRegular",serif
            }

                .highlightblock .hl-box .richtext p {
                    font-family: "CupraRegular",serif
                }

            .highlightblock .hl-box .cta-zone {
                margin-top: 32px
            }
}

.region-selector .modal-region-selector .modal-dialog {
    min-height: 100vh;
    max-width: none;
    margin: 0
}

    .region-selector .modal-region-selector .modal-dialog .modal-content {
        background: none;
        border: none;
        position: relative
    }

        .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body {
            padding: 56px 0 40px 0
        }

            .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body button.close {
                position: absolute;
                opacity: 1;
                width: 16px;
                height: 16px;
                top: 16px;
                right: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                border: none;
                outline: none;
                z-index: 1
            }

                .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body button.close:hover {
                    cursor: pointer
                }

                    .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body button.close:hover img {
                        opacity: .6
                    }

                .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body button.close img {
                    position: unset;
                    margin: 0 auto;
                    display: block;
                    width: 100%;
                    height: 100%
                }

.region-selector .modal-region-selector .search-content {
    max-width: 288px;
    margin: 0 auto;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

    .region-selector .modal-region-selector .search-content .input-group {
        position: relative
    }

        .region-selector .modal-region-selector .search-content .input-group img {
            position: absolute;
            top: calc(50% - 8px);
            width: 16px;
            height: 16px;
            right: 0
        }

    .region-selector .modal-region-selector .search-content .countries-input {
        font-size: 16px;
        line-height: 26px;
        font-family: "CupraLight",serif;
        background: none;
        width: 100%;
        border: none;
        outline: none;
        color: rgba(255,255,255,0.6);
        padding: 0
    }

        .region-selector .modal-region-selector .search-content .countries-input::placeholder {
            color: rgba(255,255,255,0.6)
        }

        .region-selector .modal-region-selector .search-content .countries-input:-ms-input-placeholder {
            color: rgba(255,255,255,0.6)
        }

        .region-selector .modal-region-selector .search-content .countries-input::-ms-clear {
            display: none;
            width: 0;
            height: 0
        }

.region-selector .modal-region-selector .countries-container .countries-list {
    padding: 0;
    font-size: 0;
    align-items: flex-start;
    padding-top: 32px
}

    .region-selector .modal-region-selector .countries-container .countries-list .country {
        margin-top: 16px;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap
    }

        .region-selector .modal-region-selector .countries-container .countries-list .country:first-child {
            margin-top: 0px
        }

        .region-selector .modal-region-selector .countries-container .countries-list .country > a {
            display: block;
            width: 100%;
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            line-height: 26px;
            font-family: "CupraBook",serif;
            padding-left: 56px;
            font-weight: 400
        }

            .region-selector .modal-region-selector .countries-container .countries-list .country > a:hover {
                color: rgba(255,255,255,0.6)
            }

            .region-selector .modal-region-selector .countries-container .countries-list .country > a img {
                margin-left: -56px;
                margin-right: 16px;
                width: 32px;
                height: 32px
            }

        .region-selector .modal-region-selector .countries-container .countries-list .country > span {
            display: block;
            width: 100%;
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            line-height: 26px;
            font-family: "CupraBook",serif;
            padding-left: 56px
        }

            .region-selector .modal-region-selector .countries-container .countries-list .country > span img {
                margin-left: -56px;
                margin-right: 16px;
                width: 32px;
                height: 32px
            }

        .region-selector .modal-region-selector .countries-container .countries-list .country ul.country-list-language {
            list-style: none;
            padding: 0 0 0 48px;
            margin: 0;
            display: inline-block
        }

            .region-selector .modal-region-selector .countries-container .countries-list .country ul.country-list-language li {
                display: inline
            }

                .region-selector .modal-region-selector .countries-container .countries-list .country ul.country-list-language li:after {
                    content: "  /  ";
                    color: rgba(255,255,255,0.6);
                    font-size: 16px
                }

                .region-selector .modal-region-selector .countries-container .countries-list .country ul.country-list-language li:last-child:after {
                    content: ""
                }

                .region-selector .modal-region-selector .countries-container .countries-list .country ul.country-list-language li a {
                    padding: 0;
                    color: rgba(255,255,255,0.6);
                    font-size: 16px;
                    line-height: 26px;
                    font-family: "CupraLight",serif;
                    margin: 0
                }

@media (min-width: 764px) {
    .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body {
        padding: 80px 0
    }

        .region-selector .modal-region-selector .modal-dialog .modal-content .modal-body button.close {
            top: 32px
        }

    .region-selector .modal-region-selector .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
        max-width: 1436px
    }

    .region-selector .modal-region-selector .search-content {
        padding-bottom: 16px;
        max-width: 700px
    }

        .region-selector .modal-region-selector .search-content .input-group img {
            top: calc(50% - 12px);
            width: 24px;
            height: 24px
        }

        .region-selector .modal-region-selector .search-content .countries-input {
            font-size: 24px;
            line-height: 34px
        }

    .region-selector .modal-region-selector .countries-container .countries-list {
        padding-top: 64px
    }

        .region-selector .modal-region-selector .countries-container .countries-list .country {
            margin-top: 0;
            margin-bottom: 40px
        }
}

@media (min-width: 1016px) {
    .region-selector .modal-region-selector .search-content {
        max-width: 788px
    }

        .region-selector .modal-region-selector .search-content .countries-input {
            font-size: 30px;
            line-height: 40px
        }

    .region-selector .modal-region-selector .countries-container .countries-list {
        padding-top: 104px
    }

        .region-selector .modal-region-selector .countries-container .countries-list .country {
            margin-bottom: 48px
        }

            .region-selector .modal-region-selector .countries-container .countries-list .country a, .region-selector .modal-region-selector .countries-container .countries-list .country span {
                font-size: 20px;
                line-height: 30px
            }

                .region-selector .modal-region-selector .countries-container .countries-list .country a img, .region-selector .modal-region-selector .countries-container .countries-list .country span img {
                    vertical-align: top
                }
}

@media (min-width: 1436px) {
    .region-selector .modal-region-selector .search-content {
        max-width: 904px
    }

        .region-selector .modal-region-selector .search-content .input-group img {
            top: calc(50% - 16px);
            width: 32px;
            height: 32px
        }

        .region-selector .modal-region-selector .search-content .countries-input {
            font-size: 36px;
            line-height: 46px
        }
}

.findDealer {
    width: 100%;
    margin: auto;
    position: relative;
    height: calc(100vh - 60px);
    overflow: hidden;
    background: #f5f5f5
}

    .findDealer .container-fluid {
        max-width: 1436px;
        padding: 0
    }

@keyframes a-slideup {
    from {
        bottom: 0
    }

    to {
        bottom: calc(100% - 56px)
    }
}

@keyframes a-slidedown {
    from {
        top: 0
    }

    to {
        top: calc(100% - 52px)
    }
}

.findDealer .hidden-s {
    display: none
}

.findDealer .a-slideup {
    animation: 0.4s linear a-slideup
}

.findDealer .a-slidedown {
    animation: 0.4s linear a-slidedown
}

.findDealer .setTop {
    top: 0
}

.findDealer #map-fd {
    width: calc(100% - 16px);
    margin-left: 8px;
    height: calc(100vh - 68px);
    overflow: hidden
}

.findDealer .cont-module {
    padding: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto
}

    .findDealer .cont-module #map-fd {
        max-height: 800px
    }

    .findDealer .cont-module .searcherBox {
        background: #fff;
        padding: 0px;
        box-shadow: 0 2px 4px 0 rgba(15,15,15,0.2);
        width: calc(100% - 16px);
        margin: 0 8px
    }

        .findDealer .cont-module .searcherBox h3 {
            font-family: "CupraLight",serif;
            font-size: 20px;
            line-height: 30px;
            color: #242221;
            margin: 16px 16px 24px;
            display: none
        }

        .findDealer .cont-module .searcherBox .searcherBoxInputs {
            padding: 8px 0;
            display: flex;
            flex-direction: row;
            height: 52px
        }

            .findDealer .cont-module .searcherBox .searcherBoxInputs input {
                background: transparent;
                border: 0
            }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input:focus {
                    outline: none
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input::-ms-clear {
                    display: none;
                    width: 0;
                    height: 0
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="button"] {
                    min-width: 14px;
                    min-height: 14px;
                    padding: 8px 24px 8px 8px;
                    box-sizing: unset;
                    cursor: pointer
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input.GPSButton[type="button"] {
                    background: url("main/img/fd-icon_position.svg") center center no-repeat;
                    border-right: 1px solid #dedad4;
                    min-width: 14px;
                    min-height: 14px;
                    border-radius: 0
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input.ClearButton[type="button"] {
                    background: url(main/img/fd-icon_cancel.svg) center center no-repeat;
                    background-size: 10px 10px;
                    padding: 8px 0 8px;
                    display: none
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input.SearchButton[type="button"] {
                    background: url(main/img/fd-icon_search.svg) center center no-repeat;
                    background-size: 16px 16px;
                    background-position-x: 34%
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                    width: 100%;
                    padding: 0 0 0 16px;
                    color: #242221;
                    font-family: "CupraLight",serif;
                    font-size: 14px;
                    line-height: 24px
                }

                    .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="text"]::-ms-clear {
                        display: none
                    }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input.ClearButton[style="display: inline;"] ~ input.SearchButton {
                    padding: 8px
                }

        .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
            border-top: 1px solid rgba(222,218,212,0.2);
            padding: 16px;
            display: none;
            max-width: 344px;
            overflow: hidden
        }

            .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks {
                width: 100%;
                position: relative;
                z-index: 1;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                flex-wrap: wrap
            }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element {
                    flex: 1 1 50%;
                    margin-bottom: 14px
                }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                        display: block;
                        position: relative;
                        padding-left: 28px;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        font-size: 14px;
                        line-height: 24px;
                        font-family: "CupraLight",serif;
                        margin: 0;
                        z-index: 1;
                        color: #242221;
                        font-size: 12px
                    }

                        .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc div {
                            max-height: 52px;
                            overflow: hidden
                        }

                        .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc input {
                            position: absolute;
                            opacity: 0;
                            cursor: pointer;
                            z-index: 1
                        }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .checkmark {
                        position: absolute;
                        top: 3px;
                        left: 0;
                        width: 20px;
                        height: 20px;
                        border: 1px solid #242221;
                        background-color: #fff;
                        z-index: 1
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc:hover input ~ .checkmark {
                        border-color: #242221;
                        background-color: #fff
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc input:checked ~ .checkmark:after {
                        display: block;
                        visibility: visible
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc input:checked ~ .checkmark {
                        background-color: #fff;
                        border-color: #242221
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc .checkmark:after {
                        content: "";
                        position: absolute;
                        visibility: hidden;
                        display: block;
                        z-index: 1;
                        left: 5px;
                        width: 7px;
                        height: 13px;
                        border: solid #242221;
                        border-width: 0 2px 2px 0;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                        z-index: 1
                    }

    .findDealer .cont-module .ListResultsBox {
        position: relative;
        background: #fff;
        box-shadow: 0 4px 4px 0 rgba(15,15,15,0.2);
        z-index: 2
    }

        .findDealer .cont-module .ListResultsBox ul {
            margin: 0;
            padding: 0
        }

            .findDealer .cont-module .ListResultsBox ul li {
                background: #fff;
                padding: 8px 24px 8px 40px;
                list-style: none;
                background: url("main/img/icon-location.svg") 16px center no-repeat;
                background-size: 10px 15px;
                cursor: pointer
            }

                .findDealer .cont-module .ListResultsBox ul li p {
                    margin: 0;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(36,34,33,0.6);
                    max-height: calc(26px*2 + 1px);
                    overflow: hidden
                }

                .findDealer .cont-module .ListResultsBox ul li:hover {
                    background-color: #f5f5f5
                }

                    .findDealer .cont-module .ListResultsBox ul li:hover p {
                        font-weight: bold
                    }

    .findDealer .cont-module .noResultsBox {
        margin: 0 8px;
        z-index: 2;
        background: transparent;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
        flex-direction: column;
        justify-content: end;
        text-align: left;
        padding: 16px;
        display: none
    }

        .findDealer .cont-module .noResultsBox p {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            margin: 0
        }

    .findDealer .cont-module .flex-c {
        display: flex
    }

.findDealer .content-list {
    display: none;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    line-height: 52px;
    color: #242221
}

    .findDealer .content-list .map {
        display: none
    }

    .findDealer .content-list.up .list {
        display: none
    }

    .findDealer .content-list.up .map {
        display: inline
    }

    .findDealer .content-list.up .arrow {
        transform: rotate(180deg)
    }

    .findDealer .content-list .forza {
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        font-family: "CupraRegular",serif;
        margin-right: 8px
    }

    .findDealer .content-list .arrow {
        justify-self: flex-end;
        margin-right: 8px
    }

    .findDealer .content-list .header-mobile {
        cursor: pointer;
        display: flex;
        align-content: center;
        height: 57px;
        background: #fff;
        padding: 0 16px;
        flex-direction: row;
        align-items: center;
        position: relative;
        z-index: 9
    }

        .findDealer .content-list .header-mobile span {
            line-height: 24px;
            margin-bottom: 0
        }

    .findDealer .content-list .center {
        flex: 1 1 auto;
        font-size: 14px;
        font-family: "CupraLight",serif
    }

    .findDealer .content-list .itemSkeleton {
        display: none
    }

    .findDealer .content-list .item-list {
        display: none;
        height: calc(100vh - 110px);
        z-index: 1;
        position: absolute;
        overflow: auto;
        width: 100%;
        z-index: 9
    }

        .findDealer .content-list .item-list .item {
            background: #fff;
            margin: 1px 0px;
            padding: 16px;
            cursor: pointer
        }

            .findDealer .content-list .item-list .item h3 {
                line-height: 24px;
                font-size: 14px;
                font-family: "CupraRegular",serif;
                color: #242221;
                margin: 0
            }

            .findDealer .content-list .item-list .item p {
                font-family: "CupraLight",serif;
                color: #242221;
                font-size: 12px;
                line-height: 20px;
                margin: 0
            }

            .findDealer .content-list .item-list .item .tlf {
                font-family: "CupraLight",serif;
                color: #242221;
                font-size: 12px;
                line-height: 20px
            }

            .findDealer .content-list .item-list .item .item-footer {
                display: flex;
                justify-content: space-between;
                align-items: flex-end
            }

                .findDealer .content-list .item-list .item .item-footer .cupra-item-badge {
                    font-family: "CupraLight",serif;
                    font-size: 14px;
                    line-height: 19px
                }

                    .findDealer .content-list .item-list .item .item-footer .cupra-item-badge .bold {
                        font-family: "CupraBold",serif
                    }

                .findDealer .content-list .item-list .item .item-footer .iconList {
                    display: flex;
                    margin: 24px 0 0;
                    height: 19px
                }

                    .findDealer .content-list .item-list .item .item-footer .iconList img {
                        display: none;
                        height: 19px;
                        width: 19px
                    }

                    .findDealer .content-list .item-list .item .item-footer .iconList .show {
                        display: inline-block
                    }

                    .findDealer .content-list .item-list .item .item-footer .iconList .car-icon {
                        margin-right: 16px
                    }

                    .findDealer .content-list .item-list .item .item-footer .iconList .services-icon {
                        margin-right: 16px
                    }

            .findDealer .content-list .item-list .item:hover, .findDealer .content-list .item-list .item.selected {
                background: #f8f8f8
            }

.findDealer .dealerInfoWrapper {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, #fff 26%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, #fff 26%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, #fff 26%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    position: absolute;
    top: 152px;
    min-height: calc(100vh - 212px);
    max-height: calc(100vh - 212px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
    display: none;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 10
}

    .findDealer .dealerInfoWrapper .dealerInfoSkeleton {
        overflow: visible;
        height: 100%;
        z-index: 10;
        position: relative
    }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones {
            display: flex;
            flex-direction: row;
            width: 100%
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a {
                background-color: #fff;
                display: inline-block;
                margin: 1px 0;
                flex: 1 1 33.3%;
                border-right: 1px solid #dedad4;
                text-align: center;
                padding: 32px 0 8px;
                font-family: "CupraLight",serif;
                font-size: 12px;
                line-height: 20px;
                color: #242221;
                height: 56px
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.callButton {
                    background: url(main/img/fd-icon_telephone.svg) no-repeat #fff;
                    background-size: 14px 16px;
                    background-position: center 16px
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.indicationButton {
                    background: url(main/img/fd-icon_route.svg) no-repeat #fff;
                    background-size: 21px 18px;
                    background-position: center 16px
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.webButton {
                    background: url(main/img/fd-icon_distributor.svg) no-repeat #fff;
                    background-size: 18px 19px;
                    background-position: center 16px;
                    border: none
                }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
            background: #fff;
            padding: 16px 16px 24px
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content h2 {
                font-family: "CupraRegular",serif;
                font-size: 16px;
                line-height: 26px;
                color: #242221;
                padding: 0;
                margin-bottom: 16px
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul {
                margin: 0 0 24px;
                padding: 0
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li {
                    list-style: none;
                    color: #242221;
                    font-family: "CupraLight",serif;
                    font-size: 12px;
                    line-height: 20px;
                    padding-left: 32px;
                    margin-bottom: 8px
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li a {
                        color: #242221;
                        text-decoration: underline
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.address {
                        background: url(main/img/fd-icon_indications.svg) no-repeat 4px 4px
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail-container {
                        background: url("main/img/fd-icon_mail.svg") no-repeat 2px 8px;
                        position: relative;
                        display: block;
                        width: -moz-fit-content;
                        width: fit-content;
                        max-width: 100%
                    }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail-container a.mail {
                            font-family: "CupraRegular",serif;
                            font-size: 14px;
                            line-height: 20px;
                            cursor: pointer;
                            color: #242221;
                            padding: 0px;
                            text-decoration: underline;
                            word-break: break-all;
                            display: block;
                            height: auto
                        }

                            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail-container a.mail:hover {
                                opacity: 0.6
                            }

                                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail-container a.mail:hover::after {
                                    opacity: 0.6
                                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.phone {
                        background: url(main/img/fd-icon_telephone.svg) no-repeat 4px center;
                        padding-left: 22px
                    }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content a {
                width: 100%;
                margin-bottom: 8px;
                height: 48px;
                padding: 10px
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button {
                width: 100%;
                background: transparent;
                border: 0;
                text-align: left;
                cursor: pointer;
                font-family: "CupraRegular",serif;
                font-size: 14px;
                line-height: 24px;
                color: #242221;
                border-bottom: 1px solid #D5D5D5;
                padding: 16px 16px 16px 32px;
                position: relative
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button:active, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button:focus {
                    outline: none
                }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body {
                padding: 16px 0 0
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .contactInfo h6 {
                    font-family: "CupraLight",serif;
                    font-size: 12px;
                    line-height: 20px;
                    color: #242221
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule h6 {
                    font-family: "CupraRegular",serif;
                    font-size: 12px;
                    line-height: 20px;
                    color: #242221
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul {
                    font-family: "CupraRegular",serif;
                    margin: 0;
                    padding: 0
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li {
                        font-family: "CupraRegular",serif;
                        margin: 0 0 16px 0;
                        padding: 0;
                        font-size: 12px;
                        line-height: 20px
                    }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li:last-child {
                            margin: 0
                        }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li span {
                            font-family: "CupraRegular",serif;
                            font-size: 14px;
                            line-height: 20px;
                            color: #242221
                        }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li p {
                            font-family: "CupraRegular",serif;
                            font-size: 14px;
                            line-height: 20px;
                            color: #242221;
                            margin-bottom: 0px
                        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.showroom button {
                background: url(main/img/fd-icon_car.svg) no-repeat 2px center
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.after-sales {
                display: none
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.after-sales button {
                    background: url(main/img/fd-icon_services.svg) no-repeat 7px center
                }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.express {
                display: none
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.express button {
                    background: url(main/img/fd-icon_express_services.svg) no-repeat 8px center
                }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content .cupra-item-badge {
                background: #F5F5F5;
                border-radius: 3px;
                padding: 0 6px;
                font-family: "CupraLight",serif;
                font-size: 16px;
                margin: 16px 0 20px 0;
                min-width: 150px
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content .cupra-item-badge .bold {
                    font-family: "CupraBold",serif
                }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .back {
            cursor: pointer
        }

    .findDealer .dealerInfoWrapper.show {
        display: block
    }

.findDealer .mobileInfoWindow {
    display: none;
    min-height: 89px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 16px
}

    .findDealer .mobileInfoWindow h5 {
        font-family: "CupraRegular",serif;
        font-size: 14px;
        line-height: 24px;
        color: #242221
    }

    .findDealer .mobileInfoWindow a {
        background: url(main/img/fd-icon_telephone.svg) no-repeat 4px center;
        font-family: "CupraLight",serif;
        font-size: 12px;
        line-height: 20px;
        padding-left: 24px;
        color: #242221
    }

.findDealer .return {
    cursor: pointer;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    margin: 0 0 0 8px;
    line-height: 44px;
    display: none;
    justify-content: center;
    align-items: center;
    display: none;
    text-align: center
}

    .findDealer .return span {
        display: none
    }

    .findDealer .return img {
        transform: rotate(-90deg)
    }

.findDealer .backSection {
    display: none;
    background: #fff;
    width: 100%;
    border-radius: 0px;
    margin: 0;
    align-content: flex-start;
    justify-content: flex-start;
    padding: 0 16px 24px;
    cursor: pointer
}

    .findDealer .backSection span {
        font-family: "CupraMedium",serif;
        font-size: 14px;
        line-height: 24px
    }

    .findDealer .backSection img {
        transform: rotate(180deg);
        margin-right: 8px;
        width: 10px;
        height: 15px;
        align-self: center
    }

.findDealer .gm-style-iw h5 {
    font-family: "CupraRegular",serif;
    font-size: 16px;
    line-height: 26px;
    color: #242221
}

.findDealer .gm-style-iw a {
    text-decoration: none;
    font-family: "CupraLight",serif;
    font-size: 16px;
    line-height: 26px;
    color: #242221
}

.findDealer .gm-style-iw div.icon-services-list {
    margin-top: 8px
}

    .findDealer .gm-style-iw div.icon-services-list span {
        margin-right: 16px;
        width: 19px;
        height: 22px
    }

    .findDealer .gm-style-iw div.icon-services-list .car {
        background: url(main/img/fd-icon_car.svg) no-repeat center center;
        background-size: 16px 12px;
        display: inline-block;
        font-size: 0
    }

    .findDealer .gm-style-iw div.icon-services-list .services {
        background: url(main/img/fd-icon_services.svg) no-repeat center center;
        background-size: 13px 17px;
        display: inline-block;
        font-size: 0
    }

    .findDealer .gm-style-iw div.icon-services-list .express-services {
        background: url(main/img/fd-icon_express_services.svg) no-repeat center center;
        background-size: 14px 14px;
        display: inline-block;
        font-size: 0
    }

.findDealer .available-infoWindow {
    display: inline-block;
    margin-left: 72px
}

.findDealer .badge-launcher {
    font-family: "CupraLight",serif;
    background: #F5F5F5;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    z-index: 8
}

    .findDealer .badge-launcher .badge {
        font-size: 16px;
        line-height: 19px
    }

    .findDealer .badge-launcher .bold {
        font-family: "CupraBold",serif
    }

    .findDealer .badge-launcher .cta {
        font-family: "CupraRegular",serif
    }

.findDealer .badge-specialized {
    background: #F5F5F5;
    position: absolute;
    bottom: -100%;
    min-height: 260px;
    z-index: 10;
    width: 100%
}

    .findDealer .badge-specialized .eyebrow {
        font-family: "CupraLight",serif;
        color: #242221;
        font-size: 12px;
        text-align: center;
        margin-bottom: 0px;
        margin-top: 24px;
        width: 100%
    }

    .findDealer .badge-specialized .title {
        color: #242221;
        font-family: "CupraLight",serif;
        color: #242221;
        text-align: center;
        font-size: 24px;
        margin-bottom: 0px
    }

        .findDealer .badge-specialized .title .bold {
            font-family: "CupraBold",serif
        }

    .findDealer .badge-specialized .description {
        color: #242221;
        font-family: "CupraRegular",serif;
        font-size: 12px;
        text-align: center;
        line-height: 19px;
        max-width: 194px;
        margin: 24px auto 24px auto;
        max-height: calc(19px*6 + 1px);
        overflow: hidden
    }

    .findDealer .badge-specialized .cta-container {
        text-align: center
    }

@media screen and (max-width: 763px) {
    .findDealer .badge-specialized .cta-container {
        padding-bottom: 8px
    }
}

.findDealer .badge-specialized .cta-container .cta {
    font-family: "CupraRegular",serif
}

.findDealer .cupra-specialist {
    border-left: 5px solid #0B3C4A
}

    .findDealer .cupra-specialist.last {
        margin-bottom: 8px !important
    }

.findDealer .mobile-dealer-buttons {
    width: 100%;
    position: absolute;
    bottom: 70px;
    overflow: hidden
}

    .findDealer .mobile-dealer-buttons .show-dealer-button {
        background: #fff;
        border-radius: 18px;
        font-family: "CupraMedium",serif;
        font-size: 12px;
        color: #242221;
        height: 36px;
        line-height: 36px;
        margin: 0 auto;
        border: none;
        padding: 0 16px;
        display: block
    }

.findDealer .cluster-number {
    position: absolute;
    top: -18px;
    right: 14px;
    color: #242221
}

.pac-container {
    left: 0 !important;
    width: calc(100% - 32px) !important;
    margin-left: 16px;
    background: transparent;
    box-shadow: none;
    border: none;
    z-index: 12;
    top: 60px !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2)
}

    .pac-container .pac-item {
        background: #fff;
        padding: 8px 8px 8px 40px;
        list-style: none;
        background: url(main/img/fd-icon_indications.svg) 16px 15px no-repeat #fff !important;
        background-size: 10px 15px !important;
        border: none;
        cursor: pointer;
        min-height: 48px
    }

        .pac-container .pac-item .pac-icon {
            display: none
        }

        .pac-container .pac-item span {
            font-family: "CupraLight",serif;
            margin: 0;
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            max-height: calc(24px*2 + 1px);
            overflow: hidden
        }

        .pac-container .pac-item .pac-item-query {
            font-weight: 100
        }

            .pac-container .pac-item .pac-item-query .pac-matched {
                font-family: "CupraRegular",serif
            }

        .pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected {
            background-color: #dedad4 !important
        }

    .pac-container:after {
        display: none
    }

@media (min-width: 764px) {
    .findDealer {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: calc(100% - 60px)
    }

        .findDealer .container-fluid {
            padding: 0 24px 0px 24px;
            position: relative;
            overflow: hidden
        }

        .findDealer #map-fd {
            height: calc(100vh - 92px)
        }

        .findDealer .hidden-m {
            display: none
        }

        .findDealer .cont-module {
            padding: 16px 0px 0px 40px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: auto;
            height: auto
        }

            .findDealer .cont-module .searcherBox {
                background: #fff;
                padding: 0px;
                box-shadow: 0 2px 4px 0 rgba(15,15,15,0.2);
                width: 304px
            }

                .findDealer .cont-module .searcherBox h3 {
                    font-family: "CupraLight",serif;
                    font-size: 20px;
                    line-height: 30px;
                    color: #242221;
                    margin: 16px 16px 8px;
                    display: inline-block
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs {
                    padding: 8px 0;
                    display: flex;
                    flex-direction: row
                }

                    .findDealer .cont-module .searcherBox .searcherBoxInputs input {
                        background: transparent;
                        border: 0;
                        font-family: "CupraLight",serif;
                        font-size: 14px;
                        line-height: 24px;
                        color: #242221
                    }

                        .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="button"] {
                            min-width: 14px;
                            min-height: 14px;
                            padding: 8px 16px;
                            box-sizing: unset;
                            cursor: pointer
                        }

                        .findDealer .cont-module .searcherBox .searcherBoxInputs input.GPSButton[type="button"] {
                            border-right: 1px solid #dedad4;
                            min-width: 14px;
                            min-height: 14px
                        }

                        .findDealer .cont-module .searcherBox .searcherBoxInputs input.ClearButton[type="button"] {
                            background-size: 10px 10px;
                            padding: 8px 0 8px
                        }

                        .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                            width: 100%;
                            padding: 0 0 0 14px
                        }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block
                }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element:last-child {
                        margin-bottom: 0px
                    }

            .findDealer .cont-module .ListResultsBox {
                position: relative;
                background: #fff;
                box-shadow: 0 4px 4px 0 rgba(15,15,15,0.2);
                margin-top: -64px
            }

                .findDealer .cont-module .ListResultsBox ul {
                    margin: 0;
                    padding: 0
                }

                    .findDealer .cont-module .ListResultsBox ul li {
                        background: #fff;
                        padding: 8px 24px 8px 40px;
                        list-style: none;
                        background: url(main/img/icon-location.svg) 16px center no-repeat;
                        background-size: 10px 15px;
                        cursor: pointer
                    }

                        .findDealer .cont-module .ListResultsBox ul li p {
                            margin: 0;
                            font-size: 14px;
                            line-height: 26px;
                            color: rgba(36,34,33,0.6);
                            max-height: calc(26px*2 + 1px);
                            overflow: hidden
                        }

                        .findDealer .cont-module .ListResultsBox ul li:hover {
                            background-color: #f5f5f5
                        }

                            .findDealer .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold
                            }

            .findDealer .cont-module .noResultsBox {
                background: url(main/img/fd-icon_no_result.svg) center 4px no-repeat;
                background-color: #fff;
                background-size: 33px 33px;
                box-shadow: 0 4px 4px 0 rgba(15,15,15,0.2);
                flex-direction: column;
                justify-content: end;
                text-align: center;
                padding: 56px 16px 24px
            }

                .findDealer .cont-module .noResultsBox p {
                    font-family: "CupraLight",serif;
                    font-size: 14px;
                    line-height: 24px;
                    color: #242221;
                    margin: 0
                }

        .findDealer .content-list {
            top: calc(0vh + 230px);
            left: 48px;
            width: 304px;
            z-index: 11;
            height: auto
        }

            .findDealer .content-list .header-mobile {
                cursor: default
            }

                .findDealer .content-list .header-mobile .forza, .findDealer .content-list .header-mobile .arrow {
                    display: none
                }

            .findDealer .content-list .item-list {
                box-shadow: 0 4px 4px 0 rgba(15,15,15,0.2);
                display: block;
                height: auto;
                max-height: calc(100vh - 447px);
                position: relative
            }

                .findDealer .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 16px;
                    cursor: pointer
                }

                    .findDealer .content-list .item-list .item h3 {
                        line-height: 26px;
                        font-size: 16px;
                        font-family: "CupraRegular",serif;
                        color: #242221;
                        margin: 8px 0 0
                    }

                    .findDealer .content-list .item-list .item p {
                        font-family: "CupraLight",serif;
                        color: #242221;
                        font-size: 14px;
                        line-height: 24px;
                        margin: 0
                    }

                    .findDealer .content-list .item-list .item .tlf {
                        color: #242221;
                        font-size: 14px;
                        line-height: 24px
                    }

                    .findDealer .content-list .item-list .item .iconList {
                        margin: 32px 0 8px;
                        height: auto
                    }

                    .findDealer .content-list .item-list .item .dot-petrol {
                        display: inline-block;
                        width: 4px;
                        height: 4px;
                        border-radius: 50%;
                        background: #0B3C4A;
                        vertical-align: middle;
                        margin-right: 24px;
                        margin-left: 16px
                    }

                    .findDealer .content-list .item-list .item .hidden-s {
                        display: inline-block
                    }

            .findDealer .content-list .badge-item-list {
                height: 48px;
                line-height: 32px;
                background: #F5F5F5;
                padding: 8px 16px;
                overflow: hidden;
                margin-top: 2px;
                margin-bottom: 1px
            }

                .findDealer .content-list .badge-item-list .cupra-badge {
                    font-size: 16px;
                    font-family: "CupraLight",serif
                }

                    .findDealer .content-list .badge-item-list .cupra-badge .bold {
                        font-family: "CupraBold",serif
                    }

                .findDealer .content-list .badge-item-list a.cta span {
                    font-size: 14px;
                    font-family: "CupraRegular",serif;
                    line-height: 26px
                }

        .findDealer .dealerInfoWrapper {
            background: none;
            top: 225px;
            width: 304px;
            left: 48px;
            height: auto;
            overflow: auto;
            min-height: auto;
            max-height: calc(100vh - 398px);
            box-shadow: 0 2px 4px 0 rgba(15,15,15,0.2)
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .cupra-item-badge {
                background: #D5D5D5;
                font-family: "CupraLight",serif;
                font-size: 16px;
                border-radius: 3px;
                width: -moz-fit-content;
                width: fit-content;
                max-width: 170px
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .cupra-item-badge .bold {
                    font-family: "CupraBold",serif
                }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
                padding: 24px 16px 24px
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content h2 {
                    margin-bottom: 24px
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li {
                    font-size: 14px;
                    line-height: 24px;
                    margin-bottom: 16px
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail {
                        font-size: 14px;
                        line-height: 24px;
                        margin-bottom: 32px
                    }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion {
                    margin-top: 8px
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body ul {
                        margin: 0 0 16px
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .contactInfo h6 {
                        font-size: 14px;
                        line-height: 24px
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .contactInfo ul li {
                        margin-bottom: 8px
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule h6 {
                        font-size: 16px;
                        line-height: 24px;
                        font-family: "CupraLight",serif
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li span, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li p {
                        font-size: 14px;
                        line-height: 24px;
                        font-family: "CupraRegular",serif
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .monday, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .tuesday, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .wednesday, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .thursday, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .friday, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .saturday, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .sunday {
                        display: none
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .v {
                        display: block
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule .hours {
                        font-size: 14px;
                        line-height: 26px;
                        font-family: "CupraRegular",serif
                    }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a {
                height: 58px
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.webButton, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.indicationButton, .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a .callButton {
                    background-position: center 12px
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.webButton {
                    background-size: 18px 18px
                }

        .findDealer .hidden-m {
            display: none
        }

        .findDealer .hidden-s {
            display: block
        }

        .findDealer a.hidden-s {
            display: inline
        }

        .findDealer .badge-specialized {
            background: #F5F5F5;
            position: absolute;
            top: 231px;
            bottom: auto;
            min-height: 226px;
            height: auto;
            padding: 16px 20px 32px 20px;
            left: 48px;
            width: 304px;
            z-index: 1;
            box-shadow: 0 2px 4px 0 rgba(15,15,15,0.2)
        }

            .findDealer .badge-specialized .eyebrow {
                font-size: 12px;
                color: #242221;
                letter-spacing: 0;
                text-align: center;
                line-height: 26px;
                margin-bottom: 0px;
                margin-top: 0px
            }

            .findDealer .badge-specialized .title {
                font-size: 28px;
                margin-bottom: 0px
            }

            .findDealer .badge-specialized .description {
                max-width: 194px;
                font-size: 12px;
                text-align: center;
                line-height: 18px;
                margin: 24px auto 16px auto;
                max-height: calc(18px*6 + 1px)
            }

    .pac-container {
        margin-left: 48px;
        top: 120px !important;
        width: 304px !important
    }
}

@media (min-width: 1016px) {
    .findDealer {
        height: calc(100vh - 100px)
    }

        .findDealer #map-fd {
            height: calc(100vh - 132px)
        }

        .findDealer .cont-module .searcherBox {
            width: 344px;
            min-height: auto
        }

            .findDealer .cont-module .searcherBox h3 {
                margin: 24px 24px 8px
            }

            .findDealer .cont-module .searcherBox .searcherBoxInputs {
                padding: 8px 8px;
                height: 48px
            }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                    font-size: 16px;
                    line-height: 26px
                }

            .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
                padding: 16px 24px 24px
            }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element:last-child {
                    margin-bottom: 0px
                }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                    font-size: 12px;
                    line-height: 26px
                }

            .findDealer .cont-module .searcherBox .content-list .header-mobile span {
                line-height: 26px
            }

            .findDealer .cont-module .searcherBox .content-list .center {
                font-size: 16px
            }

        .findDealer .cont-module .noResultsBox {
            background-size: 44px 44px;
            padding: 88px 16px 32px;
            background-position-y: 25px
        }

            .findDealer .cont-module .noResultsBox p {
                line-height: 26px;
                font-size: 16px
            }

        .findDealer .content-list {
            width: 344px;
            height: 70px;
            margin-top: -24px
        }

            .findDealer .content-list .header-mobile {
                padding: 0 24px
            }

                .findDealer .content-list .header-mobile span {
                    line-height: 26px
                }

                .findDealer .content-list .header-mobile .center {
                    font-size: 16px
                }

            .findDealer .content-list .item-list {
                max-height: calc(100vh - 475px)
            }

                .findDealer .content-list .item-list .item {
                    padding: 16px 24px
                }

        .findDealer .dealerInfoWrapper {
            width: 344px;
            max-height: calc(100vh - 444px);
            border-top: 2px solid transparent
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones {
                display: none
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
                padding: 24px
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li {
                    line-height: 26px;
                    font-size: 16px
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail {
                        line-height: 26px;
                        font-size: 16px
                    }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button {
                    line-height: 26px;
                    font-size: 16px
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li p {
                    line-height: 26px;
                    font-size: 16px
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li span {
                    line-height: 26px;
                    font-size: 16px
                }

        .findDealer .badge-item-list {
            display: flex;
            justify-content: space-between
        }

        .findDealer .badge-specialized {
            top: 247px;
            left: 48px;
            width: 344px
        }

            .findDealer .badge-specialized .title {
                text-align: center;
                width: 100%
            }

        .findDealer .backSection {
            padding: 0 24px 24px;
            margin: 0 0 1px
        }

            .findDealer .backSection span {
                line-height: 26px;
                font-size: 16px
            }

    .pac-container {
        width: 344px !important;
        top: 127px !important
    }

        .pac-container .pac-item {
            background-position-x: 24px !important;
            padding: 8px 8px 8px 53px
        }

            .pac-container .pac-item span {
                font-size: 16px;
                line-height: 26px
            }
}

@media (min-width: 1436px) {
    .findDealer .cont-module {
        padding: 32px 0 32px 56px
    }

    .findDealer .content-list {
        top: 231px;
        left: 64px
    }

        .findDealer .content-list .item-list {
            max-height: calc(100vh - 490px)
        }

    .findDealer .dealerInfoWrapper {
        left: 64px;
        top: 262px;
        max-height: calc(100vh - 457px)
    }

    .findDealer .badge-specialized {
        top: 263px;
        left: 64px
    }

    .pac-container {
        top: 143px !important;
        margin-left: 64px
    }
}

.formStates {
    font-family: "CupraLight",serif
}

@keyframes slideUp {
    0% {
        opacity: 0
    }

    100% {
        top: -2px;
        opacity: 1
    }
}

@keyframes closeDropdown {
    0% {
        opacity: 1;
        top: 0
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

.formStates .container-fluid {
    max-width: 1436px
}

.formStates .margin-top-8 {
    margin-top: 8px
}

.formStates .margin-top-40 {
    margin-top: 40px
}

.formStates .margin-bottom-16 {
    margin-bottom: 16px
}

.formStates .margin-bottom-32 {
    margin-bottom: 40px
}

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

.formStates .margin-bottom-64 {
    margin-bottom: 64px
}

.formStates .row hr {
    width: 100%;
    margin-left: 16px;
    margin-right: 16px
}

.formStates .row.flex-column .col-12 {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.formStates hr {
    border-color: rgba(36,34,33,0.3)
}

.formStates .hidden {
    display: none !important;
    visibility: hidden !important
}

.formStates .clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.formStates .subtitle {
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221;
    margin-bottom: 40px
}

    .formStates .subtitle.text-black-60 {
        color: rgba(36,34,33,0.6)
    }

.formStates .richtext {
    margin-bottom: 32px
}

    .formStates .richtext, .formStates .richtext p {
        color: #242221;
        font-size: 12px;
        line-height: 20px;
        font-family: "CupraLight",serif
    }

        .formStates .richtext.subtitle, .formStates .richtext p.subtitle {
            font-size: 14px;
            line-height: 24px
        }

        .formStates .richtext b, .formStates .richtext p b {
            font-family: "CupraRegular",serif
        }

        .formStates .richtext p {
            margin-bottom: 24px
        }

            .formStates .richtext p:last-child {
                margin-bottom: 0
            }

.formStates .disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none
}

    .formStates .disabled .titleDropDown {
        opacity: 0.4
    }

.formStates .error {
    position: absolute;
    font-family: "CupraRegular",serif;
    font-size: 12px;
    line-height: 20px;
    color: #ff7d7d
}

.formStates .errorText {
    font-family: "CupraRegular",serif;
    font-size: 16px;
    line-height: 26px;
    color: #ff7d7d
}

.formStates .form-group, .formStates .input-group {
    position: relative;
    margin-bottom: 32px;
    text-align: left
}

    .formStates .form-group.date, .formStates .input-group.date {
        margin-bottom: 48px
    }

    .formStates .form-group.margin-bottom-40, .formStates .input-group.margin-bottom-40 {
        margin-bottom: 40px
    }

    .formStates .form-group .intl-tel-input.allow-dropdown, .formStates .input-group .intl-tel-input.allow-dropdown {
        margin-top: 8px
    }

    .formStates .form-group input[type="text"], .formStates .form-group input[type="email"], .formStates .form-group input[type="tel"], .formStates .form-group input[type="password"], .formStates .input-group input[type="text"], .formStates .input-group input[type="email"], .formStates .input-group input[type="tel"], .formStates .input-group input[type="password"] {
        margin-top: 8px
    }

    .formStates .form-group input[type="text"], .formStates .form-group input[type="email"], .formStates .form-group input[type="tel"], .formStates .form-group input[type="password"], .formStates .form-group textarea, .formStates .form-group button, .formStates .form-group select, .formStates .input-group input[type="text"], .formStates .input-group input[type="email"], .formStates .input-group input[type="tel"], .formStates .input-group input[type="password"], .formStates .input-group textarea, .formStates .input-group button, .formStates .input-group select {
        transition: border-bottom 100ms ease;
        -webkit-appearance: none;
        appearance: none
    }

        .formStates .form-group input[type="text"]:focus, .formStates .form-group input[type="text"]:hover, .formStates .form-group input[type="email"]:focus, .formStates .form-group input[type="email"]:hover, .formStates .form-group input[type="tel"]:focus, .formStates .form-group input[type="tel"]:hover, .formStates .form-group input[type="password"]:focus, .formStates .form-group input[type="password"]:hover, .formStates .form-group textarea:focus, .formStates .form-group textarea:hover, .formStates .form-group button:focus, .formStates .form-group button:hover, .formStates .form-group select:focus, .formStates .form-group select:hover, .formStates .input-group input[type="text"]:focus, .formStates .input-group input[type="text"]:hover, .formStates .input-group input[type="email"]:focus, .formStates .input-group input[type="email"]:hover, .formStates .input-group input[type="tel"]:focus, .formStates .input-group input[type="tel"]:hover, .formStates .input-group input[type="password"]:focus, .formStates .input-group input[type="password"]:hover, .formStates .input-group textarea:focus, .formStates .input-group textarea:hover, .formStates .input-group button:focus, .formStates .input-group button:hover, .formStates .input-group select:focus, .formStates .input-group select:hover {
            outline: none
        }

        .formStates .form-group input[type="text"]::-ms-expand, .formStates .form-group input[type="email"]::-ms-expand, .formStates .form-group input[type="tel"]::-ms-expand, .formStates .form-group input[type="password"]::-ms-expand, .formStates .form-group textarea::-ms-expand, .formStates .form-group button::-ms-expand, .formStates .form-group select::-ms-expand, .formStates .input-group input[type="text"]::-ms-expand, .formStates .input-group input[type="email"]::-ms-expand, .formStates .input-group input[type="tel"]::-ms-expand, .formStates .input-group input[type="password"]::-ms-expand, .formStates .input-group textarea::-ms-expand, .formStates .input-group button::-ms-expand, .formStates .input-group select::-ms-expand {
            display: none
        }

        .formStates .form-group input[type="text"]::-ms-clear, .formStates .form-group input[type="email"]::-ms-clear, .formStates .form-group input[type="tel"]::-ms-clear, .formStates .form-group input[type="password"]::-ms-clear, .formStates .form-group input[type="password"]::-ms-reveal, .formStates .input-group input[type="text"]::-ms-clear, .formStates .input-group input[type="email"]::-ms-clear, .formStates .input-group input[type="tel"]::-ms-clear, .formStates .input-group input[type="password"]::-ms-clear, .formStates .input-group input[type="password"]::-ms-reveal {
            display: none !important
        }

        .formStates .form-group input[type="text"]:focus, .formStates .form-group select:focus, .formStates .form-group input[type="password"]:focus, .formStates .form-group input[type="email"]:focus textarea:focus, .formStates .input-group input[type="text"]:focus, .formStates .input-group select:focus, .formStates .input-group input[type="password"]:focus, .formStates .input-group input[type="email"]:focus textarea:focus {
            -webkit-text-size-adjust: 100%
        }

        .formStates .form-group input:-webkit-autofill, .formStates .form-group input:-webkit-autofill:hover, .formStates .form-group input:-webkit-autofill:focus, .formStates .form-group textarea:-webkit-autofill, .formStates .form-group textarea:-webkit-autofill:hover, .formStates .form-group textarea:-webkit-autofill:focus, .formStates .form-group select:-webkit-autofill, .formStates .form-group select:-webkit-autofill:hover, .formStates .form-group select:-webkit-autofill:focus, .formStates .input-group input:-webkit-autofill, .formStates .input-group input:-webkit-autofill:hover, .formStates .input-group input:-webkit-autofill:focus, .formStates .input-group textarea:-webkit-autofill, .formStates .input-group textarea:-webkit-autofill:hover, .formStates .input-group textarea:-webkit-autofill:focus, .formStates .input-group select:-webkit-autofill, .formStates .input-group select:-webkit-autofill:hover, .formStates .input-group select:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0px 1000px transparent inset;
            box-shadow: 0 0 0px 1000px transparent inset;
            transition: background-color 5000s ease-in-out 0s;
            background-color: transparent !important;
            color: #242221 !important
        }

    .formStates .form-group label, .formStates .input-group label {
        font-family: "CupraLight",serif;
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        position: absolute;
        top: 0;
        display: inline-block;
        margin-bottom: 0;
        padding: 0;
        pointer-events: none;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

        .formStates .form-group label.textarea-label, .formStates .input-group label.textarea-label {
            position: static;
            font-family: "CupraBook",serif;
            margin-bottom: 8px
        }

        .formStates .form-group label.active, .formStates .form-group label.lc--active, .formStates .form-group label.fixed, .formStates .input-group label.active, .formStates .input-group label.lc--active, .formStates .input-group label.fixed {
            top: -20px;
            font-size: 12px;
            line-height: 20px;
            font-family: "CupraMedium",serif
        }

    .formStates .form-group .inputDescription, .formStates .input-group .inputDescription {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        transition: none
    }

.formStates input::-webkit-caps-lock-indicator, .formStates input::-webkit-credentials-auto-fill-button {
    display: none
}

.formStates .intl-tel-input {
    display: block
}

.formStates .input-group .input-group-btn {
    vertical-align: top;
    position: absolute;
    right: 0;
    z-index: 1
}

    .formStates .input-group .input-group-btn .lock {
        pointer-events: none
    }

    .formStates .input-group .input-group-btn.showpass {
        z-index: 3
    }

    .formStates .input-group .input-group-btn img {
        width: 24px;
        height: 24px;
        margin-top: 16px;
        position: relative
    }

    .formStates .input-group .input-group-btn.getGeoLocation img {
        margin-top: -8px
    }

    .formStates .input-group .input-group-btn .geolocating, .formStates .input-group .input-group-btn .eye, .formStates .input-group .input-group-btn .icon-calendar, .formStates .input-group .input-group-btn .icon-time, .formStates .input-group .input-group-btn .block {
        display: inline-block;
        width: 20px;
        height: 26px;
        margin-bottom: 16px
    }

    .formStates .input-group .input-group-btn .geolocating {
        background: transparent url("main/img/df-icon_indications.svg") no-repeat scroll top left
    }

    .formStates .input-group .input-group-btn .icon-calendar {
        background: transparent url("main/img/df-icon_calendar.svg") no-repeat scroll top left
    }

    .formStates .input-group .input-group-btn .eye {
        width: 24px;
        height: 24px;
        background: transparent url("main/img/df-icon_hide_pass.svg") no-repeat scroll top left;
        background-size: 24px 24px;
        background-position: -1px center;
        transition: unset
    }

        .formStates .input-group .input-group-btn .eye.open {
            background: transparent url("main/img/df-icon_show_pass.svg") no-repeat scroll top left;
            background-size: 23px 24px;
            width: 24px;
            height: 24px;
            background-position: 0px center;
            transition: unset;
            margin-top: 5px
        }

        .formStates .input-group .input-group-btn .eye .load-background-icon {
            background-image: url("main/img/df-icon_show_pass.svg")
        }

        .formStates .input-group .input-group-btn *::-ms-backdrop, .formStates .input-group .input-group-btn .eye.open {
            margin-top: 4.8px
        }

    .formStates .input-group .input-group-btn .block {
        width: 14px;
        height: 24px;
        background: transparent url("main/img/df-icon_input_locked.svg") no-repeat scroll top left;
        background-size: 14px 24px
    }

    .formStates .input-group .input-group-btn .icon-time {
        width: 24px;
        margin-top: -6px;
        margin-bottom: 0;
        background: transparent url("main/img/df-icon_clock.svg") no-repeat scroll top left
    }

    .formStates .input-group .input-group-btn[disabled='disabled'] {
        opacity: 1
    }

        .formStates .input-group .input-group-btn[disabled='disabled'] .geolocating {
            cursor: default
        }

    .formStates .input-group .input-group-btn .btn {
        padding: 0
    }

.formStates .input-group .input-group-addon {
    padding: 0;
    border: none;
    position: absolute;
    right: 0;
    bottom: 8px;
    z-index: 2
}

.formStates .input-group .form-control-block {
    position: absolute;
    z-index: 3;
    display: block;
    top: 12px;
    right: 8px;
    width: 30px;
    height: 30px
}

    .formStates .input-group .form-control-block img {
        width: 30px;
        height: 30px
    }

.formStates .input-group .form-control + .form-control-block, .formStates .input-group .form-control + .errorText + .form-control-block {
    right: 80px
}

.formStates .input-group .input-group-btn + .form-control + .form-control-block {
    right: 8px
}

.formStates .input-group.date .input-group-addon, .formStates .input-group.time .input-group-addon {
    vertical-align: middle;
    z-index: 0;
    bottom: 13px;
    right: 10px;
    cursor: default
}

    .formStates .input-group.date .input-group-addon .btn, .formStates .input-group.time .input-group-addon .btn {
        cursor: default;
        height: inherit;
        padding: 0
    }

.formStates legend {
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221;
    margin-bottom: 8px
}

.formStates .form-control {
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221;
    position: relative;
    padding: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #d5d5d5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    transition: border-bottom 100ms ease;
    padding-bottom: 8px
}

    .formStates .form-control::-webkit-input-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .formStates .form-control::-moz-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .formStates .form-control:-ms-input-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .formStates .form-control:-moz-placeholder {
        color: rgba(36,34,33,0.6)
    }

    .formStates .form-control.error {
        position: relative;
        border-bottom: 1px solid #ff7d7d;
        font-size: 14px;
        line-height: 24px;
        color: #242221
    }

    .formStates .form-control.valid {
        border-bottom: 1px solid rgba(0,60,74,0.35)
    }

.formStates .form-control-feedback, .formStates .form-control-block {
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    width: 24px;
    height: 24px
}

    .formStates .form-control-feedback img, .formStates .form-control-block img {
        width: 24px;
        height: auto
    }

.formStates .form-control-feedback {
    z-index: 2
}

    .formStates .form-control-feedback img {
        width: 12px
    }

.formStates .form-control-block {
    z-index: 3
}

.formStates .form-control[readonly] {
    color: rgba(36,34,33,0.6);
    opacity: 1;
    pointer-events: none;
    cursor: default
}

    .formStates .form-control[readonly] + .input-group-btn {
        pointer-events: none;
        cursor: default
    }

.formStates .date-time .form-control:focus {
    border-color: #333;
    box-shadow: none
}

.formStates .form-control-feedback-2 {
    width: 100%
}

.formStates .form-control-feedback:not(.hidden) + a span.form-control-block, .formStates .form-control-feedback:not(.hidden) + .form-control-feedback + a span.form-control-block, .formStates .form-control-feedback + .form-control-feedback:not(.hidden) + a + a span.form-control-block, .formStates .form-control-feedback:not(.hidden) + .form-control-feedback.hidden + a + a span.form-control-block {
    right: 48px
}

.formStates .checkbox-inline {
    padding-left: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative
}

    .formStates .checkbox-inline a {
        font-family: "CupraRegular",serif;
        color: #242221;
        text-decoration: underline;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

        .formStates .checkbox-inline a:hover {
            color: rgba(36,34,33,0.6)
        }

    .formStates .checkbox-inline .inputDescription {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        transition: none
    }

    .formStates .checkbox-inline.margin-bottom-64 {
        margin-bottom: 64px
    }

    .formStates .checkbox-inline.margin-bottom-40 {
        margin-bottom: 40px
    }

.formStates .checkbox {
    position: relative;
    display: inline-block;
    margin: 0
}

    .formStates .checkbox:focus {
        outline: none
    }

    .formStates .checkbox label {
        font-family: "CupraLight",serif;
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 0 0 0 36px
    }

        .formStates .checkbox label p {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221
        }

        .formStates .checkbox label:focus {
            outline: none
        }

        .formStates .checkbox label.error {
            color: #ff7d7d;
            position: relative
        }

    .formStates .checkbox input[type="checkbox"] {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        left: -9999px
    }

        .formStates .checkbox input[type="checkbox"][readonly] {
            cursor: not-allowed;
            opacity: 0.5
        }

        .formStates .checkbox input[type="checkbox"]:not(:checked) + label:before, .formStates .checkbox input[type="checkbox"]:checked + label:before, .formStates .checkbox input[type="checkbox"]:not(:checked) + label:after, .formStates .checkbox input[type="checkbox"]:checked + label:after {
            position: absolute;
            top: 3px;
            left: 0;
            content: "";
            display: block;
            cursor: pointer;
            z-index: 1;
            transition: all .2s ease;
            padding: 0
        }

        .formStates .checkbox input[type="checkbox"]:not(:checked) + label:before, .formStates .checkbox input[type="checkbox"]:checked + label:before {
            width: 20px;
            height: 20px;
            border: 2px solid #d5d5d5
        }

        .formStates .checkbox input[type="checkbox"]:not(:checked) + label:after, .formStates .checkbox input[type="checkbox"]:checked + label:after {
            width: 20px;
            height: 20px;
            background: #242221 url("main/img/fd-icon-check.svg") left center no-repeat;
            transform: translate(0, 0)
        }

        .formStates .checkbox input[type="checkbox"]:not(:checked) + label:after {
            opacity: 0
        }

        .formStates .checkbox input[type="checkbox"]:checked + label:after {
            opacity: 1
        }

        .formStates .checkbox input[type="checkbox"]:disabled:not(:checked) + label {
            font-family: "CupraLight",serif;
            color: #d5d5d5
        }

            .formStates .checkbox input[type="checkbox"]:disabled:not(:checked) + label a {
                color: #d5d5d5
            }

        .formStates .checkbox input[type="checkbox"]:disabled:checked + label {
            pointer-events: none
        }

            .formStates .checkbox input[type="checkbox"]:disabled:checked + label:after {
                background: #ededed url("main/img/fd-icon-check.svg") left center no-repeat;
                opacity: 1
            }

            .formStates .checkbox input[type="checkbox"]:disabled:not(:checked) + label:before, .formStates .checkbox input[type="checkbox"]:disabled:checked + label:before {
                border: 2px solid #ededed
            }

    .formStates .checkbox.disabled {
        cursor: default;
        color: #d5d5d5;
        opacity: .75
    }

        .formStates .checkbox.disabled input[type="checkbox"][disabled], .formStates .checkbox.disabled input[type="checkbox"]:not(:checked) + label:before, .formStates .checkbox.disabled input[type="checkbox"]:checked + label:before, .formStates .checkbox.disabled input[type="checkbox"]:not(:checked) + label:after, .formStates .checkbox.disabled input[type="checkbox"]:checked + label:after {
            cursor: not-allowed
        }

        .formStates .checkbox.disabled input[type="checkbox"]:checked + label:after {
            background: #d5d5d5
        }

        .formStates .checkbox.disabled label {
            cursor: default;
            color: #d5d5d5
        }

    .formStates .checkbox.indeterminate input[type="checkbox"]:not(:checked) + label:after, .formStates .checkbox.indeterminate input[type="checkbox"]:checked + label:after {
        content: '';
        background: #242221 url("main/img/icon-check-indeterminate.svg") left center no-repeat;
        padding-top: 1px
    }

    .formStates .checkbox.indeterminate label {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 26px;
        color: rgba(36,34,33,0.6)
    }

.formStates .radio-inline {
    padding-left: 0;
    margin-bottom: 24px;
    position: relative
}

    .formStates .radio-inline .radio {
        margin-bottom: 8px
    }

        .formStates .radio-inline .radio label {
            margin-bottom: 0
        }

        .formStates .radio-inline .radio:last-child {
            margin-right: 0
        }

    .formStates .radio-inline.radio-column .radio {
        display: block;
        margin-bottom: 8px
    }

    .formStates .radio-inline .inputDescription {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #242221;
        margin-top: 24px
    }

.formStates .radio {
    position: relative;
    display: inline-block;
    margin: 0 32px 0 0
}

    .formStates .radio label {
        font-family: "CupraLight",serif;
        font-size: 12px;
        line-height: 20px;
        color: #242221;
        position: relative;
        display: inline-block;
        padding: 2px 0 0 32px;
        margin-bottom: 8px;
        cursor: pointer
    }

        .formStates .radio label:first-child {
            padding-left: 0
        }

        .formStates .radio label:focus {
            outline: none
        }

        .formStates .radio label.error {
            color: #ff7d7d;
            position: relative
        }

    .formStates .radio input[type="radio"] {
        visibility: hidden;
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0
    }

        .formStates .radio input[type="radio"]:not(:checked), .formStates .radio input[type="radio"]:checked {
            position: absolute;
            left: -9999px
        }

            .formStates .radio input[type="radio"]:not(:checked) + label:before, .formStates .radio input[type="radio"]:checked + label:before, .formStates .radio input[type="radio"]:not(:checked) + label:after, .formStates .radio input[type="radio"]:checked + label:after {
                position: absolute;
                content: "";
                z-index: 1;
                display: block;
                border-radius: 50%;
                cursor: pointer;
                transition: all .1s ease;
                padding: 0
            }

            .formStates .radio input[type="radio"]:not(:checked) + label:before, .formStates .radio input[type="radio"]:checked + label:before {
                top: 2px;
                left: 0;
                background-color: #fff;
                width: 24px;
                height: 24px;
                border: 2px solid rgba(36,34,33,0.2)
            }

            .formStates .radio input[type="radio"]:not(:checked) + label:after, .formStates .radio input[type="radio"]:checked + label:after {
                top: 4px;
                left: 2px;
                background: #242221;
                width: 20px;
                height: 20px;
                border: 5px solid #fff
            }

            .formStates .radio input[type="radio"]:not(:checked) + label:after {
                opacity: 0;
                transform: scale(0)
            }

            .formStates .radio input[type="radio"]:checked + label:after {
                opacity: 1;
                transform: scale(1)
            }

        .formStates .radio input[type="radio"]:disabled:not(:checked) + label {
            font-family: "CupraLight",serif;
            color: #ededed
        }

        .formStates .radio input[type="radio"]:disabled:checked + label:after {
            background: #ededed;
            opacity: 1;
            transform: scale(1)
        }

        .formStates .radio input[type="radio"]:disabled:not(:checked) + label:before, .formStates .radio input[type="radio"]:disabled:checked + label:before {
            border: 2px solid #ededed
        }

    .formStates .radio.disabled {
        cursor: not-allowed;
        opacity: .75
    }

        .formStates .radio.disabled input[type="radio"][disabled], .formStates .radio.disabled input[type="radio"]:not(:checked) + label:before, .formStates .radio.disabled input[type="radio"]:checked + label:before, .formStates .radio.disabled input[type="radio"]:not(:checked) + label:after, .formStates .radio.disabled input[type="radio"]:checked + label:after {
            cursor: not-allowed;
            opacity: .75
        }

        .formStates .radio.disabled label {
            cursor: default;
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px;
            color: #242221
        }

.formStates .radio-list {
    display: block
}

.formStates .panel-group label.question, .formStates .question {
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221;
    text-align: left;
    display: block;
    margin: 0 0 32px
}

    .formStates .panel-group label.question.disabled, .formStates .question.disabled {
        color: #d5d5d5
    }

.formStates .question-xtra {
    font-family: "CupraRegular",serif;
    font-size: 24px;
    text-align: left;
    margin: 24px 0 40px 0
}

.formStates .panel-body {
    padding: 40px 0 64px 0
}

    .formStates .panel-body .btn-group {
        margin: 24px 0 32px 0;
        border-bottom: 1px solid rgba(36,34,33,0.3)
    }

        .formStates .panel-body .btn-group .btn {
            min-width: 136px;
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: rgba(36,34,33,0.6);
            text-decoration: none;
            background-color: transparent;
            border: none;
            border-radius: 0;
            padding: 8px 16px
        }

            .formStates .panel-body .btn-group .btn.active .formStates .panel-body .btn-group .btn.lc--active {
                font-family: "CupraRegular",serif;
                color: #242221 !important;
                border-bottom: 1px solid #242221
            }

.formStates .filterContainer .titleDropDown {
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221;
    display: block;
    margin-bottom: 16px
}

.formStates .filterContainer .special-drop {
    display: none
}

    .formStates .filterContainer .special-drop .dropdown-toggle {
        position: relative;
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 26px;
        color: rgba(36,34,33,0.6);
        text-align: left;
        background: url("main/img/df-icon-arrowdown-list.svg") center no-repeat;
        background-position-x: 99%;
        background-position-y: 50%;
        background-size: 10px 6px;
        display: block;
        width: 100%;
        min-height: 40px;
        padding: 0 24px 8px 0;
        border: none;
        border-bottom: 1px solid #d5d5d5;
        border-radius: 0;
        cursor: pointer
    }

        .formStates .filterContainer .special-drop .dropdown-toggle:focus {
            outline: none
        }

        .formStates .filterContainer .special-drop .dropdown-toggle.valid {
            border-color: rgba(0,60,74,0.35)
        }

        .formStates .filterContainer .special-drop .dropdown-toggle.error {
            border-color: #ff7d7d
        }

        .formStates .filterContainer .special-drop .dropdown-toggle::after {
            display: none
        }

    .formStates .filterContainer .special-drop .dropdown-menu {
        border-radius: 0;
        width: 100%;
        max-height: 397px;
        overflow-y: auto;
        box-shadow: 0 0 4px 0 rgba(36,34,33,0.1);
        border: solid 1px rgba(36,34,33,0.2)
    }

    .formStates .filterContainer .special-drop .dropdown-item {
        white-space: normal;
        padding: 8px 16px 8px 16px;
        font-size: 16px;
        line-height: 26px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

        .formStates .filterContainer .special-drop .dropdown-item:hover {
            background-color: rgba(222,218,212,0.2)
        }

        .formStates .filterContainer .special-drop .dropdown-item.selected {
            background: url("main/img/icon-check.svg") center no-repeat;
            background-position-x: 94%;
            background-position-y: 50%
        }

            .formStates .filterContainer .special-drop .dropdown-item.selected:hover {
                background: rgba(222,218,212,0.2) url("main/img/icon-check.svg") 94% 50% no-repeat
            }

        .formStates .filterContainer .special-drop .dropdown-item:first-child {
            font-family: "CupraLight",serif;
            color: rgba(36,34,33,0.6);
            background: url("main/img/icon-arrowup-gray.svg") center no-repeat;
            background-size: 10px 6px;
            background-position-x: 98%;
            background-position-y: 43%;
            padding-bottom: 16px;
            cursor: not-allowed;
            pointer-events: none;
            border-bottom: solid 1px #f5f5f5
        }

        .formStates .filterContainer .special-drop .dropdown-item:active {
            color: #242221;
            text-decoration: none;
            background-color: #f8f9fa
        }

    .formStates .filterContainer .special-drop .anim-slideUp {
        animation: slideUp 0.3s
    }

    .formStates .filterContainer .special-drop .anim-slidedown {
        animation: closeDropdown 0.3s
    }

.formStates .filterContainer select.form-control {
    width: 100%;
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
    background: url("main/img/df-icon_arrowdown.svg") center no-repeat;
    background-position-x: 96.5%;
    background-position-y: 40%;
    background-size: 10px 6px;
    background-color: #f5f5f5;
    border: none;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 0;
    font-family: "CupraLight",serif;
    color: rgba(36,34,33,0.6);
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 8px
}

    .formStates .filterContainer select.form-control.valid {
        border-color: rgba(0,60,74,0.35)
    }

    .formStates .filterContainer select.form-control.error {
        border-color: #ff7d7d
    }

.formStates textarea.form-control {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    resize: none;
    background: transparent;
    border-radius: 4px;
    border: solid 1px rgba(0,0,0,0.2);
    padding: 8px 16px;
    font-family: "CupraLight",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221
}

    .formStates textarea.form-control.valid {
        border: solid 1px rgba(0,60,74,0.35)
    }

.formStates .radiogroup .form-group p {
    font-family: "CupraRegular",serif;
    font-size: 16px;
    line-height: 26px;
    color: rgba(36,34,33,0.6)
}

.formStates .distance {
    font-size: 0;
    position: relative
}

    .formStates .distance .legend {
        position: absolute;
        bottom: 0;
        right: -80px;
        font-weight: normal;
        font-size: 20px;
        color: #242221
    }

    .formStates .distance .radio, .formStates .distance .checkboxfield {
        font-size: 0;
        position: relative;
        margin: 0 16px 16px 0;
        display: inline-block;
        padding-top: 0
    }

        .formStates .distance .radio:last-child, .formStates .distance .checkboxfield:last-child {
            margin-right: 0
        }

        .formStates .distance .radio input[type="radio"], .formStates .distance .radio input[type="checkbox"], .formStates .distance .checkboxfield input[type="radio"], .formStates .distance .checkboxfield input[type="checkbox"] {
            visibility: hidden
        }

            .formStates .distance .radio input[type="radio"]:not(:checked) + label:before, .formStates .distance .radio input[type="radio"]:checked + label:before, .formStates .distance .radio input[type="checkbox"]:not(:checked) + label:before, .formStates .distance .radio input[type="checkbox"]:checked + label:before, .formStates .distance .checkboxfield input[type="radio"]:not(:checked) + label:before, .formStates .distance .checkboxfield input[type="radio"]:checked + label:before, .formStates .distance .checkboxfield input[type="checkbox"]:not(:checked) + label:before, .formStates .distance .checkboxfield input[type="checkbox"]:checked + label:before {
                left: 0px;
                top: -6px
            }

            .formStates .distance .radio input[type="radio"]:not(:checked) + label:after, .formStates .distance .radio input[type="radio"]:checked + label:after, .formStates .distance .radio input[type="checkbox"]:not(:checked) + label:after, .formStates .distance .radio input[type="checkbox"]:checked + label:after, .formStates .distance .checkboxfield input[type="radio"]:not(:checked) + label:after, .formStates .distance .checkboxfield input[type="radio"]:checked + label:after, .formStates .distance .checkboxfield input[type="checkbox"]:not(:checked) + label:after, .formStates .distance .checkboxfield input[type="checkbox"]:checked + label:after {
                left: 2px;
                top: -4px
            }

        .formStates .distance .radio label, .formStates .distance .checkboxfield label {
            display: inline-block;
            margin-bottom: 0;
            padding: 0 0 0 32px
        }

    .formStates .distance.disabled {
        cursor: default
    }

        .formStates .distance.disabled input[type="radio"][disabled], .formStates .distance.disabled input[type="radio"]:not(:checked) + label:before, .formStates .distance.disabled input[type="radio"]:checked + label:before, .formStates .distance.disabled input[type="radio"]:not(:checked) + label:after, .formStates .distance.disabled input[type="radio"]:checked + label:after {
            cursor: default;
            opacity: 1
        }

        .formStates .distance.disabled label {
            cursor: default
        }

.formStates .bootstrap-datetimepicker-widget .icon {
    display: inline-block;
    width: 16px;
    height: 23px
}

.formStates .bootstrap-datetimepicker-widget .icon-up {
    background: url("main/img/df-icon-arrow-right.svg") no-repeat;
    background-size: 8.5px 13.5px;
    background-position: right center;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.formStates .bootstrap-datetimepicker-widget .icon-down {
    background: url("main/img/df-icon-arrow-right.svg") no-repeat;
    background-size: 8.5px 13.5px;
    background-position: right center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.formStates .bootstrap-datetimepicker-widget .icon-next {
    background: url("main/img/df-icon-arrow-right.svg") no-repeat;
    background-size: 8.5px 13.5px;
    background-position: right center
}

.formStates .bootstrap-datetimepicker-widget .icon-previous {
    background: url("main/img/df-icon-arrow-right.svg") no-repeat;
    background-size: 8.5px 13.5px;
    background-position: left center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.formStates .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%;
    margin: 0px 0 0 0;
    padding: 16px;
    border-radius: 0;
    border-color: #d5d5d5
}

    .formStates .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, .formStates .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .formStates .bootstrap-datetimepicker-widget.dropdown-menu.top:after, .formStates .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
        border: 0
    }

.formStates .bootstrap-datetimepicker-widget table th {
    width: 27px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(36,34,33,0.4);
    padding-bottom: 16px
}

    .formStates .bootstrap-datetimepicker-widget table th::first-letter {
        text-transform: uppercase
    }

    .formStates .bootstrap-datetimepicker-widget table th.prev, .formStates .bootstrap-datetimepicker-widget table th.next {
        padding-top: 19px
    }

        .formStates .bootstrap-datetimepicker-widget table th.prev:hover, .formStates .bootstrap-datetimepicker-widget table th.next:hover {
            background: rgba(36,34,33,0.05)
        }

    .formStates .bootstrap-datetimepicker-widget table th.picker-switch {
        font-family: "CupraMedium",serif;
        font-size: 14px;
        line-height: 24px;
        color: #242221
    }

        .formStates .bootstrap-datetimepicker-widget table th.picker-switch:hover {
            background: rgba(36,34,33,0.05)
        }

.formStates .bootstrap-datetimepicker-widget table td.day {
    width: 54px;
    height: 48px;
    font-family: "CupraBook",serif;
    font-size: 16px;
    line-height: 26px
}

    .formStates .bootstrap-datetimepicker-widget table td.day:hover, .formStates .bootstrap-datetimepicker-widget table td.hour:hover, .formStates .bootstrap-datetimepicker-widget table td.minute:hover, .formStates .bootstrap-datetimepicker-widget table td.second:hover {
        background: rgba(36,34,33,0.05)
    }

.formStates .bootstrap-datetimepicker-widget table td.disabled, .formStates .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: rgba(188,188,188,0.4)
}

.formStates .bootstrap-datetimepicker-widget table td.active, .formStates .bootstrap-datetimepicker-widget table td.lc--active, .formStates .bootstrap-datetimepicker-widget table td.active:hover, .formStates .bootstrap-datetimepicker-widget table td.lc--active:hover {
    font-family: "CupraMedium",serif;
    background-color: #003c4a;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.formStates .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: rgba(36,34,33,0.4)
}

.formStates .bootstrap-datetimepicker-widget table td span.active, .formStates .bootstrap-datetimepicker-widget table td span.lc--active {
    background-color: #003c4a
}

.formStates .bootstrap-datetimepicker-widget table thead .picker-switch {
    padding: 16px 0
}

    .formStates .bootstrap-datetimepicker-widget table thead .picker-switch::first-letter {
        text-transform: uppercase
    }

.formStates .bootstrap-datetimepicker-widget .timepicker-hour, .formStates .bootstrap-datetimepicker-widget .timepicker-minute, .formStates .bootstrap-datetimepicker-widget .timepicker-second, .formStates .bootstrap-datetimepicker-widget .separator {
    font-family: "CupraBook",serif;
    font-weight: bold;
    font-size: 16px
}

    .formStates .bootstrap-datetimepicker-widget .timepicker-hour:hover, .formStates .bootstrap-datetimepicker-widget .timepicker-minute:hover, .formStates .bootstrap-datetimepicker-widget .timepicker-second:hover, .formStates .bootstrap-datetimepicker-widget .separator:hover {
        background: rgba(36,34,33,0.05)
    }

    .formStates .bootstrap-datetimepicker-widget .separator:hover {
        background: none
    }

.formStates .intl-tel-input .country-list {
    font-family: "CupraLight",serif;
    font-size: 16px;
    line-height: 26px;
    color: rgba(36,34,33,0.6);
    border-radius: 4px;
    min-width: 280px;
    max-height: 394px;
    overflow-y: auto;
    box-shadow: none;
    z-index: 3
}

    .formStates .intl-tel-input .country-list::-webkit-scrollbar {
        margin-top: 15px;
        width: 11px;
        background-color: #fff;
        border-radius: 8px
    }

    .formStates .intl-tel-input .country-list::-webkit-scrollbar-track {
        background-color: transparent
    }

    .formStates .intl-tel-input .country-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(36,34,33,0.1)
    }

.formStates .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: transparent
}

.formStates .intl-tel-input.allow-dropdown input, .formStates .intl-tel-input.allow-dropdown input[type=text], .formStates .intl-tel-input.allow-dropdown input[type=tel], .formStates .intl-tel-input.separate-dial-code input, .formStates .intl-tel-input.separate-dial-code input[type=text], .formStates .intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 64px;
    padding-right: 24px
}

.formStates .intl-tel-input .selected-flag {
    padding-left: 0;
    width: 64px;
    bottom: 5px
}

    .formStates .intl-tel-input .selected-flag:focus {
        outline: none
    }

    .formStates .intl-tel-input .selected-flag .iti-flag {
        left: 1px
    }

    .formStates .intl-tel-input .selected-flag .iti-arrow {
        border: 0;
        background: url("main/img/df-icon_arrowup.svg") center center no-repeat;
        background-size: 15px 9px;
        position: absolute;
        right: 8px;
        top: 8px;
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        transform: rotate(180deg)
    }

.formStates button[type=button], .formStates a[type=button] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

    .formStates button[type=button]:focus, .formStates a[type=button]:focus {
        text-decoration: none;
        outline: none;
        border: none;
        box-shadow: none
    }

.formStates .btn.btn-transparent {
    border: 0;
    background: transparent;
    border-radius: 0
}

.formStates .btn-block {
    margin-top: 16px
}

.formStates .btn {
    width: 100%;
    max-width: 320px;
    height: 48px
}

    .formStates .btn.disabled {
        opacity: 1
    }

    .formStates .btn:focus {
        outline: 0;
        box-shadow: none
    }

.formStates input.btn-line, .formStates button.btn-line {
    transition: all .3s ease-in;
    font-family: "CupraMedium",serif;
    font-size: 14px;
    line-height: 24px;
    color: #242221;
    border: 1px solid #242221;
    min-width: 100px;
    height: 48px;
    min-height: 48px;
    padding: 9px 20px;
    display: inline-block;
    text-align: center;
    background: transparent;
    border-radius: 0;
    outline: none;
    cursor: pointer
}

    .formStates input.btn-line:hover, .formStates button.btn-line:hover {
        color: rgba(36,34,33,0.6);
        border: 1px solid rgba(36,34,33,0.6);
        outline: none
    }

    .formStates input.btn-line.active, .formStates input.btn-line.lc--active, .formStates button.btn-line.active, .formStates button.btn-line.lc--active {
        padding: 8px 20px;
        color: #003c4a;
        border: 2px solid #003c4a;
        outline: none
    }

        .formStates input.btn-line.active:hover, .formStates input.btn-line.lc--active:hover, .formStates button.btn-line.active:hover, .formStates button.btn-line.lc--active:hover {
            color: #003c4a;
            border: 2px solid #003c4a;
            outline: none
        }

    .formStates input.btn-line.disabled, .formStates button.btn-line.disabled {
        color: rgba(36,34,33,0.35);
        border: 1px solid rgba(36,34,33,0.35);
        pointer-events: none
    }

.formStates .icon-ok {
    content: '';
    vertical-align: middle;
    border: none;
    position: absolute;
    right: 8px;
    background: url(main/img/df-icon-ok.svg) center center no-repeat;
    height: 12px;
    width: 12px;
    bottom: 13px
}

.formStates .textareaContainer {
    position: relative
}

    .formStates .textareaContainer textarea {
        min-height: 42px
    }

    .formStates .textareaContainer .field-ok {
        top: auto;
        bottom: 0
    }

    .formStates .textareaContainer .form-control-feedback.field-ok {
        right: 0
    }

.formStates .datetimepicker-time .input-group-addon, .formStates .datetimepicker-date .input-group-addon {
    top: -6px
}

.formStates input::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

*::-ms-backdrop, .formStates .input-group input.location-dealer, .formStates .input-group input.datetimepicker-input {
    margin-top: 8px
}

@media (min-width: 764px) {
    .formStates .col-7, .formStates .col-8, .formStates .col-9, .formStates .col-12 {
        padding-right: 32px;
        padding-left: 32px
    }

    .formStates .row hr {
        margin-left: 32px;
        margin-right: 32px
    }

    .formStates .richtext.subtitle.special-m-secondary-subtitle {
        margin-top: 32px
    }

    .formStates .form-group, .formStates .input-group {
        margin-bottom: 40px
    }

        .formStates .form-group .intl-tel-input.allow-dropdown, .formStates .input-group .intl-tel-input.allow-dropdown {
            margin-top: 0px
        }

        .formStates .form-group input[type="text"], .formStates .form-group input[type="email"], .formStates .form-group input[type="tel"], .formStates .form-group input[type="password"], .formStates .input-group input[type="text"], .formStates .input-group input[type="email"], .formStates .input-group input[type="tel"], .formStates .input-group input[type="password"] {
            margin-top: 0px
        }

    .formStates .checkbox {
        margin: 0 40px 0 0
    }

    .formStates .radio-inline {
        margin-bottom: 24px
    }

        .formStates .radio-inline .radio {
            margin-bottom: 16px
        }

    .formStates .btn-block {
        margin-top: 32px
    }

    .formStates .btn-continue {
        margin-top: 64px
    }

    *::-ms-backdrop, .formStates .input-group input.location-dealer, .formStates .input-group input.datetimepicker-input {
        margin-top: 8px
    }
}

@media (min-width: 1016px) {
    .formStates .subtitle {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 32px
    }

    .formStates .link {
        font-size: 16px;
        line-height: 26px
    }

    .formStates .richtext {
        margin-bottom: 40px
    }

        .formStates .richtext, .formStates .richtext p {
            font-size: 14px;
            line-height: 24px
        }

            .formStates .richtext.subtitle, .formStates .richtext p.subtitle {
                font-size: 16px;
                line-height: 26px
            }

    .formStates .form-group, .formStates .input-group {
        margin-bottom: 48px
    }

        .formStates .form-group label, .formStates .input-group label {
            font-family: "CupraRegular",serif;
            font-size: 14px;
            line-height: 24px
        }

        .formStates .input-group.date .input-group-addon, .formStates .input-group.time .input-group-addon {
            vertical-align: middle;
            z-index: 0;
            bottom: 6px
        }

    .formStates .distance .radio, .formStates .distance .checkboxfield {
        margin: 0 24px 16px 0
    }

    .formStates .radio-inline {
        margin-bottom: 32px
    }

    .formStates legend {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 16px
    }

    .formStates .form-control {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 8px
    }

        .formStates .form-control.error {
            font-size: 16px;
            line-height: 26px
        }

    .formStates .checkbox label {
        font-size: 16px;
        line-height: 26px
    }

        .formStates .checkbox label p {
            font-size: 16px;
            line-height: 26px
        }

    .formStates .checkbox.indeterminate label {
        font-size: 16px;
        line-height: 26px
    }

    .formStates input.btn-line, .formStates button.btn-line {
        font-size: 16px;
        line-height: 26px
    }

    .formStates .panel-group label.question, .formStates .question {
        font-size: 16px;
        line-height: 26px;
        margin: 24px 0 40px 0
    }

    .formStates .filterContainer .titleDropDown {
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 26px;
        color: #242221
    }

    .formStates .filterContainer select.form-control {
        display: none
    }

    .formStates .filterContainer .special-drop {
        display: block;
        cursor: pointer
    }

    .formStates .btn-block {
        margin-top: 40px
    }

    .formStates .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 90% !important
    }
}

@media (min-width: 1436px) {
    .formStates .richtext.subtitle {
        margin-bottom: 40px
    }

    .formStates .richtext.special-m-secondary-subtitle {
        margin-top: 0
    }

    .formStates .btn {
        max-width: 303px
    }

    .formStates .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 90% !important
    }
}

.dynamic-form-hero {
    position: relative;
    font-family: "CupraLight",serif;
    height: 320px;
    max-height: 320px;
    background: #f1f1f1;
    box-shadow: 0 1px 0 0 #ffffff;
    margin-bottom: 1px
}

    .dynamic-form-hero .container-fluid {
        max-width: 1436px
    }

    .dynamic-form-hero .eyebrow {
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 34px;
        color: rgba(36,34,33,0.6)
    }

    .dynamic-form-hero .title {
        margin-bottom: 0;
        font-size: 36px;
        line-height: 46px;
        overflow: hidden;
        max-height: 184px;
        color: #242221
    }

    .dynamic-form-hero.without-image .cont-module {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0
    }

        .dynamic-form-hero.without-image .cont-module .flex-column {
            height: 100%
        }

            .dynamic-form-hero.without-image .cont-module .flex-column .align-items-center {
                height: 100%
            }

        .dynamic-form-hero.without-image .cont-module .infos-block {
            margin: auto;
            text-align: center
        }

@media (min-width: 764px) {
    .dynamic-form-hero {
        height: 400px;
        max-height: 400px
    }

        .dynamic-form-hero .container-fluid {
            padding-left: 32px;
            padding-right: 32px
        }

        .dynamic-form-hero .eyebrow {
            max-width: 482px;
            margin-right: auto;
            margin-left: auto
        }

        .dynamic-form-hero .title {
            max-height: 116px;
            font-size: 48px;
            line-height: 58px;
            max-width: 737px;
            margin-right: auto;
            margin-left: auto
        }
}

@media (min-width: 1016px) {
    .dynamic-form-hero .eyebrow {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 16px;
        max-width: 639px
    }

    .dynamic-form-hero .title {
        max-width: 824px
    }
}

.dynamic-form-one-step {
    position: relative;
    font-family: "CupraLight",serif
}

    .dynamic-form-one-step .container-fluid {
        max-width: 1436px
    }

        .dynamic-form-one-step .container-fluid .col-12, .dynamic-form-one-step .container-fluid .col-md-6 {
            flex-basis: auto
        }

    .dynamic-form-one-step .formStates {
        padding: 32px 0 64px
    }

        .dynamic-form-one-step .formStates .container-fluid:first-child {
            padding-left: 0;
            padding-right: 0
        }

        .dynamic-form-one-step .formStates .richtext-block {
            margin-top: 40px;
            margin-bottom: 40px
        }

        .dynamic-form-one-step .formStates .btn-block {
            margin-top: 24px
        }

            .dynamic-form-one-step .formStates .btn-block .btn-continue {
                margin: 0
            }

@media (min-width: 764px) {
    .dynamic-form-one-step .formStates {
        padding: 64px 0
    }

        .dynamic-form-one-step .formStates .container-fluid:first-child {
            padding-left: 16px;
            padding-right: 16px
        }

        .dynamic-form-one-step .formStates .richtext-block {
            margin-top: 64px
        }

        .dynamic-form-one-step .formStates .form-control-feedback {
            right: 32px
        }
}

@media (min-width: 1016px) {
    .dynamic-form-one-step .formStates {
        padding: 72px 0
    }
}

@media (min-width: 1436px) {
    .dynamic-form-one-step .container-fluid {
        padding-right: 32px;
        padding-left: 32px
    }

    .dynamic-form-one-step .formStates .container-fluid:first-child {
        padding-left: 0;
        padding-right: 0
    }

    .dynamic-form-one-step .formStates .btn-block {
        margin-top: 32px
    }
}

.dynamic-form-multi-step {
    position: relative;
    font-family: "CupraLight",serif;
    padding: 32px 0 64px
}

    .dynamic-form-multi-step .container-fluid {
        max-width: 1436px
    }

    .dynamic-form-multi-step .newBookTestDrive {
        position: relative
    }

        .dynamic-form-multi-step .newBookTestDrive .formStates {
            margin-bottom: 0
        }

        .dynamic-form-multi-step .newBookTestDrive .container-fluid {
            padding-left: 0;
            padding-right: 0
        }

            .dynamic-form-multi-step .newBookTestDrive .container-fluid.container-form-elements {
                padding-left: 16px;
                padding-right: 16px
            }

        .dynamic-form-multi-step .newBookTestDrive .btn.send {
            margin-top: 16px
        }

        .dynamic-form-multi-step .newBookTestDrive .hidden {
            display: none !important;
            visibility: hidden !important
        }

        .dynamic-form-multi-step .newBookTestDrive .error {
            color: #ff7d7d
        }

        .dynamic-form-multi-step .newBookTestDrive .panel.panel-default.disabled {
            opacity: 1
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading {
            position: relative;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            background: transparent;
            border-bottom: 1px solid #cccccc;
            padding: 24px 0;
            display: flex
        }

            .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number {
                width: auto;
                height: auto;
                font-size: 14px;
                line-height: 24px
            }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.number::after {
                    content: "/ \0000a0"
                }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.valid {
                    margin-right: 8px
                }

                    .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.valid img {
                        width: 12px;
                        height: 10px
                    }

            .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title {
                font-family: "CupraLight",serif;
                font-size: 14px;
                line-height: 24px;
                color: #242221;
                text-align: left;
                margin-bottom: 0;
                padding: 0;
                overflow: hidden;
                max-height: 48px;
                display: inline-block;
                width: calc(100% - 32px);
                cursor: pointer
            }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title a {
                    display: block
                }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title > span {
                    width: 96%
                }

                    .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title > span:before {
                        content: '';
                        background: url("main/img/df-icon_arrowup.svg") center center no-repeat;
                        background-size: 15px 9px;
                        position: absolute;
                        right: 16px;
                        bottom: 40%;
                        -webkit-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        transform: translateY(-50%);
                        width: 15px;
                        height: 9px;
                        transform: rotate(180deg)
                    }

                    .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title > span[aria-expanded=true]:before {
                        transform: rotate(0deg)
                    }

        .dynamic-form-multi-step .newBookTestDrive .panel-body {
            padding: 32px 0
        }

            .dynamic-form-multi-step .newBookTestDrive .panel-body .btn-group {
                width: 100%;
                max-width: 468px;
                margin: 24px 0 32px 0;
                border-bottom: 1px solid rgba(36,34,33,0.3)
            }

                .dynamic-form-multi-step .newBookTestDrive .panel-body .btn-group .btn + .btn {
                    margin-left: 16px
                }

                .dynamic-form-multi-step .newBookTestDrive .panel-body .btn-group .btn, .dynamic-form-multi-step .newBookTestDrive .panel-body .btn-group a[type=button] {
                    min-width: 136px;
                    border-radius: 0;
                    cursor: pointer;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    appearance: none;
                    padding: 8px 16px
                }

        .dynamic-form-multi-step .newBookTestDrive .input-label {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            margin-bottom: 16px
        }

        .dynamic-form-multi-step .newBookTestDrive .options {
            position: relative;
            max-width: 100%
        }

            .dynamic-form-multi-step .newBookTestDrive .options .input-small {
                width: 100%
            }

        .dynamic-form-multi-step .newBookTestDrive .controls {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .dynamic-form-multi-step .newBookTestDrive .controls .btn {
                width: 45%
            }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options .form-control-year {
            width: 36%;
            margin-right: 3%
        }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options .form-control-month {
            width: 28%
        }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options .form-control-day {
            float: right;
            width: 28%
        }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options .form-control-hour {
            width: 31%;
            margin-right: 2.5%
        }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options .form-control-minutes {
            width: 31%
        }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options .form-control-time {
            width: 31%;
            float: right
        }

        .dynamic-form-multi-step .newBookTestDrive .formDetails.options > div {
            padding-left: 0;
            padding-right: 0
        }

            .dynamic-form-multi-step .newBookTestDrive .formDetails.options > div > div {
                padding-right: 0
            }

        .dynamic-form-multi-step .newBookTestDrive .formDetails .input-append {
            display: inline
        }

            .dynamic-form-multi-step .newBookTestDrive .formDetails .input-append .icon-cal {
                background-image: url(main/img/icon-calendar.svg);
                background-repeat: no-repeat;
                display: inline-block;
                height: 19px;
                width: 19px
            }

        .dynamic-form-multi-step .newBookTestDrive .landing-continue.btn.btn-primary {
            float: none
        }

        .dynamic-form-multi-step .newBookTestDrive .selected-flag:focus {
            border: none;
            outline: none
        }

        .dynamic-form-multi-step .newBookTestDrive .personalInformation {
            padding-left: 0;
            padding-right: 0
        }

            .dynamic-form-multi-step .newBookTestDrive .personalInformation .container-fluid.personal-information-content {
                padding-left: 0;
                padding-right: 0
            }

            .dynamic-form-multi-step .newBookTestDrive .personalInformation span.email-control {
                position: absolute;
                right: 13px;
                top: 38px
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list {
            margin-top: 16px
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .content-list {
                margin-bottom: 32px
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list {
                overflow-y: auto
            }

                .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list .item {
                    width: 100%;
                    margin-bottom: 16px
                }

                    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list .item:last-child {
                        margin-bottom: 0
                    }

                    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list .item .radio {
                        margin-right: 0
                    }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list label {
                font-family: "CupraBook",serif;
                font-size: 14px;
                line-height: 24px;
                color: #242221;
                margin-bottom: 0;
                padding-left: 40px;
                padding-top: 0
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .direction {
                font-family: "CupraLight",serif;
                font-size: 14px;
                line-height: 24px;
                color: #242221;
                margin-left: 40px;
                margin-bottom: 0
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
            height: 288px;
            margin-bottom: 32px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .itemSkeleton {
            display: none
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .date-time .question {
            margin-top: 0;
            margin-bottom: 24px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.searcherBoxInputs {
            margin-bottom: 32px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.nativeDatePicker .input-group-btn {
            margin-right: 8px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.nativeDatePicker input::-webkit-calendar-picker-indicator {
            width: 24px;
            height: 24px;
            opacity: 0;
            z-index: 4;
            cursor: pointer
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.nativeDatePicker input[type="date"] {
            padding-bottom: 8px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.nativeDatePicker input[type="time"] {
            padding-right: 40px
        }

        .dynamic-form-multi-step .newBookTestDrive .column-control-row > .new.section {
            flex: 0 0 auto;
            min-width: 50%
        }

    .dynamic-form-multi-step.publish-mode .hide-publish {
        display: none
    }

    .dynamic-form-multi-step.edit-mode .column-control-row {
        margin-left: 0;
        margin-right: 0
    }

    .dynamic-form-multi-step *::-ms-backdrop, .dynamic-form-multi-step .input-group-addon .btn span img {
        vertical-align: inherit
    }

@media (min-width: 764px) {
    .dynamic-form-multi-step {
        padding: 64px 0
    }

        .dynamic-form-multi-step .newBookTestDrive .panel.acc-element {
            padding: 0
        }

        .dynamic-form-multi-step .newBookTestDrive .cont-module {
            top: 50%;
            transform: translate(0, -50%)
        }

        .dynamic-form-multi-step .newBookTestDrive .btn.send {
            width: 302px;
            margin-top: 0
        }

        .dynamic-form-multi-step .newBookTestDrive .btn-continue {
            width: 302px;
            margin-top: 24px
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number {
            font-size: 16px;
            line-height: 26px
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title {
            overflow: hidden;
            max-height: 26px;
            font-size: 16px;
            line-height: 26px
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-body {
            padding: 64px 0 0
        }

        .dynamic-form-multi-step .newBookTestDrive .options {
            margin-bottom: 0;
            margin-top: 0
        }

            .dynamic-form-multi-step .newBookTestDrive .options .input-small {
                width: 100%;
                float: left
            }

            .dynamic-form-multi-step .newBookTestDrive .options .radious {
                width: 55%
            }

            .dynamic-form-multi-step .newBookTestDrive .options select {
                width: 100%
            }

                .dynamic-form-multi-step .newBookTestDrive .options select.landing-model {
                    width: 98%
                }

        .dynamic-form-multi-step .newBookTestDrive .carousel-indicators-content .col-md-offset-3 {
            margin-left: 62%
        }

        .dynamic-form-multi-step .newBookTestDrive .carousel-indicators-content .carousel-indicators {
            background: url("main/img/fnd-indicators-book.png") no-repeat 50% 36%
        }

        .dynamic-form-multi-step .newBookTestDrive .controls .btn {
            width: 34%
        }

            .dynamic-form-multi-step .newBookTestDrive .controls .btn.btn-primary {
                float: none;
                margin-left: 2%
            }

        .dynamic-form-multi-step .newBookTestDrive .landing-continue {
            float: left
        }

        .dynamic-form-multi-step .newBookTestDrive .itemDate p {
            font-family: "CupraLight",serif;
            font-size: 17px
        }

        .dynamic-form-multi-step .newBookTestDrive .modal-body p {
            font-size: 35px
        }

        .dynamic-form-multi-step .newBookTestDrive .personalInformation .question {
            margin-top: 32px;
            margin-bottom: 40px;
            padding-left: 16px;
            padding-right: 16px
        }

            .dynamic-form-multi-step .newBookTestDrive .personalInformation .question.margin-bottom-64 {
                margin-bottom: 64px
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .panel-body {
            padding-top: 64px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.searcherBoxInputs {
            margin-bottom: 2px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list {
            margin-top: 64px;
            margin-bottom: 64px
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .content-list {
                margin-bottom: 0
            }

                .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .content-list .form-control-feedback-2 {
                    padding-left: 16px
                }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .richtext.question, .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .col-12 {
                padding-left: 16px;
                padding-right: 16px
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .richtext.question {
                margin-bottom: 40px
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list {
                margin-left: 16px;
                margin-right: 16px
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
            height: 302px;
            margin-left: 16px;
            margin-right: 16px;
            margin-bottom: 0
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements {
            padding-top: 0
        }
}

@media (min-width: 1016px) {
    .dynamic-form-multi-step {
        padding: 72px 0
    }

        .dynamic-form-multi-step .container-fluid {
            padding: 0 32px
        }

        .dynamic-form-multi-step .newBookTestDrive .personalInformation .question {
            margin-bottom: 48px
        }

        .dynamic-form-multi-step .newBookTestDrive .col-12 {
            padding-right: 16px;
            padding-left: 16px
        }

        .dynamic-form-multi-step .newBookTestDrive .btn.send {
            width: 280px;
            margin-top: 16px
        }

        .dynamic-form-multi-step .newBookTestDrive .cont-module {
            top: 50%;
            transform: translate(0, -50%)
        }

        .dynamic-form-multi-step .newBookTestDrive .itemDate h3 {
            padding-top: 7%;
            padding-bottom: 7%;
            text-align: center
        }

        .dynamic-form-multi-step .newBookTestDrive .question, .dynamic-form-multi-step .newBookTestDrive .input-label {
            font-size: 16px;
            line-height: 26px
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number {
            font-size: 20px;
            line-height: 30px
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title {
            font-size: 20px;
            line-height: 30px;
            overflow: hidden;
            max-height: 30px
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-body {
            padding: 72px 0
        }

            .dynamic-form-multi-step .newBookTestDrive .panel-body .col-8, .dynamic-form-multi-step .newBookTestDrive .panel-body .col-9, .dynamic-form-multi-step .newBookTestDrive .panel-body .col-12 {
                padding-right: 32px;
                padding-left: 32px
            }

        .dynamic-form-multi-step .newBookTestDrive .options {
            margin-top: 0;
            margin-bottom: 0
        }

            .dynamic-form-multi-step .newBookTestDrive .options .input-small {
                float: left;
                margin-right: 4%
            }

            .dynamic-form-multi-step .newBookTestDrive .options .radious {
                width: 32%
            }

        .dynamic-form-multi-step .newBookTestDrive .carousel-indicators-content .col-lg-4 {
            padding-right: 0;
            padding-left: 0
        }

        .dynamic-form-multi-step .newBookTestDrive .carousel-indicators-content .carousel-indicators {
            background: url("main/img/fnd-indicators-book.png") no-repeat 50% 36%
        }

        .dynamic-form-multi-step .newBookTestDrive .itemDate p {
            font-family: "CupraRegular",serif;
            font-size: 18px
        }

        .dynamic-form-multi-step .newBookTestDrive .landing-radious {
            float: left
        }

        .dynamic-form-multi-step .newBookTestDrive .landing-continue {
            clear: both
        }

        .dynamic-form-multi-step .newBookTestDrive .header {
            font-size: 35px
        }

        .dynamic-form-multi-step .newBookTestDrive .input-group-addon {
            height: 40px
        }

        .dynamic-form-multi-step .newBookTestDrive .border-left-number {
            margin-left: 20px;
            border-left: 1px solid #ddd;
            margin-top: 20px;
            padding: 0 0 50px 25px
        }

            .dynamic-form-multi-step .newBookTestDrive .border-left-number .panel-title {
                position: relative;
                font-family: "CupraRegular",serif;
                padding-top: 20px
            }

                .dynamic-form-multi-step .newBookTestDrive .border-left-number .panel-title:first-child {
                    padding-top: 0
                }

        .dynamic-form-multi-step .newBookTestDrive .btn-continue {
            width: 280px;
            margin-top: 24px
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list {
            margin-top: 72px;
            margin-bottom: 72px
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list label, .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .direction {
                font-size: 16px;
                line-height: 26px
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list {
                margin-right: 32px
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
            height: 428px
        }

        .dynamic-form-multi-step .container-form-elements {
            padding-left: 0;
            padding-right: 0
        }

            .dynamic-form-multi-step .container-form-elements .col-8, .dynamic-form-multi-step .container-form-elements .col-9, .dynamic-form-multi-step .container-form-elements .col-12 {
                padding-right: 32px;
                padding-left: 32px
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements {
            padding-top: 0
        }
}

@media (min-width: 1436px) {
    .dynamic-form-multi-step .newBookTestDrive .btn-continue, .dynamic-form-multi-step .newBookTestDrive .btn.send {
        width: 303px
    }

    .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
        height: 404px
    }

    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements {
        padding-top: 0
    }
}

.dynamic-form-error-page {
    padding-right: 0 !important
}

    .dynamic-form-error-page.fade .modal-dialog, .dynamic-form-error-page.show .modal-dialog {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .dynamic-form-error-page .modal-dialog {
        max-width: 478.664px;
        margin: 0 auto;
        padding: 0 16px;
        min-height: 100%
    }

    .dynamic-form-error-page .modal-content {
        font-family: "CupraLight",serif;
        text-align: center;
        border-radius: 0;
        background: #f1f1f1;
        border: none
    }

        .dynamic-form-error-page .modal-content .modal-body {
            padding: 40px 16px 0
        }

            .dynamic-form-error-page .modal-content .modal-body .error-icon {
                display: block
            }

                .dynamic-form-error-page .modal-content .modal-body .error-icon img {
                    display: block;
                    width: 72px;
                    height: 72px;
                    margin: 0 auto 24px auto
                }

            .dynamic-form-error-page .modal-content .modal-body .error-title {
                font-family: "CupraLight",serif;
                font-size: 24px;
                line-height: 34px;
                color: #242221;
                overflow: hidden;
                margin-bottom: 8px;
                max-height: 136px
            }

            .dynamic-form-error-page .modal-content .modal-body .error-message {
                font-family: "CupraLight",serif;
                font-size: 14px;
                line-height: 24px;
                color: rgba(36,34,33,0.6);
                overflow: hidden;
                margin-bottom: 0;
                max-height: 96px
            }

    .dynamic-form-error-page .modal-footer {
        border-top: 0;
        padding: 40px 0 16px
    }

        .dynamic-form-error-page .modal-footer .btn-line {
            margin: auto;
            width: 256px;
            height: 48px
        }

    .dynamic-form-error-page .animated {
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dynamic-form-error-page .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.dynamic-form-error-page *::-ms-backdrop, .dynamic-form-error-page.dynamic-form-error-page .modal-dialog {
    height: 0
}

    .dynamic-form-error-page *::-ms-backdrop, .dynamic-form-error-page.dynamic-form-error-page .modal-dialog .modal-footer {
        justify-content: flex-start
    }

@media (min-width: 764px) {
    .dynamic-form-error-page .modal-dialog {
        max-width: 436px;
        padding: 0
    }

    .dynamic-form-error-page .modal-content .modal-body {
        padding: 80px 16px 0
    }

        .dynamic-form-error-page .modal-content .modal-body .error-icon {
            margin-bottom: 80px
        }

            .dynamic-form-error-page .modal-content .modal-body .error-icon img {
                width: 104px;
                height: 104px
            }

        .dynamic-form-error-page .modal-content .modal-body .error-title {
            font-size: 30px;
            line-height: 40px;
            max-height: 80px;
            margin-bottom: 16px
        }

        .dynamic-form-error-page .modal-content .modal-body .error-message {
            font-size: 16px;
            line-height: 26px;
            max-height: 52px
        }

    .dynamic-form-error-page .modal-footer {
        padding: 56px 0
    }

        .dynamic-form-error-page .modal-footer .btn-line {
            width: 303px
        }
}

.dynamic-form-confirmation-screen {
    padding: 64px 0
}

    .dynamic-form-confirmation-screen .container-fluid {
        max-width: 1436px
    }

    .dynamic-form-confirmation-screen .content-module {
        text-align: center
    }

    .dynamic-form-confirmation-screen .title {
        font-family: "CupraLight",serif;
        font-size: 36px;
        line-height: 46px;
        color: #242221;
        overflow: hidden;
        margin-bottom: 8px;
        max-height: 184px
    }

    .dynamic-form-confirmation-screen .message {
        font-family: "CupraLight",serif;
        font-size: 24px;
        line-height: 34px;
        color: rgba(36,34,33,0.6);
        overflow: hidden;
        margin-bottom: 64px;
        max-height: 136px
    }

    .dynamic-form-confirmation-screen .btn {
        width: 100%;
        max-width: 288px;
        height: 48px
    }

@media (min-width: 764px) {
    .dynamic-form-confirmation-screen {
        padding: 128px 0
    }

        .dynamic-form-confirmation-screen .container-fluid {
            padding: 0 32px
        }

        .dynamic-form-confirmation-screen .title {
            font-size: 48px;
            line-height: 58px;
            max-height: 116px
        }

        .dynamic-form-confirmation-screen .message {
            max-height: 68px
        }

        .dynamic-form-confirmation-screen .btn {
            width: 302px
        }
}

@media (min-width: 1016px) {
    .dynamic-form-confirmation-screen {
        padding: 160px 0
    }

        .dynamic-form-confirmation-screen .title {
            margin-bottom: 16px
        }

        .dynamic-form-confirmation-screen .message {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 72px;
            max-height: 80px
        }

        .dynamic-form-confirmation-screen .btn {
            width: 303px
        }
}

.modal.dynamic-form-popup {
    padding-right: 0 !important;
    margin: 0
}

    .modal.dynamic-form-popup.fade .modal-dialog, .modal.dynamic-form-popup.show .modal-dialog {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .modal.dynamic-form-popup .modal-dialog {
        max-width: 1436px;
        margin: 0 auto;
        padding: 16px;
        height: 100%;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: transform 0s ease-in;
        -moz-transition: transform 0s ease-in;
        -o-transition: transform 0s ease-in;
        transition: transform 0s ease-in
    }

        .modal.dynamic-form-popup .modal-dialog .row {
            flex-grow: 1
        }

        .modal.dynamic-form-popup .modal-dialog .modal-content {
            border: none;
            border-radius: 0;
            padding: 40px 16px;
            position: relative
        }

            .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body {
                padding: 0;
                position: static
            }

                .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body button.close {
                    position: absolute;
                    opacity: 1;
                    width: 40px;
                    height: 40px;
                    top: 0;
                    right: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    border: none;
                    z-index: 1;
                    outline: none;
                    margin: 0
                }

                    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body button.close:hover {
                        cursor: pointer
                    }

                        .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body button.close:hover img {
                            opacity: .4
                        }

                    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body button.close img {
                        position: unset;
                        margin: 0 auto;
                        display: block;
                        width: 11.8px;
                        height: 11.8px
                    }

                .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body > * {
                    margin-bottom: 24px
                }

                    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body > *:last-child {
                        margin: 0
                    }

                .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body h3 {
                    font-size: 24px;
                    line-height: 34px;
                    font-family: "CupraRegular",serif;
                    color: #242221
                }

                .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body .description * {
                    font-size: 14px;
                    line-height: 24px;
                    font-family: "CupraLight",serif;
                    color: #242221;
                    margin-bottom: 0
                }

                .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body .modal-cta {
                    text-align: center
                }

                    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body .modal-cta a {
                        max-width: 256px;
                        width: 100%;
                        height: 48px
                    }

@media (min-width: 764px) {
    .modal.dynamic-form-popup .modal-dialog {
        padding: 32px
    }

        .modal.dynamic-form-popup .modal-dialog .col-12 {
            padding-right: 16px;
            padding-left: 16px
        }

        .modal.dynamic-form-popup .modal-dialog .modal-content {
            padding: 64px 32px
        }

            .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body button.close {
                top: 24px;
                right: 24px
            }

            .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body > * {
                margin-bottom: 32px
            }
}

@media (min-width: 1016px) {
    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body > * {
        margin-bottom: 40px
    }

    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body h3 {
        font-size: 30px;
        line-height: 40px
    }

    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body .description {
        font-size: 16px;
        line-height: 26px
    }
}

@media (min-width: 1436px) {
    .modal.dynamic-form-popup .modal-dialog .modal-content {
        padding: 64px 48px
    }
}

.specsHero {
    background: #f5f5f5
}

@keyframes slideUp {
    0% {
        opacity: 0
    }

    100% {
        top: -2px;
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

@media all and (max-width: 763px) {
    .specsHero .container-fluid-s {
        padding: 0px
    }
}

@media all and (max-width: 763px) {
    .specsHero .special-padding {
        padding: 0px 16px
    }
}

.specsHero .flex-parent {
    display: flex;
    flex-wrap: wrap
}

.specsHero .trimselect {
    padding-top: 32px
}

    .specsHero .trimselect .selectors {
        margin-bottom: 8px
    }

    .specsHero .trimselect .title {
        font-family: "CupraLight",serif;
        font-size: 28px;
        line-height: 40px
    }

    .specsHero .trimselect .car-img {
        width: 100%
    }

    .specsHero .trimselect .label {
        display: block;
        font-family: "CupraBook",serif;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 32px;
        margin-top: 32px
    }

    .specsHero .trimselect .special-drop {
        display: none
    }

        .specsHero .trimselect .special-drop .specs-select {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 30px;
            color: rgba(36,34,33,0.6);
            text-align: left;
            background: url("main/img/df-icon-arrowdown-list.svg") center no-repeat;
            background-position-x: 99%;
            display: block;
            width: 100%;
            padding: 8px 0px;
            color: rgba(36,34,33,0.6);
            background-color: transparent;
            border: none;
            border-bottom: 1px solid #D5D5D5;
            border-radius: 0px
        }

            .specsHero .trimselect .special-drop .specs-select:focus {
                outline: none
            }

        .specsHero .trimselect .special-drop .dropdown-menu {
            width: 100%;
            font-family: "CupraLight",serif
        }

            .specsHero .trimselect .special-drop .dropdown-menu .selected {
                position: relative
            }

                .specsHero .trimselect .special-drop .dropdown-menu .selected:after {
                    content: '';
                    background: url("main/img/icon-item-selected.svg") center no-repeat;
                    height: 32px;
                    width: 32px;
                    position: absolute;
                    right: 16px
                }

                .specsHero .trimselect .special-drop .dropdown-menu .selected a {
                    font-family: "CupraLight",serif;
                    cursor: pointer
                }

        .specsHero .trimselect .special-drop .anim-slideUp {
            animation: slideUp 0.3s
        }

        .specsHero .trimselect .special-drop .anim-slidedown {
            animation: slideDown 0.3s
        }

        .specsHero .trimselect .special-drop .dropdown-item:active {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa
        }

    .specsHero .trimselect select.form-control {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        font-family: "CupraLight",serif;
        font-size: 16px;
        line-height: 30px;
        color: rgba(36,34,33,0.6);
        text-align: left;
        background: url("main/img/df-icon-arrowdown-list.svg") center no-repeat;
        background-position-x: 99%;
        display: block;
        width: 100%;
        padding: 8px 0px;
        color: rgba(36,34,33,0.6);
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0
    }

    .specsHero .trimselect .col-12 {
        padding: 0px
    }

    .specsHero .trimselect .car-img-cont {
        padding-bottom: 32px
    }

    .specsHero .trimselect .form-group {
        margin-bottom: 32px
    }

.specsHero select::-ms-expand {
    display: none
}

@media (min-width: 764px) {
    .specsHero {
        padding: 0 16px;
        margin: 0px
    }

        .specsHero .trimselect {
            padding-top: 64px;
            padding-bottom: 64px
        }

            .specsHero .trimselect .car-img-cont {
                padding-bottom: 0px;
                display: flex;
                align-items: center;
                padding-right: 16px
            }

            .specsHero .trimselect .car-img {
                max-width: 335px;
                margin: auto
            }

            .specsHero .trimselect .selectors {
                padding-left: 16px;
                padding-right: 16px;
                display: flex;
                flex-direction: column;
                justify-content: center
            }

            .specsHero .trimselect .title {
                height: auto;
                font-size: 36px;
                letter-spacing: 0;
                line-height: 46px;
                margin-top: 32px;
                max-height: calc(46px*2 + 4px);
                overflow: hidden
            }

            .specsHero .trimselect .label {
                font-size: initial;
                line-height: initial;
                margin-top: 32px;
                display: block
            }

            .specsHero .trimselect .special-drop .specs-select {
                height: 48px;
                max-width: 334px;
                background-position-x: 97%;
                background-position-y: 54%;
                overflow: hidden
            }

            .specsHero .trimselect .special-drop .dropdown-menu {
                max-width: 334px;
                width: 96%
            }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .specsHero .trimselect .col-l-62 {
        flex: 0 0 63%;
        max-width: 63%
    }

    .specsHero .trimselect .col-l-37 {
        flex: 0 0 37.1%;
        max-width: 37.1%
    }

    .specsHero .trimselect .car-img {
        max-width: 541px
    }
}

@media (min-width: 1016px) {
    .specsHero {
        padding: 0px
    }

        .specsHero .flex-parent {
            display: flex;
            justify-content: space-between
        }

        .specsHero #engineselect, .specsHero #versionselect {
            display: none
        }

        .specsHero .trimselect {
            padding-top: 32px;
            padding-bottom: 32px
        }

            .specsHero .trimselect .container-fluid {
                padding-top: 0px;
                padding-bottom: 0px
            }

            .specsHero .trimselect .title {
                height: auto;
                font-size: 36px;
                letter-spacing: 0;
                line-height: 46px
            }

            .specsHero .trimselect .container-fluid {
                padding-left: 32px
            }

            .specsHero .trimselect .selectors {
                padding-left: 8px
            }

            .specsHero .trimselect .offset-lg-1 {
                margin: 0px;
                padding-right: 16px
            }

            .specsHero .trimselect .special-drop {
                display: block
            }

                .specsHero .trimselect .special-drop .specs-select {
                    height: auto
                }

                .specsHero .trimselect .special-drop .dropdown-menu {
                    width: 100%
                }

                    .specsHero .trimselect .special-drop .dropdown-menu .dropdown-item {
                        height: auto;
                        white-space: normal;
                        cursor: pointer
                    }

            .specsHero .trimselect .car-img-cont {
                align-items: center;
                padding-right: 0px;
                max-width: 542px
            }

            .specsHero .trimselect .selectors {
                padding: 0px;
                margin-right: 16px
            }

        .specsHero .dropdown-menu {
            z-index: 13
        }
}

@media (min-width: 1436px) {
    .specsHero .trimselect {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 88px;
        max-width: 1436px;
        margin: auto
    }

        .specsHero .trimselect .container-fluid {
            padding: 32px 32px
        }

        .specsHero .trimselect .car-img-cont {
            max-width: 819px;
            height: 100%
        }

        .specsHero .trimselect .car-img {
            width: auto;
            padding-bottom: 0px;
            height: auto;
            max-height: 100%;
            max-width: 752px
        }

        .specsHero .trimselect .title {
            font-size: 36px;
            letter-spacing: 0;
            line-height: 46px;
            margin-bottom: 40px
        }

        .specsHero .trimselect .form-group {
            padding-right: 0px
        }

        .specsHero .trimselect .label {
            margin-top: 0px;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 26px;
            margin-bottom: 24px
        }

        .specsHero .trimselect .selectors {
            margin-left: 0px
        }

        .specsHero .trimselect .col-xl-7 {
            flex-basis: 60.333%
        }

        .specsHero .trimselect .special-drop .specs-select {
            max-width: none
        }

        .specsHero .trimselect .special-drop .dropdown-menu {
            max-width: none
        }
}

@media (min-width: 1920px) {
    .specsHero .trimselect .car-img {
        margin-top: 6px
    }
}

.floating-buttons {
    -webkit-transition: background-color .6s;
    -moz-transition: background-color .6s;
    -ms-transition: background-color .6s;
    -o-transition: background-color .6s;
    transition: background-color .6s;
    width: 0;
    position: fixed;
    z-index: 1001;
    bottom: 0;
    right: 80px;
    margin-bottom: 0;
    padding-bottom: 24px
}

    .floating-buttons.open {
        background-color: rgba(0,0,0,0.7);
    }

        .floating-buttons.open .fbuttons .floatButton a .info {
            display: inline;
            margin-left: 16px
        }

        .floating-buttons.open.first-open {
            background-color: transparent
        }

            .floating-buttons.open.first-open .fbuttons .floatButton a .info {
                display: none
            }

        .floating-buttons.open .fbuttons .floatButton {
            height: auto;
            width: 100%;
            margin-bottom: 8px
        }

            .floating-buttons.open .fbuttons .floatButton:nth-last-child(2) {
                margin-bottom: 16px;
                padding-bottom: 16px
            }

            .floating-buttons.open .fbuttons .floatButton:nth-child(1) {
                -webkit-transition: all .6s;
                -moz-transition: all .6s;
                -ms-transition: all .6s;
                -o-transition: all .6s;
                transition: all .6s
            }

            .floating-buttons.open .fbuttons .floatButton:nth-child(2) {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s
            }

            .floating-buttons.open .fbuttons .floatButton:nth-child(3) {
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -ms-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s
            }

            .floating-buttons.open .fbuttons .floatButton:nth-child(4) {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

            .floating-buttons.open .fbuttons .floatButton:nth-child(5) {
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s
            }

            .floating-buttons.open .fbuttons .floatButton:nth-child(6) {
                -webkit-transition: all .1s;
                -moz-transition: all .1s;
                -ms-transition: all .1s;
                -o-transition: all .1s;
                transition: all .1s
            }

            .floating-buttons.open .fbuttons .floatButton.show-more a {
                background-color: #003c4a
            }

                .floating-buttons.open .fbuttons .floatButton.show-more a .floatButton-img {
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

    .floating-buttons .container-fluid {
        max-width: 1436px;
        padding: 0;
        height: 100%;
        position: relative;
        right: 0
    }

    .floating-buttons .fbuttons {
        position: absolute;
        align-items: flex-end;
        display: flex;
        flex-grow: 0;
        flex-direction: column;
        right: 8px;
        bottom: 8px;
        z-index: 1001
    }

        .floating-buttons .fbuttons .floatButton {
            position: relative;
            flex-direction: row-reverse;
            align-items: center;
            display: flex;
            width: 0;
            height: 0
        }

            .floating-buttons .fbuttons .floatButton:nth-child(6) {
                -webkit-transition: all .6s;
                -moz-transition: all .6s;
                -ms-transition: all .6s;
                -o-transition: all .6s;
                transition: all .6s
            }

            .floating-buttons .fbuttons .floatButton:nth-child(5) {
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s
            }

            .floating-buttons .fbuttons .floatButton:nth-child(4) {
                -webkit-transition: all .4s;
                -moz-transition: all .4s;
                -ms-transition: all .4s;
                -o-transition: all .4s;
                transition: all .4s
            }

            .floating-buttons .fbuttons .floatButton:nth-child(3) {
                -webkit-transition: all .3s;
                -moz-transition: all .3s;
                -ms-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s
            }

            .floating-buttons .fbuttons .floatButton:nth-child(2) {
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                -ms-transition: all .2s;
                -o-transition: all .2s;
                transition: all .2s
            }

            .floating-buttons .fbuttons .floatButton:nth-child(1) {
                -webkit-transition: all .1s;
                -moz-transition: all .1s;
                -ms-transition: all .1s;
                -o-transition: all .1s;
                transition: all .1s
            }

            .floating-buttons .fbuttons .floatButton a {
                width: 100%;
                height: 100%;
                background-color: #003c4a;
                text-decoration: none;
                overflow: hidden;
                display: flex;
                align-items: center;
                flex-direction: row-reverse
            }

                .floating-buttons .fbuttons .floatButton a .info {
                    font-size: 12px;
                    line-height: 20px;
                    font-family: "CupraLight",serif;
                    color: #fff;
                    white-space: nowrap;
                    display: none
                }

            .floating-buttons .fbuttons .floatButton.show-more {
                width: 100%;
                height: 100%;
                -webkit-transition: none;
                -moz-transition: none;
                -ms-transition: none;
                -o-transition: none;
                transition: none;
                margin: 0;
                display: flex
            }

                .floating-buttons .fbuttons .floatButton.show-more a {
                    width: auto;
                    height: 100%
                }

                    .floating-buttons .fbuttons .floatButton.show-more a .floatButton-img {
                        -webkit-transition: all .6s;
                        -moz-transition: all .6s;
                        -ms-transition: all .6s;
                        -o-transition: all .6s;
                        transition: all .6s
                    }

            .floating-buttons .fbuttons .floatButton .floatButton-img-cont {
                display: flex;
                width: 56px;
                height: 56px;
                padding: 16px;
                background-color: #003c4a;
                z-index: 2
            }

                .floating-buttons .fbuttons .floatButton .floatButton-img-cont .floatButton-img {
                    max-width: 24px;
                    max-height: 24px;
                    display: block;
                    margin: auto
                }

                .floating-buttons .fbuttons .floatButton .floatButton-img-cont *::-ms-backdrop, .floating-buttons .fbuttons .floatButton .floatButton-img-cont .floatButton-img {
                    width: 24px;
                    height: 24px
                }

@media (min-width: 764px) {
    .floating-buttons {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        height: 0
    }

        .floating-buttons.open {
            background-color: transparent;
            height: 0
        }

            .floating-buttons.open .fbuttons .floatButton {
                width: 100%;
                height: auto
            }

                .floating-buttons.open .fbuttons .floatButton:nth-last-child(2) {
                    margin-bottom: 0;
                    padding-bottom: 0
                }

                .floating-buttons.open .fbuttons .floatButton:nth-child(1), .floating-buttons.open .fbuttons .floatButton:nth-child(2), .floating-buttons.open .fbuttons .floatButton:nth-child(3), .floating-buttons.open .fbuttons .floatButton:nth-child(4), .floating-buttons.open .fbuttons .floatButton:nth-child(5), .floating-buttons.open .fbuttons .floatButton:nth-child(6) {
                    -webkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                    transition: none
                }

                .floating-buttons.open .fbuttons .floatButton a {
                    pointer-events: initial
                }

                    .floating-buttons.open .fbuttons .floatButton a .info {
                        max-width: 300px;
                        -webkit-transition: all .6s ease-out;
                        -moz-transition: all .6s ease-out;
                        -ms-transition: all .6s ease-out;
                        -o-transition: all .6s ease-out;
                        transition: all .6s ease-out
                    }

            .floating-buttons.open.first-open .fbuttons .floatButton a .info {
                display: inline
            }

        .floating-buttons .fbuttons {
            display: table;
            right: 16px;
            top: 50%;
            bottom: 0;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%)
        }

            .floating-buttons .fbuttons .floatButton {
                margin-bottom: 8px;
                transition: none;
                width: 100%;
                height: auto;
                cursor: pointer
            }

                .floating-buttons .fbuttons .floatButton:nth-last-child(2) {
                    margin-bottom: 0
                }

                .floating-buttons .fbuttons .floatButton:nth-child(1), .floating-buttons .fbuttons .floatButton:nth-child(2), .floating-buttons .fbuttons .floatButton:nth-child(3), .floating-buttons .fbuttons .floatButton:nth-child(4), .floating-buttons .fbuttons .floatButton:nth-child(5), .floating-buttons .fbuttons .floatButton:nth-child(6) {
                    -webkit-transition: none;
                    -moz-transition: none;
                    -ms-transition: none;
                    -o-transition: none;
                    transition: none
                }

                .floating-buttons .fbuttons .floatButton a {
                    display: flex;
                    align-items: center;
                    pointer-events: none
                }

                    .floating-buttons .fbuttons .floatButton a .info {
                        display: inline;
                        max-width: 0;
                        -webkit-transition: all .6s ease-in;
                        -moz-transition: all .6s ease-in;
                        -ms-transition: all .6s ease-in;
                        -o-transition: all .6s ease-in;
                        transition: all .6s ease-in
                    }

                    .floating-buttons .fbuttons .floatButton a .floatButton-img-cont {
                        width: 56px;
                        height: 56px;
                        padding: 16px
                    }

                        .floating-buttons .fbuttons .floatButton a .floatButton-img-cont .floatButton-img {
                            max-width: 24px;
                            max-height: 24px;
                            min-width: 24px;
                            min-height: 24px
                        }
}

.disclaimer-component {
    position: relative;
    height: calc(24px*5 + 108px);
    overflow: hidden
}

    .disclaimer-component .container-fluid .container {
        margin-top: 32px
    }

        .disclaimer-component .container-fluid .container .row .col-12 {
            padding: 0
        }

            .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
                text-align: center
            }

                .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text p {
                    font-family: "CupraRegular",serif;
                    font-size: 14px;
                    line-height: 24px;
                    color: rgba(36,34,33,0.6)
                }

            .disclaimer-component .container-fluid .container .row .col-12 .richtext {
                font-size: 14px;
                line-height: 24px
            }

                .disclaimer-component .container-fluid .container .row .col-12 .richtext p, .disclaimer-component .container-fluid .container .row .col-12 .richtext a {
                    font-size: 14px;
                    line-height: 24px
                }

    .disclaimer-component .readMore-container {
        cursor: pointer;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-flow: row;
        background: #f5f5f5;
        box-shadow: 0 -2px 2px 0 rgba(213,213,213,0.6);
        height: 72px
    }

        .disclaimer-component .readMore-container span {
            font-family: "CupraMedium",serif;
            font-size: 16px;
            height: 29px;
            color: #242221
        }

    .disclaimer-component:not(.shortDisclaimer) .disclaimer-text {
        margin-bottom: 96px
    }

    .disclaimer-component.shortDisclaimer {
        height: 100%
    }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container {
                margin-top: 32px;
                margin-bottom: 72px
            }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                    max-height: calc(24px*5 + 4px);
                    overflow: hidden
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text p {
                        font-size: 14px;
                        line-height: 24px
                    }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext {
                    font-size: 14px;
                    line-height: 24px
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext p, .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext a {
                        font-size: 14px;
                        line-height: 24px
                    }

    .disclaimer-component.show-expanded {
        height: auto
    }

        .disclaimer-component.show-expanded .readMore-container {
            display: none
        }

    .disclaimer-component .animation {
        visibility: visible
    }

    *::-ms-backdrop, .disclaimer-component .readMore-container .readMore-button {
        position: relative
    }

        *::-ms-backdrop, .disclaimer-component .readMore-container .readMore-button img {
            position: absolute;
            top: calc(50% - 8px);
            left: calc(50% - 8px)
        }

@media (min-width: 764px) and (max-width: 1015px) {
    .disclaimer-component {
        height: calc(24px*5 + 108px)
    }

        .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
            padding-left: 16px;
            padding-right: 16px
        }

        .disclaimer-component:not(.shortDisclaimer) .disclaimer-text {
            margin-bottom: 120px
        }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container {
                margin-top: 40px;
                margin-bottom: 16px
            }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 {
                    text-align: center
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                        max-height: calc(26px*5 + 4px);
                        padding-left: 16px;
                        padding-right: 16px
                    }

                        .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text p {
                            font-size: 14px;
                            line-height: 26px
                        }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext {
                        font-size: 14px;
                        line-height: 26px
                    }

                        .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext p, .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext a {
                            font-size: 14px;
                            line-height: 26px
                        }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .disclaimer-component {
        height: calc(24px*3 + 108px)
    }

        .disclaimer-component .container-fluid {
            padding-left: 32px;
            padding-right: 32px
        }

            .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
                max-width: 788px;
                margin-left: auto;
                margin-right: auto
            }

        .disclaimer-component:not(.shortDisclaimer) .disclaimer-text {
            margin-bottom: 120px
        }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container {
                margin-top: 48px;
                margin-bottom: 48px
            }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                    max-height: calc(26px*3 + 4px);
                    max-width: 788px;
                    margin: 0 auto
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text p {
                        font-size: 14px;
                        line-height: 26px
                    }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext {
                    font-size: 14px;
                    line-height: 26px
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext p, .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext a {
                        font-size: 14px;
                        line-height: 26px
                    }
}

@media (min-width: 1436px) {
    .disclaimer-component {
        height: calc(24px*3 + 108px)
    }

        .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
            max-width: 1136px;
            margin-left: auto;
            margin-right: auto
        }

        .disclaimer-component:not(.shortDisclaimer) .disclaimer-text {
            margin-bottom: 120px
        }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container {
                margin-top: 48px;
                margin-bottom: 48px
            }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                    max-height: calc(24px*3 + 4px);
                    max-width: 1136px;
                    margin: 0 auto
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text p {
                        font-size: 14px;
                        line-height: 24px
                    }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext {
                    font-size: 14px;
                    line-height: 24px
                }

                    .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext p, .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .richtext a {
                        font-size: 14px;
                        line-height: 24px
                    }
}

@media (max-width: 1015px) {
    .disclaimer-component .readMore-container .readMore-button:hover {
        padding-left: 22px
    }

        .disclaimer-component .readMore-container .readMore-button:hover:after {
            width: 24px
        }
}

.manuals {
    padding-top: 48px;
    padding-bottom: 48px
}

    .manuals .container-fluid {
        max-width: 1436px
    }

    .manuals .intro-manuals {
        text-align: center;
        margin-bottom: 96px
    }

        .manuals .intro-manuals .eyebrow {
            font-family: "CupraLight",serif;
            font-size: 16px;
            line-height: 26px;
            color: #242221;
            white-space: nowrap;
            max-height: calc(26px*1 + 4px);
            overflow: hidden;
            margin-bottom: 16px
        }

        .manuals .intro-manuals .title {
            font-family: "CupraLight",serif;
            font-size: 28px;
            line-height: 40px;
            color: #0f0f0f;
            max-height: calc(40px*4 + 4px);
            overflow: hidden;
            margin-bottom: 24px
        }

        .manuals .intro-manuals .description {
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 26px;
            max-height: calc(26px*6 + 4px);
            overflow: hidden;
            color: rgba(15,15,15,0.6)
        }

    .manuals .container-cards {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: auto;
        padding-right: 0
    }

        .manuals .container-cards .new.section {
            width: 100%
        }

    .manuals .card-manual {
        position: relative;
        display: flex;
        flex-direction: column;
        margin-bottom: 72px
    }

        .manuals .card-manual .container-image {
            position: relative;
            width: 100%;
            overflow: hidden;
            height: auto;
            padding-top: 16px;
            margin-bottom: -32px
        }

            .manuals .card-manual .container-image .cont-img {
                position: relative;
                z-index: 11;
                width: 100%
            }

            .manuals .card-manual .container-image .container-image-bg {
                position: absolute;
                z-index: 10;
                width: calc(50% + 16px);
                min-height: 16px;
                overflow: hidden;
                top: 0;
                right: 0
            }

        .manuals .card-manual .cont-img {
            overflow: hidden;
            width: 100%;
            height: auto
        }

            .manuals .card-manual .cont-img img {
                position: relative;
                width: 100%;
                height: auto
            }

        .manuals .card-manual .container-text {
            padding-right: 16px;
            margin-right: 16px;
            position: relative;
            z-index: 12;
            margin-left: -1px;
            padding-left: 1px;
            padding-top: 40px;
            padding-bottom: 40px
        }

            .manuals .card-manual .container-text .title {
                font-family: "CupraLight",serif;
                font-size: 28px;
                line-height: 30px;
                color: #242221;
                margin-left: 16px;
                margin-bottom: 24px;
                max-height: calc(28px*2 + 4px);
                overflow: hidden
            }

            .manuals .card-manual .container-text .description {
                font-family: "CupraLight",serif;
                font-size: 14px;
                line-height: 26px;
                max-height: calc(26px*8 + 4px);
                overflow: hidden;
                color: #242221;
                margin-left: 16px;
                margin-bottom: 40px
            }

                .manuals .card-manual .container-text .description p {
                    font-family: "CupraLight",serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #242221
                }

            .manuals .card-manual .container-text .container-links {
                margin-left: 16px;
                display: flex;
                flex-direction: column
            }

                .manuals .card-manual .container-text .container-links .download-link {
                    font-family: "CupraMedium",serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #242221;
                    display: flex;
                    align-items: center
                }

                    .manuals .card-manual .container-text .container-links .download-link img {
                        margin-right: 8px;
                        width: 24px;
                        height: 24px
                    }

                .manuals .card-manual .container-text .container-links a {
                    margin-bottom: 16px
                }

                    .manuals .card-manual .container-text .container-links a:last-child {
                        margin-bottom: 0
                    }

        .manuals .card-manual:last-child {
            margin-bottom: 0
        }

@media (min-width: 764px) {
    .manuals {
        padding-top: 56px;
        padding-bottom: 0
    }

        .manuals .intro-manuals {
            text-align: center;
            margin-bottom: 80px
        }

            .manuals .intro-manuals .title {
                font-size: 36px;
                line-height: 50px;
                max-height: calc(50px*2 + 4px)
            }

            .manuals .intro-manuals .description {
                max-width: 688px;
                margin: 0 auto;
                max-height: calc(26px*2 + 4px)
            }

        .manuals .container-cards {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding-right: 16px;
            justify-content: center
        }

            .manuals .container-cards .new.section {
                width: 45.6%
            }

        .manuals .card-manual {
            width: 50%;
            padding-left: 16px;
            padding-right: 16px;
            margin-top: 16px;
            margin-bottom: 64px;
            margin-left: 0;
            margin-right: 0
        }

            .manuals .card-manual .container-text {
                margin-right: 32px;
                display: flex;
                flex-direction: column;
                flex-grow: 1
            }

                .manuals .card-manual .container-text .title {
                    font-size: 30px;
                    line-height: 30px;
                    margin-left: 16px;
                    margin-bottom: 24px;
                    max-height: calc(30px*2)
                }

                .manuals .card-manual .container-text .description {
                    font-size: 14px;
                    line-height: 26px;
                    margin-left: 16px;
                    margin-bottom: 40px;
                    max-height: calc(26px*8 + 4px)
                }

                    .manuals .card-manual .container-text .description p {
                        font-family: "CupraLight",serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: #242221
                    }

                .manuals .card-manual .container-text .container-links {
                    margin-left: 16px;
                    margin-bottom: 0;
                    margin-top: auto
                }

                    .manuals .card-manual .container-text .container-links .download-link {
                        font-size: 14px;
                        line-height: 26px
                    }

            .manuals .card-manual:last-child {
                margin-bottom: 64px
            }
}

@media (min-width: 1016px) {
    .manuals {
        padding-top: 72px;
        padding-bottom: 0
    }

        .manuals .intro-manuals {
            text-align: center;
            margin-bottom: 96px
        }

            .manuals .intro-manuals .title {
                font-size: 48px;
                line-height: 65px;
                max-height: calc(65px*2 + 4px)
            }

            .manuals .intro-manuals .description {
                max-width: inherit;
                margin: 0 auto;
                font-size: 16px;
                line-height: 28px;
                max-height: calc(28px*2 + 4px)
            }

        .manuals .container-cards {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding-right: 16px;
            justify-content: center
        }

            .manuals .container-cards .new.section {
                width: 30%
            }

        .manuals .card-manual {
            margin-bottom: 56px
        }

            .manuals .card-manual .container-image .container-image-bg {
                width: calc(30% + 32px)
            }

            .manuals .card-manual .container-image .container-image-bg {
                width: calc(30% + 32px)
            }

            .manuals .card-manual .container-text {
                margin-right: 48px;
                padding-right: 24px
            }

                .manuals .card-manual .container-text .title {
                    font-size: 36px;
                    line-height: 36px;
                    margin-left: 24px;
                    margin-bottom: 24px;
                    max-height: calc(36px*2)
                }

                .manuals .card-manual .container-text .description {
                    font-size: 16px;
                    line-height: 28px;
                    margin-left: 24px;
                    margin-bottom: 24px;
                    max-height: calc(28px*8 + 4px)
                }

                    .manuals .card-manual .container-text .description p {
                        font-family: "CupraLight",serif;
                        font-size: 16px;
                        line-height: 28px;
                        color: #242221
                    }

                .manuals .card-manual .container-text .container-links {
                    margin-left: 24px
                }

                    .manuals .card-manual .container-text .container-links .download-link {
                        font-size: 16px;
                        line-height: 26px
                    }

            .manuals .card-manual:last-child {
                margin-bottom: 56px
            }
}

@media (min-width: 1436px) {
    .manuals {
        padding-top: 72px;
        padding-bottom: 0
    }

        .manuals .intro-manuals {
            text-align: center
        }

            .manuals .intro-manuals .title {
                font-size: 48px;
                line-height: 58px;
                max-height: calc(58px*2 + 4px)
            }

            .manuals .intro-manuals .description {
                max-width: inherit;
                margin: 0 auto;
                font-size: 16px;
                line-height: 28px;
                max-height: calc(28px*2 + 4px)
            }

        .manuals .container-cards {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding-right: 16px;
            justify-content: center
        }

        .manuals .card-manual {
            width: 33.33334%
        }

            .manuals .card-manual .container-image .container-image-bg {
                width: calc(30% + 24px)
            }

            .manuals .card-manual .container-text {
                margin-right: auto;
                padding-right: 24px
            }

                .manuals .card-manual .container-text .title {
                    font-size: 36px;
                    line-height: 36px;
                    margin-left: 24px;
                    margin-bottom: 24px;
                    max-height: calc(36px*2)
                }

                .manuals .card-manual .container-text .description {
                    font-size: 16px;
                    line-height: 28px;
                    margin-left: 24px;
                    margin-bottom: 24px;
                    max-height: calc(28px*6 + 4px)
                }

                    .manuals .card-manual .container-text .description p {
                        font-family: "CupraLight",serif;
                        font-size: 16px;
                        line-height: 28px;
                        color: #242221
                    }

                .manuals .card-manual .container-text .container-links {
                    margin-left: 24px
                }

                    .manuals .card-manual .container-text .container-links .download-link {
                        font-size: 16px;
                        line-height: 26px
                    }

            .manuals .card-manual:last-child {
                margin-bottom: 56px
            }
}

.specsHero-v2 {
    background: #003c4a
}

@keyframes slideUp {
    0% {
        opacity: 0
    }

    100% {
        top: -2px;
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

.specsHero-v2 .container-fluid {
    margin: 0;
    max-width: 1436px
}

.specsHero-v2 .trimselect {
    padding-top: 40px;
    padding-bottom: 24px
}

    .specsHero-v2 .trimselect .selectors {
        width: 100%
    }

    .specsHero-v2 .trimselect .flex-parent {
        display: flex;
        flex-wrap: wrap
    }

        .specsHero-v2 .trimselect .flex-parent .form-group {
            margin-bottom: 24px
        }

            .specsHero-v2 .trimselect .flex-parent .form-group:last-child {
                margin-bottom: 0px
            }

    .specsHero-v2 .trimselect .title {
        font-family: "CupraLight",serif;
        font-size: 36px;
        color: #fff;
        line-height: 42px;
        max-height: 42px;
        overflow: hidden;
        margin-bottom: 32px
    }

    .specsHero-v2 .trimselect .label {
        display: block;
        font-family: "CupraLight",serif;
        font-size: 18px;
        color: #fff;
        letter-spacing: 0;
        line-height: 26px;
        max-height: 26px;
        overflow: hidden
    }

    .specsHero-v2 .trimselect .special-drop {
        display: none
    }

        .specsHero-v2 .trimselect .special-drop .specs-select {
            font-family: "CupraBook",serif;
            font-size: 16px;
            line-height: 30px;
            text-align: left;
            background: url("main/img/sp-arrow-w.png") center no-repeat;
            background-position-x: 99%;
            display: block;
            padding: 8px 0px;
            background-color: transparent;
            border: none;
            color: #FFF
        }

            .specsHero-v2 .trimselect .special-drop .specs-select:focus {
                outline: none
            }

        .specsHero-v2 .trimselect .special-drop .dropdown-menu {
            width: 100%;
            font-family: "CupraLight",serif
        }

            .specsHero-v2 .trimselect .special-drop .dropdown-menu .selected {
                position: relative
            }

                .specsHero-v2 .trimselect .special-drop .dropdown-menu .selected:after {
                    content: '';
                    background: url("main/img/icon-item-selected.svg") center no-repeat;
                    height: 32px;
                    width: 32px;
                    position: absolute;
                    right: 16px
                }

                .specsHero-v2 .trimselect .special-drop .dropdown-menu .selected a {
                    font-family: "CupraLight",serif;
                    cursor: pointer
                }

        .specsHero-v2 .trimselect .special-drop .anim-slideUp {
            animation: slideUp 0.3s
        }

        .specsHero-v2 .trimselect .special-drop .anim-slidedown {
            animation: slideDown 0.3s
        }

        .specsHero-v2 .trimselect .special-drop .dropdown-item:active {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa
        }

    .specsHero-v2 .trimselect select.form-control {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        font-family: "CupraBook",serif;
        font-size: 12px;
        line-height: 20px;
        color: rgba(255,255,255,0.6);
        text-align: left;
        background: url("main/img/sp-arrow-w.png") center no-repeat;
        background-position-x: 100%;
        background-position-y: 55%;
        display: block;
        width: 100%;
        padding: 8px 16px 8px 0px;
        background-color: transparent;
        border: none
    }

        .specsHero-v2 .trimselect select.form-control option {
            color: rgba(36,34,33,0.6)
        }

.specsHero-v2 .selectors {
    display: flex;
    flex-direction: column
}

.specsHero-v2 select::-ms-expand {
    display: none
}

@media (min-width: 764px) {
    .specsHero-v2 .container-fluid {
        padding-left: 32px;
        padding-right: 32px
    }

    .specsHero-v2 .trimselect {
        padding-bottom: 40px
    }

        .specsHero-v2 .trimselect .title {
            margin-bottom: 48px
        }

        .specsHero-v2 .trimselect .flex-parent {
            flex-wrap: nowrap
        }

            .specsHero-v2 .trimselect .flex-parent .form-group {
                margin-right: 80px;
                margin-bottom: 0px
            }

    .specsHero-v2 .selectors {
        flex-direction: row;
        justify-content: flex-start
    }
}

@media (min-width: 1016px) {
    .specsHero-v2 .trimselect {
        padding-top: 48px;
        padding-bottom: 48px
    }

        .specsHero-v2 .trimselect .title {
            margin-bottom: 64px;
            font-size: 65px;
            line-height: 74px;
            max-height: 74px;
            overflow: hidden;
            padding-bottom: 80px
        }

        .specsHero-v2 .trimselect .selectors {
            justify-content: flex-start
        }

            .specsHero-v2 .trimselect .selectors select {
                display: none
            }

            .specsHero-v2 .trimselect .selectors .special-drop {
                display: block
            }

                .specsHero-v2 .trimselect .selectors .special-drop .specs-select {
                    font-size: 12px;
                    line-height: 20px;
                    color: rgba(255,255,255,0.6)
                }

            .specsHero-v2 .trimselect .selectors .label {
                font-size: 24px;
                line-height: 27px;
                max-height: 28px
            }

    .specsHero-v2 .dropdown-menu {
        z-index: 13
    }
}

@media (min-width: 1436px) {
    .specsHero-v2 .trimselect {
        padding-top: 48px;
        padding-bottom: 48px
    }

        .specsHero-v2 .trimselect .title {
            margin-bottom: 64px;
            font-size: 65px;
            line-height: 74px
        }

        .specsHero-v2 .trimselect .selectors select {
            display: none
        }

        .specsHero-v2 .trimselect .selectors .label {
            font-size: 36px;
            line-height: 44px;
            max-height: 46px
        }
}

.specsv4 {
    background: #f5f5f5
}

    .specsv4 nav.tabs {
        border-bottom: 1px solid #EDEDED;
        padding-top: 24px
    }

        .specsv4 nav.tabs ul {
            min-width: 100%;
            overflow: hidden;
            padding: 0;
            margin: 0;
            white-space: nowrap
        }

            .specsv4 nav.tabs ul li {
                position: relative;
                list-style: none;
                font-family: "CupraLight",serif;
                font-size: 14px;
                color: rgba(36,34,33,0.6);
                text-align: center;
                line-height: 26px;
                display: inline-block;
                padding: 0 16px 8px 16px;
                padding-bottom: 8px;
                outline: none;
                cursor: pointer
            }

                .specsv4 nav.tabs ul li.active {
                    font-family: "CupraMedium",serif;
                    font-size: 14px;
                    color: #242221;
                    letter-spacing: 0;
                    line-height: 26px;
                    pointer-events: none
                }

                    .specsv4 nav.tabs ul li.active:after {
                        content: '';
                        display: block;
                        width: 100%;
                        height: 2px;
                        background: #003c4a;
                        position: absolute;
                        bottom: 0;
                        left: 0
                    }

    .specsv4 .tab {
        padding: 32px 0;
        width: 100%;
        display: none
    }

        .specsv4 .tab.onview {
            display: block
        }

    .specsv4 .prop-margin-top {
        margin-top: 40px
    }

    .specsv4 .container-tab .title {
        font-family: "CupraLight",serif;
        font-size: 30px;
        color: #242221;
        line-height: 42px;
        max-height: 126px;
        overflow: hidden;
        margin-bottom: 24px
    }

    .specsv4 .container-tab .cont-img {
        width: 100%;
        padding: 16px;
        background: #f5f5f5;
        position: relative;
        z-index: 2
    }

        .specsv4 .container-tab .cont-img img {
            width: 100%;
            height: auto
        }

    .specsv4 .container-tab .cont-data {
        padding: 72px 16px 40px 16px;
        background: #EDEDED;
        margin-right: -16px;
        margin-top: -32px;
        min-height: 303px
    }

        .specsv4 .container-tab .cont-data .prop {
            flex: 0 0 120px;
            margin-right: 32px;
            margin-bottom: 32px;
            max-width: 44%
        }

            .specsv4 .container-tab .cont-data .prop:nth-child(2) {
                margin-right: 0
            }

            .specsv4 .container-tab .cont-data .prop:nth-child(3) {
                margin-bottom: 0
            }

            .specsv4 .container-tab .cont-data .prop:nth-child(4) {
                margin-right: 0;
                margin-bottom: 0
            }

            .specsv4 .container-tab .cont-data .prop .value {
                font-family: "CupraLight",serif;
                font-size: 30px;
                color: #242221;
                line-height: 30px;
                max-height: 64px;
                overflow: hidden
            }

            .specsv4 .container-tab .cont-data .prop .super {
                font-family: "CupraRegular",serif;
                font-size: 10px;
                color: #242221;
                line-height: 26px;
                max-height: 52px;
                overflow: hidden;
                vertical-align: super
            }

            .specsv4 .container-tab .cont-data .prop .subtitle {
                font-family: "CupraLight",serif;
                font-size: 12px;
                color: #242221;
                line-height: 20px;
                max-height: 40px;
                overflow: hidden
            }

    .specsv4 .container-tab .extra-engine-data {
        display: flex;
        flex: 1 1 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 32px 0 32px 16px;
        max-width: 352px;
        margin: 0 auto
    }

        .specsv4 .container-tab .extra-engine-data .prop {
            flex: 0 0 30%;
            font-family: "CupraLight",serif;
            margin-bottom: 24px;
            margin-right: 0;
            overflow: visible
        }

            .specsv4 .container-tab .extra-engine-data .prop .value {
                font-size: 16px;
                line-height: 26px;
                overflow: hidden;
                display: block;
                width: 120px;
                position: relative;
                color: #242221;
                margin-bottom: 8px;
                max-height: calc(26px * 2);
                overflow: hidden
            }

                .specsv4 .container-tab .extra-engine-data .prop .value .info-icon {
                    cursor: pointer;
                    height: 11px;
                    width: 11px;
                    border: 1px solid #242528;
                    border-radius: 50%;
                    display: inline-block;
                    font-size: 8px;
                    text-align: center;
                    line-height: 8px;
                    margin-left: 8px;
                    vertical-align: top
                }

            .specsv4 .container-tab .extra-engine-data .prop .des {
                font-size: 12px;
                color: rgba(36,34,33,0.6);
                line-height: 20px;
                max-height: calc(20px * 3);
                overflow: hidden
            }

            .specsv4 .container-tab .extra-engine-data .prop::last-child {
                margin-bottom: 0
            }

            .specsv4 .container-tab .extra-engine-data .prop:nth-child(odd) {
                margin-right: 32px
            }

    .specsv4 .slider-container {
        position: relative;
        z-index: 5;
        width: 100%;
        padding: 24px 0;
        background: #f5f5f5;
        margin-left: -16px;
        padding-left: 16px
    }

        .specsv4 .slider-container .sld .slick-track {
            width: 100%
        }

        .specsv4 .slider-container .sld img {
            width: auto;
            max-height: 172px
        }

    .specsv4 .cont-img {
        width: 100%;
        padding: 16px;
        background: #f5f5f5;
        position: relative;
        z-index: 2
    }

        .specsv4 .cont-img img {
            width: 100%;
            height: auto
        }

    .specsv4 .tab:not(.dimensions-tab) .cont-img, .specsv4 .tab:not(.dimensions-tab) .cont-video {
        width: 100%;
        padding: 0;
        background: #f5f5f5;
        position: relative;
        z-index: 2;
        margin-left: -16px
    }

        .specsv4 .tab:not(.dimensions-tab) .cont-img img, .specsv4 .tab:not(.dimensions-tab) .cont-img video, .specsv4 .tab:not(.dimensions-tab) .cont-video img, .specsv4 .tab:not(.dimensions-tab) .cont-video video {
            width: 100%;
            height: auto
        }

    .specsv4 .modalEmisions {
        padding: 16px;
        display: none;
        position: absolute;
        left: auto;
        z-index: 12;
        right: 16px
    }

        .specsv4 .modalEmisions #cicles {
            overflow: hidden;
            display: flex
        }

            .specsv4 .modalEmisions #cicles li {
                height: 54px;
                width: 143px;
                cursor: pointer;
                flex: 1 1 50%
            }

                .specsv4 .modalEmisions #cicles li.alone {
                    width: 100%
                }

            .specsv4 .modalEmisions #cicles button {
                position: relative;
                width: 100%;
                height: 100%;
                border: none;
                background: #FFF;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 26px;
                letter-spacing: normal;
                text-align: center;
                color: #242221;
                cursor: pointer
            }

                .specsv4 .modalEmisions #cicles button.active {
                    color: #242221
                }

                    .specsv4 .modalEmisions #cicles button.active::before {
                        content: '';
                        width: 100%;
                        height: 1px;
                        background: #000;
                        position: absolute;
                        bottom: 0;
                        left: 0
                    }

                .specsv4 .modalEmisions #cicles button:focus, .specsv4 .modalEmisions #cicles button:active {
                    outline: none
                }

        .specsv4 .modalEmisions .close, .specsv4 .modalEmisions .co2, .specsv4 .modalEmisions .aclaracion {
            display: none
        }

        .specsv4 .modalEmisions .m-content {
            position: relative;
            width: 264px;
            margin: auto;
            min-height: 180px;
            background: #FFF;
            border-radius: 0;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1)
        }

        .specsv4 .modalEmisions .m-header ul li.alone .btn-ciclo {
            font-family: "CupraMedium",serif;
            color: #242221
        }

        .specsv4 .modalEmisions .modal-body {
            padding: 24px 0
        }

            .specsv4 .modalEmisions .modal-body h6 {
                font-family: "CupraBook",serif;
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0;
                font-weight: normal;
                color: #242221
            }

                .specsv4 .modalEmisions .modal-body h6 span {
                    color: rgba(36,34,33,0.6)
                }

            .specsv4 .modalEmisions .modal-body .co2 {
                font-family: "CupraBook",serif;
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0;
                font-weight: normal;
                color: #242221;
                padding-right: 0
            }

            .specsv4 .modalEmisions .modal-body ul {
                padding: 0
            }

                .specsv4 .modalEmisions .modal-body ul li {
                    font-weight: normal;
                    font-style: normal;
                    color: #242221;
                    list-style-position: inside;
                    list-style: none
                }

                    .specsv4 .modalEmisions .modal-body ul li span {
                        color: rgba(36,34,33,0.6)
                    }

                    .specsv4 .modalEmisions .modal-body ul li strong, .specsv4 .modalEmisions .modal-body ul li b {
                        line-height: 22px;
                        font-size: 12px;
                        color: #242221
                    }

            .specsv4 .modalEmisions .modal-body .wltp-header {
                padding: 0 16px
            }

        .specsv4 .modalEmisions .tab-pane {
            display: none;
            width: 100%
        }

            .specsv4 .modalEmisions .tab-pane > div {
                height: 100%
            }

            .specsv4 .modalEmisions .tab-pane.active {
                display: flex;
                flex-wrap: wrap
            }

        .specsv4 .modalEmisions .richtext {
            font-family: "CupraRegular",serif
        }

            .specsv4 .modalEmisions .richtext ul li {
                font-family: "CupraBook",serif;
                font-size: 14px;
                line-height: 24px
            }

            .specsv4 .modalEmisions .richtext p {
                font-size: 12px
            }

            .specsv4 .modalEmisions .richtext a {
                color: #242221
            }

    .specsv4 .backdrop {
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        display: none;
        top: 0;
        left: 0;
        z-index: 10
    }

    .specsv4 .prop-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 352px;
        margin: 0 auto
    }

    .specsv4 .richtext.prop-container {
        display: flex;
        flex-wrap: wrap;
        max-width: 304px;
        margin: 0;
        justify-content: space-between
    }

        .specsv4 .richtext.prop-container h5 {
            font-family: "CupraMedium",serif;
            font-weight: normal;
            font-size: 14px;
            color: #242221;
            line-height: 24px;
            width: 256px;
            margin-bottom: 8px
        }

        .specsv4 .richtext.prop-container p {
            font-family: "CupraLight",serif;
            font-size: 14px;
            color: rgba(36,34,33,0.6);
            line-height: 24px;
            width: 256px;
            margin-bottom: 32px
        }

@media (min-width: 764px) {
    .specsv4 .modalEmisions .modal-body .richtext {
        padding-left: 0
    }

    .specsv4 .prop-margin-right32 {
        margin-right: 24px
    }

    .specsv4 .prop-margin-top {
        margin-top: 24px
    }

    .specsv4 .container-fluid {
        padding-left: 32px
    }

    .specsv4 nav.tabs {
        padding-top: 50px
    }

        .specsv4 nav.tabs ul {
            padding-left: 32px;
            padding-right: 32px;
            display: flex;
            align-items: flex-end;
            -webkit-align-items: flex-end
        }

            .specsv4 nav.tabs ul li {
                font-size: 14px;
                letter-spacing: 0;
                text-align: center;
                line-height: 26px;
                margin: 0 8px;
                flex: 1 1 146px;
                padding: 0;
                padding-bottom: 16px;
                white-space: normal
            }

                .specsv4 nav.tabs ul li span {
                    display: block;
                    overflow: hidden;
                    max-height: calc(26px * 2)
                }

                .specsv4 nav.tabs ul li:first-child {
                    margin-left: 0
                }

                .specsv4 nav.tabs ul li:last-child {
                    margin-right: 0
                }

    .specsv4 .tab {
        padding: 40px 0
    }

        .specsv4 .tab h3.title {
            line-height: 42px;
            max-height: calc(42px*2)
        }

        .specsv4 .tab > .prop-order0 {
            width: 100%;
            min-width: 456px;
            padding: 40px
        }

        .specsv4 .tab:not(.dimensions-tab) .cont-img, .specsv4 .tab:not(.dimensions-tab) .cont-video {
            margin-right: 0;
            width: calc(50% + 16px);
            padding: 0;
            background: #f5f5f5;
            position: absolute;
            right: 0;
            z-index: 2;
            margin-left: 0
        }

    .specsv4 .prop-order0 {
        order: 0
    }

    .specsv4 .prop-order1 {
        order: 1
    }

    .specsv4 .prop-order2 {
        order: 2
    }

    .specsv4 .prop-order3 {
        order: 3
    }

    .specsv4 .prop-order4 {
        order: 4
    }

    .specsv4 .prop-order5 {
        order: 5
    }

    .specsv4 .prop-order6 {
        order: 6
    }

    .specsv4 .prop-margin-right {
        margin-right: 24px
    }

    .specsv4 .container-tab .title {
        width: 704px;
        margin-bottom: 24px
    }

    .specsv4 .container-tab .cont-img {
        width: 100%;
        height: auto;
        margin-left: -82px
    }

        .specsv4 .container-tab .cont-img img {
            width: auto;
            height: 100%
        }

    .specsv4 .container-tab .cont-data {
        padding: 40px;
        margin-top: 0;
        width: calc(58.3333333% - 24px)
    }

        .specsv4 .container-tab .cont-data .prop-container {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            width: 456px;
            height: auto
        }

        .specsv4 .container-tab .cont-data .prop {
            margin-right: 24px;
            margin-bottom: 24px
        }

            .specsv4 .container-tab .cont-data .prop:nth-child(2) {
                margin-right: 0
            }

            .specsv4 .container-tab .cont-data .prop:nth-child(3) {
                margin-bottom: 0
            }

            .specsv4 .container-tab .cont-data .prop:nth-child(4) {
                margin-right: 0;
                margin-bottom: 0
            }

    .specsv4 .container-tab .extra-engine-data {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        padding: 32px 8px 32px 40px;
        position: relative
    }

        .specsv4 .container-tab .extra-engine-data .prop {
            line-height: 20px;
            flex: 0 0 20%;
            margin-bottom: 24px;
            margin-right: 32px
        }

            .specsv4 .container-tab .extra-engine-data .prop .value {
                width: 122px;
                max-height: calc(26px * 1)
            }

    .specsv4 .slider-container {
        position: relative;
        z-index: 5;
        padding-top: 0px;
        padding-bottom: 24px;
        background: #f5f5f5;
        margin-left: 0;
        padding-left: 0;
        min-width: 398px;
        width: 100%
    }

        .specsv4 .slider-container .sld img {
            width: 100%;
            max-width: 398px;
            max-height: 224px
        }

    .specsv4 .modalEmisions {
        width: 568px;
        left: auto;
        right: 0;
        top: 40px
    }

        .specsv4 .modalEmisions .m-content {
            width: 100%
        }

        .specsv4 .modalEmisions .co2 {
            display: block
        }

        .specsv4 .modalEmisions .modal-body {
            padding: 24px
        }

        .specsv4 .modalEmisions .close {
            display: inline-block;
            position: absolute;
            top: 11px;
            right: 16px
        }

        .specsv4 .modalEmisions #cicles button {
            font-family: "CupraMedium",serif;
            font-size: 16px;
            line-height: 26px;
            text-align: center
        }

    .specsv4 .triangle {
        position: relative
    }

        .specsv4 .triangle:after {
            content: '';
            display: block;
            position: absolute;
            right: -5px;
            top: 5px;
            width: 0;
            height: 0;
            border: 9px solid transparent;
            border-bottom-color: #fff;
            z-index: 16
        }

    .specsv4 .modalEmisions .modal-body .aclaracion {
        display: block
    }

        .specsv4 .modalEmisions .modal-body .aclaracion p {
            font-size: 12px;
            line-height: 20px;
            padding-top: 16px;
            padding-bottom: 16px;
            color: rgba(36,34,33,0.6)
        }

    .specsv4 .modalEmisions .modal-body .wltp-header {
        margin-bottom: 32px;
        padding: 0
    }

    .specsv4 .container-data {
        display: flex;
        position: relative
    }

    .specsv4 .prop-order-0 {
        order: 0;
        width: calc(58.333333% - 24px)
    }

    .specsv4 .prop-order1 {
        order: 1;
        width: calc(50% + 16px);
        position: absolute;
        right: 0
    }
}

@media (min-width: 1016px) {
    .specsv4 nav.tabs {
        padding-top: 58px
    }

        .specsv4 nav.tabs ul {
            padding-left: 32px;
            padding-right: 32px;
            display: flex
        }

            .specsv4 nav.tabs ul li {
                font-size: 16px;
                text-align: center;
                margin: 0 12px;
                flex: 1 1 236px;
                padding-bottom: 16px
            }

                .specsv4 nav.tabs ul li.active {
                    font-size: 16px;
                    line-height: 26px
                }

                .specsv4 nav.tabs ul li:first-child {
                    margin-left: 0
                }

                .specsv4 nav.tabs ul li:last-child {
                    margin-right: 0
                }

    .specsv4 .tab {
        padding: 56px 0
    }

        .specsv4 .tab h3.title {
            line-height: 50px;
            max-height: 58px;
            width: 100%
        }

        .specsv4 .tab .prop-container .prop .value {
            max-height: 72px;
            overflow: hidden
        }

        .specsv4 .tab > .prop-order0, .specsv4 .tab .chassis-data, .specsv4 .tab .braking-data {
            min-width: 542px;
            padding: 64px 80px;
            min-height: 343px
        }

        .specsv4 .tab:not(.dimensions-tab) .cont-img, .specsv4 .tab:not(.dimensions-tab) .cont-video {
            width: calc(50% + 16px);
            padding: 0;
            background: #f5f5f5;
            position: absolute;
            z-index: 2;
            margin-left: 0;
            margin-right: 0;
            display: flex;
            overflow: hidden;
            justify-content: flex-start;
            align-items: center;
            max-height: 314px
        }

    .specsv4 .container-tab .title {
        width: 864px;
        font-size: 42px;
        letter-spacing: 0
    }

    .specsv4 .container-tab .cont-img {
        width: 524px
    }

        .specsv4 .container-tab .cont-img img {
            width: auto;
            height: 100%
        }

    .specsv4 .container-tab .cont-data {
        width: calc(58.3333333% - 24px);
        padding-top: 64px;
        padding-left: 80px;
        padding-bottom: 64px;
        min-height: 343px;
        margin-right: 0
    }

        .specsv4 .container-tab .cont-data .prop-container {
            width: 296px;
            margin: initial
        }

        .specsv4 .container-tab .cont-data .prop {
            width: 132px;
            flex: 0 0 132px;
            max-width: inherit;
            margin-right: 32px;
            margin-bottom: 40px;
            max-width: 132px
        }

            .specsv4 .container-tab .cont-data .prop:nth-child(2) {
                margin-right: 0
            }

            .specsv4 .container-tab .cont-data .prop:nth-child(3) {
                margin-bottom: 0
            }

            .specsv4 .container-tab .cont-data .prop:nth-child(4) {
                margin-right: 0;
                margin-bottom: 0
            }

            .specsv4 .container-tab .cont-data .prop .value {
                font-size: 36px;
                line-height: 36px
            }

            .specsv4 .container-tab .cont-data .prop .super {
                font-size: 12px
            }

    .specsv4 .container-tab .extra-engine-data {
        padding-right: 32px;
        padding-left: 80px
    }

        .specsv4 .container-tab .extra-engine-data .prop-order3 {
            margin-right: 0
        }

        .specsv4 .container-tab .extra-engine-data .prop {
            flex: 0 0 20%
        }

            .specsv4 .container-tab .extra-engine-data .prop .value {
                font-size: 24px;
                line-height: 34px;
                width: 132px;
                max-height: calc(34px * 1)
            }

            .specsv4 .container-tab .extra-engine-data .prop .des {
                line-height: 20px;
                max-height: calc(20px * 3)
            }

    .specsv4 .slider-container {
        min-width: 523px;
        height: 294px
    }

        .specsv4 .slider-container .slick-dots {
            bottom: 6px
        }

        .specsv4 .slider-container .sld img {
            max-width: 524px;
            max-height: 294px;
            margin: 0 auto
        }

        .specsv4 .slider-container .sld .slick-prev.slick-arrow {
            background: url("main/img/newspecs-arrow-right.svg") center center no-repeat;
            transform: rotate(180deg);
            left: 16px;
            top: calc(50% - 20px);
            z-index: 10;
            background-size: contain
        }

        .specsv4 .slider-container .sld .slick-next.slick-arrow {
            background: url("main/img/newspecs-arrow-right.svg") center center no-repeat;
            top: calc(50% -1px);
            right: 32px;
            background-size: contain
        }

        .specsv4 .slider-container .sld .slick-arrow {
            color: transparent;
            width: 40px;
            height: 40px
        }

            .specsv4 .slider-container .sld .slick-arrow::after, .specsv4 .slider-container .sld .slick-arrow::before {
                content: ''
            }

    .specsv4 .modalEmisions {
        right: 0;
        top: 49px
    }

        .specsv4 .modalEmisions .m-content {
            min-width: 500px
        }

        .specsv4 .modalEmisions .subtitle-co2 {
            font-family: "CupraBook",serif;
            font-size: 14px;
            line-height: 24px
        }

        .specsv4 .modalEmisions .co2 {
            padding-right: 0
        }

    .specsv4 .triangle:after {
        top: 14px
    }
}

@media (min-width: 1436px) {
    .specsv4 .prop-margin-right32 {
        margin-right: 32px
    }

    .specsv4 .prop-margin-top {
        margin-top: 32px
    }

    .specsv4 .container-fluid {
        max-width: 1436px;
        margin: 0 auto
    }

    .specsv4 nav.tabs {
        padding-top: 58px;
        max-width: 1436px;
        margin: 0 auto
    }

        .specsv4 nav.tabs ul {
            padding-left: 32px;
            padding-right: 32px;
            display: flex
        }

            .specsv4 nav.tabs ul li {
                font-size: 16px;
                text-align: center;
                margin: 0;
                flex: 1 1 343px
            }

                .specsv4 nav.tabs ul li:first-child {
                    margin-left: 0
                }

                .specsv4 nav.tabs ul li:last-child {
                    margin-right: 0
                }

    .specsv4 .tab {
        padding: 56px 0
    }

    .specsv4 .container-tab .title {
        font-size: 48px;
        letter-spacing: 0;
        line-height: 58px;
        max-height: 58px;
        width: 100%
    }

    .specsv4 .container-tab .cont-img {
        width: 733px;
        height: 412px
    }

        .specsv4 .container-tab .cont-img img {
            width: auto;
            height: 100%;
            max-height: 311px
        }

    .specsv4 .container-tab .cont-data {
        padding: 104px 120px 104px 120px;
        min-height: 460px
    }

        .specsv4 .container-tab .cont-data .prop-container {
            width: auto;
            margin: initial;
            max-width: none;
            flex: 1 1 100%
        }

        .specsv4 .container-tab .cont-data .richtext.prop-container {
            width: 296px
        }

        .specsv4 .container-tab .cont-data .prop {
            width: 202px;
            flex: 0 0 202px;
            margin-bottom: 32px;
            max-width: 202px
        }

            .specsv4 .container-tab .cont-data .prop .value {
                font-size: 48px;
                line-height: 58px
            }

    .specsv4 .container-tab .extra-engine-data {
        padding-left: 117px;
        padding-right: 32px
    }

        .specsv4 .container-tab .extra-engine-data .prop {
            flex: 0 0 20%
        }

            .specsv4 .container-tab .extra-engine-data .prop .value {
                width: 202px
            }

            .specsv4 .container-tab .extra-engine-data .prop .des {
                line-height: 12px;
                max-height: calc(12px * 3)
            }

    .specsv4 .tab:not(.dimensions-tab) .cont-img, .specsv4 .tab:not(.dimensions-tab) .cont-video {
        width: calc(50% + 16px);
        max-height: 412px;
        padding: 0;
        background: #f5f5f5;
        position: absolute;
        z-index: 2;
        margin-left: 0;
        margin-right: 0
    }

        .specsv4 .tab:not(.dimensions-tab) .cont-img img, .specsv4 .tab:not(.dimensions-tab) .cont-video img {
            width: auto;
            height: 100%;
            max-height: 412px
        }

    .specsv4 .tab h3.title {
        line-height: 58px
    }

    .specsv4 .tab .prop-container .prop .value {
        max-height: 116px;
        overflow: hidden
    }

    .specsv4 .tab > .prop-order0 {
        width: 100%;
        min-width: 787px;
        padding: 64px
    }

    .specsv4 .slider-container {
        width: 734px;
        height: 412px;
        padding: 0px
    }

        .specsv4 .slider-container .sld img {
            max-width: 734px;
            max-height: 412px
        }

        .specsv4 .slider-container .sld .slick-arrow {
            width: 56px;
            height: 56px
        }

        .specsv4 .slider-container .sld .slick-prev.slick-arrow {
            left: 46px
        }

        .specsv4 .slider-container .sld .slick-next.slick-arrow {
            top: calc(50% + 8px)
        }

    .specsv4 .modalEmisions {
        right: 15px
    }

    .specsv4 .triangle:after {
        right: -4px;
        top: 14px
    }
}

.specsv4 .tabs-content .tab .container-tab .extra-engine-data .prop .value {
    width: auto;
    position: relative;
    display: inline-block;
    padding-right: 16px
}

    .specsv4 .tabs-content .tab .container-tab .extra-engine-data .prop .value .info-icon {
        position: absolute;
        top: 0;
        right: 4px
    }

@keyframes carOut {
    from {
        right: -9999px
    }

    to {
        right: 32px
    }
}

@keyframes carIn {
    from {
        right: 32px
    }

    to {
        right: auto;
        left: -9999px
    }
}

@keyframes carfadeOut {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0.3
    }

    50% {
        opacity: 0.1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes carfadeIn {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.5
    }

    50% {
        opacity: 0.75
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes textPop {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.25
    }

    50% {
        opacity: 0.5
    }

    75% {
        opacity: 0.75
    }

    100% {
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes carOut {
    from {
        right: -9999px
    }

    to {
        right: 32px
    }
}

@-webkit-keyframes carIn {
    from {
        right: 32px
    }

    to {
        right: auto;
        left: -9999px
    }
}

@-webkit-keyframes carfadeOut {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0.3
    }

    50% {
        opacity: 0.1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes carfadeIn {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.5
    }

    50% {
        opacity: 0.75
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes textPop {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.25
    }

    50% {
        opacity: 0.5
    }

    75% {
        opacity: 0.75
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes scrollup {
    from {
        top: -9999px
    }

    to {
        top: 60px
    }
}

@keyframes scrolldown {
    from {
        top: 60px
    }

    to {
        top: -999px
    }
}

.main-navigation {
    background: #f5f5f5;
    overflow: visible;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 15;
    transition: top .3s linear
}

    .main-navigation .main-nav-wrap {
        background: #f5f5f5;
        overflow: visible;
        margin: 0;
        padding: 20px 16px;
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0;
        width: 100%;
        height: 60px;
        z-index: 918;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        position: relative
    }

        .main-navigation .main-nav-wrap button.close-button {
            display: none;
            width: 28px;
            height: 28px;
            border: none;
            background: url("main/img/iconsclose.png") no-repeat;
            background-position: center;
            margin-right: 0;
            margin-left: auto;
            padding: 0;
            cursor: pointer
        }

            .main-navigation .main-nav-wrap button.close-button:focus {
                outline: none
            }

        .main-navigation .main-nav-wrap .main-nav-logo img {
            width: 132px;
            height: auto;
            margin-right: 32px
        }

        .main-navigation .main-nav-wrap .main-nav-links ul {
            display: none;
            flex-direction: row;
            flex-wrap: nowrap;
            margin: 0;
            padding: 0
        }

            .main-navigation .main-nav-wrap .main-nav-links ul li {
                list-style: none;
                padding: 0;
                margin: 0
            }

                .main-navigation .main-nav-wrap .main-nav-links ul li:last-child {
                    border-right: none
                }

                .main-navigation .main-nav-wrap .main-nav-links ul li a {
                    display: block;
                    font-family: "CupraLight",serif;
                    color: #242221;
                    font-size: 16px;
                    line-height: 26px;
                    overflow: hidden;
                    max-height: 26px
                }

        .main-navigation .main-nav-wrap .main-nav-cta {
            margin-right: 0;
            margin-left: auto;
            display: flex;
            flex-direction: row
        }

            .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list {
                display: none;
                flex-direction: row;
                margin: 0;
                padding: 0
            }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list li {
                    list-style: none;
                    margin-right: 16px
                }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list li a {
                        font-family: "CupraMedium",serif;
                        font-size: 12px;
                        line-height: 20px;
                        color: #242221
                    }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list li:last-child {
                        margin-right: 0
                    }

            .main-navigation .main-nav-wrap .main-nav-cta .main-nav-login {
                margin: 0 24px 0 0;
                padding: 0
            }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-login.hide {
                    visibility: hidden;
                    display: none
                }

            .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang {
                overflow: visible;
                z-index: 918;
                margin: 0 24px 0 0;
                padding: 0;
                position: relative
            }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang .lang-selected {
                    margin: 0;
                    border-bottom: 1px solid #737170;
                    cursor: pointer
                }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang .lang-selected a {
                        font-family: "CupraLight",serif;
                        font-size: 14px;
                        line-height: 24px;
                        transition: none
                    }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang .custom-select {
                    border: none;
                    background: none;
                    outline: none;
                    padding: 4px;
                    margin: 0
                }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang .custom-select:focus {
                        border: none;
                        background: none;
                        outline: none
                    }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang .custom-select option {
                        text-align: center;
                        padding: 4px;
                        margin: 0
                    }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang.hide {
                    visibility: hidden;
                    display: none
                }

            .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu {
                position: relative;
                margin: 0;
                padding: 0;
                background: none;
                border: none;
                outline: none;
                width: 16px;
                height: 24px;
                cursor: pointer
            }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu span {
                    position: absolute;
                    width: 16px;
                    height: 2px;
                    background: #242221;
                    border-radius: 9px;
                    opacity: 1;
                    cursor: pointer
                }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu span:nth-child(1) {
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                        top: 8px;
                        right: 0;
                        left: 1px;
                        width: 40%
                    }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu span:nth-child(2) {
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                        transform: rotate(45deg);
                        width: 59%;
                        right: 0;
                        left: 6px;
                        top: 15px
                    }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu span:nth-child(3) {
                        -webkit-transform: rotate(-45deg);
                        -moz-transform: rotate(-45deg);
                        -o-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                        top: 12px;
                        right: 0;
                        left: 0
                    }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu.collapsed span {
                    width: 100%;
                    opacity: 1;
                    right: 0;
                    left: 0;
                    -webkit-transform: rotate(0deg);
                    -moz-transform: rotate(0deg);
                    -o-transform: rotate(0deg);
                    transform: rotate(0deg);
                    -webkit-transition: .15s ease-in-out;
                    -moz-transition: .15s ease-in-out;
                    -o-transition: .15s ease-in-out;
                    transition: .15s ease-in-out
                }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu.collapsed span:nth-child(1) {
                        top: 6px;
                        right: 0;
                        -webkit-transform-origin: left center;
                        -moz-transform-origin: left center;
                        -o-transform-origin: left center;
                        transform-origin: left center
                    }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu.collapsed span:nth-child(2) {
                        top: 12px;
                        right: 0;
                        -webkit-transform-origin: left center;
                        -moz-transform-origin: left center;
                        -o-transform-origin: left center;
                        transform-origin: left center
                    }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu.collapsed span:nth-child(3) {
                        top: 18px;
                        right: 0;
                        -webkit-transform-origin: left center;
                        -moz-transform-origin: left center;
                        -o-transform-origin: left center;
                        transform-origin: left center
                    }

        .main-navigation .main-nav-wrap button.close-button {
            display: none;
            width: 28px;
            height: 28px;
            border: none;
            background: url("main/img/iconsclose.png") no-repeat;
            background-position: center;
            margin-right: 0;
            margin-left: auto;
            cursor: pointer
        }

            .main-navigation .main-nav-wrap button.close-button:focus {
                outline: none
            }

    .main-navigation .backdropSmall {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        display: none;
        top: 60px;
        left: 0;
        z-index: 910
    }

    .main-navigation .nav-mobile-content {
        display: block !important;
        position: fixed;
        z-index: 917;
        top: -999px;
        height: calc(100% - 60px);
        padding: 16px 16px 0;
        animation-name: scrolldown;
        animation-duration: .3s
    }

        .main-navigation .nav-mobile-content.collapsing {
            top: 60px;
            animation-name: scrollup;
            animation-duration: .3s
        }

        .main-navigation .nav-mobile-content.show {
            top: 60px;
            animation-name: scrollup;
            animation-duration: .3s
        }

        .main-navigation .nav-mobile-content .nav-accordion {
            min-height: unset;
            max-height: unset;
            height: calc(100% - 92px);
            padding: 24px 0 32px
        }

        .main-navigation .nav-mobile-content .nav-cta {
            align-items: center;
            height: 92px;
            padding: 0 0 24px;
            margin: 0
        }

        .main-navigation .nav-mobile-content .main-nav-tag {
            padding: 5px 8px 5px 8px;
            background: #1b1b1b;
            font-size: 14px;
            color: #fff;
            line-height: 1.14;
            font-family: 'CupraBook', serif;
            text-transform: none;
            max-height: 24px;
            margin-left: 16px;
            display: inline-block
        }

*::-ms-backdrop, .main-navigation {
    transition-property: none;
    z-index: 111
}

.lang-list {
    background: #f5f5f5;
    padding: 8px 16px;
    margin: 0;
    top: 20px;
    right: calc(50% - 25px);
    position: absolute;
    z-index: 918;
    display: flex;
    flex-direction: column
}

    .lang-list li {
        list-style: none
    }

        .lang-list li a {
            color: #242221;
            font-family: "CupraLight",serif;
            font-size: 14px;
            line-height: 24px;
            transition: none
        }

.nav-mobile-content {
    position: absolute;
    z-index: 920;
    background: #f5f5f5;
    width: 100%;
    padding: 18px 16px 12px
}

    .nav-mobile-content .nav-accordion {
        max-height: calc(100vh - 212px);
        min-height: calc(100vh - 212px);
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        padding: 32px 0
    }

        .nav-mobile-content .nav-accordion .accordion-wrapper {
            border-bottom: 1px solid #D8D8D8;
            padding: 8px 0
        }

            .nav-mobile-content .nav-accordion .accordion-wrapper h3, .nav-mobile-content .nav-accordion .accordion-wrapper > a {
                position: relative;
                font-family: "CupraLight",serif;
                font-size: 16px;
                line-height: 50px;
                color: rgba(36,34,33,0.6);
                padding: 0;
                margin: 0;
                cursor: pointer
            }

                .nav-mobile-content .nav-accordion .accordion-wrapper h3:after, .nav-mobile-content .nav-accordion .accordion-wrapper > a:after {
                    content: "";
                    background: url(main/img/icon-arrowup.svg) no-repeat;
                    background-position: center;
                    position: absolute;
                    width: 16px;
                    height: 16px;
                    right: 4px;
                    top: calc(50% - 8px);
                    transition: transform .3s ease-out
                }

                .nav-mobile-content .nav-accordion .accordion-wrapper h3[aria-expanded="false"]:after, .nav-mobile-content .nav-accordion .accordion-wrapper > a[aria-expanded="false"]:after {
                    transform: rotate(180deg);
                    transition: transform .3s ease-out
                }

                .nav-mobile-content .nav-accordion .accordion-wrapper > a:after {
                    display: none
                }

            .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list {
                padding: 0;
                margin: 0
            }

                .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list h4 {
                    font-family: "CupraLight",serif;
                    font-size: 12px;
                    line-height: 20px;
                    color: #242221;
                    text-transform: uppercase;
                    padding: 0;
                    margin: 24px 0 0 0
                }

                    .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list h4:first-child {
                        margin-top: 16pxx
                    }

                .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list ul {
                    margin: 0;
                    padding: 0
                }

                    .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list ul li {
                        list-style: none;
                        padding: 8px 0
                    }

                        .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list ul li a {
                            font-family: "CupraBook",serif;
                            font-size: 20px;
                            line-height: 30px;
                            color: #242221
                        }

    .nav-mobile-content .nav-cta {
        height: 92px;
        display: flex;
        flex-direction: row
    }

        .nav-mobile-content .nav-cta a {
            display: flex;
            flex: 1 1 50%;
            flex-direction: column;
            align-items: center;
            font-family: "CupraMedium",serif;
            font-size: 14px;
            line-height: 24px;
            color: #242221;
            margin: 4px 0
        }

            .nav-mobile-content .nav-cta a img {
                height: 21px;
                margin-bottom: 8px
            }

            .nav-mobile-content .nav-cta a:first-child {
                border-right: 1px solid #D5D5D5
            }

.backdropBig {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 91;
    cursor: pointer
}

    .backdropBig.show {
        display: block
    }

::-ms-backdrop, .backdropBig {
    top: 84px
}

.main-navigation-options {
    display: none
}

*::-ms-backdrop, .main-navigation .main-nav-wrap .main-nav-logo img {
    height: 100%
}

@media (min-width: 764px) {
    .main-navigation .main-nav-wrap {
        height: 60px;
        padding: 20px 32px
    }

        .main-navigation .main-nav-wrap .main-nav-logo img {
            width: 132px;
            height: auto
        }

        .main-navigation .main-nav-wrap .main-nav-cta {
            display: flex
        }

            .main-navigation .main-nav-wrap .main-nav-cta .main-nav-login {
                margin: 0 16px 0 0
            }

            .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang {
                margin: 0 24px 0 0
            }

    .nav-mobile-content {
        padding: 40px 30px 24px;
        padding: 24px 30px 24px
    }

        .nav-mobile-content .nav-accordion {
            margin-bottom: 16px
        }

            .nav-mobile-content .nav-accordion .accordion-wrapper {
                padding: 8px 0
            }

                .nav-mobile-content .nav-accordion .accordion-wrapper h3, .nav-mobile-content .nav-accordion .accordion-wrapper > a {
                    font-size: 24px;
                    line-height: 58px
                }

                .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list h4 {
                    font-family: "CupraBook",serif;
                    font-size: 12px;
                    line-height: 20px;
                    text-transform: uppercase;
                    padding: 0;
                    margin: 48px 0 0 0
                }

                    .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list h4:first-child {
                        margin-top: 32px
                    }

                .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list ul li {
                    padding: 8px 0
                }

                    .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list ul li a {
                        font-size: 30px;
                        line-height: 40px
                    }

                .nav-mobile-content .nav-accordion .accordion-wrapper .nav-list.show {
                    padding-bottom: 32px
                }

        .nav-mobile-content .nav-cta {
            justify-content: center
        }

            .nav-mobile-content .nav-cta a {
                font-family: "CupraMedium",serif;
                font-size: 20px;
                line-height: 30px;
                margin: 4px 0;
                max-width: 34%
            }

                .nav-mobile-content .nav-cta a img {
                    margin-bottom: 8px
                }

        .nav-mobile-content .nav-accordion {
            padding-top: 16px
        }

    *::-ms-backdrop, .main-navigation .main-nav-wrap .main-nav-logo img {
        height: 100%
    }
}

@media (min-width: 1016px) {
    .main-navigation {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 914
    }

        .main-navigation .main-nav-wrap {
            height: 84px;
            padding: 32px
        }

            .main-navigation .main-nav-wrap .main-nav-logo img {
                width: 132px;
                height: auto;
                margin-right: 44px
            }

            .main-navigation .main-nav-wrap .main-nav-links ul {
                display: flex
            }

                .main-navigation .main-nav-wrap .main-nav-links ul li {
                    padding: 0 8px;
                    margin-right: 0px
                }

                    .main-navigation .main-nav-wrap .main-nav-links ul li:last-child {
                        margin-right: 0
                    }

                    .main-navigation .main-nav-wrap .main-nav-links ul li a {
                        font-family: "CupraLight",serif;
                        color: #242221;
                        font-size: 14px;
                        line-height: 24px;
                        max-height: 24px;
                        transition: font-family .2s ease
                    }

                        .main-navigation .main-nav-wrap .main-nav-links ul li a.active {
                            font-family: "CupraMedium",serif;
                            transition: font-family .2s ease
                        }

            .main-navigation .main-nav-wrap .main-nav-cta {
                display: flex
            }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list {
                    display: flex;
                    margin: 0 24px 0 0
                }

                    .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list li a {
                        font-family: "CupraMedium",serif;
                        font-size: 12px;
                        line-height: 20px;
                        color: #242221
                    }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-login {
                    margin: 0 16px 0 0
                }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang {
                    margin: 0
                }

                .main-navigation .main-nav-wrap .main-nav-cta .main-nav-burger-menu {
                    display: none
                }

                .main-navigation .main-nav-wrap .main-nav-cta.hidden_cta {
                    display: none
                }

        .main-navigation .main-nav-tag {
            padding: 5px 8px 5px 8px;
            background: #1b1b1b;
            font-size: 14px;
            color: #fff;
            line-height: 1.14;
            font-family: 'CupraBook', serif;
            text-transform: none;
            max-height: 24px;
            margin-left: 16px;
            margin-top: 5px;
            position: absolute;
            display: inline-block
        }

    .nav-mobile-content.collapse.show {
        display: none
    }

    .main-navigation-options {
        position: absolute;
        display: block;
        z-index: 915;
        width: 100%;
        background: #f5f5f5;
        overflow: hidden;
        top: 84px
    }

        .main-navigation-options .tab-pane {
            position: relative;
            height: 100%;
            max-height: 685px;
            padding: 0;
            align-items: center;
            height: 100%
        }

            .main-navigation-options .tab-pane .nav-section-list {
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 685px;
                padding-left: 32px;
                padding-right: 0;
                overflow-y: auto
            }

                .main-navigation-options .tab-pane .nav-section-list .section-title {
                    font-family: "CupraBook",serif;
                    font-size: 12px;
                    line-height: 20px;
                    color: rgba(36,34,33,0.6);
                    text-transform: uppercase;
                    margin-top: 48px
                }

                    .main-navigation-options .tab-pane .nav-section-list .section-title:first-child {
                        margin-top: 0px
                    }

                .main-navigation-options .tab-pane .nav-section-list .nav-section-link {
                    list-style: none;
                    display: block;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: flex-start;
                    padding: 16px 0;
                    text-transform: none
                }

                    .main-navigation-options .tab-pane .nav-section-list .nav-section-link a {
                        display: inline-block;
                        width: 100%;
                        font-family: "CupraLight",serif;
                        font-size: 24px;
                        line-height: 34px;
                        max-height: 68px;
                        overflow: hidden;
                        color: rgba(36,34,33,0.6)
                    }

                        .main-navigation-options .tab-pane .nav-section-list .nav-section-link a:hover {
                            font-family: "CupraBook",serif;
                            color: #242221
                        }

                    .main-navigation-options .tab-pane .nav-section-list .nav-section-link .description {
                        width: 100%;
                        font-family: "CupraLight",serif;
                        font-size: 14px;
                        line-height: 24px;
                        color: #242221;
                        overflow: hidden;
                        padding: 0;
                        margin: 0;
                        max-height: 0;
                        visibility: hidden;
                        opacity: 0;
                        transition: all .2s;
                        -webkit-transition: all .2s
                    }

                    .main-navigation-options .tab-pane .nav-section-list .nav-section-link:hover a {
                        font-family: "CupraBook",serif;
                        color: #242221
                    }

                    .main-navigation-options .tab-pane .nav-section-list .nav-section-link:hover .description {
                        visibility: visible;
                        opacity: 1;
                        max-height: 48px;
                        transition: max-height .4s ease-in, opacity .8s
                    }

                    .main-navigation-options .tab-pane .nav-section-list .nav-section-link.hovered a {
                        font-family: "CupraBook",serif;
                        color: #242221
                    }

                .main-navigation-options .tab-pane .nav-section-list.car-range {
                    position: relative;
                    z-index: 910;
                    justify-content: flex-start
                }

                    .main-navigation-options .tab-pane .nav-section-list.car-range .nav-section-link {
                        padding: 8px 0
                    }

            .main-navigation-options .tab-pane .nav-section-img:not(.car-range) {
                height: 100%;
                min-height: 685px;
                max-height: 75%;
                padding: 50px 24px 72px 0;
                position: relative
            }

                .main-navigation-options .tab-pane .nav-section-img:not(.car-range) img {
                    position: absolute;
                    z-index: 91
                }

                    .main-navigation-options .tab-pane .nav-section-img:not(.car-range) img:first-child {
                        top: 92px;
                        right: 32px;
                        z-index: 92;
                        max-width: 430px
                    }

                    .main-navigation-options .tab-pane .nav-section-img:not(.car-range) img:last-child {
                        top: 50px;
                        right: 16px;
                        z-index: 91;
                        max-width: 415px
                    }

            .main-navigation-options .tab-pane .col-12.car-range {
                background: url("main/img/bg-car-range.png.jpeg") no-repeat;
                background-size: 33% 100%;
                background-position-x: right;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                padding: 0 32px
            }

                .main-navigation-options .tab-pane .col-12.car-range .carousel {
                    top: 50%;
                    transform: translateY(-50%);
                    z-index: 92;
                    overflow: visible
                }

                    .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-inner {
                        overflow: visible
                    }

                        .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-inner .carousel-item span {
                            width: 100%;
                            display: flex;
                            justify-content: flex-end
                        }

                        .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-inner .carousel-item img {
                            max-width: 541px;
                            max-height: 346px;
                            margin-right: 0;
                            margin-left: auto;
                            opacity: 1;
                            transition: opacity .3s linear;
                            width: 100%;
                            height: auto
                        }

                        .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-inner .carousel-item.carousel-item-left:not(.carousel-item-next) {
                            animation-name: carfadeOut;
                            animation-duration: .6s;
                            -webkit-animation-name: carfadeOut;
                            -webkit-animation-duration: .6s
                        }

                        .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-inner .carousel-item.carousel-item-right:not(.carousel-item-prev) {
                            animation-name: carfadeOut;
                            animation-duration: .6s;
                            -webkit-animation-name: carfadeOut;
                            -webkit-animation-duration: .6s
                        }

                        .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-inner .carousel-item.carousel-item-right.carousel-item-prev {
                            animation-name: carfadeIn;
                            animation-duration: .6s;
                            -webkit-animation-name: carfadeIn;
                            -webkit-animation-duration: .6s
                        }

                    .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-control-prev, .main-navigation-options .tab-pane .col-12.car-range .carousel .carousel-control-next {
                        display: none
                    }

                .main-navigation-options .tab-pane .col-12.car-range .cta-wrapper {
                    position: absolute;
                    right: 16px;
                    bottom: 40px;
                    display: flex;
                    flex-direction: row;
                    z-index: 92
                }

                    .main-navigation-options .tab-pane .col-12.car-range .cta-wrapper a {
                        cursor: pointer;
                        min-width: 144px
                    }

                    .main-navigation-options .tab-pane .col-12.car-range .cta-wrapper .btn-conf {
                        background: #f5f5f5;
                        color: #242221;
                        margin-left: 8px
                    }

            .main-navigation-options .tab-pane.active {
                animation-name: slideDown;
                animation-duration: .3s;
                animation-timing-function: ease-out
            }

    *::-ms-backdrop, .main-navigation-options {
        z-index: 911
    }

    *::-ms-backdrop, .main-navigation .main-nav-wrap .main-nav-logo img {
        height: 100%
    }

    .main-navigation-options .tab-pane .row {
        min-height: 685px
    }

        .main-navigation-options .tab-pane .row .nav-section-list, .main-navigation-options .tab-pane .row .nav-section-list.car-range {
            height: 100%;
            max-height: 562px;
            overflow-y: auto;
            margin-top: auto;
            margin-bottom: auto;
            justify-content: flex-start
        }

            .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list.car-range {
                margin: 0;
                max-height: 562px;
                height: 100%
            }

            .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list:not(.car-range) .nav-section-link {
                display: inline-block;
                height: 100%;
                min-height: 34px;
                width: 100%;
                box-sizing: content-box
            }

            .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list.car-range {
                margin: 32px 0
            }

                .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list.car-range .section-title {
                    display: flex;
                    height: 100%;
                    width: 100%;
                    flex-direction: column;
                    min-height: 180px;
                    justify-content: flex-start;
                    flex-basis: auto
                }

                    .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list.car-range .section-title .nav-section-link {
                        display: inline-block;
                        width: 100%
                    }

        .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list {
            overflow-x: hidden
        }

    .main-navigation .nav-mobile-content {
        display: none !important
    }
}

@media (min-width: 1436px) {
    .main-navigation .main-nav-wrap {
        max-width: 1436px;
        margin-left: auto;
        margin-right: auto;
        height: 84px;
        padding: 32px
    }

        .main-navigation .main-nav-wrap .main-nav-logo img {
            width: 142px;
            height: auto;
            margin-right: 96px
        }

        .main-navigation .main-nav-wrap .main-nav-links ul {
            display: flex
        }

            .main-navigation .main-nav-wrap .main-nav-links ul li {
                margin-right: 16px
            }

                .main-navigation .main-nav-wrap .main-nav-links ul li:last-child {
                    margin-right: 0
                }

                .main-navigation .main-nav-wrap .main-nav-links ul li a {
                    font-family: "CupraLight",serif;
                    color: #242221;
                    font-size: 16px;
                    line-height: 26px;
                    max-height: 26px
                }

        .main-navigation .main-nav-wrap .main-nav-cta .main-nav-cta-list {
            margin: 0 40px 0 0
        }

        .main-navigation .main-nav-wrap .main-nav-cta .main-nav-login {
            margin: 0 16px 0 0
        }

        .main-navigation .main-nav-wrap .main-nav-cta .main-nav-lang {
            margin: 0
        }

    .main-navigation-options .tab-pane {
        max-height: 685px
    }

    .main-navigation-options .container-fluid {
        max-width: 1436px;
        margin-left: auto;
        margin-right: auto
    }

        .main-navigation-options .container-fluid .row {
            position: relative
        }

            .main-navigation-options .container-fluid .row .nav-section-list {
                flex: 0 0 33.33333%;
                max-width: 33.33333%
            }

                .main-navigation-options .container-fluid .row .nav-section-list .nav-section-link a, .main-navigation-options .container-fluid .row .nav-section-list .nav-section-link .description {
                    width: 100%
                }

                .main-navigation-options .container-fluid .row .nav-section-list.car-range {
                    justify-content: flex-start
                }

            .main-navigation-options .container-fluid .row .nav-section-img.car-range {
                background: none;
                z-index: 92
            }

            .main-navigation-options .container-fluid .row .col-12.car-range {
                background: none !important
            }

                .main-navigation-options .container-fluid .row .col-12.car-range .carousel {
                    z-index: 92
                }

                    .main-navigation-options .container-fluid .row .col-12.car-range .carousel .carousel-inner .carousel-item img {
                        margin-right: 32px;
                        margin-left: auto;
                        min-width: 785px;
                        max-height: 502px;
                        margin-right: 0;
                        margin-left: auto;
                        width: 100%;
                        height: 100%
                    }

                    .main-navigation-options .container-fluid .row .col-12.car-range .carousel .carousel-control-prev, .main-navigation-options .container-fluid .row .col-12.car-range .carousel .carousel-control-next {
                        display: none
                    }

                .main-navigation-options .container-fluid .row .col-12.car-range .cta-wrapper {
                    bottom: 32px
                }

            .main-navigation-options .container-fluid .row .nav-section-img:not(.car-range) {
                height: 100%;
                min-height: 700px;
                padding: 50px 24px 72px 0;
                margin-bottom: 72px;
                position: relative
            }

                .main-navigation-options .container-fluid .row .nav-section-img:not(.car-range) img {
                    position: absolute;
                    z-index: 91
                }

                    .main-navigation-options .container-fluid .row .nav-section-img:not(.car-range) img:first-child {
                        top: 92px;
                        right: 32px;
                        z-index: 92;
                        max-width: 516px
                    }

                    .main-navigation-options .container-fluid .row .nav-section-img:not(.car-range) img:last-child {
                        top: 50px;
                        right: 16px;
                        z-index: 91;
                        max-width: 500px
                    }

    .main-navigation-options .nav-car-range-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -60%;
        display: block;
        background: url("main/img/bg-car-range-big.png.jpeg") no-repeat;
        background-size: contain;
        z-index: 91
    }

    *::-ms-backdrop, .main-navigation .main-nav-wrap .main-nav-logo img {
        height: 100%
    }

    .main-navigation-options .tab-pane .row {
        min-height: 685px
    }

        .main-navigation-options .tab-pane .row ::-ms-backdrop, .main-navigation-options .tab-pane .row .nav-section-list.car-range {
            max-height: 685px;
            min-height: 100%;
            height: 100%
        }
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .main-navigation-options .tab-pane.active {
            animation: unset
        }

        .main-navigation-options .tab-pane .nav-section-list:not(.car-range) .nav-section-link {
            display: block
        }
    }
}

.homepage-header {
    margin-bottom: 32px
}

    .homepage-header .container-fluid {
        padding: 0
    }

        .homepage-header .container-fluid .container {
            padding: 0
        }

            .homepage-header .container-fluid .container .row {
                margin: 0
            }

                .homepage-header .container-fluid .container .row .col-12, .homepage-header .container-fluid .container .row .col-6 {
                    padding: 0
                }

                    .homepage-header .container-fluid .container .row .col-12 .objectFitClass, .homepage-header .container-fluid .container .row .col-6 .objectFitClass {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

                .homepage-header .container-fluid .container .row .col-md-7.modCol {
                    flex: 0 0 100%;
                    max-width: 100%
                }

                .homepage-header .container-fluid .container .row .col-md-5.modCol {
                    flex: 0 0 100%;
                    max-width: 100%
                }

    .homepage-header .highlight-content-box {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 325px
    }

        .homepage-header .highlight-content-box .cont-img {
            transition: transform .2s ease;
            width: 100%;
            height: 100%
        }

            .homepage-header .highlight-content-box .cont-img img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .homepage-header .highlight-content-box .cont-video {
            transition: transform .2s ease;
            background: #242221;
            height: 100%
        }

            .homepage-header .highlight-content-box .cont-video video {
                width: 100%;
                height: auto;
                max-height: 777px
            }

        .homepage-header .highlight-content-box .cont-text {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: #4a4745;
            background: linear-gradient(0deg, #4a4745 0%, rgba(74,71,69,0) 100%);
            padding: 16px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            min-height: 180px
        }

            .homepage-header .highlight-content-box .cont-text .title {
                font-family: "CupraRegular",serif;
                font-size: 30px;
                line-height: 40px;
                max-height: calc(40px*2);
                overflow: hidden;
                color: #fff
            }

            .homepage-header .highlight-content-box .cont-text .description {
                display: none
            }

                .homepage-header .highlight-content-box .cont-text .description p {
                    font-family: "CupraBook",serif;
                    overflow: hidden;
                    color: #fff
                }

            .homepage-header .highlight-content-box .cont-text .cta-container .cta {
                font-family: "CupraMedium",serif;
                font-size: 14px;
                line-height: 24px;
                color: #fff;
                margin-right: 24px
            }

        .homepage-header .highlight-content-box:hover .cont-img, .homepage-header .highlight-content-box:hover .cont-video {
            transform: scale(1.1);
            transition: transform .2s ease
        }

    .homepage-header .carousel-box {
        overflow: hidden;
        width: 100%;
        height: 261px
    }

        .homepage-header .carousel-box .eyebrow {
            font-family: "CupraLight",serif;
            font-size: 12px;
            line-height: 20px;
            max-height: calc(20px*1);
            overflow: hidden
        }

        .homepage-header .carousel-box .title {
            font-family: "CupraBook",serif;
            font-size: 20px;
            line-height: 30px;
            max-height: calc(30px*2);
            overflow: hidden
        }

        .homepage-header .carousel-box .description {
            font-family: "CupraLight",serif;
            overflow: hidden
        }

        .homepage-header .carousel-box .cta {
            font-family: "CupraMedium",serif;
            font-size: 14px;
            line-height: 24px
        }

    .homepage-header .tool-box {
        width: 100%;
        height: 302px
    }

        .homepage-header .tool-box .cont-text {
            display: flex;
            flex-direction: column;
            padding: 16px;
            height: 100%
        }

            .homepage-header .tool-box .cont-text .title {
                font-family: "CupraRegular",serif;
                font-size: 20px;
                line-height: 30px;
                max-height: calc(30px*3);
                overflow: hidden
            }

            .homepage-header .tool-box .cont-text .description p {
                font-family: "CupraLight",serif;
                font-size: 12px;
                line-height: 20px;
                max-height: calc(20px*3);
                overflow: hidden
            }

            .homepage-header .tool-box .cont-text .description.text-white p {
                color: #fff
            }

            .homepage-header .tool-box .cont-text .description.text-black p {
                color: #242221
            }

            .homepage-header .tool-box .cont-text .cta-container {
                margin-bottom: 0;
                margin-top: auto
            }

                .homepage-header .tool-box .cont-text .cta-container .btn-line {
                    font-family: "CupraMedium",serif;
                    font-size: 14px;
                    line-height: 24px;
                    display: flex;
                    padding: 0;
                    justify-content: center;
                    align-items: center
                }

    .homepage-header .static-content-box {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 302px
    }

        .homepage-header .static-content-box .cont-img {
            transition: transform .2s ease;
            width: 100%;
            height: 100%
        }

            .homepage-header .static-content-box .cont-img img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .homepage-header .static-content-box .cont-text {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 16px
        }

            .homepage-header .static-content-box .cont-text .eyebrow {
                font-family: "CupraLight",serif;
                font-size: 12px;
                line-height: 20px;
                max-height: calc(20px*1);
                overflow: hidden
            }

            .homepage-header .static-content-box .cont-text .title {
                font-family: "CupraRegular",serif;
                font-size: 20px;
                line-height: 30px;
                max-height: calc(30px*3);
                overflow: hidden
            }

            .homepage-header .static-content-box .cont-text .cta {
                font-family: "CupraMedium",serif;
                font-size: 14px;
                line-height: 24px
            }

        .homepage-header .static-content-box:hover .cont-img {
            transform: scale(1.1);
            transition: transform .2s ease
        }

@media (min-width: 764px) {
    .homepage-header {
        margin-bottom: 32px
    }

        .homepage-header .container-fluid {
            padding: 0
        }

            .homepage-header .container-fluid .container {
                width: 100%;
                max-width: 1015px;
                padding: 0 32px
            }

                .homepage-header .container-fluid .container .row {
                    margin: 0
                }

                    .homepage-header .container-fluid .container .row .col-md-7.modCol {
                        flex: 0 0 52.8571%;
                        max-width: 52.8571%;
                        padding-right: 4px
                    }

                    .homepage-header .container-fluid .container .row .col-md-5.modCol {
                        flex: 0 0 47.1428%;
                        max-width: 47.1428%;
                        padding-left: 4px
                    }

                        .homepage-header .container-fluid .container .row .col-md-5.modCol .col-12 {
                            padding-bottom: 4px
                        }

                        .homepage-header .container-fluid .container .row .col-md-5.modCol .col-6 {
                            padding-top: 4px;
                            padding-right: 4px
                        }

                            .homepage-header .container-fluid .container .row .col-md-5.modCol .col-6:last-child {
                                padding-left: 4px;
                                padding-right: 0
                            }

        .homepage-header .highlight-content-box {
            height: 100%;
            position: relative;
            overflow: hidden;
            height: 537px
        }

            .homepage-header .highlight-content-box .cont-video {
                background: #242221;
                height: 100%
            }

                .homepage-header .highlight-content-box .cont-video video {
                    width: 100%;
                    height: 100%;
                    max-height: 777px;
                    object-fit: cover
                }

            .homepage-header .highlight-content-box .description {
                font-size: 12px;
                line-height: 20px;
                max-height: calc(20px*2)
            }

            .homepage-header .highlight-content-box .cta {
                font-size: 12px;
                line-height: 20px
            }

        .homepage-header .carousel-box {
            height: 261px
        }

        .homepage-header .tool-box {
            height: 268px
        }

            .homepage-header .tool-box .title {
                font-size: 16px;
                line-height: 26px;
                max-height: calc(26px*3)
            }

            .homepage-header .tool-box .btn-line {
                font-size: 12px;
                line-height: 20px;
                max-width: 100%
            }

        .homepage-header .static-content-box {
            height: 268px
        }

            .homepage-header .static-content-box .title {
                font-size: 16px;
                line-height: 26px;
                max-height: calc(26px*3)
            }

            .homepage-header .static-content-box .cta {
                font-family: "CupraMedium",serif;
                font-size: 12px;
                line-height: 20px
            }
}

@media (min-width: 1016px) {
    .homepage-header {
        margin-bottom: 56px
    }

        .homepage-header .container-fluid {
            padding: 0
        }

            .homepage-header .container-fluid .container {
                width: 100%;
                max-width: 1435px;
                padding: 0 32px
            }

                .homepage-header .container-fluid .container .row {
                    margin: 0
                }

                    .homepage-header .container-fluid .container .row .col-md-7.modCol {
                        flex: 0 0 61.4495%;
                        max-width: 61.4495%
                    }

                    .homepage-header .container-fluid .container .row .col-md-5.modCol {
                        flex: 0 0 38.5504%;
                        max-width: 38.5504%
                    }

        .homepage-header .highlight-content-box {
            height: 559px
        }

            .homepage-header .highlight-content-box .title {
                font-size: 36px;
                line-height: 46px;
                max-height: calc(46px*2)
            }

            .homepage-header .highlight-content-box .description {
                font-size: 14px;
                line-height: 24px;
                max-height: calc(24px*2)
            }

        .homepage-header .carousel-box {
            height: 283px
        }

            .homepage-header .carousel-box .description {
                font-size: 14px;
                line-height: 24px;
                max-height: calc(24px*3)
            }

            .homepage-header .carousel-box .cta {
                font-size: 12px;
                line-height: 20px
            }

        .homepage-header .tool-box {
            height: 268px
        }

            .homepage-header .tool-box .title {
                font-size: 20px;
                line-height: 30px;
                max-height: calc(30px*3)
            }

            .homepage-header .tool-box .btn-line {
                font-size: 12px;
                line-height: 20px;
                max-width: 120px
            }

        .homepage-header .static-content-box {
            height: 268px
        }

            .homepage-header .static-content-box .eyebrow {
                font-family: "CupraLight",serif;
                font-size: 12px;
                line-height: 20px;
                max-height: calc(20px*1);
                overflow: hidden
            }

            .homepage-header .static-content-box .title {
                font-family: "CupraRegular",serif;
                font-size: 20px;
                line-height: 30px;
                max-height: calc(30px*3);
                overflow: hidden
            }

            .homepage-header .static-content-box .cta {
                font-family: "CupraMedium",serif;
                font-size: 12px;
                line-height: 20px
            }
}

@media (min-width: 1436px) {
    .homepage-header {
        margin-bottom: 32px
    }

        .homepage-header .container-fluid {
            padding: 0
        }

            .homepage-header .container-fluid .container {
                width: 100%;
                max-width: 1436px;
                padding: 0 32px
            }

                .homepage-header .container-fluid .container .row {
                    margin: 0
                }

                    .homepage-header .container-fluid .container .row .col-md-7.modCol {
                        flex: 0 0 56.4139%;
                        max-width: 56.4139%
                    }

                    .homepage-header .container-fluid .container .row .col-md-5.modCol {
                        flex: 0 0 43.5860%;
                        max-width: 43.5860%
                    }

        .homepage-header .highlight-content-box {
            height: 887px
        }

            .homepage-header .highlight-content-box .title {
                font-size: 65px;
                line-height: 74px;
                max-height: calc(74px*2)
            }

            .homepage-header .highlight-content-box .description {
                font-size: 20px;
                line-height: 30px;
                max-height: calc(30px*2)
            }

            .homepage-header .highlight-content-box .cta {
                font-size: 16px;
                line-height: 26px
            }

        .homepage-header .carousel-box {
            height: 435px
        }

            .homepage-header .carousel-box .title {
                font-size: 30px;
                line-height: 40px;
                max-height: calc(40px*2)
            }

            .homepage-header .carousel-box .description {
                font-size: 16px;
                line-height: 26px;
                max-height: calc(26px*3)
            }

            .homepage-header .carousel-box .cta {
                font-family: "CupraMedium",serif;
                font-size: 16px;
                line-height: 26px
            }

        .homepage-header .tool-box {
            height: 444px
        }

            .homepage-header .tool-box .title {
                font-size: 30px;
                line-height: 40px;
                max-height: calc(40px*3)
            }

            .homepage-header .tool-box .description {
                font-size: 16px;
                line-height: 26px;
                max-height: calc(26px*3)
            }

            .homepage-header .tool-box .btn-line {
                font-size: 16px;
                line-height: 26px;
                max-width: 147px
            }

        .homepage-header .static-content-box {
            height: 444px
        }

            .homepage-header .static-content-box .eyebrow {
                font-size: 14px;
                line-height: 24px;
                max-height: calc(24px*1)
            }

            .homepage-header .static-content-box .title {
                font-size: 30px;
                line-height: 40px;
                max-height: calc(40px*3)
            }

            .homepage-header .static-content-box .cta {
                font-size: 16px;
                line-height: 26px
            }
}

@media (min-width: 1016px) {
    .carousel-box #sld-arrow {
        position: absolute !important;
        top: 50%;
        right: 8px;
        left: auto;
        height: 50px;
        width: 50px;
        transform: translatey(-50%)
    }
}

.mainnavigation .login-component {
    padding-right: 16px
}

@media (max-width: 764px) {
    .mainnavigation .login-component {
        padding-right: 24px
    }
}

.mainnavigation .btn {
    padding: 0px
}

.seatComponents-login-component .register-modal {
    background-color: #f5f5f5
}

.seatComponents-login-component .content_title, .profile-edit-component .content_title {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    line-height: 1.28;
    font-family: "CupraRegular";
    font-size: 36px;
    font-weight: normal
}

.seatComponents-login-component .content_title {
    text-align: center
}

.seatComponents-login-component .wrapper_content form .create_account .form-group .form-control {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(15,15,15,0.6);
    font-family: "CupraLight";
    font-size: 16px;
    font-weight: 300;
    line-height: 1.63
}

    .seatComponents-login-component .wrapper_content form .create_account .form-group .form-control:disabled {
        opacity: 0.2;
        pointer-events: none
    }

.seatComponents-login-component .all-requireds {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraBook";
    font-size: 12px;
    line-height: 1.67;
    font-weight: normal
}

.seatComponents-login-component .page-info .content_title, .profile-edit-component .page-info .content_title {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraBook";
    font-size: 30px;
    font-weight: normal;
    line-height: 1.33;
    text-align: left
}

.seatComponents-login-component .page-info .content_body, .profile-edit-component .page-info .content_body {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.63;
    font-family: "CupraLight"
}

.seatComponents-login-component .registerModal .btn .label, .profile-edit-component .btn .label {
    font-family: "CupraMedium";
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.63;
    text-align: center;
    color: white
}

.seatComponents-login-component .registerModal .btn, .profile-edit-component .btn {
    background-color: #003e51;
    border-radius: 0px
}

    .seatComponents-login-component .registerModal .btn:hover, .profile-edit-component .btn:hover {
        background-color: rgba(0,62,81,0.4)
    }

.seatComponents-login-component .register-modal .required {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ff7d7d;
    font-family: "CupraRegular";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71
}

.seatComponents-login-component .wrapper_content form .create_account .ca_1_l {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: rgba(15,15,15,0.6);
    font-family: "CupraRegular";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63
}

.seatComponents-login-component .wrapper_content form .create_account .salutation {
    font-family: "CupraLight"
}

.seatComponents-login-component .wrapper_content form .create_account .radio label {
    color: rgba(15,15,15,0.6);
    font-family: "CupraBook";
    font-size: 14px;
    line-height: 1.71
}

.seatComponents-login-component .wrapper_content form .create_account .form-group label.lc--active, .seatComponents-login-component .wrapper_content form .create_account .form-group label.lc--active p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraMedium";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71
}

.seatComponents-login-component .wrapper_content form .create_account .form-group label {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-size: 16px;
    font-family: "CupraLight";
    font-weight: 300;
    line-height: 1.63;
    color: #242221
}

    .seatComponents-login-component .wrapper_content form .create_account .form-group label[for=E-mail] {
        visibility: hidden
    }

.seatComponents-login-component .register-modal .marketing .dp_p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraLight";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5
}

.seatComponents-login-component .register-modal .disclosure .dp_p p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraRegular";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63
}

.seatComponents-login-component .register-modal .dp_p.dp_info {
    padding-right: 25px
}

.seatComponents-login-component .dp_p_title {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraMedium", sans-serif;
    font-size: 16px;
    font-weight: 500
}

.seatComponents-login-component .marketing .dp_p_title {
    line-height: 1.5
}

.seatComponents-login-component .disclosure_wrapper .dp_p_title {
    line-height: 1.63
}

.seatComponents-login-component .dp_info a {
    border-bottom: 1px solid #0f0f0f;
    color: #0f0f0f;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none
}

.seatComponents-login-component .register-modal .checkbox label {
    color: rgba(15,15,15,0.6);
    line-height: 26px
}

    .seatComponents-login-component .register-modal .checkbox label p {
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #242221;
        font-family: "CupraRegular";
        font-size: 16px;
        font-weight: normal;
        line-height: 1.88
    }

.seatComponents-login-component .register-modal .checkbox-inline a, .seatComponents-login-component .register-modal .checkbox-inline .link {
    border-bottom: 1px solid #0f0f0f;
    color: #0f0f0f;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none
}

.seatComponents-login-component .disclaimer_modal p, .profile-edit-component .disclaimer_modal {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraLight";
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    margin-bottom: 30px
}

.seatComponents-login-component .notuser p {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #242221;
    font-family: "CupraRegular";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.seatComponents-login-component .notuser {
    text-align: center
}

.seatComponents-login-component .notuser_email {
    color: #0f0f0f !important;
    font-weight: bold;
    font-family: "CupraMedium"
}

.seatComponents-login-component .sign_out, .profile-edit-component .sign_out {
    color: #0f0f0f;
    font-family: "CupraRegular";
    font-size: 16px;
    line-height: 1.88;
    text-decoration: none
}

.seatComponents-login-component .registerModal .sign_out, .profile-edit-component .sign_out {
    border-bottom: 1px solid #0f0f0f
}

    .seatComponents-login-component .registerModal .sign_out:hover, .profile-edit-component .sign_out:hover {
        border-bottom: 1px solid rgba(36,34,33,0.6);
        color: rgba(36,34,33,0.6)
    }

.seatComponents-login-component .legal_note {
    color: rgba(15,15,15,0.6);
    font-size: 12px;
    line-height: 30px;
    text-decoration: none
}

.profile-edit-component .infoProfilePage {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    font-family: "CupraBook";
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5
}

    .profile-edit-component .infoProfilePage div {
        color: rgba(36,34,33,0.6)
    }

    .profile-edit-component .infoProfilePage span {
        color: #242221
    }

@media (max-width: 1435px) {
    .profile-edit-component .infoProfilePage {
        font-size: 16px;
        line-height: 1.63
    }

    .profile-edit-component .disclaimer_modal {
        font-size: 12px;
        line-height: 1.67
    }

    .profile-edit-component .sign_out {
        font-size: 14px
    }

    .profile-edit-component .page-info .content_body {
        font-size: 14px;
        line-height: 1.71
    }
}

@media screen and (max-width: 1435px) and (min-width: 1016px) {
    .seatComponents-login-component .content_title, .profile-edit-component .content_title {
        font-size: 30px;
        line-height: 1.33
    }

    .seatComponents-login-component .page-info .content_title, .profile-edit-component .page-info .content_title {
        font-size: 28px;
        line-height: 1.36
    }
}

@media screen and (max-width: 1015px) and (min-width: 764px) {
    .seatComponents-login-component .content_title, .profile-edit-component .content_title {
        font-size: 30px;
        line-height: 1.33
    }

    .seatComponents-login-component .page-info .content_title, .profile-edit-component .page-info .content_title {
        font-size: 28px;
        line-height: 1.36
    }

    .seatComponents-login-component .page-info .content_body, .seatComponents-login-component .wrapper_content form .create_account .salutation, .seatComponents-login-component .wrapper_content form .create_account .form-group label, .seatComponents-login-component .dp_p_title, .seatComponents-login-component .register-modal .disclosure_wrapper .dp_p p, .seatComponents-login-component .register-modal .checkbox label p, .seatComponents-login-component .notuser p, .seatComponents-login-component .notuser_email, .seatComponents-login-component .sign_out {
        font-size: 14px;
        line-height: 1.71
    }

    .seatComponents-login-component .registerModal .btn .label, .profile-edit-component .btn .label {
        font-size: 12px;
        line-height: 1.67
    }

    .seatComponents-login-component .disclaimer_modal p {
        font-size: 12px;
        line-height: 1.67
    }
}

@media screen and (max-width: 763px) {
    .seatComponents-login-component .content_title, .profile-edit-component .content_title {
        font-size: 28px;
        line-height: 1.36
    }

    .seatComponents-login-component .page-info .content_title, .profile-edit-component .page-info .content_title {
        font-size: 24px;
        line-height: 1.42
    }

    .seatComponents-login-component .page-info .content_body, .seatComponents-login-component .wrapper_content form .create_account .salutation, .seatComponents-login-component .wrapper_content form .create_account .form-group label, .seatComponents-login-component .dp_p_title, .seatComponents-login-component .register-modal .disclosure_wrapper .dp_p p, .seatComponents-login-component .register-modal .checkbox label p, .seatComponents-login-component .disclaimer_modal p, .profile-edit-component .disclaimer_modal, .seatComponents-login-component .notuser p, .seatComponents-login-component .sign_out, .seatComponents-login-component .notuser_email, .seatComponents-login-component .legal_note_container {
        font-size: 14px;
        line-height: 1.71
    }

    .seatComponents-login-component .registerModal .btn .label, .profile-edit-component .btn .label {
        font-size: 12px;
        line-height: 1.67
    }
}

.nav-item span .connected {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: #003c4a;
    bottom: 0;
    right: 8px;
    border-radius: 50%;
    z-index: 1
}

.icon-link img {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.nav-item span {
    position: relative;
    display: inline-block
}