dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
    margin-top: 0
}

address, dl, ol, p, pre, ul {
    margin-bottom: 1rem
}

body, caption {
    text-align: left
}

dd, h1, h2, h3, h4, h5, h6, label {
    margin-bottom: .5rem
}

pre, textarea {
    overflow: auto
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, legend, main, nav, section {
    display: block
}

address, legend {
    line-height: inherit
}

progress, sub, sup {
    vertical-align: baseline
}

label, output {
    display: inline-block
}

button, hr, input {
    overflow: visible
}

.btn-outline-danger, .btn-outline-dark, .btn-outline-info, .btn-outline-light, .btn-outline-primary, .btn-outline-success, .btn-outline-warning, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none
}

.dropdown-menu, .form-control, .modal-content, .popover {
    background-clip: padding-box
}

.dropdown-menu, .nav, .navbar-nav {
    list-style: none
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-md: 764px;
    --breakpoint-lg: 1016px;
    --breakpoint-xl: 1436px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Noto Sans, Open Sans",Roboto,"Arimo",Arimo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Noto Sans, Open Sans",Roboto,"Arimo",Arimo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

.btn:not(:disabled):not(.disabled), .close:not(:disabled):not(.disabled), .navbar-toggler:not(:disabled):not(.disabled), .page-link:not(:disabled):not(.disabled), summary {
    cursor: pointer
}

address {
    font-style: normal
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote, figure {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:hover {
        color: #0056b3;
        text-decoration: underline
    }

    a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

code, kbd, pre, samp {
    font-size: 1em
}

pre {
    -ms-overflow-style: scrollbar
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    caption-side: bottom
}

th {
    text-align: inherit
}

button {
    border-radius: 0
}

    button:focus {
        outline: dotted 1px;
        outline: -webkit-focus-ring-color auto 5px
    }

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

button, select {
    text-transform: none
}

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

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

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

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

.badge, .btn, .dropdown-header, .dropdown-item, .input-group-text, .navbar-brand {
    white-space: nowrap
}

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

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

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

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

.display-1, .display-2, .display-3, .display-4 {
    line-height: 1.2
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.blockquote, hr {
    margin-bottom: 1rem
}

.display-1, .display-2, .display-3, .display-4, .lead {
    font-weight: 300
}

.h1, h1 {
    font-size: 2.5rem
}

.h2, h2 {
    font-size: 2rem
}

.h3, h3 {
    font-size: 1.75rem
}

.h4, h4 {
    font-size: 1.5rem
}

.h5, h5 {
    font-size: 1.25rem
}

.h6, h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: .5rem
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code, kbd {
    font-size: 87.5%
}

a > code, pre code {
    color: inherit
}

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

code {
    color: #e83e8c;
    word-break: break-word
}

kbd {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

.container, .container-fluid {
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.btn, .btn-link, .dropdown-item {
    font-weight: 400
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

    pre code {
        font-size: inherit;
        word-break: normal
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

@media (min-width:764px) {
    .container {
        max-width: 764px
    }
}

@media (min-width:1016px) {
    .container {
        max-width: 1016px
    }
}

@media (min-width:1436px) {
    .container {
        max-width: 1436px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

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

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:641px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        box-shadow: 0 1px 3px 0 rgb(51 48 46 / 30%) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        margin: 10px !important;
        width: 45.6% !important;
        background-color: #fff;
    }


    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 30%;
        box-shadow: 0 1px 3px 0 rgb(51 48 46 / 30%) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        margin: 16px;
        width: 30%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1016px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1436px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

    .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table {
        background-color: #fff
    }

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6
}

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: #9fcdff
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf
}

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #ffe8a1
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: #ececf6
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #32383e
    }

    .table-dark.table-bordered, .table-responsive > .table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,.075)
    }

@media (max-width:763.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width:1015.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width:1435.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.collapsing, .modal, .modal-open, .progress {
    overflow: hidden
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .form-control::placeholder {
        color: #6c757d;
        opacity: 1
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.custom-file-input.is-valid ~ .custom-file-label, .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-file-input:valid ~ .custom-file-label, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: #28a745
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-check-label, .form-inline .custom-control-label, .form-inline label {
    margin-bottom: 0
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.invalid-tooltip, .valid-tooltip {
    position: absolute;
    z-index: 5;
    max-width: 100%;
    padding: .5rem;
    line-height: 1;
    border-radius: .2rem;
    top: 100%
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    display: none;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(40,167,69,.8)
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .form-check-input.is-valid ~ .form-check-label, .was-validated .custom-control-input:valid ~ .custom-control-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #71dd8a
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
    border-color: inherit
}

.custom-file-input.is-invalid ~ .custom-file-label, .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-file-input:invalid ~ .custom-file-label, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    display: none;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(220,53,69,.8)
}

.collapsing, .dropdown, .dropup {
    position: relative
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .form-check-input.is-invalid ~ .form-check-label, .was-validated .custom-control-input:invalid ~ .custom-control-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
    border-color: inherit
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

.btn-block, input[type=submit].btn-block, input[type=button].btn-block, input[type=reset].btn-block {
    width: 100%
}

.form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0
}

.form-inline .custom-control {
    align-items: center;
    justify-content: center
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .btn:focus, .btn:hover {
        text-decoration: none
    }

    .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn.disabled, .btn:disabled {
    opacity: .65
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

.btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

.btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

.btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

.btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

.btn-light.focus, .btn-light:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

.btn-dark.focus, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

.btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

.btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    border-color: #17a2b8
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

.btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

.btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

.btn-outline-light.focus, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

.btn-outline-dark.focus, .btn-outline-dark:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

.btn-link, .btn-link:hover {
    background-color: transparent
}

    .btn-link.focus, .btn-link:focus, .btn-link:hover {
        text-decoration: underline;
        border-color: transparent
    }

.btn-link {
    color: #007bff
}

    .btn-link:hover {
        color: #0056b3
    }

    .btn-link.focus, .btn-link:focus {
        box-shadow: none
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #6c757d
    }

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

.dropdown-toggle::after, .dropup .dropdown-toggle::after {
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: ""
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.show {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.show {
        display: block
    }

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    height: 0;
    transition: height .35s ease
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after {
    width: 0;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    height: 0
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-left: .3em solid;
    vertical-align: 0
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    border-right: .3em solid;
    vertical-align: 0
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn, .custom-control-label, .custom-file, .dropdown-header, .input-group-text, .nav {
    margin-bottom: 0
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before, .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child), .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before, .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    font-size: .875rem;
    color: #6c757d
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #212529
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group-vertical > .btn, .btn-group > .btn {
        position: relative;
        flex: 0 1 auto
    }

        .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
            z-index: 1
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
        margin-left: -1px
    }

    .btn-group > .btn:first-child, .dropdown-toggle-split::after {
        margin-left: 0
    }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
        width: 100%
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

.input-group-append, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text, .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
    margin-left: -1px
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0
    }

        .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
            z-index: 3
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center
    }

.input-group-append, .input-group-prepend {
    display: flex
}

    .input-group-append .btn, .input-group-prepend .btn {
        position: relative;
        z-index: 2
    }

.input-group-prepend {
    margin-right: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.nav, .navbar {
    flex-wrap: wrap
}

.input-group-text input[type=radio], .input-group-text input[type=checkbox] {
    margin-top: 0
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-label::after, .custom-control-label::before {
    position: absolute;
    top: .25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    left: 0
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #007bff
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef
        }

.custom-control-label::before {
    pointer-events: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-control-label::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-file, .custom-select {
    display: inline-block;
    width: 100%
}

.custom-file-input:lang(en) ~ .custom-file-label::after, .custom-file-label::after {
    content: "Browse"
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select-lg, .custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.custom-file-input:focus ~ .custom-file-control::before, .custom-select:focus {
    border-color: #80bdff
}

.custom-select:focus {
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
}

    .custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff
    }

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    font-size: 125%
}

.custom-file, .custom-file-input, .custom-file-label {
    height: calc(2.25rem + 2px)
}

.custom-file {
    position: relative
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0
}

.custom-file-label, .custom-file-label::after {
    position: absolute;
    top: 0;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    right: 0
}

.custom-file-input:focus ~ .custom-file-control {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-file-label {
    left: 0;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

    .custom-file-label::after {
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(calc(2.25rem + 2px) - 1px * 2);
        background-color: #e9ecef;
        border-left: 1px solid #ced4da;
        border-radius: 0 .25rem .25rem 0
    }

.nav {
    display: flex;
    padding-left: 0
}

.nav-link, .navbar {
    padding: .5rem 1rem
}

.nav-link {
    display: block
}

    .nav-link:focus, .nav-link:hover {
        text-decoration: none
    }

    .nav-link.disabled {
        color: #6c757d
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

    .nav-tabs .nav-item {
        margin-bottom: -1px
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border-color: #e9ecef #e9ecef #dee2e6
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: .25rem
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .navbar > .container, .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

    .navbar-toggler:focus, .navbar-toggler:hover {
        text-decoration: none
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center no-repeat;
    background-size: 100% 100%
}

@media (max-width:763.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:764px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-md .navbar-collapse {
            flex-basis: auto
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }

        .navbar-expand-md .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width:1015.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1016px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-lg .navbar-collapse {
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }

        .navbar-expand-lg .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

@media (max-width:1435.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1436px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu-right {
                right: 0;
                left: auto
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap
        }

        .navbar-expand-xl .navbar-collapse {
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }

        .navbar-expand-xl .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: .5rem;
            padding-left: .5rem
        }

    .navbar-expand > .container, .navbar-expand > .container-fluid {
        flex-wrap: nowrap
    }

    .navbar-expand .navbar-collapse {
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

    .navbar-expand .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0,0,0,.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,.3)
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0,0,0,.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

    .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
        color: rgba(0,0,0,.9)
    }

.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255,255,255,.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,.25)
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

    .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
        color: #fff
    }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-footer, .card-header {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03)
}

.card-title {
    margin-bottom: .75rem
}

.card-header, .card-subtitle, .card-text:last-child {
    margin-bottom: 0
}

.card-subtitle {
    margin-top: -.375rem
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header-pills, .card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-header {
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.alert, .btn .badge, .page-link {
    position: relative
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap;
    margin-right: -16px;
    margin-left: -16px
}

    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 16px;
        margin-bottom: 0;
        margin-left: 16px
    }

.card-group {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap
}

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

        .card-group > .card + .card {
            margin-left: 0;
            border-left: 0
        }

        .card-group > .card:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

            .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
                border-top-right-radius: 0
            }

            .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
                border-bottom-right-radius: 0
            }

        .card-group > .card:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

            .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
                border-top-left-radius: 0
            }

            .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
                border-bottom-left-radius: 0
            }

        .card-group > .card:only-child {
            border-radius: .25rem
        }

            .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem
            }

            .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
                border-bottom-right-radius: .25rem;
                border-bottom-left-radius: .25rem
            }

        .card-group > .card:not(:first-child):not(:last-child):not(:only-child), .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
            border-radius: 0
        }

.breadcrumb, .pagination {
    border-radius: .25rem;
    list-style: none
}

.card-columns {
    column-count: 3;
    column-gap: 1.25rem
}

    .card-columns .card {
        margin-bottom: .75rem;
        display: inline-block;
        width: 100%
    }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0
}

.page-link, .popover-body, .popover-header {
    padding: .5rem .75rem
}

.page-link {
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.badge, .close {
    font-weight: 700;
    line-height: 1
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem
}

    .badge:empty {
        display: none
    }

.btn .badge {
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

    .badge-primary[href]:focus, .badge-primary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0062cc
    }

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

    .badge-secondary[href]:focus, .badge-secondary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #545b62
    }

.badge-success {
    color: #fff;
    background-color: #28a745
}

    .badge-success[href]:focus, .badge-success[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1e7e34
    }

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

    .badge-info[href]:focus, .badge-info[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #117a8b
    }

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

    .badge-warning[href]:focus, .badge-warning[href]:hover {
        color: #212529;
        text-decoration: none;
        background-color: #d39e00
    }

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

    .badge-danger[href]:focus, .badge-danger[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #bd2130
    }

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

    .badge-light[href]:focus, .badge-light[href]:hover {
        color: #212529;
        text-decoration: none;
        background-color: #dae0e5
    }

.badge-dark {
    color: #fff;
    background-color: #343a40
}

    .badge-dark[href]:focus, .badge-dark[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124
    }

.jumbotron {
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
    padding: 4rem 2rem
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

    .alert-primary hr {
        border-top-color: #9fcdff
    }

    .alert-primary .alert-link {
        color: #002752
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary hr {
        border-top-color: #c8cbcf
    }

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

    .alert-success hr {
        border-top-color: #b1dfbb
    }

    .alert-success .alert-link {
        color: #0b2e13
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

    .alert-info hr {
        border-top-color: #abdde5
    }

    .alert-info .alert-link {
        color: #062c33
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning hr {
        border-top-color: #ffe8a1
    }

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger hr {
        border-top-color: #f1b0b7
    }

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light hr {
        border-top-color: #ececf6
    }

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark hr {
        border-top-color: #b9bbbe
    }

    .alert-dark .alert-link {
        color: #040505
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef
    }

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

    .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .list-group-item:focus, .list-group-item:hover {
        z-index: 1;
        text-decoration: none
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        background-color: #fff
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
        color: #004085;
        background-color: #9fcdff
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
        color: #155724;
        background-color: #b1dfbb
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
        color: #0c5460;
        background-color: #abdde5
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.close {
    float: right;
    font-size: 1.5rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.popover, .tooltip {
    font-family: -apple-system,BlinkMacSystemFont,"Noto Sans, Open Sans",Roboto,"Arimo",Arimo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    text-decoration: none
}

.modal-title, .popover, .tooltip {
    line-height: 1.5
}

.popover, .text-hide, .tooltip {
    text-shadow: none
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-25%)
}

.modal.show .modal-dialog {
    transform: translate(0,0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2))
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto
    }

.modal-title {
    margin-bottom: 0
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.popover, .popover .arrow, .popover .arrow::after, .popover .arrow::before, .tooltip, .tooltip .arrow {
    position: absolute;
    display: block
}

.modal-footer > :not(:first-child) {
    margin-left: .25rem
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
}

.modal-sm {
    max-width: 300px
}

@media (min-width:1016px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0
}

    .tooltip.show {
        opacity: .9
    }

    .tooltip .arrow {
        width: .8rem;
        height: .4rem
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
        bottom: 0
    }

        .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
            top: 0;
            border-width: .4rem .4rem 0;
            border-top-color: #000
        }

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
        left: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
            right: 0;
            border-width: .4rem .4rem .4rem 0;
            border-right-color: #000
        }

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
        top: 0
    }

        .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
            bottom: 0;
            border-width: 0 .4rem .4rem;
            border-bottom-color: #000
        }

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
        right: 0;
        width: .4rem;
        height: .8rem
    }

        .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
            left: 0;
            border-width: .4rem 0 .4rem .4rem;
            border-left-color: #000
        }

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem
}

    .popover .arrow {
        width: 1rem;
        height: .5rem;
        margin: 0 .3rem
    }

        .popover .arrow::after, .popover .arrow::before {
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-auto[x-placement^=top], .bs-popover-top {
    margin-bottom: .5rem
}

    .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
        bottom: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
            border-width: .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
            bottom: 0;
            border-top-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
            bottom: 1px;
            border-top-color: #fff
        }

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem
}

    .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
        left: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
            border-width: .5rem .5rem .5rem 0
        }

        .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
            left: 0;
            border-right-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
            left: 1px;
            border-right-color: #fff
        }

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
    margin-top: .5rem
}

    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
        top: calc((.5rem + 1px) * -1)
    }

        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
            border-width: 0 .5rem .5rem
        }

        .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
            top: 0;
            border-bottom-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
            top: 1px;
            border-bottom-color: #fff
        }

    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.carousel, .carousel-inner, .carousel-item {
    position: relative
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
    margin-right: .5rem
}

    .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
        right: calc((.5rem + 1px) * -1);
        width: .5rem;
        height: 1rem;
        margin: .3rem 0
    }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
            border-width: .5rem 0 .5rem .5rem
        }

        .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
            right: 0;
            border-left-color: rgba(0,0,0,.25)
        }

        .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
            right: 1px;
            border-left-color: #fff
        }

.popover-header {
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    color: #212529
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

.carousel-item {
    display: none;
    align-items: center;
    width: 100%;
    transition: transform .6s ease;
    backface-visibility: hidden;
    perspective: 1000px
}

    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
        display: block
    }

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0
}

    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        transform: translateX(0)
    }

@supports (transform-style:preserve-3d) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        transform: translate3d(0,0,0)
    }
}

.active.carousel-item-right, .carousel-item-next {
    transform: translateX(100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-right, .carousel-item-next {
        transform: translate3d(100%,0,0)
    }
}

.active.carousel-item-left, .carousel-item-prev {
    transform: translateX(-100%)
}

@supports (transform-style:preserve-3d) {
    .active.carousel-item-left, .carousel-item-prev {
        transform: translate3d(-100%,0,0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

    .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
        transform: translate3d(0,0,0)
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center no-repeat;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        position: relative;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255,255,255,.5)
    }

        .carousel-indicators li::after, .carousel-indicators li::before {
            left: 0;
            display: inline-block;
            height: 10px;
            position: absolute;
            content: "";
            width: 100%
        }

        .carousel-indicators li::before {
            top: -10px
        }

        .carousel-indicators li::after {
            bottom: -10px
        }

    .carousel-indicators .active {
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: #1d2124 !important
}

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

.bg-transparent, .text-hide {
    background-color: transparent
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.rounded-right, .rounded-top {
    border-top-right-radius: .25rem !important
}

.rounded-bottom, .rounded-right {
    border-bottom-right-radius: .25rem !important
}

.rounded-left, .rounded-top {
    border-top-left-radius: .25rem !important
}

.rounded-bottom, .rounded-left {
    border-bottom-left-radius: .25rem !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #007bff !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #343a40 !important
}

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

.rounded {
    border-radius: .25rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width:764px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1016px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:1436px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

    .embed-responsive::before {
        display: block;
        content: ""
    }

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-bottom, .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    clip-path: none
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto, .my-auto {
    margin-top: auto !important
}

.mr-auto, .mx-auto {
    margin-right: auto !important
}

.mb-auto, .my-auto {
    margin-bottom: auto !important
}

.ml-auto, .mx-auto {
    margin-left: auto !important
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:764px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0, .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0, .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0, .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0, .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto, .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1016px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1436px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

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

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

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

.text-primary {
    color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #0062cc !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important
}

.text-muted {
    color: #6c757d !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    .container, body {
        min-width: 1016px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@charset "UTF-8";
/* bootstrap */
/* out bt4 */
/* Slider */
.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;
}

/* estilo SEAT*/
/* estilo SEAT*/
/* Slider */
.slick-loading .slick-list {
    background: #fff url("main/img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("main/css/fonts/slick.eot");
    src: url("main/css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("main/css/fonts/slick.woff") format("woff"), url("main/css/fonts/slick.ttf") format("truetype"), url("main/css/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Arrows */
.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: 0.2;
    }

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

.slick-prev {
    left: -25px;
}

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

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

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

.slick-next {
    right: -25px;
}

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

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

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

/* Dots */
.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;
        /* estilo SEAT*/
        width: 20px;
        margin: 0 4px;
        /* estilo SEAT*/
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 2px;
            /* estilo SEAT*/
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 4px;
            /* estilo SEAT*/
            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;
                /* estilo SEAT*/
                background-color: #33302E;
                opacity: 0.2;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.right-bullet {
            width: 100%;
        }

            .slick-dots li.right-bullet button:before {
                width: 100%;
            }

        .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: 1;
        }

@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", Arimo, "Noto Sans, Open Sans",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(rgba(0, 0, 0, 0), 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;
    /* stylelint-disable-line */
    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;
        /* stylelint-disable-line */
        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;
    /* stylelint-disable-line */
    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;
    }
}

/* stylelint-disable-next-line */
.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;
    }
}

/* stylelint-disable-next-line */
.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;
    }
}

/* stylelint-disable-next-line */
.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;
}

/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
    position: relative;
    display: 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;
    }

/*sprite*/
.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;
}

/*END sprite*/
.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;
}

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 5.3.7
 * 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 #ccc;
    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 white;
    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 #ccc;
    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 white;
    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(15, 15, 15, 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(15, 15, 15, 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(15, 15, 15, 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(15, 15, 15, 0.3);
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: rgba(15, 15, 15, 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: #ea5d1a;
                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: #ea5d1a;
            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(15, 15, 15, 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(15, 15, 15, 0.3);
            }

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

            .bootstrap-datetimepicker-widget table td span.old {
                color: rgba(15, 15, 15, 0.2);
            }

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

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

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

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

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

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

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

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

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

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

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

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

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

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

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

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

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

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

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

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

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: 'prev';
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: 'next';
    }

    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
        --swiper-navigation-color: #ffffff;
    }

    .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
        --swiper-navigation-color: #000000;
    }

.swiper-button-lock {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

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

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

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

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

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

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

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

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

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

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
    }

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none;
}

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

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

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

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

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

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

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

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

.swiper-container-cube {
    overflow: visible;
}

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

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

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

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

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

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

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

.swiper-container-flip {
    overflow: visible;
}

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

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

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

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

/* general */
@font-face {
    font-family: "SeatBlack";
    src: url("main/fonts/SeatBcn-Black.eot");
    src: url("main/fonts/SeatBcn-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SeatBlackItalic";
    src: url("main/fonts/SeatBcn-BlackItalic.eot");
    src: url("main/fonts/SeatBcn-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: "SeatBook";
    src: url("main/fonts/SeatBcn-Book.eot");
    src: url("main/fonts/SeatBcn-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SeatBookItalic";
    src: url("main/fonts/SeatBcn-BookItalic.eot");
    src: url("main/fonts/SeatBcn-BookItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: "SeatLight";
    src: url("main/fonts/SeatBcn-Light.eot");
    src: url("main/fonts/SeatBcn-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: "SeatMedium";
    src: url("main/fonts/SeatBcn-Medium.eot");
    src: url("main/fonts/SeatBcn-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: "SeatExtraLight";
    src: url("main/fonts/SeatBcn-ExtraLight.eot");
    src: url("main/fonts/SeatBcn-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SeatExtraLightItalic";
    src: url("main/fonts/SeatBcn-ExtraLightItalic.eot");
    src: url("main/fonts/SeatBcn-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

.seatBlack {
    font-family: "SeatBlack",sans-serif;
}

.seatBlackItalic {
    font-family: "SeatBlackItalic",sans-serif;
}

.seatBold {
    font-family: "SeatBold",sans-serif;
}

.seatBoldItalic {
    font-family: "SeatBoldItalic",sans-serif;
}

.seatBook {
    font-family: "SeatBook",sans-serif;
}

.seatBookItalic {
    font-family: "SeatBookItalic",sans-serif;
}

.seatItalic {
    font-family: "SeatItalic",sans-serif;
}

.seatLight {
    font-family: "SeatLight",sans-serif;
}

.seatLightItalic {
    font-family: "SeatLightItalic",sans-serif;
}

.seatMedium {
    font-family: "SeatMedium",sans-serif;
}

.seatMediumItalic {
    font-family: "SeatMediumItalic",sans-serif;
}

.seatRegular {
    font-family: "SeatRegular",sans-serif;
}

.seatExtraLight {
    font-family: "SeatExtraLight",sans-serif;
}

.seatExtraLightItalic {
    font-family: "SeatExtraLightItalic",sans-serif;
}

/* Background-colors V3 */
/*
#E63A2B #EC6B5F #F18C76 #EE7D05 #ED9551 #F8B877
#DED1A7 #FFDE4A #FCC446 #84C497 #B7D8AA #D8DC48
#00AFAC #8ECECF #9FB9AE #6BAEE0 #95C0D6 #DEDAD4
#CF7FA1 #B793A9 #D1B8C7 #9F948E #D4AF9C #E8D0C1
*/
/* ARONA + IBIZA*/
/* IBIZA PA*/
/* ATECA PA XP */
/* ATECA PA FR */
/* ARONA PA*/
/* background teaser */
/* CTA colors */
/* General styles */
body {
    color: #0f0f0f;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    -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;
}

    body .container-body {
        max-width: 2560px;
        margin-left: auto;
        margin-right: auto;
    }

p {
    margin-bottom: 8px;
}

.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-24 {
    margin-top: 24px;
}

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

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

.padding-left-16 {
    padding-left: 16px;
}

/* Colors */
.text-black {
    color: #0f0f0f;
}

.text-black-2 {
    color: #190f14;
}

.text-white {
    color: #fff;
}

.text-white-2 {
    color: #ece9e1;
}

.text-black-60 {
    color: rgba(15, 15, 15, 0.6);
}

    .text-black-60 * {
        color: rgba(15, 15, 15, 0.6);
    }

.text-gray {
    color: #747468;
}

/* background color for color picker*/
.bg-red {
    background-color: #e63a2b;
}

.bg-red-2 {
    background-color: #ec6b5f;
}

.bg-red-3 {
    background-color: #f18c76;
}

.bg-red-4 {
    background-color: #b11c18;
    color: #ece9e1 !important;
}

    .bg-red-4 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-red-4 .btn-orange:hover, .bg-red-4 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-red-4 .btn-orange:active, .bg-red-4 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-red-4 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-red-4 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-red-4 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-red-4 .btn-black:hover, .bg-red-4 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-red-4 .btn-black:active, .bg-red-4 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-red-4 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-red-4 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-4 .btn-outline-orange:hover, .bg-red-4 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-4 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-4 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-4 .btn-outline-white:hover, .bg-red-4 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-4 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-4 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-4 .btn-outline-black:hover, .bg-red-4 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-4 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-4 .link-arrow, .bg-red-4 .link-arrow-orange, .bg-red-4 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-red-4 .link-arrow:hover, .bg-red-4 .link-arrow-orange:hover, .bg-red-4 .link-arrow-white:hover, .bg-red-4 .link-arrow.hover, .bg-red-4 .hover.link-arrow-orange, .bg-red-4 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-red-4 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-red-4 .link-arrow-orange:hover, .bg-red-4 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-red-4 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-red-4 .link-arrow-white:hover, .bg-red-4 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-red-4 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-4 .link:hover, .bg-red-4 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-4 .link:active, .bg-red-4 .link.active {
            border-bottom: 2px solid;
        }

    .bg-red-4 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-4 .link-white:hover, .bg-red-4 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-4 .link-white:active, .bg-red-4 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-red-4 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-4 .link-orange:hover, .bg-red-4 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-4 .link-orange:active, .bg-red-4 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-red-4 .close {
        color: inherit;
    }

    .bg-red-4 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-red-4 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-red-4 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-red-4 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-red-4 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-red-5 {
    background-color: #bb3d39;
}

.bg-red-6 {
    background-color: #c8605d;
}

.bg-red-7 {
    background-color: #de6568;
    color: #190f14 !important;
}

    .bg-red-7 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-red-7 .btn-orange:hover, .bg-red-7 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-red-7 .btn-orange:active, .bg-red-7 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-red-7 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-red-7 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-red-7 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-red-7 .btn-black:hover, .bg-red-7 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-red-7 .btn-black:active, .bg-red-7 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-red-7 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-red-7 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-7 .btn-outline-orange:hover, .bg-red-7 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-7 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-7 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-7 .btn-outline-white:hover, .bg-red-7 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-7 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-7 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-7 .btn-outline-black:hover, .bg-red-7 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-7 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-7 .link-arrow, .bg-red-7 .link-arrow-orange, .bg-red-7 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-red-7 .link-arrow:hover, .bg-red-7 .link-arrow-orange:hover, .bg-red-7 .link-arrow-white:hover, .bg-red-7 .link-arrow.hover, .bg-red-7 .hover.link-arrow-orange, .bg-red-7 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-red-7 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-red-7 .link-arrow-orange:hover, .bg-red-7 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-red-7 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-red-7 .link-arrow-white:hover, .bg-red-7 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-red-7 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-7 .link:hover, .bg-red-7 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-7 .link:active, .bg-red-7 .link.active {
            border-bottom: 2px solid;
        }

    .bg-red-7 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-7 .link-white:hover, .bg-red-7 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-7 .link-white:active, .bg-red-7 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-red-7 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-7 .link-orange:hover, .bg-red-7 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-7 .link-orange:active, .bg-red-7 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-red-7 .close {
        color: inherit;
    }

    .bg-red-7 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-red-7 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-red-7 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-red-7 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-red-7 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-red-8 {
    background-color: #fe3b1f;
    color: #190f14 !important;
}

    .bg-red-8 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-red-8 .btn-orange:hover, .bg-red-8 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-red-8 .btn-orange:active, .bg-red-8 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-red-8 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-red-8 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-red-8 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-red-8 .btn-black:hover, .bg-red-8 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-red-8 .btn-black:active, .bg-red-8 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-red-8 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-red-8 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-8 .btn-outline-orange:hover, .bg-red-8 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-8 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-8 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-8 .btn-outline-white:hover, .bg-red-8 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-8 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-8 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-8 .btn-outline-black:hover, .bg-red-8 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-8 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-8 .link-arrow, .bg-red-8 .link-arrow-orange, .bg-red-8 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-red-8 .link-arrow:hover, .bg-red-8 .link-arrow-orange:hover, .bg-red-8 .link-arrow-white:hover, .bg-red-8 .link-arrow.hover, .bg-red-8 .hover.link-arrow-orange, .bg-red-8 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-red-8 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-red-8 .link-arrow-orange:hover, .bg-red-8 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-red-8 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-red-8 .link-arrow-white:hover, .bg-red-8 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-red-8 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-8 .link:hover, .bg-red-8 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-8 .link:active, .bg-red-8 .link.active {
            border-bottom: 2px solid;
        }

    .bg-red-8 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-8 .link-white:hover, .bg-red-8 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-8 .link-white:active, .bg-red-8 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-red-8 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-8 .link-orange:hover, .bg-red-8 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-8 .link-orange:active, .bg-red-8 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-red-8 .close {
        color: inherit;
    }

    .bg-red-8 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-red-8 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-red-8 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-red-8 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-red-8 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-red-9 {
    background-color: #af1e23;
    color: #ece9e1 !important;
}

    .bg-red-9 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-red-9 .btn-orange:hover, .bg-red-9 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-red-9 .btn-orange:active, .bg-red-9 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-red-9 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-red-9 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-red-9 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-red-9 .btn-black:hover, .bg-red-9 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-red-9 .btn-black:active, .bg-red-9 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-red-9 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-red-9 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-9 .btn-outline-orange:hover, .bg-red-9 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-9 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-9 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-9 .btn-outline-white:hover, .bg-red-9 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-9 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-9 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-9 .btn-outline-black:hover, .bg-red-9 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-9 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-9 .link-arrow, .bg-red-9 .link-arrow-orange, .bg-red-9 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-red-9 .link-arrow:hover, .bg-red-9 .link-arrow-orange:hover, .bg-red-9 .link-arrow-white:hover, .bg-red-9 .link-arrow.hover, .bg-red-9 .hover.link-arrow-orange, .bg-red-9 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-red-9 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-red-9 .link-arrow-orange:hover, .bg-red-9 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-red-9 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-red-9 .link-arrow-white:hover, .bg-red-9 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-red-9 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-9 .link:hover, .bg-red-9 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-9 .link:active, .bg-red-9 .link.active {
            border-bottom: 2px solid;
        }

    .bg-red-9 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-9 .link-white:hover, .bg-red-9 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-9 .link-white:active, .bg-red-9 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-red-9 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-9 .link-orange:hover, .bg-red-9 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-9 .link-orange:active, .bg-red-9 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-red-9 .close {
        color: inherit;
    }

    .bg-red-9 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-red-9 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-red-9 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-red-9 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-red-9 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-red-10 {
    background-color: #b44347;
    color: #ece9e1 !important;
}

    .bg-red-10 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-red-10 .btn-orange:hover, .bg-red-10 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-red-10 .btn-orange:active, .bg-red-10 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-red-10 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-red-10 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-red-10 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-red-10 .btn-black:hover, .bg-red-10 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-red-10 .btn-black:active, .bg-red-10 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-red-10 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-red-10 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-10 .btn-outline-orange:hover, .bg-red-10 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-10 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-10 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-10 .btn-outline-white:hover, .bg-red-10 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-10 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-10 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-red-10 .btn-outline-black:hover, .bg-red-10 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-red-10 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-10 .link-arrow, .bg-red-10 .link-arrow-orange, .bg-red-10 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-red-10 .link-arrow:hover, .bg-red-10 .link-arrow-orange:hover, .bg-red-10 .link-arrow-white:hover, .bg-red-10 .link-arrow.hover, .bg-red-10 .hover.link-arrow-orange, .bg-red-10 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-red-10 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-red-10 .link-arrow-orange:hover, .bg-red-10 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-red-10 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-red-10 .link-arrow-white:hover, .bg-red-10 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-red-10 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-10 .link:hover, .bg-red-10 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-10 .link:active, .bg-red-10 .link.active {
            border-bottom: 2px solid;
        }

    .bg-red-10 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-10 .link-white:hover, .bg-red-10 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-10 .link-white:active, .bg-red-10 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-red-10 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-10 .link-orange:hover, .bg-red-10 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-10 .link-orange:active, .bg-red-10 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-red-10 .close {
        color: inherit;
    }

    .bg-red-10 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-red-10 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-red-10 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-red-10 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-red-10 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-red-11 {
    background-color: #c76165;
    color: #190f14 !important;
}

    .bg-red-11 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-red-11 .btn-orange:hover, .bg-red-11 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-red-11 .btn-orange:active, .bg-red-11 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-red-11 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-red-11 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-red-11 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-red-11 .btn-black:hover, .bg-red-11 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-red-11 .btn-black:active, .bg-red-11 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-red-11 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-red-11 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-11 .btn-outline-orange:hover, .bg-red-11 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-11 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-11 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-11 .btn-outline-white:hover, .bg-red-11 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-11 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-11 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-red-11 .btn-outline-black:hover, .bg-red-11 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-red-11 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-red-11 .link-arrow, .bg-red-11 .link-arrow-orange, .bg-red-11 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-red-11 .link-arrow:hover, .bg-red-11 .link-arrow-orange:hover, .bg-red-11 .link-arrow-white:hover, .bg-red-11 .link-arrow.hover, .bg-red-11 .hover.link-arrow-orange, .bg-red-11 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-red-11 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-red-11 .link-arrow-orange:hover, .bg-red-11 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-red-11 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-red-11 .link-arrow-white:hover, .bg-red-11 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-red-11 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-11 .link:hover, .bg-red-11 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-11 .link:active, .bg-red-11 .link.active {
            border-bottom: 2px solid;
        }

    .bg-red-11 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-11 .link-white:hover, .bg-red-11 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-11 .link-white:active, .bg-red-11 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-red-11 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-red-11 .link-orange:hover, .bg-red-11 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-red-11 .link-orange:active, .bg-red-11 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-red-11 .close {
        color: inherit;
    }

    .bg-red-11 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-red-11 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-red-11 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-red-11 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-red-11 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-orange {
    background-color: #ee7d05;
}

.bg-orange-2 {
    background-color: #ed9551;
}

.bg-orange-3 {
    background-color: #f8b877;
}

.bg-orange-4 {
    background-color: #ea5d1a;
}

.bg-golden {
    background-color: #ded1a7;
}

.bg-golden-2 {
    background-color: #cca681;
}

.bg-yellow {
    background-color: #ffde4a;
}

.bg-yellow-2 {
    background-color: #fcc446;
}

.bg-green {
    background-color: #84c497;
}

.bg-green-2 {
    background-color: #b7d8aa;
}

.bg-green-3 {
    background-color: #d8dc48;
}

.bg-green-4 {
    background-color: #5bbe85;
}

.bg-olive {
    background-color: #809887;
}

.bg-olive-2 {
    background-color: #a0caa1;
}

.bg-olive-3 {
    background-color: #c6dfc6;
}

.bg-emerald {
    background-color: #00afac;
}

.bg-emerald-b {
    background-color: #069ea7;
}

.bg-emerald-2 {
    background-color: #8ececf;
}

.bg-emerald-3 {
    background-color: #9fb9ae;
}

.bg-emerald-4 {
    background-color: #009196;
    color: #190f14 !important;
}

    .bg-emerald-4 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-emerald-4 .btn-orange:hover, .bg-emerald-4 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-emerald-4 .btn-orange:active, .bg-emerald-4 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-emerald-4 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-emerald-4 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-emerald-4 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-emerald-4 .btn-black:hover, .bg-emerald-4 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-emerald-4 .btn-black:active, .bg-emerald-4 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-emerald-4 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-emerald-4 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-emerald-4 .btn-outline-orange:hover, .bg-emerald-4 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-emerald-4 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-emerald-4 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-emerald-4 .btn-outline-white:hover, .bg-emerald-4 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-emerald-4 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-emerald-4 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-emerald-4 .btn-outline-black:hover, .bg-emerald-4 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-emerald-4 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-emerald-4 .link-arrow, .bg-emerald-4 .link-arrow-orange, .bg-emerald-4 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-emerald-4 .link-arrow:hover, .bg-emerald-4 .link-arrow-orange:hover, .bg-emerald-4 .link-arrow-white:hover, .bg-emerald-4 .link-arrow.hover, .bg-emerald-4 .hover.link-arrow-orange, .bg-emerald-4 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-emerald-4 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-emerald-4 .link-arrow-orange:hover, .bg-emerald-4 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-emerald-4 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-emerald-4 .link-arrow-white:hover, .bg-emerald-4 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-emerald-4 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-emerald-4 .link:hover, .bg-emerald-4 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-emerald-4 .link:active, .bg-emerald-4 .link.active {
            border-bottom: 2px solid;
        }

    .bg-emerald-4 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-emerald-4 .link-white:hover, .bg-emerald-4 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-emerald-4 .link-white:active, .bg-emerald-4 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-emerald-4 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-emerald-4 .link-orange:hover, .bg-emerald-4 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-emerald-4 .link-orange:active, .bg-emerald-4 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-emerald-4 .close {
        color: inherit;
    }

    .bg-emerald-4 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-emerald-4 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-emerald-4 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-emerald-4 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-emerald-4 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-blue {
    background-color: #6baee0;
}

.bg-blue-2 {
    background-color: #95c0d6;
}

.bg-blue-3 {
    background-color: #366474;
}

.bg-blue-4 {
    background-color: #5a8292;
}

.bg-blue-5 {
    background-color: #72929d;
}

.bg-blue-6 {
    background-color: #438a9c;
    color: #190f14 !important;
}

    .bg-blue-6 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-blue-6 .btn-orange:hover, .bg-blue-6 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-blue-6 .btn-orange:active, .bg-blue-6 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-blue-6 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-blue-6 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-blue-6 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-blue-6 .btn-black:hover, .bg-blue-6 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-blue-6 .btn-black:active, .bg-blue-6 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-blue-6 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-blue-6 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-6 .btn-outline-orange:hover, .bg-blue-6 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-6 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-6 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-6 .btn-outline-white:hover, .bg-blue-6 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-6 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-6 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-6 .btn-outline-black:hover, .bg-blue-6 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-6 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-6 .link-arrow, .bg-blue-6 .link-arrow-orange, .bg-blue-6 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-blue-6 .link-arrow:hover, .bg-blue-6 .link-arrow-orange:hover, .bg-blue-6 .link-arrow-white:hover, .bg-blue-6 .link-arrow.hover, .bg-blue-6 .hover.link-arrow-orange, .bg-blue-6 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-blue-6 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-blue-6 .link-arrow-orange:hover, .bg-blue-6 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-blue-6 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-blue-6 .link-arrow-white:hover, .bg-blue-6 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-blue-6 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-6 .link:hover, .bg-blue-6 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-6 .link:active, .bg-blue-6 .link.active {
            border-bottom: 2px solid;
        }

    .bg-blue-6 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-6 .link-white:hover, .bg-blue-6 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-6 .link-white:active, .bg-blue-6 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-blue-6 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-6 .link-orange:hover, .bg-blue-6 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-6 .link-orange:active, .bg-blue-6 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-blue-6 .close {
        color: inherit;
    }

    .bg-blue-6 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-blue-6 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-blue-6 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-blue-6 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-blue-6 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-blue-7 {
    background-color: #69a1b0;
    color: #190f14 !important;
}

    .bg-blue-7 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-blue-7 .btn-orange:hover, .bg-blue-7 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-blue-7 .btn-orange:active, .bg-blue-7 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-blue-7 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-blue-7 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-blue-7 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-blue-7 .btn-black:hover, .bg-blue-7 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-blue-7 .btn-black:active, .bg-blue-7 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-blue-7 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-blue-7 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-7 .btn-outline-orange:hover, .bg-blue-7 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-7 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-7 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-7 .btn-outline-white:hover, .bg-blue-7 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-7 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-7 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-7 .btn-outline-black:hover, .bg-blue-7 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-7 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-7 .link-arrow, .bg-blue-7 .link-arrow-orange, .bg-blue-7 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-blue-7 .link-arrow:hover, .bg-blue-7 .link-arrow-orange:hover, .bg-blue-7 .link-arrow-white:hover, .bg-blue-7 .link-arrow.hover, .bg-blue-7 .hover.link-arrow-orange, .bg-blue-7 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-blue-7 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-blue-7 .link-arrow-orange:hover, .bg-blue-7 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-blue-7 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-blue-7 .link-arrow-white:hover, .bg-blue-7 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-blue-7 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-7 .link:hover, .bg-blue-7 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-7 .link:active, .bg-blue-7 .link.active {
            border-bottom: 2px solid;
        }

    .bg-blue-7 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-7 .link-white:hover, .bg-blue-7 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-7 .link-white:active, .bg-blue-7 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-blue-7 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-7 .link-orange:hover, .bg-blue-7 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-7 .link-orange:active, .bg-blue-7 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-blue-7 .close {
        color: inherit;
    }

    .bg-blue-7 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-blue-7 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-blue-7 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-blue-7 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-blue-7 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-blue-8 {
    background-color: #8EB9C4;
    color: #190f14 !important;
}

    .bg-blue-8 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-blue-8 .btn-orange:hover, .bg-blue-8 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-blue-8 .btn-orange:active, .bg-blue-8 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-blue-8 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-blue-8 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-blue-8 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-blue-8 .btn-black:hover, .bg-blue-8 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-blue-8 .btn-black:active, .bg-blue-8 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-blue-8 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-blue-8 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-8 .btn-outline-orange:hover, .bg-blue-8 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-8 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-8 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-8 .btn-outline-white:hover, .bg-blue-8 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-8 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-8 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-blue-8 .btn-outline-black:hover, .bg-blue-8 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-blue-8 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-blue-8 .link-arrow, .bg-blue-8 .link-arrow-orange, .bg-blue-8 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-blue-8 .link-arrow:hover, .bg-blue-8 .link-arrow-orange:hover, .bg-blue-8 .link-arrow-white:hover, .bg-blue-8 .link-arrow.hover, .bg-blue-8 .hover.link-arrow-orange, .bg-blue-8 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-blue-8 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-blue-8 .link-arrow-orange:hover, .bg-blue-8 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-blue-8 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-blue-8 .link-arrow-white:hover, .bg-blue-8 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-blue-8 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-8 .link:hover, .bg-blue-8 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-8 .link:active, .bg-blue-8 .link.active {
            border-bottom: 2px solid;
        }

    .bg-blue-8 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-8 .link-white:hover, .bg-blue-8 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-8 .link-white:active, .bg-blue-8 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-blue-8 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-blue-8 .link-orange:hover, .bg-blue-8 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-blue-8 .link-orange:active, .bg-blue-8 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-blue-8 .close {
        color: inherit;
    }

    .bg-blue-8 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-blue-8 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-blue-8 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-blue-8 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-blue-8 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-gray {
    background-color: #dedad4;
}

.bg-gray-2 {
    background-color: #9f948e;
}

.bg-gray-3 {
    background-color: #494352;
}

.bg-gray-4 {
    background-color: #645f6c;
}

.bg-gray-5 {
    background-color: #7f7b85;
}

.bg-gray-6 {
    background-color: #a59c94;
    color: #190f14 !important;
}

    .bg-gray-6 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-gray-6 .btn-orange:hover, .bg-gray-6 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-gray-6 .btn-orange:active, .bg-gray-6 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-gray-6 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-gray-6 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-gray-6 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-gray-6 .btn-black:hover, .bg-gray-6 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-gray-6 .btn-black:active, .bg-gray-6 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-gray-6 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-gray-6 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-gray-6 .btn-outline-orange:hover, .bg-gray-6 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-gray-6 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-6 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-gray-6 .btn-outline-white:hover, .bg-gray-6 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-gray-6 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-6 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-gray-6 .btn-outline-black:hover, .bg-gray-6 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-gray-6 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-6 .link-arrow, .bg-gray-6 .link-arrow-orange, .bg-gray-6 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-gray-6 .link-arrow:hover, .bg-gray-6 .link-arrow-orange:hover, .bg-gray-6 .link-arrow-white:hover, .bg-gray-6 .link-arrow.hover, .bg-gray-6 .hover.link-arrow-orange, .bg-gray-6 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-gray-6 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-gray-6 .link-arrow-orange:hover, .bg-gray-6 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-gray-6 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-gray-6 .link-arrow-white:hover, .bg-gray-6 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-gray-6 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-6 .link:hover, .bg-gray-6 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-6 .link:active, .bg-gray-6 .link.active {
            border-bottom: 2px solid;
        }

    .bg-gray-6 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-6 .link-white:hover, .bg-gray-6 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-6 .link-white:active, .bg-gray-6 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-gray-6 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-6 .link-orange:hover, .bg-gray-6 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-6 .link-orange:active, .bg-gray-6 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-gray-6 .close {
        color: inherit;
    }

    .bg-gray-6 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-gray-6 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-gray-6 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-gray-6 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-gray-6 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-gray-7 {
    background-color: #cbc4bc;
    color: #190f14 !important;
}

    .bg-gray-7 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-gray-7 .btn-orange:hover, .bg-gray-7 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-gray-7 .btn-orange:active, .bg-gray-7 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-gray-7 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-gray-7 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-gray-7 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-gray-7 .btn-black:hover, .bg-gray-7 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-gray-7 .btn-black:active, .bg-gray-7 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-gray-7 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-gray-7 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-gray-7 .btn-outline-orange:hover, .bg-gray-7 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-gray-7 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-7 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-gray-7 .btn-outline-white:hover, .bg-gray-7 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-gray-7 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-7 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-gray-7 .btn-outline-black:hover, .bg-gray-7 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-gray-7 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-7 .link-arrow, .bg-gray-7 .link-arrow-orange, .bg-gray-7 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-gray-7 .link-arrow:hover, .bg-gray-7 .link-arrow-orange:hover, .bg-gray-7 .link-arrow-white:hover, .bg-gray-7 .link-arrow.hover, .bg-gray-7 .hover.link-arrow-orange, .bg-gray-7 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-gray-7 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-gray-7 .link-arrow-orange:hover, .bg-gray-7 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-gray-7 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-gray-7 .link-arrow-white:hover, .bg-gray-7 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-gray-7 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-7 .link:hover, .bg-gray-7 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-7 .link:active, .bg-gray-7 .link.active {
            border-bottom: 2px solid;
        }

    .bg-gray-7 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-7 .link-white:hover, .bg-gray-7 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-7 .link-white:active, .bg-gray-7 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-gray-7 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-7 .link-orange:hover, .bg-gray-7 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-7 .link-orange:active, .bg-gray-7 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-gray-7 .close {
        color: inherit;
    }

    .bg-gray-7 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-gray-7 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-gray-7 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-gray-7 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-gray-7 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-gray-8 {
    background-color: #403859;
    color: #ece9e1 !important;
}

    .bg-gray-8 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-gray-8 .btn-orange:hover, .bg-gray-8 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-gray-8 .btn-orange:active, .bg-gray-8 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-gray-8 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-gray-8 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-gray-8 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-gray-8 .btn-black:hover, .bg-gray-8 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-gray-8 .btn-black:active, .bg-gray-8 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-gray-8 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-gray-8 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-8 .btn-outline-orange:hover, .bg-gray-8 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-8 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-8 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-8 .btn-outline-white:hover, .bg-gray-8 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-8 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-8 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-8 .btn-outline-black:hover, .bg-gray-8 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-8 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-8 .link-arrow, .bg-gray-8 .link-arrow-orange, .bg-gray-8 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-gray-8 .link-arrow:hover, .bg-gray-8 .link-arrow-orange:hover, .bg-gray-8 .link-arrow-white:hover, .bg-gray-8 .link-arrow.hover, .bg-gray-8 .hover.link-arrow-orange, .bg-gray-8 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-gray-8 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-gray-8 .link-arrow-orange:hover, .bg-gray-8 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-gray-8 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-gray-8 .link-arrow-white:hover, .bg-gray-8 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-gray-8 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-8 .link:hover, .bg-gray-8 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-8 .link:active, .bg-gray-8 .link.active {
            border-bottom: 2px solid;
        }

    .bg-gray-8 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-8 .link-white:hover, .bg-gray-8 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-8 .link-white:active, .bg-gray-8 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-gray-8 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-8 .link-orange:hover, .bg-gray-8 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-8 .link-orange:active, .bg-gray-8 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-gray-8 .close {
        color: inherit;
    }

    .bg-gray-8 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-gray-8 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-gray-8 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-gray-8 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-gray-8 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-gray-9 {
    background-color: #66607a;
    color: #ece9e1 !important;
}

    .bg-gray-9 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-gray-9 .btn-orange:hover, .bg-gray-9 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-gray-9 .btn-orange:active, .bg-gray-9 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-gray-9 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-gray-9 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-gray-9 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-gray-9 .btn-black:hover, .bg-gray-9 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-gray-9 .btn-black:active, .bg-gray-9 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-gray-9 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-gray-9 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-9 .btn-outline-orange:hover, .bg-gray-9 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-9 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-9 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-9 .btn-outline-white:hover, .bg-gray-9 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-9 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-9 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-9 .btn-outline-black:hover, .bg-gray-9 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-9 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-9 .link-arrow, .bg-gray-9 .link-arrow-orange, .bg-gray-9 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-gray-9 .link-arrow:hover, .bg-gray-9 .link-arrow-orange:hover, .bg-gray-9 .link-arrow-white:hover, .bg-gray-9 .link-arrow.hover, .bg-gray-9 .hover.link-arrow-orange, .bg-gray-9 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-gray-9 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-gray-9 .link-arrow-orange:hover, .bg-gray-9 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-gray-9 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-gray-9 .link-arrow-white:hover, .bg-gray-9 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-gray-9 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-9 .link:hover, .bg-gray-9 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-9 .link:active, .bg-gray-9 .link.active {
            border-bottom: 2px solid;
        }

    .bg-gray-9 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-9 .link-white:hover, .bg-gray-9 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-9 .link-white:active, .bg-gray-9 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-gray-9 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-9 .link-orange:hover, .bg-gray-9 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-9 .link-orange:active, .bg-gray-9 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-gray-9 .close {
        color: inherit;
    }

    .bg-gray-9 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-gray-9 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-gray-9 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-gray-9 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-gray-9 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-gray-10 {
    background-color: #7f7990;
    color: #ece9e1 !important;
}

    .bg-gray-10 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-gray-10 .btn-orange:hover, .bg-gray-10 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-gray-10 .btn-orange:active, .bg-gray-10 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-gray-10 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-gray-10 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-gray-10 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-gray-10 .btn-black:hover, .bg-gray-10 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-gray-10 .btn-black:active, .bg-gray-10 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-gray-10 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-gray-10 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-10 .btn-outline-orange:hover, .bg-gray-10 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-10 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-10 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-10 .btn-outline-white:hover, .bg-gray-10 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-10 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-10 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-gray-10 .btn-outline-black:hover, .bg-gray-10 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-gray-10 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-gray-10 .link-arrow, .bg-gray-10 .link-arrow-orange, .bg-gray-10 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-gray-10 .link-arrow:hover, .bg-gray-10 .link-arrow-orange:hover, .bg-gray-10 .link-arrow-white:hover, .bg-gray-10 .link-arrow.hover, .bg-gray-10 .hover.link-arrow-orange, .bg-gray-10 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-gray-10 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-gray-10 .link-arrow-orange:hover, .bg-gray-10 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-gray-10 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-gray-10 .link-arrow-white:hover, .bg-gray-10 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-gray-10 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-10 .link:hover, .bg-gray-10 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-10 .link:active, .bg-gray-10 .link.active {
            border-bottom: 2px solid;
        }

    .bg-gray-10 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-10 .link-white:hover, .bg-gray-10 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-10 .link-white:active, .bg-gray-10 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-gray-10 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-gray-10 .link-orange:hover, .bg-gray-10 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-gray-10 .link-orange:active, .bg-gray-10 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-gray-10 .close {
        color: inherit;
    }

    .bg-gray-10 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-gray-10 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-gray-10 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-gray-10 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-gray-10 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-gray-11 {
    background-color: #f9f8f6;
}

.bg-violet {
    background-color: #cf7fa1;
}

.bg-violet-2 {
    background-color: #b793a9;
}

.bg-violet-3 {
    background-color: #d1b8c7;
}

.bg-brown {
    background-color: #d4af9c;
}

.bg-brown-2 {
    background-color: #e8d0c1;
}

.bg-brown-3 {
    background-color: #ba7e74;
}

.bg-brown-4 {
    background-color: #c49189;
}

.bg-brown-5 {
    background-color: #cea49d;
}

.bg-white {
    background-color: #fafaf9;
}

.bg-white-2 {
    background-color: #ece9e1;
    color: #190f14 !important;
}

    .bg-white-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-white-2 .btn-orange:hover, .bg-white-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-white-2 .btn-orange:active, .bg-white-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-white-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-white-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-white-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-white-2 .btn-black:hover, .bg-white-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-white-2 .btn-black:active, .bg-white-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-white-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-white-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-white-2 .btn-outline-orange:hover, .bg-white-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-white-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-white-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-white-2 .btn-outline-white:hover, .bg-white-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-white-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-white-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-white-2 .btn-outline-black:hover, .bg-white-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-white-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-white-2 .link-arrow, .bg-white-2 .link-arrow-orange, .bg-white-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-white-2 .link-arrow:hover, .bg-white-2 .link-arrow-orange:hover, .bg-white-2 .link-arrow-white:hover, .bg-white-2 .link-arrow.hover, .bg-white-2 .hover.link-arrow-orange, .bg-white-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-white-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-white-2 .link-arrow-orange:hover, .bg-white-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-white-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-white-2 .link-arrow-white:hover, .bg-white-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-white-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-white-2 .link:hover, .bg-white-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-white-2 .link:active, .bg-white-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-white-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-white-2 .link-white:hover, .bg-white-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-white-2 .link-white:active, .bg-white-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-white-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-white-2 .link-orange:hover, .bg-white-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-white-2 .link-orange:active, .bg-white-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-white-2 .close {
        color: inherit;
    }

    .bg-white-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-white-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-white-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-white-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-white-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-white-3 {
    background-color: #ffffff;
    color: #190f14 !important;
}

    .bg-white-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-white-3 .btn-orange:hover, .bg-white-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-white-3 .btn-orange:active, .bg-white-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-white-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-white-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-white-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-white-3 .btn-black:hover, .bg-white-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-white-3 .btn-black:active, .bg-white-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-white-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-white-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-white-3 .btn-outline-orange:hover, .bg-white-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-white-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-white-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-white-3 .btn-outline-white:hover, .bg-white-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-white-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-white-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-white-3 .btn-outline-black:hover, .bg-white-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-white-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-white-3 .link-arrow, .bg-white-3 .link-arrow-orange, .bg-white-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-white-3 .link-arrow:hover, .bg-white-3 .link-arrow-orange:hover, .bg-white-3 .link-arrow-white:hover, .bg-white-3 .link-arrow.hover, .bg-white-3 .hover.link-arrow-orange, .bg-white-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-white-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-white-3 .link-arrow-orange:hover, .bg-white-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-white-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-white-3 .link-arrow-white:hover, .bg-white-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-white-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-white-3 .link:hover, .bg-white-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-white-3 .link:active, .bg-white-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-white-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-white-3 .link-white:hover, .bg-white-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-white-3 .link-white:active, .bg-white-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-white-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-white-3 .link-orange:hover, .bg-white-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-white-3 .link-orange:active, .bg-white-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-white-3 .close {
        color: inherit;
    }

    .bg-white-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-white-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-white-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-white-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-white-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-black {
    background-color: #0f0f0f;
    color: #ece9e1 !important;
}

    .bg-black .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-black .btn-orange:hover, .bg-black .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-black .btn-orange:active, .bg-black .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-black .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-black .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-black .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-black .btn-black:hover, .bg-black .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-black .btn-black:active, .bg-black .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-black .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-black .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-black .btn-outline-orange:hover, .bg-black .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-black .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-black .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-black .btn-outline-white:hover, .bg-black .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-black .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-black .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-black .btn-outline-black:hover, .bg-black .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-black .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-black .link-arrow, .bg-black .link-arrow-orange, .bg-black .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-black .link-arrow:hover, .bg-black .link-arrow-orange:hover, .bg-black .link-arrow-white:hover, .bg-black .link-arrow.hover, .bg-black .hover.link-arrow-orange, .bg-black .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-black .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-black .link-arrow-orange:hover, .bg-black .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-black .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-black .link-arrow-white:hover, .bg-black .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-black .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-black .link:hover, .bg-black .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-black .link:active, .bg-black .link.active {
            border-bottom: 2px solid;
        }

    .bg-black .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-black .link-white:hover, .bg-black .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-black .link-white:active, .bg-black .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-black .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-black .link-orange:hover, .bg-black .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-black .link-orange:active, .bg-black .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-black .close {
        color: inherit;
    }

    .bg-black .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-black .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-black .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-black .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-black .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-black-2 {
    background-color: #190f14;
    color: #ece9e1 !important;
}

    .bg-black-2 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-black-2 .btn-orange:hover, .bg-black-2 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-black-2 .btn-orange:active, .bg-black-2 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-black-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-black-2 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-black-2 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-black-2 .btn-black:hover, .bg-black-2 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-black-2 .btn-black:active, .bg-black-2 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-black-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-black-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-black-2 .btn-outline-orange:hover, .bg-black-2 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-black-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-black-2 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-black-2 .btn-outline-white:hover, .bg-black-2 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-black-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-black-2 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-black-2 .btn-outline-black:hover, .bg-black-2 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-black-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-black-2 .link-arrow, .bg-black-2 .link-arrow-orange, .bg-black-2 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-black-2 .link-arrow:hover, .bg-black-2 .link-arrow-orange:hover, .bg-black-2 .link-arrow-white:hover, .bg-black-2 .link-arrow.hover, .bg-black-2 .hover.link-arrow-orange, .bg-black-2 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-black-2 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-black-2 .link-arrow-orange:hover, .bg-black-2 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-black-2 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-black-2 .link-arrow-white:hover, .bg-black-2 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-black-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-black-2 .link:hover, .bg-black-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-black-2 .link:active, .bg-black-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-black-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-black-2 .link-white:hover, .bg-black-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-black-2 .link-white:active, .bg-black-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-black-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-black-2 .link-orange:hover, .bg-black-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-black-2 .link-orange:active, .bg-black-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-black-2 .close {
        color: inherit;
    }

    .bg-black-2 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-black-2 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-black-2 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-black-2 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-black-2 .slider.round::before {
            background-color: #ece9e1 !important;
        }

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

.bg-pure-white-2 {
    background-color: #fff;
    color: #190f14 !important;
}

    .bg-pure-white-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-pure-white-2 .btn-orange:hover, .bg-pure-white-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-pure-white-2 .btn-orange:active, .bg-pure-white-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-pure-white-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-pure-white-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-pure-white-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-pure-white-2 .btn-black:hover, .bg-pure-white-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-pure-white-2 .btn-black:active, .bg-pure-white-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-pure-white-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-pure-white-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-pure-white-2 .btn-outline-orange:hover, .bg-pure-white-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-pure-white-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-pure-white-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-pure-white-2 .btn-outline-white:hover, .bg-pure-white-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-pure-white-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-pure-white-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-pure-white-2 .btn-outline-black:hover, .bg-pure-white-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-pure-white-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-pure-white-2 .link-arrow, .bg-pure-white-2 .link-arrow-orange, .bg-pure-white-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-pure-white-2 .link-arrow:hover, .bg-pure-white-2 .link-arrow-orange:hover, .bg-pure-white-2 .link-arrow-white:hover, .bg-pure-white-2 .link-arrow.hover, .bg-pure-white-2 .hover.link-arrow-orange, .bg-pure-white-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-pure-white-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-pure-white-2 .link-arrow-orange:hover, .bg-pure-white-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-pure-white-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-pure-white-2 .link-arrow-white:hover, .bg-pure-white-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-pure-white-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-pure-white-2 .link:hover, .bg-pure-white-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-pure-white-2 .link:active, .bg-pure-white-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-pure-white-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-pure-white-2 .link-white:hover, .bg-pure-white-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-pure-white-2 .link-white:active, .bg-pure-white-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-pure-white-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-pure-white-2 .link-orange:hover, .bg-pure-white-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-pure-white-2 .link-orange:active, .bg-pure-white-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-pure-white-2 .close {
        color: inherit;
    }

    .bg-pure-white-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-pure-white-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-pure-white-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-pure-white-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-pure-white-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-pure-black {
    background-color: #000;
    color: #ece9e1 !important;
}

    .bg-pure-black .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-pure-black .btn-orange:hover, .bg-pure-black .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-pure-black .btn-orange:active, .bg-pure-black .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-pure-black .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-pure-black .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-pure-black .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-pure-black .btn-black:hover, .bg-pure-black .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-pure-black .btn-black:active, .bg-pure-black .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-pure-black .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-pure-black .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-pure-black .btn-outline-orange:hover, .bg-pure-black .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-pure-black .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-pure-black .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-pure-black .btn-outline-white:hover, .bg-pure-black .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-pure-black .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-pure-black .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-pure-black .btn-outline-black:hover, .bg-pure-black .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-pure-black .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-pure-black .link-arrow, .bg-pure-black .link-arrow-orange, .bg-pure-black .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-pure-black .link-arrow:hover, .bg-pure-black .link-arrow-orange:hover, .bg-pure-black .link-arrow-white:hover, .bg-pure-black .link-arrow.hover, .bg-pure-black .hover.link-arrow-orange, .bg-pure-black .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-pure-black .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-pure-black .link-arrow-orange:hover, .bg-pure-black .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-pure-black .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-pure-black .link-arrow-white:hover, .bg-pure-black .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-pure-black .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-pure-black .link:hover, .bg-pure-black .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-pure-black .link:active, .bg-pure-black .link.active {
            border-bottom: 2px solid;
        }

    .bg-pure-black .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-pure-black .link-white:hover, .bg-pure-black .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-pure-black .link-white:active, .bg-pure-black .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-pure-black .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-pure-black .link-orange:hover, .bg-pure-black .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-pure-black .link-orange:active, .bg-pure-black .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-pure-black .close {
        color: inherit;
    }

    .bg-pure-black .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-pure-black .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-pure-black .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-pure-black .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-pure-black .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-gray-dark {
    background-color: #33302E;
}

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

.bg-purple-2 {
    background-color: #5d2c64;
}

.bg-purple-3 {
    background-color: #470A68;
    color: #fff !important;
}

    .bg-purple-3 .btn-orange {
        background-color: #fff !important;
        color: #000 !important;
    }

        .bg-purple-3 .btn-orange:hover, .bg-purple-3 .btn-orange.hover {
            background-color: #fff !important;
            opacity: 0.6;
            color: #000 !important;
        }

        .bg-purple-3 .btn-orange:active, .bg-purple-3 .btn-orange.active {
            background-color: #fff !important;
        }

        .bg-purple-3 .btn-orange.disabled {
            opacity: 0.4;
            color: #000 !important;
        }

    .bg-purple-3 .heroCenter .btn-black {
        color: #000 !important;
    }

    .bg-purple-3 .btn-black {
        background-color: #fff !important;
        color: #000 !important;
    }

        .bg-purple-3 .btn-black:hover, .bg-purple-3 .btn-black.hover {
            background-color: #fff !important;
            opacity: 0.6;
            color: #000 !important;
        }

        .bg-purple-3 .btn-black:active, .bg-purple-3 .btn-black.active {
            background-color: #fff !important;
        }

        .bg-purple-3 .btn-black.disabled {
            opacity: 0.4;
        }

    .bg-purple-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #fff !important;
        border: 2px solid #fff !important;
    }

        .bg-purple-3 .btn-outline-orange:hover, .bg-purple-3 .btn-outline-orange.hover {
            border: solid 2px rgba(255, 255, 255, 0.8) !important;
            color: #fff !important;
        }

        .bg-purple-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-3 .btn-outline-white {
        background-color: transparent !important;
        color: #fff !important;
        border: 2px solid #fff !important;
    }

        .bg-purple-3 .btn-outline-white:hover, .bg-purple-3 .btn-outline-white.hover {
            border: solid 2px rgba(255, 255, 255, 0.8) !important;
            color: #fff !important;
        }

        .bg-purple-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-3 .btn-outline-black {
        background-color: transparent !important;
        color: #fff !important;
        border: 2px solid #fff !important;
    }

        .bg-purple-3 .btn-outline-black:hover, .bg-purple-3 .btn-outline-black.hover {
            border: solid 2px rgba(255, 255, 255, 0.8) !important;
            color: #fff !important;
        }

        .bg-purple-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-3 .link-arrow, .bg-purple-3 .link-arrow-orange, .bg-purple-3 .link-arrow-white {
        color: #fff !important;
    }

        .bg-purple-3 .link-arrow:hover, .bg-purple-3 .link-arrow-orange:hover, .bg-purple-3 .link-arrow-white:hover, .bg-purple-3 .link-arrow.hover, .bg-purple-3 .hover.link-arrow-orange, .bg-purple-3 .hover.link-arrow-white {
            color: #fff !important;
        }

    .bg-purple-3 .link-arrow-orange {
        color: #fff !important;
    }

        .bg-purple-3 .link-arrow-orange:hover, .bg-purple-3 .link-arrow-orange.hover {
            color: #fff !important;
        }

    .bg-purple-3 .link-arrow-white {
        color: #fff !important;
    }

        .bg-purple-3 .link-arrow-white:hover, .bg-purple-3 .link-arrow-white.hover {
            color: #fff !important;
        }

    .bg-purple-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-3 .link:hover, .bg-purple-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-3 .link:active, .bg-purple-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-purple-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-3 .link-white:hover, .bg-purple-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-3 .link-white:active, .bg-purple-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-purple-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-3 .link-orange:hover, .bg-purple-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-3 .link-orange:active, .bg-purple-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-purple-3 .close {
        color: inherit;
    }

    .bg-purple-3 .rangeslider {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

    .bg-purple-3 .rangeslider__fill {
        background-color: rgba(255, 255, 255, 0.8) !important;
    }

    .bg-purple-3 .rangeslider__handle {
        background-color: #fff !important;
    }

    .bg-purple-3 .slider.round {
        background-color: rgba(255, 255, 255, 0.3) !important;
    }

        .bg-purple-3 .slider.round::before {
            background-color: #fff !important;
        }

.bg-purple-4 {
    background-color: #5b2f80;
    color: #ece9e1 !important;
}

    .bg-purple-4 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-purple-4 .btn-orange:hover, .bg-purple-4 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-purple-4 .btn-orange:active, .bg-purple-4 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-purple-4 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-purple-4 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-purple-4 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-purple-4 .btn-black:hover, .bg-purple-4 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-purple-4 .btn-black:active, .bg-purple-4 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-purple-4 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-purple-4 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-purple-4 .btn-outline-orange:hover, .bg-purple-4 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-purple-4 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-4 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-purple-4 .btn-outline-white:hover, .bg-purple-4 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-purple-4 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-4 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-purple-4 .btn-outline-black:hover, .bg-purple-4 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-purple-4 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-4 .link-arrow, .bg-purple-4 .link-arrow-orange, .bg-purple-4 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-purple-4 .link-arrow:hover, .bg-purple-4 .link-arrow-orange:hover, .bg-purple-4 .link-arrow-white:hover, .bg-purple-4 .link-arrow.hover, .bg-purple-4 .hover.link-arrow-orange, .bg-purple-4 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-purple-4 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-purple-4 .link-arrow-orange:hover, .bg-purple-4 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-purple-4 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-purple-4 .link-arrow-white:hover, .bg-purple-4 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-purple-4 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-4 .link:hover, .bg-purple-4 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-4 .link:active, .bg-purple-4 .link.active {
            border-bottom: 2px solid;
        }

    .bg-purple-4 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-4 .link-white:hover, .bg-purple-4 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-4 .link-white:active, .bg-purple-4 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-purple-4 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-4 .link-orange:hover, .bg-purple-4 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-4 .link-orange:active, .bg-purple-4 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-purple-4 .close {
        color: inherit;
    }

    .bg-purple-4 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-purple-4 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-purple-4 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-purple-4 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-purple-4 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-purple-5 {
    background-color: #83569d;
    color: #ece9e1 !important;
}

    .bg-purple-5 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-purple-5 .btn-orange:hover, .bg-purple-5 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-purple-5 .btn-orange:active, .bg-purple-5 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-purple-5 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-purple-5 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-purple-5 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-purple-5 .btn-black:hover, .bg-purple-5 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-purple-5 .btn-black:active, .bg-purple-5 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-purple-5 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-purple-5 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-purple-5 .btn-outline-orange:hover, .bg-purple-5 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-purple-5 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-5 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-purple-5 .btn-outline-white:hover, .bg-purple-5 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-purple-5 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-5 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-purple-5 .btn-outline-black:hover, .bg-purple-5 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-purple-5 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-5 .link-arrow, .bg-purple-5 .link-arrow-orange, .bg-purple-5 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-purple-5 .link-arrow:hover, .bg-purple-5 .link-arrow-orange:hover, .bg-purple-5 .link-arrow-white:hover, .bg-purple-5 .link-arrow.hover, .bg-purple-5 .hover.link-arrow-orange, .bg-purple-5 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-purple-5 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-purple-5 .link-arrow-orange:hover, .bg-purple-5 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-purple-5 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-purple-5 .link-arrow-white:hover, .bg-purple-5 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-purple-5 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-5 .link:hover, .bg-purple-5 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-5 .link:active, .bg-purple-5 .link.active {
            border-bottom: 2px solid;
        }

    .bg-purple-5 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-5 .link-white:hover, .bg-purple-5 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-5 .link-white:active, .bg-purple-5 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-purple-5 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-5 .link-orange:hover, .bg-purple-5 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-5 .link-orange:active, .bg-purple-5 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-purple-5 .close {
        color: inherit;
    }

    .bg-purple-5 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-purple-5 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-purple-5 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-purple-5 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-purple-5 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-purple-6 {
    background-color: #a380b7;
    color: #190f14 !important;
}

    .bg-purple-6 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-purple-6 .btn-orange:hover, .bg-purple-6 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-purple-6 .btn-orange:active, .bg-purple-6 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-purple-6 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-purple-6 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-purple-6 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-purple-6 .btn-black:hover, .bg-purple-6 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-purple-6 .btn-black:active, .bg-purple-6 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-purple-6 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-purple-6 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-purple-6 .btn-outline-orange:hover, .bg-purple-6 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-purple-6 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-6 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-purple-6 .btn-outline-white:hover, .bg-purple-6 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-purple-6 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-6 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-purple-6 .btn-outline-black:hover, .bg-purple-6 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-purple-6 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-purple-6 .link-arrow, .bg-purple-6 .link-arrow-orange, .bg-purple-6 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-purple-6 .link-arrow:hover, .bg-purple-6 .link-arrow-orange:hover, .bg-purple-6 .link-arrow-white:hover, .bg-purple-6 .link-arrow.hover, .bg-purple-6 .hover.link-arrow-orange, .bg-purple-6 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-purple-6 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-purple-6 .link-arrow-orange:hover, .bg-purple-6 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-purple-6 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-purple-6 .link-arrow-white:hover, .bg-purple-6 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-purple-6 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-6 .link:hover, .bg-purple-6 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-6 .link:active, .bg-purple-6 .link.active {
            border-bottom: 2px solid;
        }

    .bg-purple-6 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-6 .link-white:hover, .bg-purple-6 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-6 .link-white:active, .bg-purple-6 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-purple-6 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-purple-6 .link-orange:hover, .bg-purple-6 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-purple-6 .link-orange:active, .bg-purple-6 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-purple-6 .close {
        color: inherit;
    }

    .bg-purple-6 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-purple-6 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-purple-6 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-purple-6 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-purple-6 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona {
    background-color: #7977B1;
    color: #190f14 !important;
}

    .bg-arona .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona .btn-orange:hover, .bg-arona .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona .btn-orange:active, .bg-arona .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona .btn-black:hover, .bg-arona .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona .btn-black:active, .bg-arona .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona .btn-outline-orange:hover, .bg-arona .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona .btn-outline-white:hover, .bg-arona .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona .btn-outline-black:hover, .bg-arona .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona .link-arrow, .bg-arona .link-arrow-orange, .bg-arona .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona .link-arrow:hover, .bg-arona .link-arrow-orange:hover, .bg-arona .link-arrow-white:hover, .bg-arona .link-arrow.hover, .bg-arona .hover.link-arrow-orange, .bg-arona .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona .link-arrow-orange:hover, .bg-arona .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona .link-arrow-white:hover, .bg-arona .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona .link:hover, .bg-arona .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona .link:active, .bg-arona .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona .link-white:hover, .bg-arona .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona .link-white:active, .bg-arona .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona .link-orange:hover, .bg-arona .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona .link-orange:active, .bg-arona .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona .close {
        color: inherit;
    }

    .bg-arona .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona-2 {
    background-color: #908EBE;
    color: #190f14 !important;
}

    .bg-arona-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-2 .btn-orange:hover, .bg-arona-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-2 .btn-orange:active, .bg-arona-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-2 .btn-black:hover, .bg-arona-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-2 .btn-black:active, .bg-arona-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-2 .btn-outline-orange:hover, .bg-arona-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-2 .btn-outline-white:hover, .bg-arona-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-2 .btn-outline-black:hover, .bg-arona-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-2 .link-arrow, .bg-arona-2 .link-arrow-orange, .bg-arona-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-2 .link-arrow:hover, .bg-arona-2 .link-arrow-orange:hover, .bg-arona-2 .link-arrow-white:hover, .bg-arona-2 .link-arrow.hover, .bg-arona-2 .hover.link-arrow-orange, .bg-arona-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona-2 .link-arrow-orange:hover, .bg-arona-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-2 .link-arrow-white:hover, .bg-arona-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-2 .link:hover, .bg-arona-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-2 .link:active, .bg-arona-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-2 .link-white:hover, .bg-arona-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-2 .link-white:active, .bg-arona-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-2 .link-orange:hover, .bg-arona-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-2 .link-orange:active, .bg-arona-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona-2 .close {
        color: inherit;
    }

    .bg-arona-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona-3 {
    background-color: #ACAACE;
    color: #190f14 !important;
}

    .bg-arona-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-3 .btn-orange:hover, .bg-arona-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-3 .btn-orange:active, .bg-arona-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-3 .btn-black:hover, .bg-arona-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-3 .btn-black:active, .bg-arona-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-3 .btn-outline-orange:hover, .bg-arona-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-3 .btn-outline-white:hover, .bg-arona-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-3 .btn-outline-black:hover, .bg-arona-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-3 .link-arrow, .bg-arona-3 .link-arrow-orange, .bg-arona-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-3 .link-arrow:hover, .bg-arona-3 .link-arrow-orange:hover, .bg-arona-3 .link-arrow-white:hover, .bg-arona-3 .link-arrow.hover, .bg-arona-3 .hover.link-arrow-orange, .bg-arona-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona-3 .link-arrow-orange:hover, .bg-arona-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-3 .link-arrow-white:hover, .bg-arona-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-3 .link:hover, .bg-arona-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-3 .link:active, .bg-arona-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-3 .link-white:hover, .bg-arona-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-3 .link-white:active, .bg-arona-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-3 .link-orange:hover, .bg-arona-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-3 .link-orange:active, .bg-arona-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona-3 .close {
        color: inherit;
    }

    .bg-arona-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona-pa-1 {
    background-color: #3AD4A7;
    color: #190f14 !important;
}

    .bg-arona-pa-1 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-pa-1 .btn-orange:hover, .bg-arona-pa-1 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-pa-1 .btn-orange:active, .bg-arona-pa-1 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona-pa-1 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-pa-1 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona-pa-1 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-pa-1 .btn-black:hover, .bg-arona-pa-1 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-pa-1 .btn-black:active, .bg-arona-pa-1 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona-pa-1 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-pa-1 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-1 .btn-outline-orange:hover, .bg-arona-pa-1 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-1 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-1 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-1 .btn-outline-white:hover, .bg-arona-pa-1 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-1 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-1 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-1 .btn-outline-black:hover, .bg-arona-pa-1 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-1 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-1 .link-arrow, .bg-arona-pa-1 .link-arrow-orange, .bg-arona-pa-1 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-pa-1 .link-arrow:hover, .bg-arona-pa-1 .link-arrow-orange:hover, .bg-arona-pa-1 .link-arrow-white:hover, .bg-arona-pa-1 .link-arrow.hover, .bg-arona-pa-1 .hover.link-arrow-orange, .bg-arona-pa-1 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona-pa-1 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona-pa-1 .link-arrow-orange:hover, .bg-arona-pa-1 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona-pa-1 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-pa-1 .link-arrow-white:hover, .bg-arona-pa-1 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona-pa-1 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-1 .link:hover, .bg-arona-pa-1 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-1 .link:active, .bg-arona-pa-1 .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-1 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-1 .link-white:hover, .bg-arona-pa-1 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-1 .link-white:active, .bg-arona-pa-1 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-1 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-1 .link-orange:hover, .bg-arona-pa-1 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-1 .link-orange:active, .bg-arona-pa-1 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-1 .close {
        color: inherit;
    }

    .bg-arona-pa-1 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona-pa-1 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona-pa-1 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona-pa-1 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona-pa-1 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona-pa-2 {
    background-color: #77EFCC;
    color: #190f14 !important;
}

    .bg-arona-pa-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-pa-2 .btn-orange:hover, .bg-arona-pa-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-pa-2 .btn-orange:active, .bg-arona-pa-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona-pa-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-pa-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona-pa-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-pa-2 .btn-black:hover, .bg-arona-pa-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-pa-2 .btn-black:active, .bg-arona-pa-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona-pa-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-pa-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-2 .btn-outline-orange:hover, .bg-arona-pa-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-2 .btn-outline-white:hover, .bg-arona-pa-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-2 .btn-outline-black:hover, .bg-arona-pa-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-2 .link-arrow, .bg-arona-pa-2 .link-arrow-orange, .bg-arona-pa-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-pa-2 .link-arrow:hover, .bg-arona-pa-2 .link-arrow-orange:hover, .bg-arona-pa-2 .link-arrow-white:hover, .bg-arona-pa-2 .link-arrow.hover, .bg-arona-pa-2 .hover.link-arrow-orange, .bg-arona-pa-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona-pa-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona-pa-2 .link-arrow-orange:hover, .bg-arona-pa-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona-pa-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-pa-2 .link-arrow-white:hover, .bg-arona-pa-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona-pa-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-2 .link:hover, .bg-arona-pa-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-2 .link:active, .bg-arona-pa-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-2 .link-white:hover, .bg-arona-pa-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-2 .link-white:active, .bg-arona-pa-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-2 .link-orange:hover, .bg-arona-pa-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-2 .link-orange:active, .bg-arona-pa-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-2 .close {
        color: inherit;
    }

    .bg-arona-pa-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona-pa-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona-pa-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona-pa-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona-pa-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona-pa-3 {
    background-color: #C2FDEC;
    color: #190f14 !important;
}

    .bg-arona-pa-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-pa-3 .btn-orange:hover, .bg-arona-pa-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-pa-3 .btn-orange:active, .bg-arona-pa-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona-pa-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-pa-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona-pa-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-pa-3 .btn-black:hover, .bg-arona-pa-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-pa-3 .btn-black:active, .bg-arona-pa-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona-pa-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-pa-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-3 .btn-outline-orange:hover, .bg-arona-pa-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-3 .btn-outline-white:hover, .bg-arona-pa-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-pa-3 .btn-outline-black:hover, .bg-arona-pa-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-pa-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-pa-3 .link-arrow, .bg-arona-pa-3 .link-arrow-orange, .bg-arona-pa-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-pa-3 .link-arrow:hover, .bg-arona-pa-3 .link-arrow-orange:hover, .bg-arona-pa-3 .link-arrow-white:hover, .bg-arona-pa-3 .link-arrow.hover, .bg-arona-pa-3 .hover.link-arrow-orange, .bg-arona-pa-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona-pa-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona-pa-3 .link-arrow-orange:hover, .bg-arona-pa-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona-pa-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-pa-3 .link-arrow-white:hover, .bg-arona-pa-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona-pa-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-3 .link:hover, .bg-arona-pa-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-3 .link:active, .bg-arona-pa-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-3 .link-white:hover, .bg-arona-pa-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-3 .link-white:active, .bg-arona-pa-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-pa-3 .link-orange:hover, .bg-arona-pa-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-pa-3 .link-orange:active, .bg-arona-pa-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona-pa-3 .close {
        color: inherit;
    }

    .bg-arona-pa-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona-pa-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona-pa-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona-pa-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona-pa-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ibiza {
    background-color: #B36BA9;
    color: #190f14 !important;
}

    .bg-ibiza .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza .btn-orange:hover, .bg-ibiza .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza .btn-orange:active, .bg-ibiza .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ibiza .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza .btn-black:hover, .bg-ibiza .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza .btn-black:active, .bg-ibiza .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza .btn-outline-orange:hover, .bg-ibiza .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza .btn-outline-white:hover, .bg-ibiza .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza .btn-outline-black:hover, .bg-ibiza .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza .link-arrow, .bg-ibiza .link-arrow-orange, .bg-ibiza .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza .link-arrow:hover, .bg-ibiza .link-arrow-orange:hover, .bg-ibiza .link-arrow-white:hover, .bg-ibiza .link-arrow.hover, .bg-ibiza .hover.link-arrow-orange, .bg-ibiza .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ibiza .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ibiza .link-arrow-orange:hover, .bg-ibiza .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ibiza .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza .link-arrow-white:hover, .bg-ibiza .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ibiza .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza .link:hover, .bg-ibiza .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza .link:active, .bg-ibiza .link.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza .link-white:hover, .bg-ibiza .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza .link-white:active, .bg-ibiza .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza .link-orange:hover, .bg-ibiza .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza .link-orange:active, .bg-ibiza .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza .close {
        color: inherit;
    }

    .bg-ibiza .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ibiza .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ibiza .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ibiza .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ibiza .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ibiza-2 {
    background-color: #C289BA;
    color: #190f14 !important;
}

    .bg-ibiza-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-2 .btn-orange:hover, .bg-ibiza-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-2 .btn-orange:active, .bg-ibiza-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ibiza-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-2 .btn-black:hover, .bg-ibiza-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-2 .btn-black:active, .bg-ibiza-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-2 .btn-outline-orange:hover, .bg-ibiza-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-2 .btn-outline-white:hover, .bg-ibiza-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-2 .btn-outline-black:hover, .bg-ibiza-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-2 .link-arrow, .bg-ibiza-2 .link-arrow-orange, .bg-ibiza-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-2 .link-arrow:hover, .bg-ibiza-2 .link-arrow-orange:hover, .bg-ibiza-2 .link-arrow-white:hover, .bg-ibiza-2 .link-arrow.hover, .bg-ibiza-2 .hover.link-arrow-orange, .bg-ibiza-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ibiza-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ibiza-2 .link-arrow-orange:hover, .bg-ibiza-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-2 .link-arrow-white:hover, .bg-ibiza-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-2 .link:hover, .bg-ibiza-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-2 .link:active, .bg-ibiza-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-2 .link-white:hover, .bg-ibiza-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-2 .link-white:active, .bg-ibiza-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-2 .link-orange:hover, .bg-ibiza-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-2 .link-orange:active, .bg-ibiza-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-2 .close {
        color: inherit;
    }

    .bg-ibiza-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ibiza-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ibiza-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ibiza-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ibiza-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ibiza-3 {
    background-color: #D1A6CB;
    color: #190f14 !important;
}

    .bg-ibiza-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-3 .btn-orange:hover, .bg-ibiza-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-3 .btn-orange:active, .bg-ibiza-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ibiza-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-3 .btn-black:hover, .bg-ibiza-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-3 .btn-black:active, .bg-ibiza-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-3 .btn-outline-orange:hover, .bg-ibiza-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-3 .btn-outline-white:hover, .bg-ibiza-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-3 .btn-outline-black:hover, .bg-ibiza-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-3 .link-arrow, .bg-ibiza-3 .link-arrow-orange, .bg-ibiza-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-3 .link-arrow:hover, .bg-ibiza-3 .link-arrow-orange:hover, .bg-ibiza-3 .link-arrow-white:hover, .bg-ibiza-3 .link-arrow.hover, .bg-ibiza-3 .hover.link-arrow-orange, .bg-ibiza-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ibiza-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ibiza-3 .link-arrow-orange:hover, .bg-ibiza-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-3 .link-arrow-white:hover, .bg-ibiza-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-3 .link:hover, .bg-ibiza-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-3 .link:active, .bg-ibiza-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-3 .link-white:hover, .bg-ibiza-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-3 .link-white:active, .bg-ibiza-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-3 .link-orange:hover, .bg-ibiza-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-3 .link-orange:active, .bg-ibiza-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-3 .close {
        color: inherit;
    }

    .bg-ibiza-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ibiza-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ibiza-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ibiza-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ibiza-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ibiza-pa-1 {
    background-color: #D40028;
    color: #ece9e1 !important;
}

    .bg-ibiza-pa-1 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ibiza-pa-1 .btn-orange:hover, .bg-ibiza-pa-1 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-1 .btn-orange:active, .bg-ibiza-pa-1 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-ibiza-pa-1 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ibiza-pa-1 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-ibiza-pa-1 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ibiza-pa-1 .btn-black:hover, .bg-ibiza-pa-1 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-1 .btn-black:active, .bg-ibiza-pa-1 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-ibiza-pa-1 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ibiza-pa-1 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ibiza-pa-1 .btn-outline-orange:hover, .bg-ibiza-pa-1 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-1 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-1 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ibiza-pa-1 .btn-outline-white:hover, .bg-ibiza-pa-1 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-1 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-1 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ibiza-pa-1 .btn-outline-black:hover, .bg-ibiza-pa-1 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-1 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-1 .link-arrow, .bg-ibiza-pa-1 .link-arrow-orange, .bg-ibiza-pa-1 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-1 .link-arrow:hover, .bg-ibiza-pa-1 .link-arrow-orange:hover, .bg-ibiza-pa-1 .link-arrow-white:hover, .bg-ibiza-pa-1 .link-arrow.hover, .bg-ibiza-pa-1 .hover.link-arrow-orange, .bg-ibiza-pa-1 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-1 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-1 .link-arrow-orange:hover, .bg-ibiza-pa-1 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-1 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-1 .link-arrow-white:hover, .bg-ibiza-pa-1 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-1 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-1 .link:hover, .bg-ibiza-pa-1 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-1 .link:active, .bg-ibiza-pa-1 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-1 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-1 .link-white:hover, .bg-ibiza-pa-1 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-1 .link-white:active, .bg-ibiza-pa-1 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-1 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-1 .link-orange:hover, .bg-ibiza-pa-1 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-1 .link-orange:active, .bg-ibiza-pa-1 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-1 .close {
        color: inherit;
    }

    .bg-ibiza-pa-1 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-ibiza-pa-1 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-ibiza-pa-1 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-ibiza-pa-1 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-ibiza-pa-1 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-ibiza-pa-2 {
    background-color: #E83657;
    color: #190f14 !important;
}

    .bg-ibiza-pa-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-2 .btn-orange:hover, .bg-ibiza-pa-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-2 .btn-orange:active, .bg-ibiza-pa-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-pa-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ibiza-pa-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-2 .btn-black:hover, .bg-ibiza-pa-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-2 .btn-black:active, .bg-ibiza-pa-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-pa-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-pa-2 .btn-outline-orange:hover, .bg-ibiza-pa-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-pa-2 .btn-outline-white:hover, .bg-ibiza-pa-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-pa-2 .btn-outline-black:hover, .bg-ibiza-pa-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-2 .link-arrow, .bg-ibiza-pa-2 .link-arrow-orange, .bg-ibiza-pa-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-pa-2 .link-arrow:hover, .bg-ibiza-pa-2 .link-arrow-orange:hover, .bg-ibiza-pa-2 .link-arrow-white:hover, .bg-ibiza-pa-2 .link-arrow.hover, .bg-ibiza-pa-2 .hover.link-arrow-orange, .bg-ibiza-pa-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ibiza-pa-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ibiza-pa-2 .link-arrow-orange:hover, .bg-ibiza-pa-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-pa-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-pa-2 .link-arrow-white:hover, .bg-ibiza-pa-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-pa-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-2 .link:hover, .bg-ibiza-pa-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-2 .link:active, .bg-ibiza-pa-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-2 .link-white:hover, .bg-ibiza-pa-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-2 .link-white:active, .bg-ibiza-pa-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-2 .link-orange:hover, .bg-ibiza-pa-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-2 .link-orange:active, .bg-ibiza-pa-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-2 .close {
        color: inherit;
    }

    .bg-ibiza-pa-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ibiza-pa-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ibiza-pa-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ibiza-pa-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ibiza-pa-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ibiza-pa-3 {
    background-color: #E5667E;
    color: #190f14 !important;
}

    .bg-ibiza-pa-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-3 .btn-orange:hover, .bg-ibiza-pa-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-3 .btn-orange:active, .bg-ibiza-pa-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-pa-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ibiza-pa-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ibiza-pa-3 .btn-black:hover, .bg-ibiza-pa-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ibiza-pa-3 .btn-black:active, .bg-ibiza-pa-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ibiza-pa-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ibiza-pa-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-pa-3 .btn-outline-orange:hover, .bg-ibiza-pa-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-pa-3 .btn-outline-white:hover, .bg-ibiza-pa-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ibiza-pa-3 .btn-outline-black:hover, .bg-ibiza-pa-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ibiza-pa-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ibiza-pa-3 .link-arrow, .bg-ibiza-pa-3 .link-arrow-orange, .bg-ibiza-pa-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-pa-3 .link-arrow:hover, .bg-ibiza-pa-3 .link-arrow-orange:hover, .bg-ibiza-pa-3 .link-arrow-white:hover, .bg-ibiza-pa-3 .link-arrow.hover, .bg-ibiza-pa-3 .hover.link-arrow-orange, .bg-ibiza-pa-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ibiza-pa-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ibiza-pa-3 .link-arrow-orange:hover, .bg-ibiza-pa-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-pa-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ibiza-pa-3 .link-arrow-white:hover, .bg-ibiza-pa-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ibiza-pa-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-3 .link:hover, .bg-ibiza-pa-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-3 .link:active, .bg-ibiza-pa-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-3 .link-white:hover, .bg-ibiza-pa-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-3 .link-white:active, .bg-ibiza-pa-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ibiza-pa-3 .link-orange:hover, .bg-ibiza-pa-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ibiza-pa-3 .link-orange:active, .bg-ibiza-pa-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ibiza-pa-3 .close {
        color: inherit;
    }

    .bg-ibiza-pa-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ibiza-pa-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ibiza-pa-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ibiza-pa-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ibiza-pa-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-arona-ibiza {
    background-color: #5AAFAF;
    color: #190f14 !important;
}

    .bg-arona-ibiza .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-ibiza .btn-orange:hover, .bg-arona-ibiza .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-ibiza .btn-orange:active, .bg-arona-ibiza .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-arona-ibiza .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-ibiza .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-arona-ibiza .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-arona-ibiza .btn-black:hover, .bg-arona-ibiza .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-arona-ibiza .btn-black:active, .bg-arona-ibiza .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-arona-ibiza .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-arona-ibiza .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-ibiza .btn-outline-orange:hover, .bg-arona-ibiza .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-ibiza .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-ibiza .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-ibiza .btn-outline-white:hover, .bg-arona-ibiza .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-ibiza .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-ibiza .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-arona-ibiza .btn-outline-black:hover, .bg-arona-ibiza .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-arona-ibiza .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-arona-ibiza .link-arrow, .bg-arona-ibiza .link-arrow-orange, .bg-arona-ibiza .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-ibiza .link-arrow:hover, .bg-arona-ibiza .link-arrow-orange:hover, .bg-arona-ibiza .link-arrow-white:hover, .bg-arona-ibiza .link-arrow.hover, .bg-arona-ibiza .hover.link-arrow-orange, .bg-arona-ibiza .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-arona-ibiza .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-arona-ibiza .link-arrow-orange:hover, .bg-arona-ibiza .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-arona-ibiza .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-arona-ibiza .link-arrow-white:hover, .bg-arona-ibiza .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-arona-ibiza .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-ibiza .link:hover, .bg-arona-ibiza .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-ibiza .link:active, .bg-arona-ibiza .link.active {
            border-bottom: 2px solid;
        }

    .bg-arona-ibiza .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-ibiza .link-white:hover, .bg-arona-ibiza .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-ibiza .link-white:active, .bg-arona-ibiza .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-arona-ibiza .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-arona-ibiza .link-orange:hover, .bg-arona-ibiza .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-arona-ibiza .link-orange:active, .bg-arona-ibiza .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-arona-ibiza .close {
        color: inherit;
    }

    .bg-arona-ibiza .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-arona-ibiza .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-arona-ibiza .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-arona-ibiza .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-arona-ibiza .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ateca-pa-xp {
    background-color: #1F422C;
    color: #ece9e1 !important;
}

    .bg-ateca-pa-xp .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp .btn-orange:hover, .bg-ateca-pa-xp .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp .btn-orange:active, .bg-ateca-pa-xp .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-ateca-pa-xp .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp .btn-black:hover, .bg-ateca-pa-xp .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp .btn-black:active, .bg-ateca-pa-xp .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-xp .btn-outline-orange:hover, .bg-ateca-pa-xp .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-xp .btn-outline-white:hover, .bg-ateca-pa-xp .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-xp .btn-outline-black:hover, .bg-ateca-pa-xp .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp .link-arrow, .bg-ateca-pa-xp .link-arrow-orange, .bg-ateca-pa-xp .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp .link-arrow:hover, .bg-ateca-pa-xp .link-arrow-orange:hover, .bg-ateca-pa-xp .link-arrow-white:hover, .bg-ateca-pa-xp .link-arrow.hover, .bg-ateca-pa-xp .hover.link-arrow-orange, .bg-ateca-pa-xp .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp .link-arrow-orange:hover, .bg-ateca-pa-xp .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp .link-arrow-white:hover, .bg-ateca-pa-xp .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp .link:hover, .bg-ateca-pa-xp .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp .link:active, .bg-ateca-pa-xp .link.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp .link-white:hover, .bg-ateca-pa-xp .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp .link-white:active, .bg-ateca-pa-xp .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp .link-orange:hover, .bg-ateca-pa-xp .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp .link-orange:active, .bg-ateca-pa-xp .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp .close {
        color: inherit;
    }

    .bg-ateca-pa-xp .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-ateca-pa-xp .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-ateca-pa-xp .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-ateca-pa-xp .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-ateca-pa-xp .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-ateca-pa-xp-2 {
    background-color: #4C6856;
    color: #ece9e1 !important;
}

    .bg-ateca-pa-xp-2 .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp-2 .btn-orange:hover, .bg-ateca-pa-xp-2 .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp-2 .btn-orange:active, .bg-ateca-pa-xp-2 .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp-2 .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-ateca-pa-xp-2 .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp-2 .btn-black:hover, .bg-ateca-pa-xp-2 .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp-2 .btn-black:active, .bg-ateca-pa-xp-2 .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-xp-2 .btn-outline-orange:hover, .bg-ateca-pa-xp-2 .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp-2 .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-xp-2 .btn-outline-white:hover, .bg-ateca-pa-xp-2 .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp-2 .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-xp-2 .btn-outline-black:hover, .bg-ateca-pa-xp-2 .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp-2 .link-arrow, .bg-ateca-pa-xp-2 .link-arrow-orange, .bg-ateca-pa-xp-2 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp-2 .link-arrow:hover, .bg-ateca-pa-xp-2 .link-arrow-orange:hover, .bg-ateca-pa-xp-2 .link-arrow-white:hover, .bg-ateca-pa-xp-2 .link-arrow.hover, .bg-ateca-pa-xp-2 .hover.link-arrow-orange, .bg-ateca-pa-xp-2 .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp-2 .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp-2 .link-arrow-orange:hover, .bg-ateca-pa-xp-2 .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp-2 .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp-2 .link-arrow-white:hover, .bg-ateca-pa-xp-2 .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp-2 .link:hover, .bg-ateca-pa-xp-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp-2 .link:active, .bg-ateca-pa-xp-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp-2 .link-white:hover, .bg-ateca-pa-xp-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp-2 .link-white:active, .bg-ateca-pa-xp-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp-2 .link-orange:hover, .bg-ateca-pa-xp-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp-2 .link-orange:active, .bg-ateca-pa-xp-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp-2 .close {
        color: inherit;
    }

    .bg-ateca-pa-xp-2 .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-ateca-pa-xp-2 .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-ateca-pa-xp-2 .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-ateca-pa-xp-2 .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-ateca-pa-xp-2 .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-ateca-pa-xp-3 {
    background-color: #798E80;
    color: #190f14 !important;
}

    .bg-ateca-pa-xp-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp-3 .btn-orange:hover, .bg-ateca-pa-xp-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-3 .btn-orange:active, .bg-ateca-pa-xp-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ateca-pa-xp-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ateca-pa-xp-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-xp-3 .btn-black:hover, .bg-ateca-pa-xp-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-xp-3 .btn-black:active, .bg-ateca-pa-xp-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ateca-pa-xp-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-xp-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-xp-3 .btn-outline-orange:hover, .bg-ateca-pa-xp-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-xp-3 .btn-outline-white:hover, .bg-ateca-pa-xp-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-xp-3 .btn-outline-black:hover, .bg-ateca-pa-xp-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-xp-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-xp-3 .link-arrow, .bg-ateca-pa-xp-3 .link-arrow-orange, .bg-ateca-pa-xp-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp-3 .link-arrow:hover, .bg-ateca-pa-xp-3 .link-arrow-orange:hover, .bg-ateca-pa-xp-3 .link-arrow-white:hover, .bg-ateca-pa-xp-3 .link-arrow.hover, .bg-ateca-pa-xp-3 .hover.link-arrow-orange, .bg-ateca-pa-xp-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp-3 .link-arrow-orange:hover, .bg-ateca-pa-xp-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ateca-pa-xp-3 .link-arrow-white:hover, .bg-ateca-pa-xp-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ateca-pa-xp-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp-3 .link:hover, .bg-ateca-pa-xp-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp-3 .link:active, .bg-ateca-pa-xp-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp-3 .link-white:hover, .bg-ateca-pa-xp-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp-3 .link-white:active, .bg-ateca-pa-xp-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-xp-3 .link-orange:hover, .bg-ateca-pa-xp-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-xp-3 .link-orange:active, .bg-ateca-pa-xp-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-xp-3 .close {
        color: inherit;
    }

    .bg-ateca-pa-xp-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ateca-pa-xp-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ateca-pa-xp-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ateca-pa-xp-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ateca-pa-xp-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ateca-pa-fr {
    background-color: #965856;
    color: #ece9e1 !important;
}

    .bg-ateca-pa-fr .btn-orange {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr .btn-orange:hover, .bg-ateca-pa-fr .btn-orange.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr .btn-orange:active, .bg-ateca-pa-fr .btn-orange.active {
            background-color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr .btn-orange.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr .heroCenter .btn-black {
        color: #190f14 !important;
    }

    .bg-ateca-pa-fr .btn-black {
        background-color: #ece9e1 !important;
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr .btn-black:hover, .bg-ateca-pa-fr .btn-black.hover {
            background-color: #ece9e1 !important;
            opacity: 0.6;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr .btn-black:active, .bg-ateca-pa-fr .btn-black.active {
            background-color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr .btn-black.disabled {
            opacity: 0.4;
            background-color: #413739 !important;
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr .btn-outline-orange {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-fr .btn-outline-orange:hover, .bg-ateca-pa-fr .btn-outline-orange.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr .btn-outline-white {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-fr .btn-outline-white:hover, .bg-ateca-pa-fr .btn-outline-white.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr .btn-outline-black {
        background-color: transparent !important;
        color: #ece9e1 !important;
        border: 2px solid #ece9e1 !important;
    }

        .bg-ateca-pa-fr .btn-outline-black:hover, .bg-ateca-pa-fr .btn-outline-black.hover {
            border: solid 2px rgba(236, 233, 225, 0.8) !important;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr .link-arrow, .bg-ateca-pa-fr .link-arrow-orange, .bg-ateca-pa-fr .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr .link-arrow:hover, .bg-ateca-pa-fr .link-arrow-orange:hover, .bg-ateca-pa-fr .link-arrow-white:hover, .bg-ateca-pa-fr .link-arrow.hover, .bg-ateca-pa-fr .hover.link-arrow-orange, .bg-ateca-pa-fr .hover.link-arrow-white {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr .link-arrow-orange {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr .link-arrow-orange:hover, .bg-ateca-pa-fr .link-arrow-orange.hover {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr .link-arrow-white {
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr .link-arrow-white:hover, .bg-ateca-pa-fr .link-arrow-white.hover {
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr .link:hover, .bg-ateca-pa-fr .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr .link:active, .bg-ateca-pa-fr .link.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr .link-white:hover, .bg-ateca-pa-fr .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr .link-white:active, .bg-ateca-pa-fr .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr .link-orange:hover, .bg-ateca-pa-fr .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr .link-orange:active, .bg-ateca-pa-fr .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr .close {
        color: inherit;
    }

    .bg-ateca-pa-fr .rangeslider {
        background-color: rgba(236, 233, 225, 0.2) !important;
    }

    .bg-ateca-pa-fr .rangeslider__fill {
        background-color: rgba(236, 233, 225, 0.8) !important;
    }

    .bg-ateca-pa-fr .rangeslider__handle {
        background-color: #ece9e1 !important;
    }

    .bg-ateca-pa-fr .slider.round {
        background-color: rgba(236, 233, 225, 0.3) !important;
    }

        .bg-ateca-pa-fr .slider.round::before {
            background-color: #ece9e1 !important;
        }

.bg-ateca-pa-fr-2 {
    background-color: #A6716F;
    color: #190f14 !important;
}

    .bg-ateca-pa-fr-2 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr-2 .btn-orange:hover, .bg-ateca-pa-fr-2 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr-2 .btn-orange:active, .bg-ateca-pa-fr-2 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ateca-pa-fr-2 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr-2 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ateca-pa-fr-2 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr-2 .btn-black:hover, .bg-ateca-pa-fr-2 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr-2 .btn-black:active, .bg-ateca-pa-fr-2 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ateca-pa-fr-2 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr-2 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-fr-2 .btn-outline-orange:hover, .bg-ateca-pa-fr-2 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr-2 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr-2 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-fr-2 .btn-outline-white:hover, .bg-ateca-pa-fr-2 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr-2 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr-2 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-fr-2 .btn-outline-black:hover, .bg-ateca-pa-fr-2 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr-2 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr-2 .link-arrow, .bg-ateca-pa-fr-2 .link-arrow-orange, .bg-ateca-pa-fr-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr-2 .link-arrow:hover, .bg-ateca-pa-fr-2 .link-arrow-orange:hover, .bg-ateca-pa-fr-2 .link-arrow-white:hover, .bg-ateca-pa-fr-2 .link-arrow.hover, .bg-ateca-pa-fr-2 .hover.link-arrow-orange, .bg-ateca-pa-fr-2 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr-2 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr-2 .link-arrow-orange:hover, .bg-ateca-pa-fr-2 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr-2 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr-2 .link-arrow-white:hover, .bg-ateca-pa-fr-2 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr-2 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr-2 .link:hover, .bg-ateca-pa-fr-2 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr-2 .link:active, .bg-ateca-pa-fr-2 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr-2 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr-2 .link-white:hover, .bg-ateca-pa-fr-2 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr-2 .link-white:active, .bg-ateca-pa-fr-2 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr-2 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr-2 .link-orange:hover, .bg-ateca-pa-fr-2 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr-2 .link-orange:active, .bg-ateca-pa-fr-2 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr-2 .close {
        color: inherit;
    }

    .bg-ateca-pa-fr-2 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ateca-pa-fr-2 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ateca-pa-fr-2 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ateca-pa-fr-2 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ateca-pa-fr-2 .slider.round::before {
            background-color: #190f14 !important;
        }

.bg-ateca-pa-fr-3 {
    background-color: #C09B9A;
    color: #190f14 !important;
}

    .bg-ateca-pa-fr-3 .btn-orange {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr-3 .btn-orange:hover, .bg-ateca-pa-fr-3 .btn-orange.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr-3 .btn-orange:active, .bg-ateca-pa-fr-3 .btn-orange.active {
            background-color: #190f14 !important;
        }

        .bg-ateca-pa-fr-3 .btn-orange.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr-3 .heroCenter .btn-black {
        color: #ece9e1 !important;
    }

    .bg-ateca-pa-fr-3 .btn-black {
        background-color: #190f14 !important;
        color: #ece9e1 !important;
    }

        .bg-ateca-pa-fr-3 .btn-black:hover, .bg-ateca-pa-fr-3 .btn-black.hover {
            background-color: #190f14 !important;
            opacity: 0.6;
            color: #ece9e1 !important;
        }

        .bg-ateca-pa-fr-3 .btn-black:active, .bg-ateca-pa-fr-3 .btn-black.active {
            background-color: #190f14 !important;
        }

        .bg-ateca-pa-fr-3 .btn-black.disabled {
            opacity: 0.4;
            background-color: #695F5E !important;
            color: #ece9e1 !important;
        }

    .bg-ateca-pa-fr-3 .btn-outline-orange {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-fr-3 .btn-outline-orange:hover, .bg-ateca-pa-fr-3 .btn-outline-orange.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr-3 .btn-outline-orange.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr-3 .btn-outline-white {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-fr-3 .btn-outline-white:hover, .bg-ateca-pa-fr-3 .btn-outline-white.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr-3 .btn-outline-white.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr-3 .btn-outline-black {
        background-color: transparent !important;
        color: #190f14 !important;
        border: 2px solid #190f14 !important;
    }

        .bg-ateca-pa-fr-3 .btn-outline-black:hover, .bg-ateca-pa-fr-3 .btn-outline-black.hover {
            border: solid 2px rgba(25, 15, 20, 0.8) !important;
            color: #190f14 !important;
        }

        .bg-ateca-pa-fr-3 .btn-outline-black.disabled {
            background-color: transparent !important;
            color: #695f5e !important;
            border: solid 2px #695f5e !important;
            opacity: 0.4;
        }

    .bg-ateca-pa-fr-3 .link-arrow, .bg-ateca-pa-fr-3 .link-arrow-orange, .bg-ateca-pa-fr-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr-3 .link-arrow:hover, .bg-ateca-pa-fr-3 .link-arrow-orange:hover, .bg-ateca-pa-fr-3 .link-arrow-white:hover, .bg-ateca-pa-fr-3 .link-arrow.hover, .bg-ateca-pa-fr-3 .hover.link-arrow-orange, .bg-ateca-pa-fr-3 .hover.link-arrow-white {
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr-3 .link-arrow-orange {
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr-3 .link-arrow-orange:hover, .bg-ateca-pa-fr-3 .link-arrow-orange.hover {
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr-3 .link-arrow-white {
        color: #190f14 !important;
    }

        .bg-ateca-pa-fr-3 .link-arrow-white:hover, .bg-ateca-pa-fr-3 .link-arrow-white.hover {
            color: #190f14 !important;
        }

    .bg-ateca-pa-fr-3 .link {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr-3 .link:hover, .bg-ateca-pa-fr-3 .link.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr-3 .link:active, .bg-ateca-pa-fr-3 .link.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr-3 .link-white {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr-3 .link-white:hover, .bg-ateca-pa-fr-3 .link-white.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr-3 .link-white:active, .bg-ateca-pa-fr-3 .link-white.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr-3 .link-orange {
        border-bottom: 2px solid;
        color: inherit;
    }

        .bg-ateca-pa-fr-3 .link-orange:hover, .bg-ateca-pa-fr-3 .link-orange.hover {
            border-bottom: 2px solid;
            opacity: 0.6;
        }

        .bg-ateca-pa-fr-3 .link-orange:active, .bg-ateca-pa-fr-3 .link-orange.active {
            border-bottom: 2px solid;
        }

    .bg-ateca-pa-fr-3 .close {
        color: inherit;
    }

    .bg-ateca-pa-fr-3 .rangeslider {
        background-color: rgba(25, 15, 20, 0.2) !important;
    }

    .bg-ateca-pa-fr-3 .rangeslider__fill {
        background-color: rgba(25, 15, 20, 0.8) !important;
    }

    .bg-ateca-pa-fr-3 .rangeslider__handle {
        background-color: #190f14 !important;
    }

    .bg-ateca-pa-fr-3 .slider.round {
        background-color: rgba(25, 15, 20, 0.3) !important;
    }

        .bg-ateca-pa-fr-3 .slider.round::before {
            background-color: #190f14 !important;
        }

.todark::before {
    content: '';
    background: rgba(51, 48, 46, 0.6);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

/* alignement for img */
.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%);
    }

/* Buttons*/
.btn-link-arrow {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 200%;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding-right: 16px;
    transition: fill .1s ease-in;
}

    .btn-link-arrow:hover {
        text-decoration: none;
    }

    .btn-link-arrow .icon-arrow {
        padding-left: 2px;
    }

        .btn-link-arrow .icon-arrow img {
            width: 14px;
            height: auto;
            margin-top: -2px;
        }

    .btn-link-arrow.white {
        color: #fff;
    }

        .btn-link-arrow.white:hover .icon-arrow {
            opacity: .6;
        }

        .btn-link-arrow.white:active .icon-arrow {
            opacity: .2;
        }

        .btn-link-arrow.white.disabled {
            color: rgba(255, 255, 255, 0.2);
            pointer-events: none;
        }

            .btn-link-arrow.white.disabled .icon-arrow {
                opacity: .2;
            }

    .btn-link-arrow.black {
        color: #0f0f0f;
    }

        .btn-link-arrow.black:hover .icon-arrow {
            opacity: .6;
        }

        .btn-link-arrow.black:active .icon-arrow {
            opacity: .6;
        }

        .btn-link-arrow.black.disabled {
            color: rgba(15, 15, 15, 0.2);
            pointer-events: none;
        }

            .btn-link-arrow.black.disabled .icon-arrow {
                opacity: .2;
            }

.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);
        }

.btn-standard {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    height: 46px;
    text-align: center;
    border-radius: 4px;
    font-weight: 700;
    padding: 8px 20px;
    min-width: 108px;
    border: 2px solid transparent;
    white-space: nowrap;
}

    .btn-standard:focus, .btn-standard.focus {
        outline: 0;
        box-shadow: none;
    }

.btn-orange {
    background-color: #ea5d1a;
    color: #fff;
}

    .btn-orange:hover, .btn-orange.hover {
        background-color: #f08d5f;
        color: #fff;
    }

    .btn-orange:active, .btn-orange.active {
        background-color: #d7581c;
    }

    .btn-orange.disabled {
        background-color: #ec743b;
        color: rgba(255, 255, 255, 0.6);
        opacity: 1;
    }

.btn-black {
    background-color: #0f0f0f;
    color: #fff;
}

    .btn-black:hover, .btn-black.hover {
        background-color: rgba(15, 15, 15, 0.6);
        color: #fff;
    }

    .btn-black:active, .btn-black.active {
        background-color: #393634;
    }

    .btn-black.disabled {
        background-color: rgba(15, 15, 15, 0.2);
        color: rgba(255, 255, 255, 0.6);
        opacity: 1;
    }

.btn-outline-orange {
    background-color: transparent;
    color: #ea5d1a;
    border: 2px solid #ea5d1a;
}

    .btn-outline-orange:hover, .btn-outline-orange.hover {
        border: solid 2px #F08D5F;
        color: #ea5d1a;
    }

    .btn-outline-orange:active, .btn-outline-orange.active {
        background-color: #f8ceba;
    }

    .btn-outline-orange.disabled {
        background-color: transparent;
        color: #f8ceba;
        border: solid 2px #f8ceba;
        opacity: 1;
    }

.btn-outline-white {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

    .btn-outline-white:hover, .btn-outline-white.hover {
        border: solid 2px rgba(255, 255, 255, 0.8);
        color: #fff;
    }

    .btn-outline-white:active, .btn-outline-white.active {
        background-color: rgba(255, 255, 255, 0.6);
    }

    .btn-outline-white.disabled {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.6);
        border: solid 2px rgba(255, 255, 255, 0.6);
        opacity: 1;
    }

.btn-outline-black {
    background-color: transparent;
    color: #0f0f0f;
    border: 2px solid #0f0f0f;
}

    .btn-outline-black:hover, .btn-outline-black.hover {
        border: solid 2px rgba(15, 15, 15, 0.6);
        color: #0f0f0f;
    }

    .btn-outline-black:active, .btn-outline-black.active {
        background-color: #c8c8c8;
    }

    .btn-outline-black.disabled {
        background-color: transparent;
        color: #c7c7c7;
        border: solid 2px #c7c7c7;
        opacity: 1;
    }

.richtext a {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #0f0f0f;
    padding-bottom: 0;
    border-bottom: 1px solid #0f0f0f;
    white-space: nowrap;
    text-decoration: none;
}

    .richtext a:hover, .richtext a.hover {
        color: rgba(15, 15, 15, 0.6);
        text-decoration: none;
        border-bottom: 1px solid rgba(15, 15, 15, 0.6);
    }

    .richtext a:active, .richtext a.active {
        border-bottom: 1px solid #393634;
    }

    .richtext a.disabled {
        color: rgba(15, 15, 15, 0.2);
        border-bottom: solid 1px rgba(15, 15, 15, 0.2);
        opacity: 1;
    }

.richtext a {
    margin: 0 0 0 0;
    font-weight: normal;
}

.bg-white .richtext a {
    color: rgba(15, 15, 15, 0.6);
    border-bottom: 1px solid rgba(15, 15, 15, 0.6);
    white-space: normal;
    word-break: break-word;
}

    .bg-white .richtext a:hover, .bg-white .richtext a.hover {
        color: #0f0f0f !important;
        text-decoration: none;
        border-bottom: 1px solid #0f0f0f;
    }

.bg-gray-dark .richtext a,
.two-columns-full-bleed .richtext a,
.richtext.richtext-full-bleed a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

    .bg-gray-dark .richtext a:hover, .bg-gray-dark .richtext a.hover,
    .two-columns-full-bleed .richtext a:hover,
    .two-columns-full-bleed .richtext a.hover,
    .richtext.richtext-full-bleed a:hover,
    .richtext.richtext-full-bleed a.hover {
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }

.link {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #0f0f0f;
    padding-bottom: 8px;
    border-bottom: 2px solid #0f0f0f;
    white-space: nowrap;
    text-decoration: none;
}

    .link:hover, .link.hover {
        color: rgba(15, 15, 15, 0.6);
        text-decoration: none;
        border-bottom: 2px solid rgba(51, 48, 46, 0.6);
    }

    .link:active, .link.active {
        color: #0f0f0f;
        border-bottom: 2px solid #393634;
    }

    .link.disabled {
        color: rgba(15, 15, 15, 0.2);
        border-bottom: solid 2px rgba(15, 15, 15, 0.2);
        opacity: 1;
    }

.link-white {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 8px;
    border-bottom: 2px solid #fff;
    white-space: nowrap;
    text-decoration: none;
}

    .link-white:hover, .link-white.hover {
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none;
        border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    }

    .link-white:active, .link-white.active {
        color: #fff;
        border-bottom: 2px solid #fff;
    }

    .link-white.disabled {
        color: rgba(255, 255, 255, 0.2);
        border-bottom: solid 2px rgba(255, 255, 255, 0.2);
        opacity: 1;
    }

.link-orange {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #EA5D1A;
    padding-bottom: 8px;
    border-bottom: 2px solid #EA5D1A;
    white-space: nowrap;
}

    .link-orange:hover, .link-orange.hover {
        color: rgba(234, 93, 26, 0.6);
        text-decoration: none;
        border-bottom: 2px solid rgba(240, 141, 95, 0.6);
    }

    .link-orange:active, .link-orange.active {
        color: #EA5D1A;
        border-bottom: 2px solid #D7581C;
    }

    .link-orange.disabled {
        color: rgba(234, 93, 26, 0.2);
        border-bottom: solid 2px rgba(234, 93, 26, 0.2);
        opacity: 1;
    }

.link-arrow, .link-arrow-orange, .link-arrow-white {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #0f0f0f;
    white-space: nowrap;
}

    .link-arrow img, .link-arrow-orange img, .link-arrow-white img {
        display: inline-block;
    }

    .link-arrow:hover, .link-arrow-orange:hover, .link-arrow-white:hover, .link-arrow.hover, .hover.link-arrow-orange, .hover.link-arrow-white {
        color: #0f0f0f;
        text-decoration: none;
    }

        .link-arrow:hover .arrow, .link-arrow-orange:hover .arrow, .link-arrow-white:hover .arrow, .link-arrow.hover .arrow, .hover.link-arrow-orange .arrow, .hover.link-arrow-white .arrow {
            opacity: .6;
        }

    .link-arrow.disabled, .disabled.link-arrow-orange, .disabled.link-arrow-white {
        opacity: .2;
    }

    .link-arrow .arrow, .link-arrow-orange .arrow, .link-arrow-white .arrow {
        width: 14px;
        margin-left: 8px;
    }

.link-arrow-orange {
    color: #EA5D1A;
}

    .link-arrow-orange:hover, .link-arrow-orange.hover {
        color: #EA5D1A;
        text-decoration: none;
    }

        .link-arrow-orange:hover .arrow, .link-arrow-orange.hover .arrow {
            opacity: .6;
        }

    .link-arrow-orange.disabled {
        opacity: .2;
    }

    .link-arrow-orange .link-arrow, .link-arrow-orange .link-arrow-orange, .link-arrow-orange .link-arrow-white {
        width: 14px;
        margin-left: 8px;
    }

.link-arrow-white {
    color: #fff;
}

    .link-arrow-white:hover, .link-arrow-white.hover {
        color: #fff;
        text-decoration: none;
    }

        .link-arrow-white:hover .arrow, .link-arrow-white.hover .arrow {
            opacity: .6;
        }

    .link-arrow-white.disabled {
        opacity: .2;
    }

    .link-arrow-white .link-arrow, .link-arrow-white .link-arrow-orange, .link-arrow-white .link-arrow-white {
        width: 14px;
        margin-left: 8px;
    }

/* Modal Global Fullscreen*/
.modal {
    z-index: 1070;
}

.modal-full-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    /* Reset padding when youtube iframe is in fullscreen*/
    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;
                    border-radius: 4px;
                    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 span,
                    .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-prev span {
                        width: 8px;
                        height: 13px;
                    }

                    .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;
                        top: calc(50% - 6.5px);
                        left: calc(50% - 4px);
                    }

                        .modal-full-screen.modal-gallery .background .carousel .controls .carousel-control-next:after:hover {
                            background: url("main/img/arrow-black.svg") center center no-repeat;
                        }

                    .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(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                        position: absolute;
                        width: 8px;
                        height: 13px;
                        top: calc(50% - 6.5px);
                        left: calc(50% - 4px);
                    }

    .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;
                    bottom: 0;
                    right: 0;
                    left: 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%;
                    }

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

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

    .play-block a {
        z-index: 20;
        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;
        padding-top: 7px;
    }

        .play-block a:hover {
            background: rgba(51, 48, 46, 0.8);
        }

        .play-block a img {
            width: 14px;
            margin: initial;
            position: absolute;
            left: calc(50% - 7px);
            top: calc(50% - 7px);
            bottom: 0;
        }

@media (min-width: 764px) {
    .play-block .plyr {
        display: none;
    }
}

@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;
            }

    .play-block a {
        width: 64px;
        height: 64px;
        padding-top: 14px;
    }
}
/* Modal Fullscreen*/
.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: #fafaf9;
        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*/
.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;
    }

/* Video thumbnails plyr */
@media (max-width: 763px) {
    .play-block .plyr {
        width: 100%;
        height: 0;
    }

        .play-block .plyr .plyr__control.plyr__control--overlaid {
            display: none !important;
        }

        .play-block .plyr .plyr__controls {
            display: none !important;
        }

        .play-block .plyr .plyr__video-wrapper.plyr__video-embed {
            height: 100% !important;
        }

            .play-block .plyr .plyr__video-wrapper.plyr__video-embed .plyr__poster {
                background-image: none !important;
                background-color: #fff !important;
            }

    /* .play-block .plyr .unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden=true]), 
  .play-block .plyr .ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden=true]),
  .play-block .plyr .ytp-chrome-top,
  .play-block .plyr .ytp-watermark.yt-uix-sessionlink.ytp-watermark-small{
      display:none !important;
  } */
}

.eyebrow {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
}

.title {
    font-family: "SeatBlack",sans-serif;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: normal;
    font-stretch: normal;
}

.coloropacity {
    opacity: 0.6;
}

/* richtext */
.richtext {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    color: #0f0f0f;
    letter-spacing: 0;
    line-height: 14px;
}

    .richtext p {
        font-family: "SeatRegular",sans-serif;
        color: #0f0f0f;
    }

    .richtext a {
        font-family: "SeatRegular",sans-serif;
    }

    .richtext ul {
        margin-bottom: 16px;
        margin-top: 16px;
    }

        .richtext ul li {
            font-family: "SeatRegular",sans-serif;
            color: #0f0f0f;
            margin-bottom: 8px;
        }

    .richtext ol {
        margin-bottom: 16px;
        margin-top: 16px;
    }

        .richtext ol li {
            font-family: "SeatRegular",sans-serif;
            color: #0f0f0f;
            margin-bottom: 8px;
        }

    .richtext ol, .richtext ul {
        -webkit-padding-start: 32px;
    }

    .richtext hr {
        border-top: 1px solid black;
    }

    .richtext .rhr {
        display: block;
        width: 100%;
        height: 1px;
        background: #0f0f0f;
        color: transparent;
        margin-top: 15px;
        margin-bottom: 14px;
    }

    .richtext b, .richtext strong {
        font-family: "SeatBold",sans-serif;
        font-weight: normal;
    }

.richtext-full-bleed {
    color: #fff;
}

    .richtext-full-bleed p {
        color: #fff;
    }

    .richtext-full-bleed a {
        color: #fff;
    }

    .richtext-full-bleed ul li {
        color: #fff;
    }

    .richtext-full-bleed ol li {
        color: #fff;
    }

    .richtext-full-bleed hr {
        border-top: 1px solid white;
    }

    .richtext-full-bleed .rhr {
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        color: transparent;
    }

.richtext-white {
    color: rgba(15, 15, 15, 0.6);
}

    .richtext-white p {
        color: rgba(15, 15, 15, 0.6);
    }

    .richtext-white a {
        color: rgba(15, 15, 15, 0.6);
    }

    .richtext-white ul li {
        color: rgba(15, 15, 15, 0.6);
    }

    .richtext-white ol li {
        color: rgba(15, 15, 15, 0.6);
    }

/* HR */
.rhr {
    display: block;
    width: 100%;
    height: 1px;
    color: transparent;
    margin-top: 15px;
    margin-bottom: 14px;
}

.rhr-parent-black .rhr {
    background: #0f0f0f;
}

.rhr-parent-black-60 .rhr {
    background: rgba(15, 15, 15, 0.6);
}

.rhr-parent-white .rhr {
    background: #fff;
}

/* Start - Carousel bullets */
.carousel {
    /* @media(min-width: 764px){
      .carousel-indicators{height:16px;
          li{
              width:24px !important;
          }
      }
  }
  @media(min-width: 1016px){
      .carousel-indicators{height:16px;
          li{
              width:32px !important;
          }
      }
  }*/
}

    .carousel .carousel-indicators {
        height: 16px;
    }

/* End - Carousel bullets   */
/* Start - Custom selects */
.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;
}

/* End - Custom selects   */
/* tablet */
@media (min-width: 1016px) {
    .navbar-collapse {
        display: flex !important;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .eyebrow {
        font-size: 16px;
        line-height: 30px;
    }

    .title {
        font-size: 38px;
        line-height: 40px;
    }

    .btn {
        font-size: 16px;
    }

    .btn-link-arrow {
        font-size: 16px;
    }

    .btn-play {
        width: 64px;
        height: 64px;
    }

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

    .btn-standard {
        font-size: 16px;
        line-height: 30px;
        padding: 6px 20px;
    }

    .richtext {
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        color: #0f0f0f;
        letter-spacing: 0;
        line-height: 15px;
    }

        .richtext p {
            font-family: "SeatRegular",sans-serif;
        }

        .richtext a {
            font-family: "SeatRegular",sans-serif;
            color: #0f0f0f;
            font-size: 16px;
            line-height: 30px;
        }

        .richtext ul li {
            font-family: "SeatRegular",sans-serif;
        }

        .richtext ol li {
            font-family: "SeatRegular",sans-serif;
        }
}
/* XL */
@media (min-width: 1436px) {
    .eyebrow {
        font-size: 16px;
        line-height: 30px;
    }

    .title {
        font-size: 38px;
        line-height: 40px;
    }

    .btn {
        font-size: 16px;
    }

    .btn-link-arrow {
        font-size: 16px;
    }

    .btn-play {
        width: 64px;
        height: 64px;
    }

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

    .btn-standard {
        font-size: 16px;
        line-height: 30px;
        padding: 6px 20px;
    }

    .richtext {
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        color: #0f0f0f;
        letter-spacing: 0;
        line-height: 15px;
        /*.rhr{
        display: block;
        width: 100%;
        height: 1px;
        background: #0f0f0f;
        color: transparent;
    }*/
    }

        .richtext p {
            font-family: "SeatRegular",sans-serif;
        }

        .richtext a {
            font-family: "SeatRegular",sans-serif;
            color: #0f0f0f;
            font-size: 16px;
            line-height: 30px;
        }

        .richtext ul li {
            font-family: "SeatRegular",sans-serif;
        }

        .richtext ol li {
            font-family: "SeatRegular",sans-serif;
        }
}

img.b-lazy {
    opacity: 0;
}

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

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

/* SP1      */
/* language */
/* global header */
/* 320 mobile */
@keyframes navdown {
    from {
        top: -56px;
    }

    to {
        top: 0;
    }
}

@keyframes navup {
    from {
        top: 0;
    }

    to {
        top: -56px;
    }
}

.global-header {
    width: 100%;
    z-index: 51;
    /* general styles */
    /* cards */
    /* nav */
    /* // general styles */
}

    .global-header *,
    .global-header *::before,
    .global-header *::after {
        box-sizing: border-box;
    }

        .global-header *:focus {
            outline: none;
        }

    .global-header.animateDown {
        animation: navdown 0.3s linear;
        position: sticky;
        width: 100%;
        top: 0 !important;
        z-index: 999;
    }

    .global-header.animateUp {
        animation: navup 0.5s linear;
        position: fixed;
        width: 100%;
        top: -56px !important;
        z-index: 999;
    }

    .global-header .navbar.animateDown {
        animation: navdown 0.3s linear;
        position: fixed;
        width: 100%;
    }

    .global-header .navbar.animateUp {
        animation: navup 0.5s linear;
        position: fixed;
        width: 100%;
    }

    .global-header .container-fluid {
        max-width: 1436px;
        padding-left: 0;
        padding-right: 0;
    }

    .global-header .link {
        font-weight: normal;
    }

    .global-header .card,
    .global-header .card-img-top {
        border-radius: 0;
        border: none;
        background-color: transparent;
    }

    .global-header .card {
        padding: 24px;
    }

    .global-header .card-body {
        padding: 0;
    }

    .global-header .card-title {
        font-family: "SeatBold",sans-serif;
        font-size: 16px;
        line-height: 29px;
        color: #0f0f0f;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .global-header .card-text {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
        opacity: 0.6;
        min-height: 48px;
        max-height: calc(26px * 3);
        overflow: hidden;
        background-color: transparent;
    }

    .global-header .navbar-nav {
        flex-wrap: wrap;
    }

    .global-header .nav-card-item {
        width: 25%;
        max-width: 25%;
        flex: 1 1 25%;
    }

    .global-header .navbar-nav .nav-item.nav-card-item {
        margin: 0;
    }

    .global-header .nowrap {
        white-space: nowrap;
    }

    .global-header a:hover {
        text-decoration: none;
    }

    .global-header nav {
        padding: 0;
        background-color: white;
        line-height: 1;
    }

    .global-header nav {
        height: 56px;
        max-height: 56px;
    }

    .global-header .navbar-brand {
        padding-left: 16px;
        padding-top: inherit;
        padding-bottom: inherit;
        margin-right: 0;
    }

        .global-header .navbar-brand img {
            color: rgba(0, 0, 0, 0.9);
            width: auto;
            height: 24px;
        }

    .global-header *::-ms-backdrop,
    .global-header .navbar-brand {
        width: 136px;
    }

    .global-header .navbar-collapse {
        background: #fff;
    }

    .global-header .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .global-header .navbar-light .navbar-nav .nav-link {
        font-family: 'SeatMedium',sans-serif;
        font-size: 14px;
        line-height: 29px;
        color: #0f0f0f;
        opacity: 1;
        width: 256px;
        padding: 16px 8px;
        cursor: pointer;
    }

        .global-header .navbar-light .navbar-nav .nav-link.cta {
            font-family: 'SeatBold',sans-serif;
        }

            .global-header .navbar-light .navbar-nav .nav-link.cta img {
                margin-right: 8px;
                width: 24px;
                max-width: 24px;
                height: 24px;
            }

    .global-header .dropdown-menu {
        border: none;
        border-radius: 0;
    }

    .global-header .navbar-nav .nav-item {
        margin: 0 16px;
        border-bottom: 1px solid #ccc;
    }

    .global-header .dropdown-item {
        font-family: 'SeatMedium',sans-serif;
        font-size: 14px;
        line-height: 29px;
        color: #0f0f0f;
        opacity: 0.6;
        width: 256px;
        padding: 0 8px 16px 8px;
    }

        .global-header .dropdown-item:focus,
        .global-header .dropdown-item:hover {
            text-decoration: none;
            background-color: transparent;
        }

        .global-header .dropdown-item.active,
        .global-header .dropdown-item:active {
            color: rgba(15, 15, 15, 0.6);
            text-decoration: none;
            background-color: transparent;
        }

    .global-header .dropdown-menu.show {
        padding: 0;
        margin: 0;
    }

    .global-header button:focus {
        outline: transparent;
    }

    .global-header .form-control:focus {
        border-color: transparent;
        box-shadow: transparent;
    }

    .global-header .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .global-header .navbar-toggler,
    .global-header .btn-icon {
        padding: 14px 16px;
        border-radius: 0;
    }

        .global-header .navbar-toggler span,
        .global-header .btn-icon span {
            width: 22px;
            height: 24px;
            display: block;
        }

    .global-header .icon-border-left {
        border-left: 1px solid #ccc;
    }

    .global-header .navbar-menu {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #ccc;
    }

    .global-header .dropdown-toggle::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: 24px;
        right: 8px;
    }

    .global-header .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(0deg);
    }

    .global-header .black-overlay {
        position: fixed;
        z-index: 300;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #0f0f0f;
        display: none;
        opacity: 0;
    }

        .global-header .black-overlay.open {
            z-index: 301;
            display: block;
            opacity: .9;
        }

    .global-header .container-menu {
        position: relative;
        z-index: 303;
        left: 0;
        right: 0;
        top: 0;
        background-color: white;
    }

    .global-header .container-submenu {
        position: absolute;
        z-index: 302;
        top: 72px;
        left: 0;
        right: 0;
    }

    .global-header li.nav-item .nav-link.active:before {
        height: 60px;
        content: '';
        width: 2px;
        background: #000;
        display: block;
        position: absolute;
        left: -16px;
        top: 0;
    }

    .global-header .navbar-options {
        justify-content: flex-end;
        height: 48px;
    }

        .global-header .navbar-options.d-flex-lg {
            display: none;
        }

        .global-header .navbar-options .navbar-nav {
            align-items: center;
        }

            .global-header .navbar-options .navbar-nav .nav-item {
                height: 48px;
                display: flex;
                align-items: center;
                margin: 0;
                padding-right: 16px;
            }

                .global-header .navbar-options .navbar-nav .nav-item .nav-link,
                .global-header .navbar-options .navbar-nav .nav-item .dropdown-item {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 29px;
                    color: rgba(15, 15, 15, 0.6);
                    opacity: 1;
                    padding: 8px 0 8px 16px;
                    min-width: 112px;
                    border-left: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                    height: 48px;
                }

                .global-header .navbar-options .navbar-nav .nav-item .dropdown-toggle::after {
                    margin-left: 32px;
                    position: absolute;
                    top: 16px;
                    z-index: 1021;
                }

                .global-header .navbar-options .navbar-nav .nav-item .dropdown-toggle[aria-expanded="true"]::after {
                    top: 15px;
                }

                .global-header .navbar-options .navbar-nav .nav-item .dropdown-menu {
                    width: 100%;
                    min-width: 100%;
                    top: 0;
                }

        .global-header .navbar-options .icon-link {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 29px;
            color: rgba(15, 15, 15, 0.6);
        }

            .global-header .navbar-options .icon-link img {
                width: 24px;
                height: 24px;
                margin-right: 8px;
            }

    .global-header .btn.focus,
    .global-header .btn:focus {
        box-shadow: none;
    }

    .global-header .navbar .navbar-container .navbar-nav .nav-item .dropdown-menu.carDropdown .link-arrow, .global-header .navbar .navbar-container .navbar-nav .nav-item .dropdown-menu.carDropdown .link-arrow-orange, .global-header .navbar .navbar-container .navbar-nav .nav-item .dropdown-menu.carDropdown .link-arrow-white {
        width: 100%;
        display: inline-block;
        padding: 0 8px 16px 8px;
    }

    .global-header .navbar .navbar-container .navbar-nav .nav-item .dropdown-menu.carDropdown .btn {
        width: calc(100% - 16px);
        margin: 0 0 16px 8px;
    }

    .global-header .navbar .navbar-container .navbar-nav.navbar-nav-ctas .nav-item.d-lg-none .icon-link.nav-link {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .global-header .navbar .navbar-container .navbar-nav.navbar-nav-ctas .nav-item.d-lg-none .icon-link.nav-link img {
            margin-right: 8px;
            width: 24px;
            max-width: 24px;
            height: 24px;
        }

    .global-header .navbar .navbar-container .navbar-nav.navbar-nav-ctas .nav-item .icon-link,
    .global-header .navbar .navbar-container .navbar-nav.navbar-nav-ctas .nav-item .nav-link.dropdown-toggle {
        font-family: "SeatBold",sans-serif;
    }

    .global-header .nav-car-item .card {
        height: 100%;
        display: flex !important;
        flex-direction: column;
    }

        .global-header .nav-car-item .card .card-body {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

*::-ms-backdrop,
.global-header {
    animation: none !important;
}

    *::-ms-backdrop,
    .global-header.animateDown {
        display: block;
    }

    *::-ms-backdrop,
    .global-header.animateUp {
        display: none;
    }

@media (max-width: 763px) {
    .global-header {
        height: 56px;
    }

        .global-header.sticky .container-menu {
            position: fixed;
            top: 0;
            z-index: 302;
            width: 100%;
        }
}

.global-header nav.navbar {
    display: block;
}

*::-ms-backdrop,
.global-header .nav-car-item .card a:first-child {
    width: 100%;
    max-height: 105px;
}

*::-ms-backdrop,
.global-header .nav-car-item .card .card-body > a {
    max-height: 100%;
}

/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .global-header nav.navbar {
        display: block;
    }

        .global-header nav.navbar .navbar-menu {
            height: 100%;
        }

    .global-header .showS {
        display: none;
    }

    .global-header nav {
        padding: 0;
        height: 72px;
        max-height: 72px;
    }

    .global-header .navbar-brand {
        height: 72px;
        padding: 20px 32px;
    }

    .global-header *::-ms-backdrop,
    .global-header .navbar-brand {
        width: auto;
    }

        .global-header .navbar-brand img {
            height: 24px;
        }

    .global-header .btn-icon {
        padding: 23px 24px;
    }

    .global-header .navbar-light .navbar-toggler {
        padding: 23px 24px;
    }

    .global-header .nav-car-item {
        width: calc(33.333334% - 32px);
        max-width: calc(33.333334% - 32px);
        flex: 1 1 calc(33.333334% - 32px);
    }

        .global-header .nav-car-item .card-title {
            font-size: 14px;
            line-height: 29px;
            margin-top: 8px;
            margin-bottom: 0;
        }

        .global-header .nav-car-item .card-text {
            font-size: 12px;
            line-height: 29px;
            margin-bottom: 8px;
            min-height: inherit;
            max-height: calc(29px * 3);
            overflow: hidden;
        }

        .global-header .nav-car-item a:not(:last-child) {
            margin-right: 16px;
        }

        .global-header .nav-car-item a:last-child {
            margin: 0;
        }

        .global-header .nav-car-item a:first-child {
            margin: 0;
        }

        .global-header .nav-car-item .link {
            color: #0f0f0f;
            text-decoration: none;
            border-bottom: 2px solid #33302E;
            padding-bottom: 8px;
        }

    .global-header .navbar-nav .nav-item.nav-car-item {
        border-bottom: none;
    }

    .global-header .navbar-nav .navbar-nav-secondary-links .nav-item,
    .global-header .navbar-nav .navbar-nav-bottom-cta .nav-item {
        border-bottom: none;
    }

    .global-header .card {
        padding: 0;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .global-header .container-submenu {
        position: static;
    }

    .global-header .carCards .navbar-collapse {
        display: flex !important;
    }

    .global-header .carDropdown .navbar-light {
        height: auto;
        max-height: none;
    }

    .global-header .navbar-light .navbar-nav .nav-link {
        width: 100%;
    }

    .global-header .navbar-collapse .navbar-nav .nav-item {
        width: 96%;
        margin-left: 10px !important;
    }

    .global-header .navbar-collapse .nav-item.dropdown.show .dropdown-menu.carDropdown.show .carCards.collapse {
        display: block;
    }

    .global-header .link-box {
        display: flex;
        justify-content: space-between;
        background-color: #fafaf9;
        height: 72px;
    }

        .global-header .link-box .navbar-nav-secondary-links {
            flex-flow: row nowrap;
            justify-content: flex-start;
            align-items: center;
        }

            .global-header .link-box .navbar-nav-secondary-links li {
                margin-left: 32px;
                margin-right: 0;
            }

            .global-header .link-box .navbar-nav-secondary-links .nav-item .link-arrow, .global-header .link-box .navbar-nav-secondary-links .nav-item .link-arrow-orange, .global-header .link-box .navbar-nav-secondary-links .nav-item .link-arrow-white {
                padding: 0px !important;
            }

        .global-header .link-box .navbar-nav-bottom-cta {
            flex-flow: row nowrap;
            justify-content: flex-end;
            align-items: center;
        }

            .global-header .link-box .navbar-nav-bottom-cta li {
                margin-left: 0;
                margin-right: 32px;
            }

            .global-header .link-box .navbar-nav-bottom-cta .nav-item .btn {
                width: auto !important;
                margin: 0px !important;
            }

        .global-header .link-box .option-copy {
            font-family: "SeatRegular",sans-serif;
            font-size: 16px;
            color: #0f0f0f;
            letter-spacing: 0;
            line-height: 29px;
        }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .global-header nav.navbar {
        display: flex;
    }

    .navbar-collapse {
        align-items: stretch;
    }

    .global-header .showS {
        display: none;
    }

    .global-header nav {
        padding: 0;
        height: 72px;
        max-height: 72px;
    }

    .global-header .navbar-brand {
        height: 72px;
        padding: 20px 32px;
    }

    .global-header *::-ms-backdrop,
    .global-header .navbar-brand {
        width: auto;
    }

        .global-header .navbar-brand img {
            height: 32px;
        }

    .global-header .btn-icon {
        padding: 24px 24px;
        height: 72px;
        max-height: 72px;
    }

    .global-header .navbar-nav .nav-item {
        border-bottom: none;
    }

    .global-header .navbar-light .navbar-nav .nav-link {
        width: auto;
        padding: 0;
    }

    .global-header .dropdown-item {
        width: 100%;
    }

    .global-header .nav-card-item:hover {
        background-color: #fafaf9;
    }

    .global-header .nav-card-item.nav-card-links:hover {
        background-color: transparent;
    }

    .global-header .navbar-nav .nav-item.nav-car-item {
        padding: 8px;
        margin: 16px 0;
    }

    .global-header .nav-car-item {
        width: calc(16.666667%);
        max-width: calc(16.666667%);
        flex: 1 1 calc(16.666667%);
    }

        .global-header .nav-car-item:hover {
            background-color: #fafaf9;
            cursor: pointer;
        }

        .global-header .nav-car-item .card {
            padding: 0 8px;
            padding-bottom: 16px;
        }

        .global-header .nav-car-item .card-body .link-arrow-orange {
            display: block;
        }

        .global-header .nav-car-item .card-title {
            font-size: 14px;
            line-height: 20px;
            margin-top: 8px;
            margin-bottom: 0;
        }

        .global-header .nav-car-item .card-text {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 8px;
            min-height: inherit;
            max-height: calc(20px *3);
            overflow: hidden;
        }

        .global-header .nav-car-item .link {
            color: #0f0f0f;
            text-decoration: none;
            border-bottom: 2px solid #33302E;
            padding-bottom: 8px;
        }

    .global-header .navbar-menu {
        width: auto;
        border-bottom: 0;
    }

    .global-header nav.navbar.navbar-expand-lg.navbar-light {
        border-bottom: 1px solid #ccc;
    }

    .global-header .navbar-container {

    }

    .global-header .navbar-nav-principal {
        justify-content: flex-end;
        margin-right: 16px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .global-header .navbar-nav-ctas {
        justify-content: flex-end;
        margin-left: auto;
        margin-right: 16px;
    }

    .global-header .navbar-light .navbar-nav .nav-link.cta {
        color: rgba(15, 15, 15, 0.6);
        font-family: "SeatRegular",sans-serif;
    }

    .global-header .container-submenu {
        top: 71px;
    }

        .global-header .container-submenu .navbar-collapse {
            flex-direction: column;
            overflow: hidden;
        }

    .global-header .modelOptions {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        list-style: none;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #ccc;
    }

        .global-header .modelOptions li {
            flex: 0 1 auto;
            margin-left: 32px;
            flex-basis: auto;
            flex-grow: 0;
        }

            .global-header .modelOptions li a {
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                color: rgba(15, 15, 15, 0.6);
                line-height: 29px;
                padding: 0;
                width: 100%;
                display: block;
                height: 68px;
                padding-top: 20px;
                cursor: pointer;
            }

                .global-header .modelOptions li a.active {
                    color: #0f0f0f;
                    border-bottom: 2px solid #0f0f0f;
                }

    .global-header li.nav-item .nav-link.active:before {
        height: 0;
    }

    .global-header .modelOptions.d-lg-block {
        display: inline-flex !important;
        margin-bottom: 0;
    }

    .global-header .link-box {
        display: flex;
        justify-content: space-between;
        background-color: #fafaf9;
        height: 64px;
    }

        .global-header .link-box .navbar-nav-secondary-links {
            flex-flow: row nowrap;
            justify-content: flex-start;
            align-items: center;
        }

            .global-header .link-box .navbar-nav-secondary-links li {
                margin-left: 32px;
                margin-right: 0;
            }

        .global-header .link-box .navbar-nav-bottom-cta {
            flex-flow: row nowrap;
            justify-content: flex-end;
            align-items: center;
        }

            .global-header .link-box .navbar-nav-bottom-cta li {
                margin-left: 0;
                margin-right: 32px;
            }

        .global-header .link-box .option-copy {
            font-family: "SeatRegular",sans-serif;
            font-size: 16px;
            color: #0f0f0f;
            letter-spacing: 0;
            line-height: 29px;
        }

    .global-header .navbar-options.d-flex-lg {
        display: flex;
    }

    .global-header .navbar-nav .nav-link.dropdown-toggle.tabOpen {
        color: rgba(15, 15, 15, 0.6);
    }

        .global-header .navbar-nav .nav-link.dropdown-toggle.tabOpen::after {
            transform: rotate(0deg);
            opacity: 0.6;
        }

    .global-header .global-header-tab .navbar-expand-lg ul.navbar-nav {
        margin: 16px;
        width: calc(100% - 32px);
    }

    .global-header .global-header-tab .navbar-nav {
        width: 100%;
    }

    .global-header .active-angle:before {
        content: '';
        display: block;
        position: absolute;
        right: 2px;
        bottom: -7px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-bottom-color: #ccc;
    }

    .global-header .active-angle:after {
        content: '';
        display: block;
        position: absolute;
        right: 3px;
        bottom: -8px;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-bottom-color: #fff;
    }

    .global-header .dropdown-toggle::after {
        position: static;
    }

    .container-submenu .navbar.navbar-light {
        height: auto;
        max-height: none;
    }

    *::-ms-backdrop,
    .global-header .nav-item a .card .card-img-top {
        width: 100%;
        height: 100%;
    }

    *::-ms-backdrop,
    .global-header .nav-car-item .card a:first-child {
        width: 100%;
        max-height: 80px;
    }

    *::-ms-backdrop,
    .global-header .nav-car-item .card .card-body > a {
        max-height: 100%;
    }
}
/* XL */
@media (min-width: 1436px) {
    .global-header nav.navbar {
        display: flex;
    }

    .global-header {
        /**/
        /**/
    }

        .global-header .showS {
            display: none;
        }

        .global-header nav {
            padding: 0;
            height: 72px;
            max-height: 72px;
        }

        .global-header .navbar-brand {
            height: 72px;
            padding: 20px 32px;
        }

        .global-header *::-ms-backdrop,
        .global-header .navbar-brand {
            width: 206px;
        }

            .global-header .navbar-brand img {
                height: 32px;
            }

        .global-header .btn-icon {
            padding: 24px 24px;
            height: 72px;
            max-height: 72px;
        }

        .global-header .navbar-nav .nav-item {
            border-bottom: none;
        }

        .global-header .navbar-light .navbar-nav .nav-link {
            width: auto;
            padding: 0;
        }

        .global-header .dropdown-item {
            width: 100%;
        }

        .global-header .nav-card-item:hover {
            background-color: #fafaf9;
        }

        .global-header .nav-card-item.nav-card-links:hover {
            background-color: transparent;
        }

        .global-header .navbar-nav .nav-item.nav-car-item {
            padding: 8px;
            margin: 16px 0;
        }

        .global-header .nav-car-item {
            width: calc(16.666667%);
            max-width: calc(16.666667%);
            flex: 1 1 calc(16.666667%);
        }

            .global-header .nav-car-item:hover {
                background-color: #fafaf9;
                cursor: pointer;
            }

            .global-header .nav-car-item .card {
                padding: 0 8px;
                padding-bottom: 16px;
            }

            .global-header .nav-car-item .card-body .link-arrow-orange {
                display: block;
            }

            .global-header .nav-car-item .card-title {
                font-size: 16px;
                line-height: 29px;
                margin-top: 16px;
                margin-bottom: 0;
            }

            .global-header .nav-car-item .card-text {
                font-size: 14px;
                line-height: 29px;
                margin-bottom: 8px;
                min-height: inherit;
                max-height: calc(29px * 3);
                overflow: hidden;
            }

            .global-header .nav-car-item .link {
                color: #0f0f0f;
                text-decoration: none;
                border-bottom: 2px solid #33302E;
                padding-bottom: 8px;
            }

        .global-header .black-overlay {
            position: fixed;
            z-index: 300;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: #0f0f0f;
            display: none;
            opacity: 0;
        }

            .global-header .black-overlay.open {
                z-index: 301;
                display: block;
                opacity: .9;
            }

        .global-header .container-menu {
            position: relative;
            z-index: 303;
            left: 0;
            right: 0;
            top: 0;
            background-color: white;
        }

        .global-header .container-submenu {
            position: absolute;
            z-index: 302;
            top: 72px;
            left: 0;
            right: 0;
            margin-top: 1px;
        }

            .global-header .container-submenu .navbar-collapse {
                flex-direction: column;
            }

            .global-header .container-submenu .navbar.navbar-light {
                height: auto;
                max-height: none;
            }

        .global-header .navbar-menu {
            width: auto;
            border-bottom: 0;
        }

        .global-header nav.navbar.navbar-expand-lg.navbar-light {
            border-bottom: 1px solid #ccc;
        }

        .global-header .navbar-nav-ctas {
            justify-content: flex-end;
            margin-left: auto;
            margin-right: 16px;
        }

        .global-header .navbar-light .navbar-nav .nav-link.cta {
            color: rgba(15, 15, 15, 0.6);
            font-family: "SeatRegular",sans-serif;
        }

        .global-header .navbar-nav-principal {
            margin-left: 16px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .global-header .container-submenu .navbar-collapse {
            flex-direction: column;
            overflow: hidden;
        }

        .global-header .modelOptions {
            display: flex;
            flex-flow: row;
            flex-wrap: wrap;
            list-style: none;
            width: 100%;
            padding: 0;
            border-bottom: 1px solid #ccc;
            height: 69px;
        }

            .global-header .modelOptions li {
                flex: 0 1 auto;
                margin-left: 32px;
            }

                .global-header .modelOptions li a {
                    font-family: "SeatMedium",sans-serif;
                    font-size: 14px;
                    color: rgba(15, 15, 15, 0.6);
                    line-height: 29px;
                    padding: 0;
                    width: 100%;
                    display: block;
                    height: 68px;
                    padding-top: 20px;
                    cursor: pointer;
                }

                    .global-header .modelOptions li a.active {
                        color: #0f0f0f;
                        border-bottom: 2px solid #0f0f0f;
                    }

        .global-header li.nav-item .nav-link.active:before {
            height: 0;
        }

        .global-header .modelOptions.d-lg-block {
            display: inline-flex !important;
            margin-bottom: 0;
        }

        .global-header .link-box {
            display: flex;
            justify-content: space-between;
            background-color: #fafaf9;
            height: 64px;
        }

            .global-header .link-box .navbar-nav-secondary-links {
                flex-flow: row nowrap;
                justify-content: flex-start;
                align-items: center;
            }

                .global-header .link-box .navbar-nav-secondary-links li {
                    margin-left: 32px;
                    margin-right: 0;
                }

            .global-header .link-box .navbar-nav-bottom-cta {
                flex-flow: row nowrap;
                justify-content: flex-end;
                align-items: center;
            }

                .global-header .link-box .navbar-nav-bottom-cta li {
                    margin-left: 0;
                    margin-right: 32px;
                }

            .global-header .link-box .option-copy {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                color: #0f0f0f;
                letter-spacing: 0;
                line-height: 29px;
            }

        .global-header .navbar-options.d-flex-lg {
            display: flex;
        }

        .global-header .navbar-nav .nav-link.dropdown-toggle.tabOpen {
            color: rgba(15, 15, 15, 0.6);
        }

            .global-header .navbar-nav .nav-link.dropdown-toggle.tabOpen::after {
                transform: rotate(0deg);
                opacity: 0.6;
            }

        .global-header .icon-link img {
            height: 24px;
            width: 24px;
        }

        .global-header .global-header-tab .navbar-expand-lg ul.navbar-nav {
            margin: 16px;
            width: calc(100% - 32px);
        }

        .global-header .global-header-tab .navbar-nav {
            width: 100%;
        }

        .global-header .active-angle:before {
            content: '';
            display: block;
            position: absolute;
            right: 2px;
            bottom: -22px;
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-bottom-color: #ccc;
        }

        .global-header .active-angle:after {
            content: '';
            display: block;
            position: absolute;
            right: 3px;
            bottom: -23px;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-bottom-color: #fff;
        }

        .global-header .dropdown-toggle::after {
            position: static;
            display: none;
        }

    .container-submenu .navbar.navbar-light {
        height: auto;
        max-height: none;
    }

    .global-header .container-menu {
        border-bottom: 1px solid #ccc;
        width: 100%;
        max-width: 2560px;
    }

    .global-header .navbar.navbar-expand-lg.navbar-light.navbar-options.d-flex-lg {
        width: 100%;
    }

        .global-header .navbar.navbar-expand-lg.navbar-light.navbar-options.d-flex-lg ul {
            max-width: 1436px;
            width: 100%;
            margin: auto;
            display: flex;
            justify-content: flex-end;
        }

        *::-ms-backdrop,
        .global-header .navbar.navbar-expand-lg.navbar-light.navbar-options.d-flex-lg ul {
            max-width: 100%;
        }

    .global-header .navbar.navbar-expand-lg.navbar-light:not(.navbar-options) {
        max-width: 1436px;
        width: 100%;
        margin: auto;
        border-bottom: 0;
    }

    .global-header .container-submenu {
        z-index: 600;
    }

    *::-ms-backdrop,
    .global-header .nav-item a .card .card-img-top {
        width: 100%;
        height: 100%;
    }

    *::-ms-backdrop,
    .global-header .nav-car-item .card a:first-child {
        width: 100%;
        max-height: 100px;
    }

    *::-ms-backdrop,
    .global-header .nav-car-item .card .card-body > a {
        max-height: 100%;
    }
}

@media (min-width: 1016px) {
    *::-ms-backdrop,
    .global-header .navbar-nav-principal {
        flex-wrap: nowrap;
    }

    *::-ms-backdrop,
    .global-header .navbar-nav-ctas {
        flex-wrap: nowrap;
    }

    *::-ms-backdrop,
    .global-header .navbar-nav-principal .nav-item {
        white-space: nowrap;
    }

    *::-ms-backdrop,
    .global-header .navbar-nav-ctas .nav-item {
        white-space: nowrap;
    }
}

.global-footer {
    position: relative;
    z-index: 12;
    background: #33302E;
    color: #fff;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    padding: 16px;
    padding-top: 8px;
}

    .global-footer *,
    .global-footer *::before,
    .global-footer *::after {
        box-sizing: border-box;
    }

    .global-footer .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .global-footer ul {
        margin: 0;
        padding: 0;
    }

        .global-footer ul li {
            list-style: none;
        }

    .global-footer .row {
        max-width: 1436px;
    }

        .global-footer .row .col-12 h3,
        .global-footer .row .col-12 span.lang-text {
            font-family: SeatBold;
            font-size: 14px;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.86;
            letter-spacing: normal;
            text-align: left;
            color: rgba(255, 255, 255, 0.6);
            padding: 16px 8px;
            display: flex;
            justify-content: space-between;
        }

        .global-footer .row .col-12 ul li {
            list-style: none;
            font-family: SeatMedium;
            font-size: 14px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.86;
            letter-spacing: normal;
            text-align: left;
            padding: 4px 8px;
        }

            .global-footer .row .col-12 ul li a {
                color: #fff;
                font-family: "SeatMedium",sans-serif;
                text-decoration: none;
                border-bottom: none;
                font-weight: 100;
                margin: 0;
                padding: 0;
                display: inline-block;
                max-height: 52px;
                overflow: hidden;
                white-space: normal;
            }

                .global-footer .row .col-12 ul li a:hover {
                    color: rgba(255, 255, 255, 0.6);
                    text-decoration: none;
                }

        .global-footer .row .col-12 .accordion {
            border-bottom: 1px solid #82807f;
        }

            .global-footer .row .col-12 .accordion h3 {
                font-family: "SeatBold",sans-serif;
                margin: 0;
                cursor: pointer;
            }

        .global-footer .row .col-12 a.link-arrow-white {
            font-family: "SeatBold",sans-serif;
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 24px;
            letter-spacing: normal;
            text-align: left;
            color: #fff;
            display: inline-block;
            width: 100%;
            padding: 16px 8px;
            border-bottom: 1px solid #82807f;
            white-space: normal;
        }

            .global-footer .row .col-12 a.link-arrow-white:hover {
                text-decoration: none;
            }

            .global-footer .row .col-12 a.link-arrow-white img {
                width: 14px;
                transform: rotate(-90deg);
                margin-left: 8px;
            }

        .global-footer .row .col-12.d-sm-block {
            display: none;
        }

        .global-footer .row .col-12 .lang-wrapper {
            padding: 16px 8px;
            border-bottom: 1px solid #82807f;
        }

            .global-footer .row .col-12 .lang-wrapper img.lang-icon {
                width: 32px;
                height: 19px;
            }

            .global-footer .row .col-12 .lang-wrapper span.lang-text {
                padding: 0;
                margin: 0;
                display: inline;
                padding-left: 8px;
            }

        .global-footer .row.logos {
            display: flex;
            flex-direction: row;
        }

            .global-footer .row.logos .logo-wrapper {
                display: flex;
                flex-direction: column-reverse;
                justify-content: space-between;
                text-align: left;
                order: 2;
            }

                .global-footer .row.logos .logo-wrapper .corporative-wrapper {
                    display: flex;
                    flex-direction: column;
                }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper img.corporative-logo {
                        margin: 24px auto 16px;
                        width: 64px;
                        height: 64px;
                    }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper p.corporative-text {
                        font-size: 12px;
                        font-weight: normal;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: 22px;
                        letter-spacing: normal;
                        text-align: center;
                        color: rgba(255, 255, 255, 0.6);
                    }

                .global-footer .row.logos .logo-wrapper .social-logos-wrapper {
                    display: flex;
                    flex-direction: column-reverse;
                }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li {
                        display: block;
                        text-align: left;
                        padding: 24px 8px;
                        border-bottom: 1px solid #82807f;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a {
                            color: #9f948e;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a:hover {
                                text-decoration: none;
                            }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos {
                        display: flex;
                        justify-content: space-around;
                        padding: 0 8px;
                        border-bottom: 1px solid #82807f;
                        border-top: 1px solid #82807f;
                        margin-left: -16px;
                        margin-right: -16px;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li {
                            display: inline;
                            border: none;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li img {
                                width: 40px;
                                height: 40px;
                                padding: 4px;
                            }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:first-child {
                                justify-self: flex-start;
                            }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:last-child {
                                justify-self: flex-end;
                            }

            .global-footer .row.logos .legal-links-wrapper ul li {
                border-bottom: 1px solid #82807f;
                list-style: none;
                font-size: 14px;
                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                line-height: 24px;
                letter-spacing: normal;
                text-align: left;
                padding: 16px 8px;
            }

                .global-footer .row.logos .legal-links-wrapper ul li a {
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(255, 255, 255, 0.6);
                    text-decoration: none;
                }

                .global-footer .row.logos .legal-links-wrapper ul li:last-child {
                    border-bottom: transparent;
                }

        .global-footer .row .clarification-wrapper p {
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.83;
            letter-spacing: normal;
            text-align: left;
            color: rgba(255, 255, 255, 0.6);
        }

        .global-footer .row .col-12.col-lg-2.lang-desktop {
            display: none;
        }

        .global-footer .row .col-12.col-lg-2.lang-mobile {
            display: block;
            margin-top: 0px;
        }

        .global-footer *::-ms-backdrop, .global-footer .row.logos {
            flex-direction: row;
        }

            .global-footer *::-ms-backdrop, .global-footer .row.logos .logo-wrapper {
                order: 2;
            }

            .global-footer *::-ms-backdrop, .global-footer .row.logos .legal-links-wrapper {
                order: 1;
            }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .global-footer {
        padding: 32px;
        padding-top: 24px;
    }

        .global-footer .row {
            margin-left: 0;
            margin-right: 0;
        }

            .global-footer .row .col-12.d-sm-block {
                display: block;
                padding-left: 0;
                padding-right: 0;
            }

                .global-footer .row .col-12.d-sm-block h3 {
                    padding: 24px 8px;
                }

                    .global-footer .row .col-12.d-sm-block h3[aria-expanded="true"] img {
                        transform: rotate(180deg);
                    }

                .global-footer .row .col-12.d-sm-block ul.collapse li {
                    padding: 4px 8px;
                }

                    .global-footer .row .col-12.d-sm-block ul.collapse li:last-child {
                        padding-bottom: 28px;
                    }

            .global-footer .row .col-12.col-lg-2.lang-desktop {
                display: none;
            }

            .global-footer .row .col-12.col-lg-2.lang-mobile {
                display: block;
                padding-left: 0;
                padding-right: 0;
                margin-top: 8px;
            }

                .global-footer .row .col-12.col-lg-2.lang-mobile a.link-arrow-white img {
                    transform: rotate(-90deg);
                }

                .global-footer .row .col-12.col-lg-2.lang-mobile .lang-wrapper, .global-footer .row .col-12.col-lg-2.lang-mobile .link-arrow-white {
                    padding: 24px 8px;
                }

            .global-footer .row .col-12 {
                padding-left: 0;
                padding-right: 0;
            }

                .global-footer .row .col-12 .lang-wrapper {
                    padding: 16px 8px;
                    border-bottom: 1px solid #82807f;
                }

                    .global-footer .row .col-12 .lang-wrapper img.lang-icon {
                        width: 32px;
                        height: 19px;
                    }

                    .global-footer .row .col-12 .lang-wrapper span.lang-text {
                        font-family: SeatMedium;
                        font-size: 14px;
                        line-height: 26px;
                        padding: 0;
                        margin: 0;
                        display: inline;
                        padding-left: 8px;
                    }

            .global-footer .row.logos .logo-wrapper {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                text-align: right;
                margin-top: 24px;
                margin-bottom: 24px;
                padding-left: 0;
                padding-right: 0;
            }

                .global-footer .row.logos .logo-wrapper .corporative-wrapper {
                    flex-direction: row;
                    justify-content: center;
                    align-content: center;
                }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper img.corporative-logo {
                        width: 52px;
                        height: 52px;
                        margin: auto;
                        align-self: center;
                    }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper p.corporative-text {
                        margin: auto;
                        margin-left: 30px;
                        align-self: center;
                        margin-bottom: 16px;
                    }

                .global-footer .row.logos .logo-wrapper .social-logos-wrapper {
                    display: flex;
                    flex-direction: column-reverse;
                    align-content: center;
                    justify-content: space-around;
                }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li {
                        display: block;
                        text-align: left;
                        padding: 16px 8px;
                        border-bottom: 1px solid #82807f;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a {
                            color: #9f948e;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a:hover {
                                text-decoration: none;
                            }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos {
                        display: flex;
                        justify-content: space-around;
                        padding: 0 8px;
                        border-bottom: none;
                        border-color: transparent;
                        margin-left: 30px;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li {
                            display: inline;
                            border: none;
                            padding: 0;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li img {
                                width: 40px;
                                height: 40px;
                                margin: auto;
                                margin-left: 24px;
                                align-self: center;
                            }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:first-child {
                                justify-self: flex-start;
                            }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:last-child {
                                justify-self: flex-end;
                            }

            .global-footer .row.logos .legal-links-wrapper {
                padding-left: 0px;
                padding-right: 0px;
            }

                .global-footer .row.logos .legal-links-wrapper ul li {
                    padding: 22px 8px 24px;
                }

                    .global-footer .row.logos .legal-links-wrapper ul li a {
                        line-height: 26px;
                        font-family: SeatRegular;
                    }

                    .global-footer .row.logos .legal-links-wrapper ul li:last-child {
                        border-bottom: 1px solid #82807f;
                    }

            .global-footer *::-ms-backdrop, .global-footer .row.lists-wrapper .col-12 .accordion h3 img {
                height: 10px;
                margin-top: 8px;
            }

            .global-footer *::-ms-backdrop, .global-footer .row.logos {
                flex-direction: row;
            }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .global-footer {
        padding: 32px;
        padding-top: 48px;
    }

        .global-footer .row {
            margin-left: -16px;
            margin-right: -16px;
        }

            .global-footer .row .col-lg-2 {
                padding-left: 16px;
                padding-right: 0px;
            }

                .global-footer .row .col-lg-2 .accordion {
                    border-bottom: none;
                }

                    .global-footer .row .col-lg-2 .accordion h3 {
                        font-size: 12px;
                        line-height: 22px;
                        padding: 16px 0px 20px;
                        cursor: initial;
                    }

                        .global-footer .row .col-lg-2 .accordion h3 img {
                            display: none;
                        }

                    .global-footer .row .col-lg-2 .accordion ul li {
                        padding: 8px 0px;
                        line-height: 22px;
                    }

                        .global-footer .row .col-lg-2 .accordion ul li a {
                            font-size: 12px;
                            line-height: 22px;
                            max-height: 44px;
                            overflow: hidden;
                            white-space: normal;
                            display: inline-block;
                        }

                .global-footer .row .col-lg-2 a.link-arrow-white {
                    padding: 8px 0px 4px;
                    display: inline-block;
                }

                    .global-footer .row .col-lg-2 a.link-arrow-white img {
                        transform: rotate(-90deg);
                    }

                .global-footer .row .col-lg-2 a.link-arrow-white {
                    font-size: 12px;
                    border-bottom: none;
                    padding: 8px 8px 8px 0;
                }

                    .global-footer .row .col-lg-2 a.link-arrow-white img {
                        width: 12px;
                        margin-left: 0px;
                        margin-top: -2px;
                    }

                .global-footer .row .col-lg-2.d-sm-block {
                    display: block;
                }

            .global-footer .row .col-12 .lang-wrapper {
                padding: 16px 0px;
                border-bottom: none;
            }

                .global-footer .row .col-12 .lang-wrapper img.lang-icon {
                    width: 32px;
                    height: 19px;
                }

                .global-footer .row .col-12 .lang-wrapper span.lang-text {
                    padding: 0;
                    margin: 0;
                    display: inline;
                    padding-left: 8px;
                }

            .global-footer .row .col-12.col-lg-2.lang-desktop {
                display: block;
            }

            .global-footer .row .col-12.col-lg-2.lang-mobile {
                display: none;
            }

        .global-footer .clarification-row {
            padding: 0;
        }

            .global-footer .clarification-row .clarification-wrapper {
                padding-left: 0;
                padding-right: 0;
            }

        .global-footer .row.logos {
            flex-direction: column;
            border-top: 1px solid #82807f;
            margin: auto;
        }

            .global-footer .row.logos .legal-links-wrapper {
                text-align: center;
                margin-top: -34px;
                margin-bottom: 32px;
                padding-left: 0px;
                padding-right: 0px;
            }

                .global-footer .row.logos .legal-links-wrapper ul li {
                    display: inline;
                    border: none;
                }

                    .global-footer .row.logos .legal-links-wrapper ul li a {
                        color: #fff;
                    }

                        .global-footer .row.logos .legal-links-wrapper ul li a:hover {
                            text-decoration: none;
                        }

                    .global-footer .row.logos .legal-links-wrapper ul li:last-child {
                        padding-right: 0px;
                    }

            .global-footer .row.logos .logo-wrapper {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                text-align: right;
                margin-top: 24px;
                padding: 0;
                order: 0;
            }

                .global-footer .row.logos .logo-wrapper .corporative-wrapper {
                    flex-direction: column;
                    text-align: left;
                    justify-content: flex-end;
                }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper img.corporative-logo {
                        width: 52px;
                        height: 52px;
                        margin: 0;
                        margin-bottom: 24px;
                    }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper p.corporative-text {
                        margin-bottom: 8px;
                    }

                .global-footer .row.logos .logo-wrapper .social-logos-wrapper {
                    display: flex;
                    flex-direction: column-reverse;
                    justify-content: flex-end;
                    padding: 8px 0 0 0;
                }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li {
                        display: block;
                        text-align: left;
                        padding: 16px 8px;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a {
                            color: #9f948e;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a:hover {
                                text-decoration: none;
                            }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos {
                        display: flex;
                        justify-content: space-around;
                        padding: 0px 16px 0px 0px;
                        border-bottom: none;
                        border-color: transparent;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li {
                            display: inline;
                            border: none;
                            padding: 0;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li img {
                                width: 32px;
                                height: 32px;
                                margin: auto;
                                margin-left: 20px;
                                align-self: center;
                            }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:first-child {
                                justify-self: flex-start;
                            }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:last-child {
                                justify-self: flex-end;
                            }

        .global-footer *::-ms-backdrop, .global-footer .row.logos {
            flex-direction: row;
        }

            .global-footer *::-ms-backdrop, .global-footer .row.logos .logo-wrapper {
                order: 1;
            }

            .global-footer *::-ms-backdrop, .global-footer .row.logos .legal-links-wrapper {
                order: 2;
            }

        .global-footer .row.clarification-row {
            margin: auto;
        }

        .global-footer .lists-wrapper {
            padding-bottom: 40px;
        }
}

@media (min-width: 1436px) {
    .global-footer {
        padding: 32px;
    }

        .global-footer .row {
            margin: auto;
            padding: 16px 0 64px 0;
            margin-right: -16px;
        }

            .global-footer .row .col-lg-2 {
                padding-left: 16px;
                padding-right: 0px;
            }

                .global-footer .row .col-lg-2 .accordion {
                    border-bottom: none;
                }

                    .global-footer .row .col-lg-2 .accordion h3 {
                        padding: 16px 0px 22px;
                        cursor: initial;
                    }

                        .global-footer .row .col-lg-2 .accordion h3 img {
                            display: none;
                        }

                    .global-footer .row .col-lg-2 .accordion ul li {
                        padding: 6px 0px 6px;
                        line-height: 22px;
                    }

                .global-footer .row .col-lg-2 a.link-arrow-white {
                    padding: 8px 0px 4px;
                    display: inline-block;
                    white-space: nowrap;
                }

                    .global-footer .row .col-lg-2 a.link-arrow-white img {
                        transform: rotate(-90deg);
                    }

                .global-footer .row .col-lg-2 a.link-arrow-white {
                    font-size: 14px;
                    border-bottom: none;
                    padding: 8px 0px 4px;
                }

                    .global-footer .row .col-lg-2 a.link-arrow-white img {
                        width: 12px;
                        margin-left: 0px;
                        margin-top: -2px;
                    }

                .global-footer .row .col-lg-2.d-sm-block {
                    display: block !important;
                }

            .global-footer .row .col-12 .lang-wrapper {
                padding: 16px 0;
                border-bottom: none;
            }

                .global-footer .row .col-12 .lang-wrapper img.lang-icon {
                    width: 32px;
                    height: 19px;
                }

                .global-footer .row .col-12 .lang-wrapper span.lang-text {
                    padding: 0;
                    margin: 0;
                    display: inline;
                    padding-left: 8px;
                }

            .global-footer .row .col-12.col-lg-2.lang-desktop {
                display: block;
            }

            .global-footer .row .col-12.col-lg-2.lang-mobile {
                display: none;
            }

            .global-footer .row .col-12.col-lg-2 ul li a {
                font-size: 14px;
                line-height: 26px;
                max-height: 52px;
                overflow: hidden;
                white-space: normal;
                display: inline-block;
            }

            .global-footer .row.logos {
                flex-direction: column;
                border-top: 1px solid #82807f;
                padding-bottom: 0;
                margin: auto;
            }

                .global-footer .row.logos .legal-links-wrapper {
                    text-align: center;
                    margin-top: -34px;
                    margin-bottom: 32px;
                    padding-left: 0;
                    padding-right: 0;
                }

                    .global-footer .row.logos .legal-links-wrapper ul li {
                        display: inline;
                        border: none;
                    }

                        .global-footer .row.logos .legal-links-wrapper ul li a {
                            color: #fff;
                        }

                            .global-footer .row.logos .legal-links-wrapper ul li a:hover {
                                text-decoration: none;
                            }

                        .global-footer .row.logos .legal-links-wrapper ul li:last-child {
                            padding-right: 0px;
                        }

                .global-footer .row.logos .logo-wrapper {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    text-align: right;
                    margin-top: 8px;
                    padding-left: 0;
                    padding-right: 0;
                    order: 0;
                }

                    .global-footer .row.logos .logo-wrapper .corporative-wrapper {
                        flex-direction: column;
                        text-align: left;
                        justify-content: flex-end;
                    }

                        .global-footer .row.logos .logo-wrapper .corporative-wrapper img.corporative-logo {
                            width: 56px;
                            height: 56px;
                            margin: 0;
                            margin-bottom: 24px;
                        }

                        .global-footer .row.logos .logo-wrapper .corporative-wrapper p.corporative-text {
                            margin-bottom: 8px;
                        }

                    .global-footer .row.logos .logo-wrapper .social-logos-wrapper {
                        display: flex;
                        flex-direction: column-reverse;
                        justify-content: flex-end;
                        margin-left: 90px;
                    }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li {
                            display: block;
                            text-align: left;
                            padding: 16px 8px;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a {
                                color: #9f948e;
                            }

                                .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a:hover {
                                    text-decoration: none;
                                }

                                .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul li a img {
                                    width: 32px;
                                    height: 32px;
                                }

                        .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos {
                            display: flex;
                            justify-content: space-around;
                            padding: 8px;
                            border-bottom: none;
                            border-color: transparent;
                        }

                            .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li {
                                display: inline;
                                border: none;
                                padding: 0;
                            }

                                .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li img {
                                    width: 34px;
                                    height: 34px;
                                    margin: auto;
                                    margin-left: 20px;
                                    align-self: center;
                                }

                                .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:first-child {
                                    justify-self: flex-start;
                                }

                                .global-footer .row.logos .logo-wrapper .social-logos-wrapper ul.social-logos li:last-child {
                                    justify-self: flex-end;
                                }

            .global-footer *::-ms-backdrop, .global-footer .row.logos {
                flex-direction: row;
            }

                .global-footer *::-ms-backdrop, .global-footer .row.logos .logo-wrapper {
                    order: 1;
                }

                .global-footer *::-ms-backdrop, .global-footer .row.logos .legal-links-wrapper {
                    order: 2;
                }

        .global-footer .clarification-row {
            padding: 0;
            margin: auto;
        }

            .global-footer .clarification-row .clarification-wrapper {
                padding-left: 0;
                padding-right: 0;
            }
}
/* content */
/**
* Secondary navigation Styles
**/
.secondarynav {
    height: 56px;
    z-index: 50;
    position: relative;
    /*   .navbar{
      .navbar-collapse.show {
        display: flex;
        flex-wrap: nowrap;
        @media(max-width: 763px){
          flex-wrap: wrap;
          overflow: auto;
          justify-content: space-between;
          .navbar-nav {
            margin-top: 0;
            margin-bottom: auto;
          }
          .buttons{
            margin-bottom:0;
            margin-top:auto;
          }
        }
      }
      &.darkTheme{
        @media(max-width:763px){
          .navbar-collapse.show{
            height: calc(100vh - 112px);
          }
        }
      }
      &.whiteTheme{
        @media(max-width:763px){
          .navbar-collapse.show{
            height: calc(100vh - 56px);
          }
        }
      }
    } */
}

    .secondarynav .darkTheme {
        background: #33302E;
        transition: all 0.3s ease-in-out 0s;
    }

    .secondarynav .whiteTheme {
        background: #fff;
        transition: all 0.3s ease-in-out 0s;
    }

    .secondarynav nav {
        padding: 0;
        position: absolute;
        width: 100%;
        min-height: 100%;
    }

    .secondarynav .container-fluid {
        margin: 0;
        padding: 0;
    }

    .secondarynav .navbar-trigger {
        height: 56px;
        border-bottom: 1px solid #82807f;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        align-items: center;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
        cursor: pointer;
    }

        .secondarynav .navbar-trigger .arrow-down {
            margin-left: 16px;
        }

        .secondarynav .navbar-trigger.collapsed {
            border-bottom: 1px solid #33302e;
        }

            .secondarynav .navbar-trigger.collapsed ~ .buttons {
                border-bottom: transparent;
            }

    .secondarynav .active {
        position: relative;
    }

        .secondarynav .active::before {
            height: 100%;
            content: '';
            width: 2px;
            background: #fff;
            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: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 26px;
            padding: 0;
            color: #fff;
            text-align: center;
        }

        .secondarynav .navbar-nav .nav-item {
            border-bottom: 1px solid #82807f;
            padding: 16px 0;
        }

            .secondarynav .navbar-nav .nav-item:last-child {
                border: none;
            }

        .secondarynav .navbar-nav .dropdown-menu {
            position: relative;
            top: 0;
            background: none;
            border: none;
            padding-top: 0;
            margin-top: 0;
            text-align: center;
        }

            .secondarynav .navbar-nav .dropdown-menu .dropdown-item {
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                color: rgba(255, 255, 255, 0.6);
                letter-spacing: 0;
                line-height: 29px;
                background-color: transparent;
            }

                .secondarynav .navbar-nav .dropdown-menu .dropdown-item:hover {
                    background: none;
                }

                .secondarynav .navbar-nav .dropdown-menu .dropdown-item.active {
                    background: none;
                }

                .secondarynav .navbar-nav .dropdown-menu .dropdown-item:first-child {
                    padding-top: 0;
                }

                .secondarynav .navbar-nav .dropdown-menu .dropdown-item:last-child {
                    padding-bottom: 8px;
                }

        .secondarynav .navbar-nav .dropdown {
            padding-bottom: 0;
        }

        .secondarynav .navbar-nav .dropdown-toggle {
            margin-bottom: 16px;
            cursor: pointer;
        }

            .secondarynav .navbar-nav .dropdown-toggle:hover {
                color: #fff;
            }

            .secondarynav .navbar-nav .dropdown-toggle::after {
                content: '';
                background: url("main/img/icon-secondarynavbar-arrowup.svg") center center no-repeat;
                height: 16px;
                width: 16px;
                vertical-align: middle;
                border: none;
                transform: rotate(180deg);
                position: absolute;
                top: 24px;
                right: 8px;
            }

        .secondarynav .navbar-nav .nav-link.dropdown-toggle[aria-expanded='true']::after {
            transform: rotate(0deg);
        }

    .secondarynav .navbar-trigger[aria-expanded='true'] .arrow-down {
        transform: rotate(180deg);
    }

    .secondarynav #secondaryNav > .dropdow-toggle {
        height: 56px;
    }

    .secondarynav .navbar-collapse.show {
        display: flex;
        flex-wrap: wrap;
    }

        .secondarynav .navbar-collapse.show ul.navbar-nav {
            max-height: calc(100vh - 194px);
        }

@media (min-width: 764px) and (max-width: 1015px) {
    .secondarynav .navbar-collapse.show ul.navbar-nav {
        max-height: calc(100vh - 144px);
    }
}

.secondarynav .title {
    font-family: "SeatMedium",sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
    position: relative;
    display: block;
}

.secondarynav .actualSection {
    font-family: "SeatMedium",sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0;
    width: 100%;
    display: block;
}

.secondarynav .arrow-up {
    display: none;
}

.secondarynav .whiteTheme .nav-link,
.secondarynav .whiteTheme .title {
    color: #0f0f0f;
}

.secondarynav .whiteTheme .actualSection {
    color: rgba(15, 15, 15, 0.6);
}

.secondarynav .whiteTheme .dropdown-menu .dropdown-item {
    color: rgba(15, 15, 15, 0.6);
}

.secondarynav .whiteTheme .buttons {
    background: #fff;
    transition: all 0.3s ease-in-out 0s;
}

.secondarynav .whiteTheme .active {
    position: relative;
}

    .secondarynav .whiteTheme .active::before {
        background: #000;
    }

.secondarynav .whiteTheme .arrow-up {
    display: none;
}

.secondarynav .whiteTheme .dropdown-toggle::after {
    content: '';
    background: url("main/img/icon-secondarynavbar-gray.svg") center center no-repeat;
}

.secondarynav .whiteTheme .dropdown-toggle {
    color: #0f0f0f;
}

    .secondarynav .whiteTheme .dropdown-toggle:hover {
        color: #0f0f0f;
    }

.secondarynav .col-6 {
    padding: 0;
}

.secondarynav .padding-left-8 {
    padding-left: 8px;
}

.secondarynav .padding-right-8 {
    padding-right: 8px;
}

.secondarynav .col.padding-left-8 {
    margin: auto;
}

.secondarynav .navbar-nav .nav-item {
    padding: 0;
}

    .secondarynav .navbar-nav .nav-item .nav-link {
        padding: 16px 0;
        margin: 0;
    }

/*@keyframes secnavup {
    from {*/
        /*top: 56px;*/
    /*}

    to {
        top: 0;
    }
}*/

/*@keyframes secnavdown {
    from {
        top: 0;
    }

    to {*/
        /*top: 56px;*/
    /*}
}*/

@keyframes secnavdownM {
    from {
        top: 0;
    }

    to {
        top: 72px;
    }
}

.secondarynav.sticky {
    animation: none;
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0;
}

.secondarynav.sticky2 {
    animation: secnavdown 0.3s linear;
    position: sticky !important;
    position: -webkit-sticky !important;
    /*top: 56px;*/
}

@media (min-width: 764px) {
    .secondarynav.sticky2 {
        animation: secnavdownM 0.3s linear;
        top: 72px;
    }
}

.secondarynav.sticky2 {
    position: sticky !important;
    /*top: 56px;*/
    width: 100%;
}

_:-ms-fullscreen,
:root .IE-FlexAuto {
    flex-basis: auto;
}

.secondarynav .buttons {
    display: flex;
    height: 81px;
    background: #484543;
    padding: 0 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .secondarynav .buttons .btn {
        font-family: "SeatBold",sans-serif;
        width: 100%;
        font-size: 14px;
        height: 48px;
        line-height: 45px;
        min-width: 108px;
        overflow: hidden;
        padding: 0 14px;
    }

    .secondarynav .buttons .btn-orange {
        color: #fff;
    }

/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .secondarynav {
        height: 72px;
    }

        .secondarynav .navbar-expand-md {
            flex-wrap: wrap;
        }

            .secondarynav .navbar-expand-md .navbar-nav {
                flex-direction: column;
                width: 100%;
            }

        .secondarynav .container-fluid {
            flex-wrap: wrap;
        }

        .secondarynav .navbar-collapse {
            order: 3;
            width: 100%;
        }

        .secondarynav .col-6.padding-left-8 {
            margin: 0;
        }

        .secondarynav .navbar-trigger {
            flex: 1 0 90%;
            width: auto;
            position: relative;
            height: 72px;
            flex-wrap: wrap;
            justify-content: flex-start;
            padding-left: 32px;
            padding-right: 32px;
        }

            .secondarynav .navbar-trigger[aria-expanded='true'] .arrow-up {
                transform: rotate(0deg);
            }

        .secondarynav .buttons {
            display: flex;
            flex: 1 1;
            height: 72px;
            order: 1;
            background: none;
            border-bottom: 1px solid #82807f;
            padding-right: 16px;
            padding-left: 0;
        }

            .secondarynav .buttons .col:nth-child(1) {
                padding-left: 0px;
            }

            .secondarynav .buttons .col:nth-child(2) {
                padding-right: 0px;
            }

            .secondarynav .buttons .btn {
                min-width: 100px;
                font-size: 14px;
                line-height: 45px;
            }

            .secondarynav .buttons .padding-left-8 {
                padding-left: 4px;
            }

        .secondarynav .title {
            margin-top: 8px;
            position: relative;
            width: 100%;
            display: block;
            line-height: 29px;
        }

        .secondarynav .actualSection {
            line-height: 21px;
            width: 100%;
            margin-bottom: 8px;
        }

        .secondarynav .navbar-nav {
            padding: 0 32px;
        }

        .secondarynav .arrow-down {
            display: none;
        }

        .secondarynav .arrow-up {
            display: block;
            position: absolute;
            right: 32px;
            bottom: 0;
            transform: rotate(180deg);
            top: 50%;
        }

        .secondarynav .active::before {
            left: -32px;
        }

        .secondarynav .navbar-expand-md .navbar-nav .dropdown-menu {
            position: relative;
            top: 0;
        }

        .secondarynav .navbar-nav .nav-item {
            padding: 0;
        }

        .secondarynav .navbar-nav .nav-link {
            text-align: left;
            padding: 0;
            line-height: 26px;
            padding-left: 8px;
        }

        .secondarynav .navbar-nav .dropdown-menu {
            text-align: left;
            padding: 0;
        }

            .secondarynav .navbar-nav .dropdown-menu .dropdown-item {
                font-size: 14px;
                line-height: 29px;
                padding: 8px 0 8px 0;
            }

                .secondarynav .navbar-nav .dropdown-menu .dropdown-item:first-child {
                    padding-top: 0;
                }

                .secondarynav .navbar-nav .dropdown-menu .dropdown-item:last-child {
                    padding-bottom: 16px;
                }

        .secondarynav .navbar-nav .dropdown-toggle {
            margin-bottom: 0;
        }

        .secondarynav .whiteTheme .buttons {
            background: none;
        }
}
/*Desktop*/
@media (min-width: 1016px) {
    .secondarynav {
        height: 72px;
    }

        .secondarynav .navbar-trigger {
            color: rgba(255, 255, 255, 0.6);
            padding: 33px 0;
            position: relative;
            width: 100%;
            text-align: center;
        }

            .secondarynav .navbar-trigger:before {
                content: '';
                position: absolute;
                bottom: -3px;
                left: 0;
                height: 2px;
                width: 100%;
                background-color: #fff;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
                padding: 0 16px;
                top: auto;
            }

            .secondarynav .navbar-trigger:hover:before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

            .secondarynav .navbar-trigger.active:before {
                bottom: -3px;
            }

        .secondarynav .col-lg-auto {
            padding: 0;
        }

        .secondarynav .navbar {
            padding: 0 32px;
            height: 72px;
        }

        .secondarynav div#navbarContent {
            display: flex;
        }

        .secondarynav .arrow-down,
        .secondarynav .actualSection {
            display: none;
        }

        .secondarynav .navbar-trigger {
            height: 61px;
            text-align: left;
            width: auto;
            align-items: center;
            border: none;
            min-width: 30px;
            display:none !important;
        }

            .secondarynav .navbar-trigger.active .title {
                color: #fff;
            }

        .secondarynav .nav-link {
            position: relative;
        }

            .secondarynav .nav-link:before {
                content: '';
                position: absolute;
                bottom: -5px;
                left: 0;
                height: 2px;
                width: 100%;
                background-color: #fff;
                visibility: hidden;
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -webkit-transition: all 0.3s ease-in-out 0s;
                transition: all 0.3s ease-in-out 0s;
                padding: 0 16px;
                top: auto;
            }

            .secondarynav .nav-link:hover:before {
                visibility: visible;
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

        .secondarynav .active::before {
            bottom: -5px;
            left: 0;
            height: 2px;
            width: 100%;
            padding: 0 16px;
            top: auto;
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        .secondarynav .navbar-nav {
            padding: 0 16px;
        }

            .secondarynav .navbar-nav .nav-item {
                border: none;
            }

            .secondarynav .navbar-nav .nav-item {
                margin: 0 8px;
            }

                .secondarynav .navbar-nav .nav-item .nav-link {
                    font-size: 14px;
                    line-height: 29px;
                    color: rgba(255, 255, 255, 0.6);
                }

                .secondarynav .navbar-nav .nav-item .active {
                    color: #fff;
                }

                    .secondarynav .navbar-nav .nav-item .active .nav-link,
                    .secondarynav .navbar-nav .nav-item .active a {
                        color: #fff;
                    }

            .secondarynav .navbar-nav .dropdown-toggle::after {
                position: static;
            }

        .secondarynav .title {
            font-size: 14px;
            width: 100%;
            white-space: nowrap;
        }

        .secondarynav .buttons {
            display: flex;
            height: 72px;
            background: none;
            padding: 0;
            width: auto;
            justify-content: flex-end;
            /*.btn-outline-orange {
            width: 100px;
          }*/
            /*.btn-orange {
            width: 118px;
          }*/
        }

            .secondarynav .buttons .btn {
                font-size: 16px;
                line-height: 45px;
                padding: 0 16px;
            }

            .secondarynav .buttons .padding-left-8 {
                padding-left: 4px;
            }

            .secondarynav .buttons .padding-right-8 {
                padding-right: 4px;
            }

        .secondarynav .navbar-nav .dropdown-menu {
            position: absolute;
            top: 100%;
            left: -16px;
            margin-top: 0;
        }

            .secondarynav .navbar-nav .dropdown-menu.show {
                background: #33302E;
                border-radius: 0;
                min-width: 164px;
                min-width: 164px;
                padding-top: 8px;
            }

                .secondarynav .navbar-nav .dropdown-menu.show .dropdown-item {
                    color: rgba(255, 255, 255, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    padding-right: 16px;
                    text-align: left;
                    font-size: 14px;
                    line-height: 29px;
                    margin-top: 8px;
                    padding-left: 16px;
                    position: relative;
                }

                    .secondarynav .navbar-nav .dropdown-menu.show .dropdown-item:before {
                        content: '';
                        position: absolute;
                        bottom: 4px;
                        left: 16px;
                        height: 2px;
                        width: calc(100% - 32px);
                        background-color: #fff;
                        visibility: hidden;
                        -webkit-transform: scaleX(0);
                        transform: scaleX(0);
                        -webkit-transition: all 0.3s ease-in-out 0s;
                        transition: all 0.3s ease-in-out 0s;
                        padding: 0 16px;
                        top: auto;
                    }

                    .secondarynav .navbar-nav .dropdown-menu.show .dropdown-item:hover:before {
                        visibility: visible;
                        -webkit-transform: scaleX(1);
                        transform: scaleX(1);
                    }

            .secondarynav .navbar-nav .dropdown-menu.show {
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
            }

                .secondarynav .navbar-nav .dropdown-menu.show .dropdown-item {
                    display: inline-block;
                    width: auto;
                    margin: 8px auto 0 0;
                }
}
/* XL */
@media (min-width: 1436px) {
    .secondarynav .title {
        padding: 25px 0;
    }

    .secondarynav .navbar {
        padding: 0;
        height: 72px;
    }

    .secondarynav .container-fluid {
        max-width: 1436px;
        margin: auto;
    }

        .secondarynav .container-fluid .navbar-trigger {
            min-width: 30px;
            height: 61px;
            text-align: left;
            width: auto;
            align-items: center;
            border: none;
            margin-left: 32px;
        }

            .secondarynav .container-fluid .navbar-trigger.active .title {
                color: #fff;
            }

    .secondarynav .buttons {
        flex: 1 0 auto;
        margin-right: 32px;
        align-items: center;
    }

        .secondarynav .buttons .col-6 {
            flex: 0 0 160px;
        }

        .secondarynav .buttons .btn-orange {
            overflow: hidden;
            max-width: none;
        }

        .secondarynav .buttons .btn-outline-orange {
            overflow: hidden;
            max-width: none;
        }

    .secondarynav .navbar-nav {
        align-content: center;
        align-items: center;
    }

        .secondarynav .navbar-nav .nav-item {
            display: block;
            padding: 0 16px;
            margin: 0;
        }

        .secondarynav .navbar-nav .nav-link {
            padding: 16px 0;
            display: block;
        }

            .secondarynav .navbar-nav .nav-link:before {
                bottom: -5px;
            }

        .secondarynav .navbar-nav .dropdow-toggle {
            margin-bottom: 0;
        }

        .secondarynav .navbar-nav .dropdown-menu {
            left: 0;
            margin-top: 0;
        }

            .secondarynav .navbar-nav .dropdown-menu.show {
                padding-top: 8px;
            }

                .secondarynav .navbar-nav .dropdown-menu.show .dropdown-item {
                    font-size: 14px;
                    line-height: 29px;
                    margin-top: 8px;
                    padding-left: 16px;
                }

    .secondarynav .title {
        font-size: 14px;
        line-height: 29px;
    }

    .secondarynav .padding-right-8 {
        padding-right: 8px;
    }

    .secondarynav .padding-left-8 {
        padding: 0;
    }

    .secondarynav .navbar-nav .dropdown-toggle {
        margin-bottom: 0;
    }

    .secondarynav .col.padding-left-8 {
        margin: initial;
    }
}

@media (max-width: 763px) {
    #navbarContent {
        justify-content: space-between;
        flex-direction: column;
    }

        #navbarContent ul {
            width: 100%;
        }

    .secondarynav.sticky .navbar-collapse.show ul.navbar-nav {
        max-height: calc(100vh - 137px);
    }

    .secondarynav.sticky2 .navbar-collapse.show ul.navbar-nav {
        max-height: calc(100vh - 183px);
    }

    .secondarynav.sticky .navbar-collapse.show.noCTA ul.navbar-nav {
        max-height: calc(100vh - 56px);
    }

    .secondarynav.sticky2 .navbar-collapse.show.noCTA ul.navbar-nav {
        max-height: calc(100vh - 112px);
    }
}

@media (min-width: 768px) and (max-width: 1015px) {
    .secondarynav .navbar-expand-md > .container,
    .secondarynav .navbar-expand-md > .container-fluid {
        flex-wrap: wrap !important;
    }

    .secondarynav .navbar-collapse.collapse {
        display: none !important;
    }

    .secondarynav .navbar-collapse.collapsing {
        display: block !important;
    }

    .secondarynav .navbar-collapse.collapse.show {
        display: flex !important;
    }

    .secondarynav .navbar-collapse.collapsing ul {
        display: none !important;
    }
}
/* Feature Details*/
.feature-details {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    letter-spacing: 0;
    background: #fafaf9 !important;
}

    .feature-details .feature-details-d-sm-none {
        display: none;
    }

    .feature-details .feature-details-d-md-none {
        display: block;
        padding-left: 16px;
    }

    .feature-details .container-fluid {
        max-width: 1436px;
    }

    .feature-details.cont-module .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .feature-details.cont-module .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .feature-details.cont-module .col-12,
    .feature-details.cont-module .col-md-6,
    .feature-details.cont-module .col-md-12 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .feature-details .mb-content-blocks {
        margin-bottom: 40px;
    }

    .feature-details.light-gray-bg {
        background-color: #fafaf9;
    }

    .feature-details .titles-block {
        padding-top: 40px;
        padding-bottom: 27px;
    }

    .feature-details .eyebrow {
        color: rgba(15, 15, 15, 0.6);
        margin-bottom: 0;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
    }

    .feature-details .title {
        text-align: center;
        margin-top: 16px;
        margin-bottom: 0;
        padding-bottom: 5px;
        overflow: hidden;
        max-height: 118px;
        max-height: calc(38px*3 + 4px);
        -webkit-line-clamp: 3;
    }

    .feature-details .cont-img {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

        .feature-details .cont-img img {
            max-width: 100%;
            height: auto;
        }

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

        .feature-details .play-button-block.show .btn-play img {
            position: absolute;
            left: 50%;
            top: 50%;
            bottom: 0;
            margin: 0;
        }

    .feature-details .play-button-block.hide {
        display: none !important;
    }

    .feature-details .feature-icon {
        padding-top: 32px;
    }

        .feature-details .feature-icon img {
            width: 32px;
            height: auto;
        }

        .feature-details .feature-icon.show {
            display: block;
        }

        .feature-details .feature-icon.hide {
            display: none;
        }

    .feature-details .feature-title {
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
        padding-top: 0;
        max-height: calc(24px*3 + 1px);
        overflow: hidden;
    }

        .feature-details .feature-title p {
            margin-bottom: 0;
        }

    .feature-details .feature-description {
        max-height: calc(26px*5 + 4px);
        overflow: hidden;
        margin-top: 16px;
        padding-bottom: 5px;
    }

        .feature-details .feature-description.richtext ul {
            margin-top: 0;
        }

        .feature-details .feature-description p {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
        }

    .feature-details .feature-details-gallery-sm {
        width: 100%;
        padding: 0 0 40px 0;
        margin-left: 0;
        margin-right: 0;
    }

        .feature-details .feature-details-gallery-sm .features-infos {
            position: relative;
            padding-top: 4px;
            padding-right: 16px;
            max-width: 440px;
            margin: 0 auto;
        }

        .feature-details .feature-details-gallery-sm .feature-icon {
            padding-top: 0;
            padding-bottom: 24px;
        }

        .feature-details .feature-details-gallery-sm .feature-title {
            padding-top: 0;
        }

    .feature-details .slick-slide {
        margin: 0 8px 0 0;
    }

    .feature-details .slick-list.draggable {
        padding: 0px 8px 0 0 !important;
    }

    .feature-details .slick-dots {
        bottom: 0;
        top: -15px;
        margin: 0;
        display: block;
        left: calc(50% - 92px);
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        width: 164px;
        width: 224px;
        pointer-events: none;
    }

        .feature-details .slick-dots.expanded {
            left: calc(50% - 112px);
            text-align: left;
        }

        .feature-details .slick-dots li {
            display: inline-block;
            width: 10px;
            height: 2px;
            opacity: .2;
            margin: 0 4px 0 4px;
            background-color: #8b8a8b;
        }

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

            .feature-details .slick-dots li.standard-bullet {
                width: 20px;
            }

            .feature-details .slick-dots li.slick-active {
                opacity: 1;
                width: 20px;
            }

            .feature-details .slick-dots li button::before {
                background-color: #8b8a8b;
            }

    .feature-details .modal-fullscreen.fade .modal-dialog {
        transform: translate(0, 0);
        transition: transform .1s ease-in;
    }

/* Tablet */
@media (min-width: 764px) {
    .feature-details {
        padding-top: 0;
    }

        .feature-details .feature-details-d-sm-none {
            display: block;
        }

        .feature-details .feature-details-d-md-none {
            display: none;
        }

        .feature-details.cont-module .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .feature-details.cont-module .row {
            margin-right: -16px;
            margin-left: -16px;
        }

        .feature-details.cont-module .col-12,
        .feature-details.cont-module .col-md-6,
        .feature-details.cont-module .col-md-12 {
            padding-right: 16px;
            padding-left: 16px;
        }

        .feature-details .mb-content-blocks {
            margin-bottom: 51px;
        }

        .feature-details .titles-block {
            padding-top: 64px;
            padding-bottom: 55px;
        }

        .feature-details .title {
            margin-top: 14px;
            font-size: 30px;
            line-height: 38px;
        }

        .feature-details .feature-icon {
            padding-top: 24px;
        }

        .feature-details .feature-title {
            margin-top: 24px;
            max-height: calc(26px*3 + 1px);
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .feature-details .mb-content-blocks {
        margin-bottom: 56px;
    }

    .feature-details .titles-block {
        padding-bottom: 60px;
    }

    .feature-details .title {
        margin-top: 8px;
        font-size: 38px;
        line-height: 40px;
        max-height: 84px;
        max-height: calc(40px*2 + 4px);
        -webkit-line-clamp: 2;
    }

    .feature-details .feature-title {
        font-size: 16px;
        line-height: 30px;
        max-height: calc(30px*2 + 1px);
    }

    .feature-details .feature-description {
        font-size: 16px;
        line-height: 30px;
        max-height: calc(30px*5 + 4px);
    }

        .feature-details .feature-description p {
            font-size: 16px;
            line-height: 30px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .feature-details.cont-module .col-xl-4 {
        padding-right: 0;
        padding-left: 0;
    }

    .feature-details .titles-block {
        padding-bottom: 52px;
    }

    .feature-details .title {
        margin-top: 16px;
    }
}
/* END Feature Details*/
/**************** GALLERY MODULE ************************/
/* 320 mobile */
.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: #fff;
        opacity: 1;
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }

        .gallery-module .carousel .controls .carousel-control-next:hover,
        .gallery-module .carousel .controls .carousel-control-prev:hover {
            opacity: 1;
        }

        .gallery-module .carousel .controls .carousel-control-next span,
        .gallery-module .carousel .controls .carousel-control-prev span {
            width: 8px;
            height: 13px;
        }

    .gallery-module .carousel .controls .carousel-control-next {
        margin-right: 32px;
    }

        .gallery-module .carousel .controls .carousel-control-next:hover img {
            opacity: .4;
        }

    .gallery-module .carousel .controls .carousel-control-prev {
        margin-left: 32px;
    }

        .gallery-module .carousel .controls .carousel-control-prev img {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .gallery-module .carousel .controls .carousel-control-prev:hover img {
            opacity: .4;
        }

.gallery-module .carousel .carousel-indicators {
    bottom: 8px;
    margin: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    width: 224px;
    left: calc(50% - 112px);
}

    .gallery-module .carousel .carousel-indicators li {
        display: inline-block;
        pointer-events: none;
        width: 10px;
        height: 2px;
        opacity: .2;
        margin: 0 4px 0 4px;
        background-color: #fff;
        box-shadow: 0 1px 2px 1px rgba(100, 100, 100, 0.5);
    }

        .gallery-module .carousel .carousel-indicators li.right-bullet {
            width: 16px;
        }

        .gallery-module .carousel .carousel-indicators li.standard-bullet {
            width: 32px;
        }

        .gallery-module .carousel .carousel-indicators li.active {
            opacity: 1;
        }

.gallery-module .carousel .carousel-inner {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
}

    .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        overflow: hidden;
        width: 100%;
        max-width: 763px;
        margin: 0;
    }

        .gallery-module .carousel .carousel-inner .carousel-item .cont-img img {
            position: relative;
            width: auto;
            max-width: 763px;
        }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .gallery-module .carousel .carousel-indicators {
        bottom: 24px;
    }

    .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        max-width: 1015px;
    }

        .gallery-module .carousel .carousel-inner .carousel-item .cont-img img {
            max-width: 1015px;
        }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .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;
    }

    .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        max-width: 1435px;
    }

        .gallery-module .carousel .carousel-inner .carousel-item .cont-img img {
            max-width: 1435px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .gallery {
        position: relative;
    }

    .gallery-module .carousel .controls {
        display: block;
        position: unset;
        /* *::-ms-backdrop, */
    }

        .gallery-module .carousel .controls .carousel-control-next,
        .gallery-module .carousel .controls .carousel-control-prev {
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
        }

    .gallery-module .carousel .carousel-indicators {
        bottom: 24px;
    }

    .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        max-width: 2560px;
    }

        .gallery-module .carousel .carousel-inner .carousel-item .cont-img img {
            max-width: 2560px;
        }
}
/*
* Hero Left
*/
.hero {
    position: relative;
    font-family: "SeatRegular",sans-serif;
}

    .hero .hide-s {
        display: none;
    }

    .hero .flex-parent {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        overflow: hidden;
        height: 100%;
    }

    .hero .container-fluid-custom {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .hero .cont-img {
        position: relative;
        overflow: hidden;
        height: 240px;
        max-height: 240px;
        width: 100%;
        margin: 0;
    }

        .hero .cont-img span {
            width: 100%;
            display: block;
        }

        .hero .cont-img img {
            object-fit: cover;
            width: auto;
            height: 240px;
            max-height: 240px;
        }

    .hero .btn {
        min-width: 202px;
        max-width: 320px;
        width: 100%;
        margin-top: 32px;
        max-width: 100%;
        overflow: hidden;
    }

    .hero .group {
        margin: 0 auto;
        max-width: 440px;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .hero .eyebrow {
        margin-bottom: 16px;
        width: 100%;
        overflow: hidden;
        max-height: 30px;
    }

    .hero .title {
        max-height: calc(38px * 4 + 4px);
        margin-bottom: 32px;
        overflow: hidden;
    }

    .hero .description {
        max-height: calc(26px*6 + 6px);
        overflow: hidden;
    }

        .hero .description p {
            font-family: "SeatRegular";
            font-size: 14px;
            font-stretch: normal;
            line-height: 26px;
            letter-spacing: normal;
            text-align: left;
            color: #0f0f0f;
        }

    .hero .col-md-6 {
        padding: 0px;
    }

    .hero .col-12 {
        padding-left: 16px;
        padding-right: 16px;
    }

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

        .hero .play-block .btn-play img {
            position: absolute;
            left: 50%;
            top: 50%;
            bottom: 0;
            margin: 0;
            min-width: auto;
            min-height: auto;
            height: 16px;
        }

    .hero .richtext {
        color: inherit;
    }

        .hero .richtext p {
            color: inherit;
        }

/* tablet */
@media (min-width: 576px) {
    .hero .special-spacing-hero {
        padding: 0px 32px 0px 32px;
    }

    .hero .padding-32 {
        padding: 0px 32px;
    }

    .hero .container-fluid-custom {
        display: flex;
        height: 100%;
    }
}

@media (min-width: 763px) {
    .hero .hide-s {
        display: initial;
    }

    .hero .cont-img {
        width: 100%;
    }

    .hero .cont-module {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .hero .btn {
        min-width: 202px;
        max-width: 100%;
        margin-bottom: 0;
    }

    .hero .col-md-6 {
        width: 50%;
        height: 100%;
        display: flex;
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .hero .cont-img {
        height: 700px;
        max-height: 700px;
    }

        .hero .cont-img img {
            height: 700px;
            max-height: 700px;
        }

    .hero .btn {
        width: auto;
        min-width: 212px;
        max-width: 100%;
    }

    .hero .eyebrow {
        font-size: 14px;
        line-height: 26px;
        max-height: 26px;
        min-width: 22px;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .hero .title {
        font-size: 38px;
        line-height: 48px;
        max-height: calc(48px*4 + 4px);
    }

    .hero .description {
        max-height: calc(26px*6 + 6px);
    }

    .hero .group {
        max-width: 350px;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero .play-block .btn-play img {
        width: 14px;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .hero .special-spacing-hero {
        padding: 0px 32px 0px 32px;
    }

    .hero .cont-img {
        height: 700px;
        max-height: 700px;
        min-width: 503px;
    }

        .hero .cont-img img {
            height: 700px;
            max-height: 700px;
        }

    .hero .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        min-width: 420px;
    }

    .hero .flex-son {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 58.666667%;
        max-width: 58.6667%;
    }

    .hero .group {
        max-width: 410px;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero .btn {
        width: auto;
        min-width: 212px;
        max-width: 320px;
    }

    .hero .eyebrow {
        width: 296px;
        height: 26px;
        font-size: 16px;
    }

    .hero .title {
        font-size: 50px;
        line-height: 64px;
        max-height: calc(64px * 3 + 4px);
    }

    .hero .description {
        max-height: calc(30px*5 + 4px);
    }

        .hero .description p {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 30px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .hero .group {
        max-width: 100%;
        max-width: 440px;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero .container-fluid-custom {
        right: 32px;
    }

    .hero .special-spacing-hero {
        padding: 0px 32px 0px 32px;
    }

    .hero .cont-img {
        height: 799px;
        max-height: 799px;
        width: 100%;
        min-width: 936px;
        overflow: hidden;
    }

        .hero .cont-img img {
            height: 799px;
            max-height: 799px;
            position: relative;
        }

    .hero .btn {
        width: auto;
        min-width: 202px;
        line-height: 32px;
        height: 48px;
        max-width: 100%;
    }

    .hero .title {
        font-size: 50px;
        max-height: calc(64px*3 + 4px);
        line-height: 64px;
    }

    .hero .eyebrow {
        height: 25px;
        line-height: 30px;
        margin-top: 0;
    }

    .hero .description {
        max-height: calc(30px*4 + 4px);
    }

        .hero .description p {
            font-size: 16px;
            line-height: 30px;
        }
}
/*@media (min-width: 1925px) {
    .hero {
        .cont-img {
            img {
               // width: 100%;
            }
            .play-block {
                img {
                    width: 14px;
                }
            }
        }
    }
}*/
@media (min-width: 2526px) {
    .hero .cont-img span img {
        width: 100%;
    }
}
/*
* Hero Right
*/
.hero-right .flex-parent {
    justify-content: flex-end;
}

.hero-right .richtext {
    color: inherit;
}

    .hero-right .richtext p {
        color: inherit;
    }

@media (min-width: 576px) {
    .hero-right .special-spacing-hero {
        padding: 0px 32px;
    }

    .hero-right .container-fluid-custom {
        justify-content: flex-start;
    }
}

@media (min-width: 764px) {
    .hero-right .cont-img .f-righ {
        right: 0px;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .hero-right .cont-img {
        right: -21px;
    }

    .hero-right .flex-son {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 60.667%;
        max-width: 60.667%;
    }
}
/* XL */
@media (min-width: 1436px) {
    .hero-right .special-spacing-hero {
        padding: 0px 32px 0px 32px;
    }

    .hero-right .cont-img {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .hero-right .cont-img {
        right: -21px;
        width: 100%;
    }
}

@media (min-width: 1920px) {
    .hero-right .cont-img {
        right: -35px;
    }
}
/*
* Hero center
*/
.heroCenter {
    height: fit-content;
}

    .heroCenter .rotate-180 {
        transform: rotate(180deg) !important;
    }

    .heroCenter .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .heroCenter .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .heroCenter .cont-img {
        height: 240px;
        display: block;
        overflow: hidden;
        position: relative;
    }

        .heroCenter .cont-img img {
            height: 240px;
            margin: auto;
        }

@media all and (max-width: 764px) {
    .heroCenter .cont-img img {
        min-width: 100%;
        min-height: 100%;
        top: -100%;
        bottom: -100%;
        position: absolute;
    }
}

.heroCenter .eyebrow {
    font-family: "SeatMedium",sans-serif;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
}

.heroCenter .title {
    min-width: 288px;
    font-family: "SeatBlack",sans-serif;
    font-size: 30px;
    line-height: 38px;
    margin-top: 32px;
    margin-bottom: 40px;
    max-height: 114px;
    overflow: hidden;
}

.heroCenter .accordionContainer {
    position: relative;
    border-bottom: 1px solid #000;
}

.heroCenter .eyebrow {
    display: block;
}

.heroCenter .accordionTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 16px;
    margin-bottom: 8px;
}

    .heroCenter .accordionTitle h4 {
        font-family: "SeatBlack",sans-serif;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 28px;
        margin-bottom: 0;
        overflow: hidden;
        min-height: 26px;
        max-height: calc(28px*2 + 4px);
    }

.heroCenter .accordionclick {
    cursor: pointer;
}

.heroCenter .accordionContent {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: normal;
    text-align: left;
    margin-top: 8px;
    max-height: 130px;
    overflow: hidden;
}

.heroCenter .ncap-image {
    margin: 4px 0;
}

.heroCenter .btn {
    display: block;
    max-width: 320px;
    width: 100%;
}

.heroCenter .buttonsSection {
    margin: 48px 0;
}

.heroCenter .btn {
    overflow: hidden;
}

.heroCenter .btn-black {
    color: #fff;
    overflow: hidden;
}

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

    .heroCenter .play-block .btn-play img {
        left: 50%;
        top: 50%;
        bottom: 0;
        margin: 0;
        min-width: auto;
        min-height: auto;
    }

.heroCenter .arrow_down {
    width: 15px;
    height: 9px;
    align-self: center;
}

.heroCenter .richtext {
    color: inherit;
}

    .heroCenter .richtext p {
        color: inherit;
    }

@media (min-width: 553px) {
    .heroCenter .cont-img {
        height: 240px;
    }

    .heroCenter .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 320px) and (max-width: 763px) {
    .heroCenter .title {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }

    .heroCenter .accordionContainer {
        max-width: 440px;
        margin: 0 auto;
    }

    .heroCenter .buttonsSection {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .heroCenter .cont-img {
        height: 300px;
    }

        .heroCenter .cont-img img {
            height: 300px;
        }

    .heroCenter .buttonsSection {
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        align-items: center;
        margin-top: 8px;
        margin-bottom: 40px;
    }

    .heroCenter .col-md-8,
    .heroCenter .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .heroCenter .btn {
        width: 214px;
    }

    .heroCenter .btn {
        margin-bottom: 0px;
    }

    .heroCenter .title {
        max-height: 84px;
        font-size: 38px;
        line-height: 48px;
        margin: 48px 0px 40px 0px;
    }

    .heroCenter .accordionTitle {
        margin-bottom: 16px;
    }

        .heroCenter .accordionTitle h4 {
            font-size: 25px;
            line-height: 34px;
            max-height: calc(34px*2 + 4px);
        }

    .heroCenter .accordionContent {
        margin-bottom: 16px;
        line-height: 22px;
        max-height: 93px;
    }

    .heroCenter .accordionContainer {
        transition: opacity ease-in-out 0.4s;
    }
}
/*Desktop*/
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 1016px) {
    .heroCenter .eyebrow {
        font-size: 14px;
        line-height: 26px;
        max-width: 100%;
        overflow: hidden;
    }

    .heroCenter .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
    }

    .heroCenter .cont-img {
        height: 360px;
    }

        .heroCenter .cont-img img {
            height: 360px;
        }

    .heroCenter .title {
        font-size: 50px;
        line-height: 62px;
        max-height: calc(62px*2 + 4px);
        margin-top: 56px;
        margin-bottom: 40px;
    }

    .heroCenter .accordionTitle {
        margin-bottom: 16px;
        position: relative;
        padding-right: 0px;
    }

        .heroCenter .accordionTitle h4 {
            font-size: 25px;
            line-height: 38px;
            max-height: calc(38px*2 + 4px);
        }

    .heroCenter .accordionContainer {
        transition: opacity ease-in-out 0.4s;
    }

    .heroCenter .accordionContent {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
        max-height: 90px;
    }

    .heroCenter .accordionList {
        padding-bottom: 64px;
    }

    .heroCenter .btn {
        min-width: 214px;
    }

    .heroCenter .btn {
        margin-top: 8px;
        margin-bottom: 24px;
    }

    .heroCenter .buttonsSection {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .heroCenter .mostrar {
        height: 73%;
        width: 100%;
    }

        .heroCenter .mostrar h4 {
            max-width: 50%;
            overflow: hidden;
            height: auto;
        }

    .heroCenter .close {
        position: absolute;
        right: 16px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .heroCenter .container-fluid {
        margin: auto;
        max-width: 1436px;
    }

    .heroCenter .cont-img {
        height: 500px;
    }

        .heroCenter .cont-img img {
            height: 500px;
        }

    .heroCenter .accordionContainer {
        padding-bottom: 16px;
    }

    .heroCenter .title {
        font-size: 68px;
        font-weight: 900;
        line-height: 94px;
        max-height: 152px;
        margin-top: 64px;
        margin-bottom: 56px;
    }

    .heroCenter .accordionTitle {
        margin-bottom: 0;
    }

    .heroCenter .accordionContent {
        font-size: 16px;
        line-height: 30px;
        margin-top: 16px;
    }

    .heroCenter .btn {
        width: 319px;
    }

        .heroCenter .btn:first-child {
            margin-top: 0;
        }
}
/*
* Hero Center using 4 items
*/
.heroCenter-4 .accordionContainer {
    margin-top: 24px;
    min-height: auto;
    border-bottom: 1px solid;
}

    .heroCenter-4 .accordionContainer:first-child {
        margin-top: 0px;
    }

.heroCenter-4 .four .mostrar {
    display: block;
}

.heroCenter-4 .four .no-border {
    border: none;
}

.heroCenter-4 .close {
    display: none;
    opacity: 1;
    line-height: 32px;
    text-shadow: none;
    width: 15px;
    height: 9px;
}

.heroCenter-4 .arrow_down {
    width: 15px;
    height: 9px;
}

/* tablet */
@media (min-width: 764px) {
    .heroCenter-4 .arrow_down {
        transform: rotate(270deg);
        width: 15px;
        height: 9px;
        align-self: center;
        margin-right: 0px;
        margin-left: auto;
    }

    .heroCenter-4 .accordionList {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .heroCenter-4 .accordionContainer {
        flex: 1 1 45%;
        margin-top: 0px;
        margin-bottom: 16px;
        margin-right: 32px;
        max-width: 45%;
    }

        .heroCenter-4 .accordionContainer:nth-child(2n) {
            margin-right: 0px;
        }

    .heroCenter-4 .accordionContent {
        margin-bottom: 16px;
    }

    .heroCenter-4 .four .mostrar {
        position: absolute;
        height: 92%;
        z-index: 1;
        margin: 0px;
        margin-right: 16px;
        max-width: 100%;
        left: auto;
        top: 0;
    }

        .heroCenter-4 .four .mostrar .arrow_down {
            display: none;
        }

        .heroCenter-4 .four .mostrar .close {
            display: block;
        }

    .heroCenter-4 .four .mostrar-md {
        display: block;
    }

    .heroCenter-4 .close {
        line-height: 26px;
    }

    *::-ms-backdrop,
    .heroCenter-4 .four .mostrar {
        left: 0 !important;
    }
}
/*Desktop*/
@media (min-width: 1016px) {
    .heroCenter-4 .accordionContainer {
        flex: 1 1 47.4%;
        margin-right: 32px;
        margin-top: 0px;
        margin-bottom: 16px;
        max-width: 47.4%;
    }

        .heroCenter-4 .accordionContainer:nth-child(2n) {
            margin-right: 0px;
        }

    .heroCenter-4 .four .mostrar {
        height: auto;
    }

    .heroCenter-4 .close {
        line-height: 26px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .heroCenter-4 .eyebrow {
        font-size: 14px;
        line-height: 26px;
    }

    .heroCenter-4 .accordionContainer {
        margin-bottom: 24px;
        line-height: 36px;
    }

    .heroCenter-4 .close {
        line-height: 32px;
    }

    .heroCenter-4 .buttonsSection {
        margin: 32px 0px;
    }
}
/*************** INTERIOR VEHICLE COLOR ********************************/
/* 320 mobile */
.interior-vehicle-color {
    position: relative;
    background-color: #fafaf9;
    padding-bottom: 40px;
}

    .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;
    }

        .interior-vehicle-color .cont-img span img {
            position: relative;
            width: auto;
            max-width: none;
            left: 100%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            transition: left .6s ease-in-out;
            -webkit-transition: left .6s ease-in-out;
            -moz-transition: left .6s ease-in-out;
            -o-transition: left .6s ease-in-out;
        }

        .interior-vehicle-color .cont-img .expand,
        .interior-vehicle-color .cont-img .close {
            position: absolute;
            padding: 0;
            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: 12;
        }

            .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 {
        transition: left .6s ease-in-out;
        -webkit-transition: left .6s ease-in-out;
        -moz-transition: left .6s ease-in-out;
        -o-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 .row {
            margin-right: -8px;
            margin-left: -8px;
        }

        .interior-vehicle-color .cont-module .col-md-6 {
            padding-right: 8px;
            padding-left: 8px;
        }

        .interior-vehicle-color .cont-module p {
            margin: 0;
            letter-spacing: 0;
        }

        .interior-vehicle-color .cont-module .text-cut, .interior-vehicle-color .cont-module .content .title, .interior-vehicle-color .cont-module .content .description {
            margin: 0 auto;
            display: block;
            overflow: hidden;
        }

        .interior-vehicle-color .cont-module .content .eyebrow {
            font-family: "SeatBold",sans-serif;
            color: rgba(15, 15, 15, 0.6);
            white-space: nowrap;
            overflow: hidden;
            font-size: 14px;
            line-height: 26px;
            margin-top: 40px;
            margin-bottom: 0;
        }

        .interior-vehicle-color .cont-module .content .title {
            font-family: "SeatBlack",sans-serif;
            color: #0f0f0f;
            font-size: 30px;
            line-height: 38px;
            max-height: 118px;
            margin-top: 16px;
            margin-bottom: 28px;
            padding-bottom: 4px;
        }

        .interior-vehicle-color .cont-module .content .description {
            font-family: "SeatRegular",sans-serif;
            color: rgba(15, 15, 15, 0.6);
            font-size: 14px;
            line-height: 26px;
            max-height: 156px;
        }

            .interior-vehicle-color .cont-module .content .description p {
                color: rgba(15, 15, 15, 0.6);
            }

        .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 .control-next,
            .interior-vehicle-color .cont-module .thumbnail-control .control-prev {
                background-color: #fff;
                display: none;
                position: absolute;
                cursor: pointer;
                top: 12px;
                opacity: 1;
                width: 40px;
                height: 40px;
                border-radius: 4px;
                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: 1;
                }

                    .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: 8px;
                    height: 13px;
                    text-align: center;
                    display: inline-block;
                }

            .interior-vehicle-color .cont-module .thumbnail-control .control-next {
                right: 0;
            }

            .interior-vehicle-color .cont-module .thumbnail-control .control-prev {
                left: 0;
            }

                .interior-vehicle-color .cont-module .thumbnail-control .control-prev img {
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                margin: 16px 0px 8px -4px;
                overflow: hidden;
                padding-top: 8px;
                width: calc(100% + 20px);
            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                    width: 10000px;
                    overflow: hidden;
                    position: relative;
                    padding-left: 4px;
                    padding-top: 8px;
                    margin-top: -8px;
                    left: 0px;
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color {
                        float: left;
                    }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image {
                            float: left;
                            width: 48px;
                            height: 64px;
                            margin-right: 24px;
                            padding-bottom: 15px;
                            position: relative;
                        }

                            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image img {
                                width: 48px;
                                height: 48px;
                                cursor: pointer;
                                border-radius: 50%;
                                position: absolute;
                                top: 0;
                            }

                            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image.selected {
                                border-bottom: 2px solid rgba(15, 15, 15, 0.6);
                            }

                                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image.selected img {
                                    border: 3px solid #fff;
                                    box-shadow: 0 3px 6px 0 #33302E;
                                }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color hr {
                            width: calc(100% - 24px);
                            margin: 0 auto 8px 0;
                            border-top: 1px solid #CCCCCC !important;
                        }

                        .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .category-info {
                            font-family: "SeatMedium",sans-serif;
                            font-size: 12px;
                            color: rgba(15, 15, 15, 0.6);
                            line-height: 22px;
                            width: 100%;
                            float: right;
                            overflow: hidden;
                        }

            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info {
                margin-top: 16px;
            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    font-size: 16px;
                    font-family: "SeatBold",sans-serif;
                    color: #0f0f0f;
                    line-height: 30px;
                }

        .interior-vehicle-color .cont-module .tags {
            margin: 8px 0 0 0;
            min-height: 52px;
        }

            .interior-vehicle-color .cont-module .tags .tags-container .standard-tags {
                padding-bottom: 8px;
            }

            .interior-vehicle-color .cont-module .tags p {
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                color: rgba(15, 15, 15, 0.6);
                line-height: 22px;
                overflow: hidden;
            }

@media (min-width: 320px) and (max-width: 763px) {
    .interior-vehicle-color .cont-module .content {
        max-width: 440px;
        margin: 0 auto;
    }

    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info {
        margin-top: 16px;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }

    .interior-vehicle-color .cont-module .tags {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .interior-vehicle-color {
        padding-bottom: 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: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .interior-vehicle-color .cont-module .flex-column {
                height: 100%;
            }

                .interior-vehicle-color .cont-module .flex-column .align-items-center {
                    height: 100%;
                }

            .interior-vehicle-color .cont-module.bg-white-before:before {
                background: #fafaf9;
                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 .content .eyebrow {
                margin-top: 0;
            }

            .interior-vehicle-color .cont-module .content .title {
                margin-bottom: 20px;
            }

            .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
                margin: 0 -4px 8px -4px;
                width: calc(100% + 4px);
            }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                    padding-top: 24px;
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image {
                        margin-right: 16px;
                    }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color hr {
                        width: calc(100% - 16px);
                    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .interior-vehicle-color {
        padding-bottom: 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: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .interior-vehicle-color .cont-module .flex-column {
                height: 100%;
            }

                .interior-vehicle-color .cont-module .flex-column .align-items-center {
                    height: 100%;
                }

            .interior-vehicle-color .cont-module.bg-white-before:before {
                background: #fafaf9;
                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 .content .eyebrow {
                margin-top: 0;
                font-size: 16px;
                line-height: 30px;
            }

            .interior-vehicle-color .cont-module .content .title {
                font-size: 38px;
                line-height: 40px;
                max-height: 84px;
                -webkit-line-clamp: 2;
            }

            .interior-vehicle-color .cont-module .content .description {
                font-size: 16px;
                line-height: 30px;
                max-height: 120px;
                -webkit-line-clamp: 4;
            }

            .interior-vehicle-color .cont-module .thumbnail-control {
                width: 436px;
            }

                .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: 312px;
                    margin-top: 24px;
                    margin-left: 64px;
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image {
                        margin-right: 16px;
                    }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color hr {
                        width: calc(100% - 16px);
                    }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    font-size: 18px;
                    line-height: 30px;
                }
}
/* XL */
@media (min-width: 1436px) {
    .interior-vehicle-color {
        padding-bottom: 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: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .interior-vehicle-color .cont-module.bg-white-before:before {
                background: #fafaf9;
                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 .flex-column {
                height: 100%;
            }

                .interior-vehicle-color .cont-module .flex-column .align-items-center {
                    height: 100%;
                }

            .interior-vehicle-color .cont-module .content .eyebrow {
                font-size: 16px;
                line-height: 30px;
                margin-top: 0;
            }

            .interior-vehicle-color .cont-module .content .title {
                font-size: 38px;
                line-height: 40px;
                max-height: 84px;
            }

            .interior-vehicle-color .cont-module .content .description {
                font-size: 16px;
                line-height: 30px;
                max-height: 120px;
            }

            .interior-vehicle-color .cont-module .thumbnail-control {
                width: 436px;
            }

                .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: 312px;
                    margin-top: 24px;
                    margin-left: 64px;
                }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color .thumbnail-image {
                        margin-right: 16px;
                    }

                    .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-interior-color hr {
                        width: calc(100% - 16px);
                    }

                .interior-vehicle-color .cont-module .thumbnail-control .thumbnail-color-info p {
                    font-size: 18px;
                    line-height: 30px;
                }
}
/*************** END INTERIOR VEHICLE COLOR ****************************/
/* Two Columns - Full Bleed*/
/* 320 mobile */
.two-columns-full-bleed {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    background-color: #33302E;
    /*cont-img > span = Posicionar el foco de la imagen: f-left, f-center, f-right */
    /*Div del contenido (margins y paddings son distintos) = infos-block-left, infos-block-right */
    /*<div class="col-12 col-md-6 col-lg-5 infos-block-*">*/
}

    .two-columns-full-bleed .cont-img {
        overflow: hidden;
        margin: 0;
        width: 100%;
        height: 240px;
        max-height: 240px;
    }

        .two-columns-full-bleed .cont-img img {
            width: auto;
            max-width: none;
            height: 240px;
            max-height: 240px;
        }

    .two-columns-full-bleed .cont-module .container-fluid {
        padding-right: 16px;
        padding-left: 16px;
        max-width: 1436px;
    }

    .two-columns-full-bleed .cont-module .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .two-columns-full-bleed .cont-module .col-md-6,
    .two-columns-full-bleed .cont-module .col-md-12 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .two-columns-full-bleed .cont-module .infos-block {
        max-width: 440px;
        margin: 0 auto;
        padding-bottom: 32px;
    }

    .two-columns-full-bleed .play-button-block {
        position: absolute;
        top: 0;
        left: 0;
        height: 240px;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .two-columns-full-bleed .badge-block {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        z-index: 3;
    }

        .two-columns-full-bleed .badge-block img {
            width: 55px;
            height: auto;
            margin-top: 16px;
            margin-right: 16px;
        }

    .two-columns-full-bleed .eyebrow {
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 16px;
        margin-top: 32px;
    }

    .two-columns-full-bleed .title {
        color: #fff;
        padding-bottom: 4px;
        overflow: hidden;
        margin-bottom: 32px;
        max-height: 114px;
        max-height: calc(38px*3 + 1px);
        -webkit-line-clamp: 3;
    }

    .two-columns-full-bleed .description {
        margin-bottom: 32px;
        overflow: hidden;
        max-height: calc(26px*5 + 1px);
        max-height: 234px;
    }

        .two-columns-full-bleed .description p {
            font-family: SeatRegular,sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #fff;
            margin: 0;
        }

    .two-columns-full-bleed .btn {
        margin: 0 0 32px 0;
        width: 100%;
        max-width: 288px;
        height: 48px;
    }

    .two-columns-full-bleed .block-bt-secondary a {
        margin: 0px 0 32px 0;
        display: inline-block;
    }

    .two-columns-full-bleed.vs2 .cont-module .infos-block {
        margin-top: 16px;
        margin-bottom: 34px;
        overflow: hidden;
    }

    .two-columns-full-bleed.vs2 .play-button-block {
        height: 180px;
    }

    .two-columns-full-bleed.vs2 .btn {
        margin-bottom: 0;
    }

    .two-columns-full-bleed.vs2 .title {
        font-size: 25px;
        line-height: 32px;
        margin-top: 8px;
        margin-bottom: 8px;
        max-height: 129px;
        max-height: calc(32px*4 + 1px);
        -webkit-line-clamp: 4;
    }

    .two-columns-full-bleed.vs2 .description {
        margin-bottom: 15px;
        max-height: 27px;
        max-height: calc(26px*1 + 1px);
    }

/* Tablet */
@media (min-width: 764px) {
    .two-columns-full-bleed {
        /*background-transparent = side-left, side-right */
    }

        .two-columns-full-bleed .cont-img {
            height: 660px;
            max-height: 660px;
        }

            .two-columns-full-bleed .cont-img img {
                height: 660px;
                max-height: 660px;
            }

        .two-columns-full-bleed .background-transparent::before {
            opacity: 0.8;
            background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            width: 50%;
        }

        .two-columns-full-bleed .background-transparent.side-left::before {
            left: 0;
            right: 50%;
        }

        .two-columns-full-bleed .background-transparent.side-right::before {
            right: 0;
            left: auto;
        }

        .two-columns-full-bleed .cont-module {
            position: absolute;
            z-index: 11;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            .two-columns-full-bleed .cont-module .flex-column {
                height: 100%;
            }

                .two-columns-full-bleed .cont-module .flex-column .align-items-center {
                    height: 100%;
                }

            .two-columns-full-bleed .cont-module .container-fluid {
                padding-right: 32px;
                padding-left: 32px;
            }

            .two-columns-full-bleed .cont-module .row {
                margin-right: -16px;
                margin-left: -16px;
            }

            .two-columns-full-bleed .cont-module .col-md-6 {
                padding-left: 16px;
                padding-right: 16px;
                max-width: 50%;
            }

                .two-columns-full-bleed .cont-module .col-md-6.play-button-block {
                    padding-left: 0;
                    padding-right: 32px;
                }

            .two-columns-full-bleed .cont-module .col-xl-6.offset-xl-1 {
                padding-left: 32px;
            }

            .two-columns-full-bleed .cont-module.side-left .infos-block, .two-columns-full-bleed .cont-module.side-right .infos-block {
                max-width: 360px;
                padding-bottom: 0;
            }

            .two-columns-full-bleed .cont-module.side-left .play-button-block {
                padding-right: 0;
                padding-left: 32px;
            }

            .two-columns-full-bleed .cont-module.side-left .infos-block {
                padding-right: 32px;
            }

            .two-columns-full-bleed .cont-module.side-right .badge-block {
                left: auto;
                right: 16px;
            }

                .two-columns-full-bleed .cont-module.side-right .badge-block img {
                    position: absolute;
                    top: 0;
                    right: 0;
                }

            .two-columns-full-bleed .cont-module.side-right .infos-block {
                padding-left: 32px;
            }

        .two-columns-full-bleed .play-button-block {
            position: relative;
            height: auto;
        }

        .two-columns-full-bleed .eyebrow {
            margin-top: 0;
        }

        .two-columns-full-bleed .title {
            margin-bottom: 24px;
            max-height: calc(48px*3);
            -webkit-line-clamp: 3;
            font-size: 38px;
            line-height: 48px;
        }

        .two-columns-full-bleed .description {
            max-height: 234px;
        }

        .two-columns-full-bleed .btn {
            min-width: 212px;
            margin-bottom: 32px;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block, .two-columns-full-bleed.vs2 .cont-module.side-right .infos-block {
            height: auto;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block {
            height: auto;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-left .play-button-block {
            padding-left: 16px;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-right .play-button-block {
            padding-left: 0;
            padding-right: 0;
        }

        .two-columns-full-bleed.vs2 .play-button-block {
            height: 100%;
        }

        .two-columns-full-bleed.vs2 .title {
            font-size: 30px;
            line-height: 44px;
            margin-top: 24px;
            margin-bottom: 12px;
            max-height: calc(44px*4 + 4px);
        }

        .two-columns-full-bleed.vs2 .description {
            margin-bottom: 40px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .two-columns-full-bleed .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-full-bleed .cont-img img {
            height: 660px;
            max-height: 660px;
        }

    .two-columns-full-bleed .cont-module .col-md-6 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .two-columns-full-bleed .cont-module .col-xl-6.offset-xl-1 {
        padding-left: 32px;
    }

    .two-columns-full-bleed .cont-module.side-left .infos-block, .two-columns-full-bleed .cont-module.side-right .infos-block {
        max-width: 468px;
    }

    .two-columns-full-bleed .cont-module.side-right .col-md-6:first-child {
        padding-right: 32px;
    }

    .two-columns-full-bleed .title {
        margin-bottom: 32px;
        max-height: calc(48px*2 + 4px);
        -webkit-line-clamp: 2;
    }

    .two-columns-full-bleed .description {
        max-height: 180px;
    }

        .two-columns-full-bleed .description p {
            font-size: 16px;
            line-height: 30px;
        }

    .two-columns-full-bleed .btn {
        min-width: 214px;
    }

    .two-columns-full-bleed .block-bt-secondary a {
        font-size: 16px;
    }

        .two-columns-full-bleed .block-bt-secondary a .arrow {
            width: 16px;
        }

            .two-columns-full-bleed .block-bt-secondary a .arrow img {
                margin-top: -3px;
            }

    .two-columns-full-bleed .btn-play img {
        min-width: 15px;
        width: 15px;
        min-height: 15px;
    }

    .two-columns-full-bleed .badge-block img {
        width: 78px;
    }

    .two-columns-full-bleed.vs2 .background-transparent::before {
        width: 43.55%;
    }

    .two-columns-full-bleed.vs2 .background-transparent.side-left::before {
        right: 41.66667%;
    }

    .two-columns-full-bleed.vs2 .cont-module *::-ms-backdrop,
    .two-columns-full-bleed.vs2 .cont-module .col-lg-5 {
        flex: 0 0 33.33333%;
    }

    .two-columns-full-bleed.vs2 .cont-module.side-left .play-button-block {
        padding-right: 7%;
    }

    .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block {
        padding-left: 40px;
        margin-right: 0;
    }

    .two-columns-full-bleed.vs2 .cont-module.side-right .play-button-block {
        margin-left: 6.6666%;
    }

    .two-columns-full-bleed.vs2 .cont-module.side-right .infos-block {
        padding-right: 40px;
        margin-left: auto;
    }

    .two-columns-full-bleed.vs2 .title {
        font-size: 38px;
        line-height: 48px;
        margin-top: 24px;
        margin-bottom: 12px;
        max-height: calc(48px*4);
    }

    .two-columns-full-bleed.vs2 .description {
        max-height: 31px;
        max-height: calc(30px*1 + 1px);
    }

    .two-columns-full-bleed.vs2 .btn {
        min-width: 251px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .two-columns-full-bleed {
        /*cont-img > span = Posicionar el foco de la imagen: f-left, f-center, f-right */
    }

        .two-columns-full-bleed .cont-img {
            overflow: hidden;
            height: 660px;
            max-height: 660px;
        }

            .two-columns-full-bleed .cont-img img {
                height: 660px;
                max-height: 660px;
            }

        .two-columns-full-bleed .cont-module .col-xl-4 {
            padding-right: 0;
            padding-left: 0;
        }

        .two-columns-full-bleed .cont-module.side-left .play-button-block {
            padding-right: 0;
            padding-left: 0;
        }

        .two-columns-full-bleed .cont-module.side-left .infos-block {
            padding-right: 0;
            margin-right: 0;
        }

        .two-columns-full-bleed .cont-module.side-right .play-button-block {
            margin-left: 2.777%;
        }

        .two-columns-full-bleed .cont-module.side-right .infos-block {
            max-width: 468px;
            padding-left: 0;
            margin-left: 6.888888%;
        }

        .two-columns-full-bleed .cont-module.side-right .col-xl-6 {
            padding-right: 32px;
        }

        .two-columns-full-bleed .cont-module.side-right .col-md-6:first-child {
            padding-right: 0;
        }

        .two-columns-full-bleed .title {
            max-height: calc(48px*2 + 4px);
            -webkit-line-clamp: 2;
        }

        .two-columns-full-bleed .btn {
            min-width: 234px;
            margin-bottom: 32px;
        }

        .two-columns-full-bleed.vs2 .background-transparent::before {
            width: 42.8888%;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-left .play-button-block {
            padding-left: 13%;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block {
            padding: 56px;
            max-width: 500px;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-right .play-button-block {
            margin-left: 7.3333%;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-right .infos-block {
            padding: 0;
            max-width: 500px;
        }

        .two-columns-full-bleed.vs2 .cont-module.side-right .btn {
            min-width: 251px;
        }

        .two-columns-full-bleed.vs2 .title {
            font-size: 50px;
            line-height: 62px;
            max-height: calc(62px*4);
            -webkit-line-clamp: 4;
            margin-top: 24px;
            margin-bottom: 12px;
        }

        .two-columns-full-bleed.vs2 .description {
            max-height: calc(30px*3 + 1px);
            margin-bottom: 32px;
        }

            .two-columns-full-bleed.vs2 .description p {
                font-size: 16px;
                line-height: 30px;
            }

        .two-columns-full-bleed.vs2 .btn {
            min-width: 229px;
        }
}
/* END Two Columns - Full Bleed*/
/* Two Columns - Generic 50 - 50*/
/* 320 mobile */
.two-columns-generic-50-50 {
    position: relative;
    font-family: "SeatRegular",sans-serif;
}

    .two-columns-generic-50-50.bg-blue-light {
        background-color: #95c0d6;
    }

    .two-columns-generic-50-50 .cont-img {
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 100%;
        height: 240px;
        max-height: 240px;
    }

        .two-columns-generic-50-50 .cont-img span {
            width: auto;
            display: block;
        }

        .two-columns-generic-50-50 .cont-img img {
            object-fit: cover;
            object-position: 0 0;
            width: auto;
            min-width: 100%;
            max-width: none;
            height: 240px;
            max-height: 240px;
        }

    .two-columns-generic-50-50.cont-module .container-fluid,
    .two-columns-generic-50-50 .cont-module .container-fluid {
        padding-right: 16px;
        padding-left: 16px;
    }

    .two-columns-generic-50-50.cont-module .row,
    .two-columns-generic-50-50 .cont-module .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .two-columns-generic-50-50.cont-module .col-md-6,
    .two-columns-generic-50-50.cont-module .col-md-12,
    .two-columns-generic-50-50 .cont-module .col-md-6,
    .two-columns-generic-50-50 .cont-module .col-md-12 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block, .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-left-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-right-50-50 .infos-block {
        padding-bottom: 32px;
        max-width: 440px;
        margin: 0 auto;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .cont-img .f-nofocal,
    .two-columns-generic-50-50 .cont-module.generic-left-50-50 .cont-img .f-nofocal {
        left: 0%;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
    }

    .two-columns-generic-50-50.cont-module.generic-right-50-50 .cont-img .f-nofocal,
    .two-columns-generic-50-50 .cont-module.generic-right-50-50 .cont-img .f-nofocal {
        left: 100%;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .two-columns-generic-50-50.cont-module .pr-sm-0,
    .two-columns-generic-50-50 .cont-module .pr-sm-0 {
        padding-right: 0;
    }

    .two-columns-generic-50-50 .order-photo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .two-columns-generic-50-50 .image-block {
        overflow: hidden;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0;
        width: 100%;
        width: -moz-calc(100% + 24px);
        width: calc(100% + 24px);
    }

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

        .two-columns-generic-50-50 .play-button-block .btn-play {
            margin-left: 8px;
        }

            .two-columns-generic-50-50 .play-button-block .btn-play img {
                position: absolute;
                left: 50%;
                top: 50%;
                bottom: 0;
                margin: 0;
            }

    .two-columns-generic-50-50 .eyebrow {
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 0;
        margin-top: 32px;
        color: inherit;
    }

    .two-columns-generic-50-50 .title {
        padding-bottom: 4px;
        overflow: hidden;
        margin-top: 16px;
        margin-bottom: 32px;
        max-height: 114px;
        max-height: calc(38px*3 + 1px);
        -webkit-line-clamp: 3;
    }

    .two-columns-generic-50-50 .description {
        overflow: hidden;
        max-height: 234px;
        margin-bottom: 32px;
    }

        .two-columns-generic-50-50 .description p {
            font-family: SeatRegular,sans-serif;
            font-size: 14px;
            line-height: 26px;
        }

    .two-columns-generic-50-50 .btn {
        margin: 0 0 32px 0;
        width: 100%;
        max-width: 288px;
        height: 48px;
    }

    .two-columns-generic-50-50 .block-bt-secondary a {
        font-family: seatBold;
        font-size: 14px;
        line-height: 26px;
        margin: 0 0 32px 0;
        display: inline-block;
    }

    .two-columns-generic-50-50 .richtext {
        color: inherit;
    }

        .two-columns-generic-50-50 .richtext p {
            color: inherit;
        }

/* Tablet */
@media (min-width: 764px) {
    .two-columns-generic-50-50 .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-generic-50-50 .cont-img img {
            height: 660px;
            max-height: 660px;
        }

    .two-columns-generic-50-50.cont-module .flex-column,
    .two-columns-generic-50-50 .cont-module .flex-column {
        height: 100%;
    }

        .two-columns-generic-50-50.cont-module .flex-column .align-items-center,
        .two-columns-generic-50-50 .cont-module .flex-column .align-items-center {
            height: 100%;
        }

    .two-columns-generic-50-50.cont-module .container-fluid,
    .two-columns-generic-50-50 .cont-module .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
    }

    .two-columns-generic-50-50.cont-module .row,
    .two-columns-generic-50-50 .cont-module .row {
        margin-right: -16px;
        margin-left: -16px;
    }

    .two-columns-generic-50-50.cont-module .col-12,
    .two-columns-generic-50-50.cont-module .col-md-6,
    .two-columns-generic-50-50.cont-module .col-md-12,
    .two-columns-generic-50-50 .cont-module .col-12,
    .two-columns-generic-50-50 .cont-module .col-md-6,
    .two-columns-generic-50-50 .cont-module .col-md-12 {
        padding-right: 16px;
        padding-left: 16px;
    }

    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block, .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-right-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-left-50-50 .infos-block {
        max-width: 360px;
        padding-bottom: 0;
    }

    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-right-50-50 .infos-block {
        padding-left: 16px;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-left-50-50 .infos-block {
        padding-right: 16px;
    }

    .two-columns-generic-50-50.cont-module .order-photo,
    .two-columns-generic-50-50 .cont-module .order-photo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .two-columns-generic-50-50 .image-block {
        width: 100%;
        width: -moz-calc(100% + 32px);
        width: calc(100% + 32px);
    }

    .two-columns-generic-50-50 .play-button-block .btn-play {
        margin-left: 0;
    }

    .two-columns-generic-50-50 .eyebrow {
        margin-top: 0;
    }

    .two-columns-generic-50-50 .title {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 24px;
        max-height: calc(48px*3 );
        -webkit-line-clamp: 3;
    }

    .two-columns-generic-50-50 .description {
        max-height: 234px;
    }

    .two-columns-generic-50-50 .btn {
        margin: 0 0 32px 0;
        min-width: 214px;
        width: auto;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .two-columns-generic-50-50 .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-generic-50-50 .cont-img img {
            height: 660px;
            max-height: 660px;
        }

    .two-columns-generic-50-50 .image-block {
        width: 100%;
        width: -moz-calc(100% + 32px);
        width: calc(100% + 32px);
    }

    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block, .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-right-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-left-50-50 .infos-block {
        max-width: 468px;
    }

    .two-columns-generic-50-50 .title {
        margin-bottom: 32px;
        max-height: calc(48px*2);
        -webkit-line-clamp: 2;
    }

    .two-columns-generic-50-50 .description {
        max-height: 180px;
    }

        .two-columns-generic-50-50 .description p {
            font-size: 16px;
            line-height: 30px;
        }

    .two-columns-generic-50-50 .btn {
        min-width: 214px;
        margin: 0 0 32px 0;
    }

    .two-columns-generic-50-50 .block-bt-secondary a {
        font-size: 16px;
        font-family: seatBold;
        line-height: 30px;
    }

        .two-columns-generic-50-50 .block-bt-secondary a .arrow {
            width: 16px;
        }

            .two-columns-generic-50-50 .block-bt-secondary a .arrow img {
                margin-top: -3px;
            }
}
/* XL */
@media (min-width: 1436px) {
    .two-columns-generic-50-50 .cont-img {
        overflow: inherit;
        height: 660px;
        max-height: 660px;
    }

        .two-columns-generic-50-50 .cont-img img {
            height: 660px;
            max-height: 660px;
        }

    .two-columns-generic-50-50.cont-module .col-xl-4,
    .two-columns-generic-50-50 .cont-module .col-xl-4 {
        padding-right: 0;
        padding-left: 0;
    }

    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-right-50-50 .infos-block {
        padding-left: 120px;
        margin-right: 15.333333%;
        margin-left: 0;
        max-width: 575px;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block,
    .two-columns-generic-50-50 .cont-module.generic-left-50-50 .infos-block {
        padding-left: 15.333333%;
        padding-right: 120px;
        max-width: 718px;
        margin-right: 0;
        margin-left: auto;
    }

    .two-columns-generic-50-50 .title {
        max-height: calc(48px*2 + 4px);
        -webkit-line-clamp: 2;
    }

    .two-columns-generic-50-50 .btn {
        min-width: 202px;
        margin: 0 0 32px 0;
    }

    .two-columns-generic-50-50 .description {
        max-height: 180px;
    }

        .two-columns-generic-50-50 .description p {
            font-size: 16px;
            line-height: 30px;
        }
}
/* END Two Columns - Generic 50 - 50*/
/* Mobile */
.two-columns-70-30 {
    overflow: hidden;
}

    .two-columns-70-30 .container-fluid .row .col-12 {
        padding: 0;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img {
            position: relative;
            overflow: hidden;
            height: 240px;
            max-height: 240px;
            width: 100%;
            margin: 0;
        }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-img img {
                width: auto;
                position: absolute;
                height: 240px;
                max-height: 240px;
                top: -100%;
                bottom: -100%;
                margin: auto;
                min-width: 100%;
                min-height: 100%;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block {
                position: absolute;
                width: 100%;
                text-align: center;
                top: 0;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block a {
                    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;
                    margin-left: -24px;
                    padding-top: 7.5px;
                }

                    .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block a:hover {
                        background: rgba(51, 48, 46, 0.8);
                    }

                    .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block a img {
                        width: 14px;
                        height: 14px;
                        min-width: 14px;
                        min-height: 14px;
                        margin: 0;
                        position: absolute;
                        left: calc(50% - 7px);
                        top: calc(50% - 7px);
                        bottom: 0;
                    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-module {
            height: 100%;
        }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text {
                padding: 32px 16px 8px;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                align-content: center;
                justify-content: flex-start;
                height: 100%;
                max-width: 440px;
                margin: auto;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .eyebrow {
                    margin-bottom: 16px;
                    font-size: 14px;
                    line-height: 26px;
                    max-height: 30px;
                    overflow: hidden;
                    font-family: SeatBold;
                    color: inherit;
                }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .title {
                    margin-bottom: 32px;
                    max-height: calc(38px*3 + 1px);
                    overflow: hidden;
                }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description {
                    max-height: 234px;
                    overflow: hidden;
                    margin: 0;
                    margin-bottom: 32px;
                }

                    .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description p {
                        font-size: 14px;
                        line-height: 26px;
                        font-family: SeatRegular;
                        margin: 0;
                    }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn {
                    max-width: 288px;
                    margin-bottom: 32px;
                }

                    .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn:hover {
                        text-decoration: none;
                    }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link,
                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-orange,
                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow,
                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-orange,
                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-white,
                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-orange,
                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-white {
                    display: inline-block;
                    width: auto;
                    font-family: seatBold;
                    font-size: 14px;
                    line-height: 26px;
                    margin-bottom: 32px;
                }

    .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        display: flex;
        flex-direction: row;
    }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 2;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 1;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module .cont-module-text {
            max-width: 440px;
            align-self: flex-end;
            justify-content: center;
            padding-top: 32px;
        }

    .two-columns-70-30 .richtext {
        color: inherit;
    }

        .two-columns-70-30 .richtext p {
            color: inherit;
        }

    *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        flex-direction: row;
    }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 2;
        }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 1;
        }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .two-columns-70-30 .container-fluid .row .col-12 .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img img {
            height: 660px;
            max-height: 660px;
        }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img .over .btn-play {
            margin-left: -16px;
            width: 48px;
            height: 48px;
        }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block a {
            width: 58px;
            height: 58px;
        }

    .two-columns-70-30 .container-fluid .row .col-12 .cont-module {
        height: 100%;
        padding: 32px 32px 0;
        margin-left: 0;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text {
            padding: 0;
            justify-content: center;
            max-width: 360px;
        }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .title {
                font-family: SeatBlack;
                font-size: 38px;
                line-height: 48px;
                max-height: calc(48px*3 + 4px);
                padding-bottom: 4px;
                overflow: hidden;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description {
                max-height: 234px;
                overflow: hidden;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn {
                margin-bottom: 32px;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn:hover {
                    text-decoration: none;
                }

    .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        display: flex;
        flex-direction: row;
    }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 1;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 2;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module .cont-module-text {
            align-self: flex-end;
            justify-content: center;
            padding-top: 0px;
            max-width: 360px;
        }

            .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module .cont-module-text .title {
                max-height: calc(48px*3);
                line-height: 48px;
                overflow: hidden;
            }

    *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        flex-direction: row;
    }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 1;
        }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 2;
        }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .two-columns-70-30 .container-fluid .row .col-12 .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img img {
            height: 660px;
            max-height: 660px;
        }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block a {
            width: 58px;
            height: 58px;
        }

    .two-columns-70-30 .container-fluid .row .col-12 .cont-module {
        padding: 32px 32px 0;
        margin-left: -24px;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text {
            max-width: 336px;
            padding: 0;
            justify-content: center;
        }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .eyebrow {
                font-family: SeatBold;
                font-size: 16px;
                line-height: 30px;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .title {
                line-height: 48px;
                max-height: calc(48px*2 + 4px);
                overflow: hidden;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description {
                max-height: 180px;
                overflow: hidden;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description p {
                    font-family: SeatRegular;
                    font-size: 16px;
                    line-height: 30px;
                }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn {
                margin-bottom: 32px;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn:hover {
                    text-decoration: none;
                }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-orange,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-orange,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-white,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-orange,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-white {
                font-size: 16px;
            }

    .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        display: flex;
        flex-direction: row;
    }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 1;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 2;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module {
            margin-left: 0;
            margin-right: -22px;
        }

            .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module .cont-module-text {
                align-self: flex-end;
                justify-content: center;
                padding-top: 0px;
            }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-img {
            margin-left: 22px;
        }

    *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        flex-direction: row;
    }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 1;
        }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 2;
        }
}
/* Large Desktop*/
@media (min-width: 1436px) {
    .two-columns-70-30 .container-fluid .row .col-12 .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img img {
            height: 660px;
            max-height: 660px;
        }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-img .play-block a {
            width: 58px;
            height: 58px;
        }

    .two-columns-70-30 .container-fluid .row .col-12 .cont-module {
        padding: 32px 32px 0;
        margin-left: -24px;
    }

        .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text {
            padding: 0;
            justify-content: center;
            max-width: 456px;
        }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .eyebrow {
                font-family: SeatBold;
                font-size: 16px;
                line-height: 30px;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .title {
                line-height: 48px;
                max-height: calc(48px*2 + 4px);
                padding-bottom: 4px;
                overflow: hidden;
            }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description {
                max-height: 180px;
                overflow: hidden;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .description p {
                    font-size: 16px;
                    line-height: 30px;
                }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn {
                margin-bottom: 32px;
            }

                .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .btn:hover {
                    text-decoration: none;
                }

            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-orange,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-orange,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-white,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-orange,
            .two-columns-70-30 .container-fluid .row .col-12 .cont-module .cont-module-text .link-arrow-white {
                font-size: 16px;
            }

    .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        display: flex;
        flex-direction: row;
    }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 1;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 2;
        }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module {
            display: flex;
            flex-direction: row;
            margin-left: 0;
            margin-right: -24px;
        }

            .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module .cont-module-text {
                align-self: flex-end;
                justify-content: center;
                padding-top: 0px;
            }

        .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-img {
            margin-left: 24px;
        }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12 .cont-module .cont-module-text {
            width: 440px;
        }

    *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row {
        flex-direction: row;
    }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:first-child {
            order: 1;
        }

        *::-ms-backdrop, .two-columns-70-30.two-columns-70-30-left .container-fluid .row .col-12:last-child {
            order: 2;
        }
}

@media (min-width: 1960px) {
    .two-columns-70-30 .container-fluid .row .col-12 .cont-img span {
        /*img {
        width: 100%;
        height: auto;
        max-height: none;
    }*/
    }
}
/* 320 mobile */
.twoColumnsToogle {
    position: relative;
}

    .twoColumnsToogle .cont-img {
        overflow: hidden;
        height: 240px;
        max-height: 240px;
        width: 100%;
        padding: 0;
    }

        .twoColumnsToogle .cont-img .toggle_img_one {
            display: block;
        }

        .twoColumnsToogle .cont-img .toggle_img_two {
            display: none;
        }

        .twoColumnsToogle .cont-img img {
            position: relative;
            width: auto;
            max-width: none;
            height: 240px;
            max-height: 240px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .twoColumnsToogle .cont-img img.img-filter {
                filter: blur(5px);
            }

    .twoColumnsToogle .cont-module {
        padding-bottom: 32px;
    }

        .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;
        }

    .twoColumnsToogle .eyebrow {
        font-family: SeatBold,sans-serif;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 16px;
        max-height: calc(26px*1 + 4px);
        overflow: hidden;
        color: inherit;
    }

    .twoColumnsToogle .title {
        font-family: SeatBlack,sans-serif;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 32px;
        max-height: calc(38px*3 + 0px);
        padding-bottom: 4px;
        overflow: hidden;
    }

    .twoColumnsToogle .description {
        margin-bottom: 32px;
        max-height: 208px;
        overflow: hidden;
    }

        .twoColumnsToogle .description p {
            font-family: SeatRegular,sans-serif;
            font-size: 14px;
            line-height: 26px;
            margin: 0;
        }

    .twoColumnsToogle .highlight-title {
        font-family: SeatBlack,sans-serif;
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 8px;
    }

    .twoColumnsToogle .highlight-subtitle {
        font-family: SeatBold,sans-serif;
        font-size: 14px;
        line-height: 26px;
    }

    .twoColumnsToogle .switch {
        position: relative;
        display: inline-block;
        width: 50px;
    }

        .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: 34px;
        }

            .twoColumnsToogle .switch .slider.round:before {
                border-radius: 50%;
            }

        .twoColumnsToogle .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 10px;
            background-color: #474543;
            -webkit-transition: .4s;
            transition: .4s;
        }

            .twoColumnsToogle .switch .slider:before {
                position: absolute;
                content: "";
                height: 26px;
                width: 26px;
                top: -8px;
                left: 0;
                background-color: #fafaf9;
                -webkit-transition: .4s;
                transition: .4s;
            }

        .twoColumnsToogle .switch.active .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        .twoColumnsToogle .switch.active .slider {
            -webkit-transition: .4s;
            transition: .4s;
        }

            .twoColumnsToogle .switch.active .slider:before {
                -webkit-transition: .4s;
                transition: .4s;
            }

    .twoColumnsToogle .toogle-element.dark-mode .switch .slider {
        background-color: rgba(222, 218, 212, 0.4);
    }

        .twoColumnsToogle .toogle-element.dark-mode .switch .slider:before {
            background-color: #33302E;
        }

    .twoColumnsToogle .toogle-element {
        margin: 16px auto 8px auto;
        text-align: center;
    }

    .twoColumnsToogle .toogle-subtitle {
        font-family: SeatRegular,sans-serif;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        padding-bottom: 8px;
        max-height: calc(22px*1 + 1px);
        overflow: hidden;
    }

    .twoColumnsToogle .centercontent {
        max-width: 440px;
        margin: auto;
    }

    .twoColumnsToogle.full-bleed .cont-module .eyebrow {
        color: #fff;
    }

    .twoColumnsToogle.full-bleed .cont-module .title {
        color: #fff;
    }

    .twoColumnsToogle.full-bleed .cont-module .description p {
        color: #fff;
    }

    .twoColumnsToogle.full-bleed .cont-module .toogle-subtitle {
        color: #fff;
    }

    .twoColumnsToogle.full-bleed .cont-module .highlight-title {
        color: #fff;
    }

    .twoColumnsToogle.full-bleed .cont-module .highlight-subtitle {
        color: #fff;
    }

    .twoColumnsToogle.full-bleed .cont-module .row.box-bottom {
        border-bottom: 1px solid #474543;
    }

    .twoColumnsToogle .richtext {
        color: inherit;
    }

        .twoColumnsToogle .richtext p {
            color: inherit;
        }

/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .twoColumnsToogle {
        /* grid */
    }

        .twoColumnsToogle .cont-module.background-transparent::before {
            background: rgba(51, 48, 46, 0.6);
            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: rgba(51, 48, 46, 0.6);
            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: 16px;
                padding-left: 16px;
            }

            .twoColumnsToogle .cont-module.side-right::before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                right: 0;
                left: 50%;
            }

            .twoColumnsToogle .cont-module.side-right .col-md-6 {
                padding-left: 32px;
            }

            .twoColumnsToogle .cont-module.side-right .row.percentage .col-md-6 {
                padding-left: 16px;
            }

            .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-6,
            .twoColumnsToogle .cont-module.background-transparent.right-transparent .col-md-12 {
                padding-right: 0px;
                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 {
                    padding-top: 24px;
                    margin: unset;
                }

                    .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: 32px;
                    }

                .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: unset;
                }

        .twoColumnsToogle .cont-img {
            height: 660px;
            max-height: 660px;
            padding-right: 0;
            padding-left: 0;
        }

            .twoColumnsToogle .cont-img img {
                height: 660px;
                max-height: 660px;
            }

        .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 .cont-module .row.percentage .col-6 {
                padding-top: 24px;
            }

            .twoColumnsToogle .cont-module .row.toogle-switch .col-12 {
                padding-top: 4px;
            }

        .twoColumnsToogle .eyebrow {
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 16px;
            max-height: calc(26px*1 + 4px);
            overflow: hidden;
        }

        .twoColumnsToogle .title {
            font-size: 38px;
            line-height: 48px;
            margin-bottom: 24px;
            max-height: calc(48px*3 + 4px);
            padding-bottom: 4px;
            overflow: hidden;
        }

            .twoColumnsToogle .title.active {
                outline: 1px solid red;
            }

        .twoColumnsToogle .description {
            margin-bottom: 32px;
            max-height: 130px;
            overflow: hidden;
        }

            .twoColumnsToogle .description p {
                font-size: 14px;
                line-height: 26px;
            }

        .twoColumnsToogle .highlight-title {
            font-size: 38px;
            line-height: 40px;
            margin-bottom: 8px;
        }

        .twoColumnsToogle .highlight-subtitle {
            font-size: 14px;
            line-height: 26px;
        }

        .twoColumnsToogle .toogle-element {
            margin: 16px auto 16px auto;
            text-align: left;
        }

        .twoColumnsToogle .toogle-subtitle {
            font-size: 12px;
            line-height: 22px;
            text-align: left;
            padding-bottom: 0;
            margin-bottom: 0;
            max-height: calc(22px*1 + 1px);
            overflow: hidden;
        }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .twoColumnsToogle {
        /* grid */
    }

        .twoColumnsToogle .centercontent {
            max-width: 468px;
            margin: auto;
        }

        .twoColumnsToogle .cont-module.background-transparent::before {
            background: rgba(51, 48, 46, 0.6);
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 50%;
        }

        .twoColumnsToogle .cont-module.background-transparent.right-transparent::before {
            background: rgba(51, 48, 46, 0.6);
            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: 16px;
                padding-left: 16px;
            }

            .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: 24px;
                }

                .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: unset;
                }

                    .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: unset;
                    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: 8px auto 8px auto;
                }

            .twoColumnsToogle .cont-module.side-right::before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                right: 0;
                left: 50%;
            }

            .twoColumnsToogle .cont-module.side-right .col-md-6 {
                padding-left: 32px;
            }

            .twoColumnsToogle .cont-module.side-right .row.percentage .col-md-6 {
                padding-left: 16px;
            }

        .twoColumnsToogle .cont-img {
            height: 660px;
            max-height: 660px;
            padding-right: 0;
            padding-left: 0;
        }

            .twoColumnsToogle .cont-img img {
                height: 660px;
                max-height: 660px;
            }

        .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 {
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 16px;
            max-height: calc(30px*1 + 4px);
            overflow: hidden;
        }

        .twoColumnsToogle .title {
            font-size: 38px;
            line-height: 48px;
            margin-bottom: 32px;
            max-height: calc(48px*2 + 4px);
            overflow: hidden;
        }

        .twoColumnsToogle .description {
            margin-bottom: 32px;
            max-height: 120px;
            overflow: hidden;
        }

            .twoColumnsToogle .description p {
                font-size: 16px;
                line-height: 30px;
            }

        .twoColumnsToogle .highlight-title {
            font-size: 38px;
            line-height: 40px;
            margin-bottom: 8px;
        }

        .twoColumnsToogle .highlight-subtitle {
            font-size: 14px;
            line-height: 26px;
        }

        .twoColumnsToogle .toogle-element {
            text-align: left;
            margin: 24px auto 8px auto;
        }

        .twoColumnsToogle .toogle-subtitle {
            font-size: 14px;
            line-height: 26px;
            text-align: left;
            padding-bottom: 0;
            margin-bottom: 0;
            max-height: calc(26px*1 + 1px);
            overflow: hidden;
        }
}
/* XL */
@media (min-width: 1436px) {
    .twoColumnsToogle {
        /* grid */
        /* component */
    }

        .twoColumnsToogle .background-transparent::before {
            background: rgba(51, 48, 46, 0.6);
            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 .background-transparent.right-transparent::before {
            background: rgba(51, 48, 46, 0.6);
            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 {
            margin-left: 57.88888%;
        }

        .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: 16px;
                padding-left: 16px;
            }

            .twoColumnsToogle .cont-module .col-xl-4 {
                padding-right: 0;
                padding-left: 0px;
                max-width: 468px;
                margin-left: 8.33333%;
            }

            .twoColumnsToogle .cont-module.side-right::before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                right: 0;
                left: 50%;
            }

            .twoColumnsToogle .cont-module.side-right .col-md-6 {
                padding-left: 32px;
            }

            .twoColumnsToogle .cont-module.side-right .row.percentage .col-md-6 {
                padding-left: 16px;
            }

            .twoColumnsToogle .cont-module.side-right .col-xl-4 {
                padding-right: 0;
                padding-left: 0;
                max-width: 468px;
                margin-left: 57.88888%;
            }

        .twoColumnsToogle .cont-img {
            overflow: hidden;
            height: 660px;
            max-height: 660px;
            padding-left: 0;
            padding-right: 0;
        }

            .twoColumnsToogle .cont-img img {
                height: 660px;
                max-height: 660px;
            }

        .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 {
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 16px;
            max-height: calc(26px*1 + 4px);
            overflow: hidden;
        }

        .twoColumnsToogle .title {
            font-size: 38px;
            line-height: 48px;
            margin-bottom: 32px;
            max-height: calc(48px*2 + 4px);
            overflow: hidden;
        }

        .twoColumnsToogle .description {
            margin-bottom: 32px;
            max-height: 120px;
            overflow: hidden;
        }

            .twoColumnsToogle .description p {
                font-size: 16px;
                line-height: 30px;
            }

        .twoColumnsToogle .highlight-title {
            font-size: 38px;
            line-height: 40px;
            margin-bottom: 8px;
        }

        .twoColumnsToogle .highlight-subtitle {
            font-size: 14px;
            line-height: 26px;
        }

        .twoColumnsToogle .toogle-element {
            margin: 24px auto 16px auto;
            text-align: left;
        }

        .twoColumnsToogle .toogle-subtitle {
            font-size: 12px;
            line-height: 22px;
            text-align: left;
            padding-bottom: 0;
            margin-bottom: 0;
            max-height: calc(22px*1 + 1px);
            overflow: hidden;
        }

        .twoColumnsToogle .centercontent {
            max-width: 468px;
        }
}
/*-------------------------- TWO COLUMNS SLIDER RIGHT -------------------------*/
/* 320 mobile */
.two-columns-slider {
    position: relative;
}

    .two-columns-slider .cont-img {
        width: 100%;
        position: relative;
        height: 240px;
        max-height: 240px;
        overflow: hidden;
    }

        .two-columns-slider .cont-img span img {
            position: relative;
            height: 240px;
            max-height: 240px;
            width: auto;
            max-width: none;
        }

            .two-columns-slider .cont-img span img.f-right {
                left: calc(100% + 16px);
            }

            .two-columns-slider .cont-img span img.f-left {
                left: -16px;
            }

        .two-columns-slider .cont-img .play-block {
            position: absolute;
            width: calc( 100% - 32px);
            text-align: center;
            top: 0;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .two-columns-slider .cont-img .play-block .btn-play img {
                position: absolute;
                left: 50%;
                top: 50%;
                bottom: 0;
                margin: initial;
            }

    .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: rgba(255, 255, 255, 0.2);
        position: relative;
    }

    .two-columns-slider .cont-module .slider-element .rangeslider__fill {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .two-columns-slider .cont-module .slider-element .rangeslider__handle {
        background-color: #fff;
        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-element.dark-mode .rangeslider__handle {
        background-color: #33302E;
    }

    .two-columns-slider .cont-module .slider-element.dark-mode .rangeslider {
        background-color: rgba(222, 218, 212, 0.4);
        position: relative;
    }

    .two-columns-slider .cont-module .slider-element.dark-mode .rangeslider__fill {
        background-color: rgba(51, 48, 46, 0.8);
    }

    .two-columns-slider .cont-module .slider-subtitle {
        margin: 16px 0 0 0;
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        color: inherit;
        opacity: 0.6;
        letter-spacing: 0;
        line-height: 22px;
        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: 440px;
        margin: auto;
    }

        .two-columns-slider .cont-module .content .eyebrow {
            margin-bottom: 16px;
            font-size: 16px;
            line-height: 30px;
            letter-spacing: 0;
            color: inherit;
            white-space: nowrap;
            overflow: hidden;
            color: inherit;
        }

        .two-columns-slider .cont-module .content .title {
            font-family: "SeatBlack",sans-serif;
            font-size: 30px;
            color: inherit;
            letter-spacing: 0;
            line-height: 38px;
            overflow: hidden;
            max-height: 114px;
            margin: 0;
        }

        .two-columns-slider .cont-module .content .description {
            margin: 32px 0;
            overflow: hidden;
            max-height: 208px;
        }

            .two-columns-slider .cont-module .content .description p {
                margin: 0;
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                color: inherit;
                letter-spacing: 0;
                line-height: 26px;
            }

        .two-columns-slider .cont-module .content .block-bt-secondary {
            margin: 32px 0;
            text-align: left;
        }

        .two-columns-slider .cont-module .content .btn {
            max-width: 288px;
        }

        .two-columns-slider .cont-module .content .btn-outline-black {
            width: 100%;
            height: 48px;
        }

        .two-columns-slider .cont-module .content .block-bt-primary a {
            width: 100%;
            height: 48px;
        }

        .two-columns-slider .cont-module .content .richtext {
            color: inherit;
        }

            .two-columns-slider .cont-module .content .richtext p {
                color: inherit;
            }

    .two-columns-slider.full-bleed .cont-module .content .eyebrow {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .title {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .description p {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .slider-subtitle {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module hr {
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    }

@media (max-width: 763px) {
    .two-columns-slider .cont-module .content .block-bt-secondary a {
        width: 100%;
        height: 48px;
    }

    .two-columns-slider .cont-module .content .block-bt-primary + .block-bt-primary {
        margin: 32px 0;
    }
}
/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .two-columns-slider .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-slider .cont-img span img {
            height: 660px;
            max-height: 660px;
        }

    .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: -8px;
                }

        .two-columns-slider .cont-module .content {
            max-width: 360px;
        }

            .two-columns-slider .cont-module .content .eyebrow {
                font-size: 14px;
                line-height: 26px;
            }

            .two-columns-slider .cont-module .content .title {
                font-size: 38px;
                line-height: 48px;
                max-height: calc(48px*3);
            }

            .two-columns-slider .cont-module .content .description {
                margin: 20px 0 32px 0;
                max-height: 130px;
            }

            .two-columns-slider .cont-module .content .block-bt-primary {
                margin-top: 32px;
            }

                .two-columns-slider .cont-module .content .block-bt-primary a {
                    min-width: 214px;
                    width: auto;
                }

            .two-columns-slider .cont-module .content .block-bt-secondary {
                margin: 32px 0 0 0;
                text-align: left;
            }

        .two-columns-slider .cont-module .slider-subtitle {
            margin: 8px 0 0 0;
            text-align: left;
        }

    .two-columns-slider.full-bleed .cont-img.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .two-columns-slider.full-bleed .cont-img.col-md-6.offset-md-6 {
            margin-left: 0;
        }

    .two-columns-slider.full-bleed .cont-img .play-block {
        width: 100%;
        left: 25%;
    }

    .two-columns-slider.full-bleed .cont-img.side-left .play-block {
        left: inherit;
        right: 25%;
    }

    .two-columns-slider.full-bleed .cont-module.background-transparent::before {
        background: rgba(51, 48, 46, 0.6);
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 50%;
    }

    .two-columns-slider.full-bleed .cont-module.background-transparent.side-right::before {
        left: 50%;
        right: 0;
    }

    .two-columns-slider.full-bleed .cont-module .content .eyebrow {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .title {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .description p {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .slider-subtitle {
        color: #fff;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .two-columns-slider .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-slider .cont-img span img {
            height: 660px;
            max-height: 660px;
        }

    .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: -8px;
                }

        .two-columns-slider .cont-module .content {
            max-width: 468px;
        }

            .two-columns-slider .cont-module .content .title {
                font-size: 38px;
                line-height: 48px;
                max-height: calc(48px*2);
            }

            .two-columns-slider .cont-module .content .description {
                margin: 28px 0 32px 0;
                max-height: 120px;
            }

                .two-columns-slider .cont-module .content .description p {
                    font-size: 16px;
                    line-height: 30px;
                }

            .two-columns-slider .cont-module .content .block-bt-primary {
                margin-top: 32px;
            }

                .two-columns-slider .cont-module .content .block-bt-primary a {
                    min-width: 214px;
                    width: auto;
                    font-size: 16px;
                }

            .two-columns-slider .cont-module .content .block-bt-secondary {
                margin: 32px 0 0 0;
                text-align: left;
            }

                .two-columns-slider .cont-module .content .block-bt-secondary a {
                    font-size: 16px;
                }

        .two-columns-slider .cont-module .slider-subtitle {
            margin: 8px 0 0 0;
            text-align: left;
        }

    .two-columns-slider.full-bleed .cont-img.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .two-columns-slider.full-bleed .cont-img.col-md-6.offset-md-6 {
            margin-left: 0;
        }

    .two-columns-slider.full-bleed .cont-img .play-block {
        width: 100%;
        left: 25%;
    }

    .two-columns-slider.full-bleed .cont-img.side-left .play-block {
        left: inherit;
        right: 25%;
    }

    .two-columns-slider.full-bleed .cont-module.background-transparent::before {
        background: rgba(51, 48, 46, 0.6);
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 50%;
    }

    .two-columns-slider.full-bleed .cont-module.background-transparent.side-right::before {
        left: 50%;
        right: 0;
    }

    .two-columns-slider.full-bleed .cont-module .content .eyebrow {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .title {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .description p {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .slider-subtitle {
        color: #fff;
    }
}
/* XL */
@media (min-width: 1436px) {
    .two-columns-slider .cont-img {
        height: 660px;
        max-height: 660px;
    }

        .two-columns-slider .cont-img span img {
            height: 660px;
            max-height: 660px;
        }

    .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 .slider-element .rangeslider .rangeslider__handle {
                    top: -8px;
                }

        .two-columns-slider .cont-module .content {
            max-width: 468px;
            margin: 0;
        }

            .two-columns-slider .cont-module .content .title {
                font-size: 38px;
                line-height: 48px;
                max-height: calc(48px*2);
            }

            .two-columns-slider .cont-module .content .description {
                margin: 28px 0 32px 0;
                max-height: 120px;
            }

                .two-columns-slider .cont-module .content .description p {
                    font-size: 16px;
                    line-height: 30px;
                    margin: 0;
                }

            .two-columns-slider .cont-module .content .block-bt-primary {
                margin-top: 32px;
            }

                .two-columns-slider .cont-module .content .block-bt-primary a {
                    min-width: 202px;
                    width: auto;
                    font-size: 16px;
                }

            .two-columns-slider .cont-module .content .block-bt-secondary {
                margin: 32px 0 0 0;
                text-align: left;
            }

                .two-columns-slider .cont-module .content .block-bt-secondary a {
                    font-size: 16px;
                }

        .two-columns-slider .cont-module .slider-subtitle {
            margin: 8px 0 0 0;
            text-align: left;
        }

    .two-columns-slider.full-bleed .cont-img.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .two-columns-slider.full-bleed .cont-img.col-md-6.offset-md-6 {
            margin-left: 0;
        }

    .two-columns-slider.full-bleed .cont-img .play-block {
        width: 100%;
        left: 50%;
        max-width: 764px;
    }

    .two-columns-slider.full-bleed .cont-img.side-left .play-block {
        left: inherit;
        right: 50%;
    }

    .two-columns-slider.full-bleed .cont-module.background-transparent::before {
        background: rgba(51, 48, 46, 0.6);
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 50%;
    }

    .two-columns-slider.full-bleed .cont-module.background-transparent.side-right::before {
        left: 50%;
        right: 0;
    }

    .two-columns-slider.full-bleed .cont-module .content .eyebrow {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .title {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .description p {
        color: #fff;
    }

    .two-columns-slider.full-bleed .cont-module .content .slider-subtitle {
        color: #fff;
    }
}
/*-------------------------- END TWO COLUMNS SLIDER RIGHT -------------------------*/
/* IFRAME */
iframe.iframeComponent {
    border: 0;
    overflow: auto;
    width: 100%;
}

/* SP2      */
/* homepage */
/**************** HOME GRID ************************/
/*Transferir para general_styles*/
.seat-tag {
    max-width: 144px;
    font-family: "SeatMedium",sans-serif;
    display: inline-block;
    padding: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: baseline;
    border-radius: 4px;
    font-size: 75%;
    line-height: 1.2;
}

    .seat-tag.bg-emerald, .seat-tag.bg-black {
        color: #fff;
    }

    .seat-tag .text-off {
        font-family: "SeatRegular",sans-serif;
        font-size: 93%;
        margin-left: 2px;
    }

/*Fin Transferir para general_styles*/
.homepage-grid {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    background-color: #fafaf9;
    /*Especificas para primary box*/
    /*Fin Especificas para primary box*/
    /*Especificas para secondary box*/
    /*Fin Especificas para secondary box*/
    /*Carousel*/
    /*Fin Carousel*/
}

    .homepage-grid .seat-tag {
        font-family: "SeatBold",sans-serif;
    }

    .homepage-grid .container-fluid {
        max-width: 1436px;
    }

    .homepage-grid .bg-gray {
        background-color: #dedad4;
    }

    .homepage-grid .bg-gray-25 {
        background-color: rgba(222, 218, 212, 0.25);
    }

    .homepage-grid .bg-gray-50 {
        background-color: rgba(222, 218, 212, 0.5);
    }

    .homepage-grid .bg-gray-75 {
        background-color: rgba(222, 218, 212, 0.75);
    }

    .homepage-grid .entire-div-clickable span {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .homepage-grid .cont-img {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

        .homepage-grid .cont-img img {
            max-width: 100%;
            height: auto;
        }

    .homepage-grid .main-title {
        font-family: "SeatBlack",sans-serif;
        color: #0f0f0f;
        letter-spacing: normal;
        font-stretch: normal;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 26px;
    }

    .homepage-grid .link {
        font-family: "SeatBold",sans-serif;
        padding-bottom: 4px;
        margin: 0;
        max-width: 100%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: clip;
    }

    .homepage-grid .primary-box {
        position: relative;
        text-align: center;
        padding: 40px 16px 48px 16px;
        margin-bottom: 0;
        margin-top: 0;
    }

        .homepage-grid .primary-box .infos-block {
            height: 218px;
        }

    .homepage-grid .spacing-primary-box {
        padding-left: 0;
        padding-right: 0;
    }

    .homepage-grid .secondary-subtitle-block {
        margin-bottom: 16px;
    }

    .homepage-grid .secondary-title {
        font-family: "SeatBold",sans-serif;
        color: #0f0f0f;
        letter-spacing: 0;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 26px;
    }

    .homepage-grid .secondary-subtitle {
        margin-right: 16px;
    }

        .homepage-grid .secondary-subtitle:last-child {
            margin-right: 0;
        }

        .homepage-grid .secondary-subtitle p {
            font-family: "SeatRegular",sans-serif;
            color: #0f0f0f;
            letter-spacing: 0;
            margin-bottom: 0;
            font-size: 12px;
            line-height: 22px;
        }

            .homepage-grid .secondary-subtitle p span {
                margin-right: 8px;
            }

                .homepage-grid .secondary-subtitle p span img {
                    max-width: 23px;
                    max-height: 16px;
                    margin-top: -3px;
                }

    .homepage-grid .before-price {
        font-family: "SeatRegular",sans-serif;
        color: rgba(15, 15, 15, 0.6);
        letter-spacing: 0;
        margin-right: 16px;
        font-size: 14px;
        line-height: 26px;
    }

        .homepage-grid .before-price .strikethrough {
            margin-left: 8px;
            text-decoration: line-through;
        }

    .homepage-grid .price {
        font-family: "SeatBold",sans-serif;
        color: #0f0f0f;
        letter-spacing: 0;
        margin-top: 8px;
        margin-bottom: 16px;
        font-size: 30px;
        line-height: 38px;
    }

        .homepage-grid .price p {
            margin-bottom: 0;
        }

        .homepage-grid .price .asterisk,
        .homepage-grid .price .euro-symbol {
            color: #33302E;
            margin-left: 3px;
            font-size: 14px;
            line-height: 26px;
        }

    .homepage-grid .primary-box-bt-block {
        text-align: center;
    }

    .homepage-grid .btn {
        max-width: 320px;
        width: 100%;
        height: 48px;
        margin: 0;
    }

    .homepage-grid .secondary-box {
        position: relative;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 0;
        min-height: 365px;
    }

        .homepage-grid .secondary-box .image-block {
            margin-top: 24px;
            margin-bottom: 24px;
        }

            .homepage-grid .secondary-box .image-block .cont-img {
                margin: auto;
                width: 100%;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                -webkit-align-content: stretch;
                align-content: stretch;
                max-width: 288px;
                height: 125px;
            }

                .homepage-grid .secondary-box .image-block .cont-img img {
                    left: 0;
                    transform: none;
                    width: 100%;
                    height: auto;
                    min-width: 100%;
                    max-width: none;
                    min-height: 100%;
                }

        .homepage-grid .secondary-box .bt-block {
            z-index: 2;
            position: relative;
        }

            .homepage-grid .secondary-box .bt-block a {
                max-width: 100%;
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: clip;
                overflow: hidden;
            }

    .homepage-grid .main-subtitle {
        font-family: "SeatRegular",sans-serif;
        color: rgba(15, 15, 15, 0.6);
        letter-spacing: 0;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0;
        overflow: hidden;
        white-space: normal;
        padding-bottom: 0;
        height: 52px;
        height: calc(26px*2);
        -webkit-line-clamp: 2;
    }

    .homepage-grid .carousel .controls {
        display: none;
        opacity: 0;
        padding: 0;
        margin: 0 auto;
    }

        .homepage-grid .carousel .controls .carousel-control-next,
        .homepage-grid .carousel .controls .carousel-control-prev {
            background-color: #fff;
            opacity: 1;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            cursor: pointer;
        }

            .homepage-grid .carousel .controls .carousel-control-next:hover,
            .homepage-grid .carousel .controls .carousel-control-prev:hover {
                opacity: 1;
            }

            .homepage-grid .carousel .controls .carousel-control-next span,
            .homepage-grid .carousel .controls .carousel-control-prev span {
                width: 8px;
                height: 13px;
            }

            .homepage-grid .carousel .controls .carousel-control-next .carousel-control-next-img {
                background-image: url("main/img/next.png");
            }

            .homepage-grid .carousel .controls .carousel-control-next:hover .carousel-control-next-img {
                opacity: .4;
            }

            .homepage-grid .carousel .controls .carousel-control-prev .carousel-control-prev-img {
                background-image: url("main/img/prev.png");
            }

            .homepage-grid .carousel .controls .carousel-control-prev:hover .carousel-control-prev-img {
                opacity: .4;
            }

    .homepage-grid .carousel .carousel-indicators {
        bottom: 24px;
        margin: 0;
    }

        .homepage-grid .carousel .carousel-indicators li {
            width: 20px;
            height: 2px;
            margin: 0;
            opacity: .2;
            margin-right: 8px;
            background-color: #0f0f0f;
        }

            .homepage-grid .carousel .carousel-indicators li:last-child {
                margin-right: 0;
            }

            .homepage-grid .carousel .carousel-indicators li.right-bullet {
                width: 15px;
            }

            .homepage-grid .carousel .carousel-indicators li.last-bullet {
                width: 10px;
            }

            .homepage-grid .carousel .carousel-indicators li.active {
                opacity: 1;
            }

    .homepage-grid .carousel .carousel-inner .carousel-item .cont-img {
        width: 96%;
        margin: auto;
        padding-top: 24px;
        padding-bottom: 16px;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-align-content: stretch;
        align-content: stretch;
    }

        .homepage-grid .carousel .carousel-inner .carousel-item .cont-img img {
            left: 0;
            transform: none;
        }

    .homepage-grid *::-ms-backdrop, .homepage-grid.homepage-grid .cont-img img {
        width: 100%;
        height: 100%;
    }

/* Tablet */
@media (min-width: 764px) {
    .homepage-grid {
        padding-top: 32px;
        padding-bottom: 32px;
        /*Especificas para primary box*/
        /*Fin Especificas para primary box*/
        /*Especificas para secondary box*/
        /*Fin Especificas para secondary box*/
        /*Carousel*/
        /*Fin Carousel*/
    }

        .homepage-grid.cont-module .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .homepage-grid.cont-module .row {
            margin-right: -16px;
            margin-left: -16px;
        }

        .homepage-grid.cont-module .col-12,
        .homepage-grid.cont-module .col-md-6,
        .homepage-grid.cont-module .col-md-12 {
            padding-right: 16px;
            padding-left: 16px;
        }

        .homepage-grid.cont-module .spacing-secondary-box {
            padding-right: 32px;
            padding-left: 32px;
        }

        .homepage-grid .primary-box {
            padding-top: 24px;
            padding-bottom: 72px;
        }

            .homepage-grid .primary-box .infos-block {
                height: 224px;
            }

            .homepage-grid .primary-box .main-title {
                font-size: 25px;
                line-height: 32px;
            }

        .homepage-grid .secondary-subtitle-block {
            margin-bottom: 16px;
        }

        .homepage-grid .secondary-title {
            margin-bottom: 8px;
        }

        .homepage-grid .price {
            margin-bottom: 24px;
            font-size: 38px;
            line-height: 40px;
        }

        .homepage-grid .primary-box-bt-block {
            text-align: left;
        }

        .homepage-grid .btn {
            width: auto;
            min-width: 212px;
        }

        .homepage-grid .secondary-box {
            min-height: 320px;
            padding-top: 24px;
            padding-bottom: 24px;
        }

            .homepage-grid .secondary-box .image-block {
                margin-top: 0;
                margin-bottom: 24px;
            }

                .homepage-grid .secondary-box .image-block .cont-img {
                    position: relative;
                    overflow: hidden;
                    margin: 0 auto;
                    width: 100%;
                    max-width: 317px;
                    height: 138px;
                }

                    .homepage-grid .secondary-box .image-block .cont-img span {
                        width: auto;
                        display: block;
                    }

        .homepage-grid .carousel .carousel-inner .carousel-item {
            text-align: left;
            margin-top: 40px;
        }

            .homepage-grid .carousel .carousel-inner .carousel-item .cont-img {
                width: 93%;
                margin: auto;
                padding-top: 0;
                padding-bottom: 0;
            }
}
/* Desktop */
@media (min-width: 1016px) {
    .homepage-grid {
        /*Especificas para primary box*/
        /*Fin Especificas para primary box*/
        /*Especificas para secondary box*/
        /*Fin Especificas para secondary box*/
        /*Carousel*/
        /*Fin Carousel*/
    }

        .homepage-grid.cont-module .col-xl-4 {
            padding-right: 0;
            padding-left: 0;
        }

        .homepage-grid .link-arrow, .homepage-grid .link-arrow-orange, .homepage-grid .link-arrow-white {
            font-size: 16px;
            line-height: 30px;
        }

        .homepage-grid .main-title {
            font-size: 25px;
            line-height: 32px;
        }

        .homepage-grid .link {
            font-size: 16px;
            line-height: 30px;
        }

        .homepage-grid .primary-box {
            min-height: 672px;
            min-height: -moz-calc(320px*2 + 32px);
            min-height: calc(320px*2 + 32px);
            padding-bottom: 48px;
        }

            .homepage-grid .primary-box .infos-block {
                height: 231px;
            }

        .homepage-grid .secondary-title {
            font-size: 25px;
            line-height: 32px;
        }

        .homepage-grid .before-price {
            font-size: 16px;
            line-height: 30px;
        }

        .homepage-grid .primary-box-bt-block {
            margin-bottom: 0;
            text-align: center;
        }

        .homepage-grid .btn {
            min-width: 202px;
        }

        .homepage-grid .secondary-box {
            margin-bottom: 32px;
        }

            .homepage-grid .secondary-box .image-block {
                margin-top: 8px;
                margin-bottom: 8px;
            }

                .homepage-grid .secondary-box .image-block .cont-img {
                    max-width: 358px;
                    height: 156px;
                }

        .homepage-grid .main-subtitle {
            font-size: 16px;
            line-height: 30px;
            padding-bottom: 0;
            white-space: nowrap;
            height: 30px;
        }

        .homepage-grid .carousel:hover .controls {
            display: block;
            opacity: 1;
        }

        .homepage-grid .carousel .controls {
            -webkit-transition: all 0.2s ease 0s;
            -moz-transition: all 0.2s ease 0s;
            -ms-transition: all 0.2s ease 0s;
            -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
            position: absolute;
            z-index: 1;
            width: calc(100% - 32px);
            top: 46.888%;
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            .homepage-grid .carousel .controls .carousel-control-next {
                margin-right: -7px;
            }

            .homepage-grid .carousel .controls .carousel-control-prev {
                margin-left: -7px;
            }

        .homepage-grid .carousel .carousel-inner .carousel-item {
            text-align: center;
            margin-top: 24px;
        }

            .homepage-grid .carousel .carousel-inner .carousel-item .cont-img {
                width: 84%;
                max-width: 474px;
                width: -moz-calc(100% + 80px);
                width: calc(100% - 80px);
                height: 251px;
                margin-bottom: 24px;
            }
}
/* XL */
@media (min-width: 1436px) {
    .homepage-grid {
        /*Especificas para primary box*/
        /*Fin Especificas para primary box*/
        /*Especificas para secondary box*/
        /*Fin Especificas para secondary box*/
        /*Carousel*/
        /*Fin Carousel*/
    }

        .homepage-grid .main-title {
            font-size: 30px;
            line-height: 38px;
        }

        .homepage-grid .primary-box {
            min-height: 752px;
            min-height: -moz-calc(360px*2 + 32px);
            min-height: calc(360px*2 + 32px);
            padding-top: 32px;
            padding-bottom: 56px;
        }

            .homepage-grid .primary-box .main-title {
                font-size: 30px;
                line-height: 38px;
            }

        .homepage-grid .secondary-box {
            min-height: 360px;
            padding-top: 24px;
            padding-bottom: 24px;
        }

            .homepage-grid .secondary-box .image-block .cont-img {
                max-width: 436px;
                height: 190px;
            }

            .homepage-grid .secondary-box:nth-of-type(2) {
                padding-bottom: 16px;
            }

                .homepage-grid .secondary-box:nth-of-type(2) .image-block {
                    margin-bottom: 16px;
                }

        .homepage-grid .carousel .controls {
            top: 47.2222%;
        }

            .homepage-grid .carousel .controls .carousel-control-next {
                margin-right: 3px;
            }

            .homepage-grid .carousel .controls .carousel-control-prev {
                margin-left: 3px;
            }

        .homepage-grid .carousel .carousel-inner .carousel-item {
            margin-top: 40px;
        }

            .homepage-grid .carousel .carousel-inner .carousel-item .cont-img {
                height: 277px;
                margin-bottom: 40px;
            }
}

@media (min-width: 1016px) {
    .homepage-grid .spacing-primary-box,
    .homepage-grid .spacing-secondary-box > .row {
        display: flex;
        flex-direction: column;
        height: 672px;
        justify-content: space-between;
    }
}

@media (min-width: 1016px) and (min-width: 1436px) {
    .homepage-grid .spacing-primary-box,
    .homepage-grid .spacing-secondary-box > .row {
        height: 752px;
    }
}

@media (min-width: 1016px) {
    .homepage-grid .spacing-primary-box .secondary-box,
    .homepage-grid .spacing-secondary-box > .row .secondary-box {
        flex: 1 0 calc(50% - 16px);
        max-height: calc(50% - 16px);
        margin: 0;
    }

    .homepage-grid .spacing-primary-box,
    .homepage-grid .spacing-secondary-box {
        margin-bottom: 32px;
    }
}
/**************** END HOME GRID ************************/
/* Mobile */
.homepage-range .container-fluid {
    padding: 0;
    max-width: 472px;
}

.homepage-range .title {
    font-family: "SeatBlack",sans-serif;
    font-size: 30px;
    height: 38px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 24px;
}

.homepage-range .card-car {
    padding: 16px 16px 16px 16px;
    margin-bottom: 8px;
    max-width: 440px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
}

    .homepage-range .card-car .card-img a.link-car-image {
        position: relative;
        height: 125px;
        width: 100%;
        margin: 0;
        display: block;
        overflow: hidden;
    }

        .homepage-range .card-car .card-img a.link-car-image img.car-image {
            width: auto !important;
            position: absolute;
            height: 125px;
            max-height: 125px;
            top: -100%;
            bottom: -100%;
            left: -100%;
            right: -100%;
            margin: auto;
            z-index: 1;
        }

    .homepage-range .card-car .card-img .tags-container {
        height: auto;
        max-height: 24px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

        .homepage-range .card-car .card-img .tags-container .tag {
            border-radius: 4px;
        }

            .homepage-range .card-car .card-img .tags-container .tag b {
                font-family: "SeatMedium",sans-serif;
                font-size: 12px;
                font-weight: 100;
                line-height: 24px;
                padding: 0px 8px;
                max-width: 144px;
                overflow: hidden;
                display: inline-block;
                max-height: 24px;
                text-align: center;
            }

            .homepage-range .card-car .card-img .tags-container .tag.tagNew {
                color: #fff;
            }

            .homepage-range .card-car .card-img .tags-container .tag.tagFeature {
                position: relative;
                letter-spacing: 1px;
                color: #0f0f0f;
                padding-right: 16px;
                cursor: pointer;
            }

                .homepage-range .card-car .card-img .tags-container .tag.tagFeature img {
                    width: 16px;
                    height: 16px;
                    max-width: 16px;
                    max-height: 16px;
                    position: absolute;
                    top: 4px;
                    right: 4px;
                }

            .homepage-range .card-car .card-img .tags-container .tag:first-child {
                margin-right: 4px;
            }

            .homepage-range .card-car .card-img .tags-container .tag:last-child {
                margin-right: 0;
            }

    .homepage-range .card-car .card-text {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        overflow: hidden;
    }

        .homepage-range .card-car .card-text h3 {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: #0f0f0f;
            margin: 0;
            padding: 0;
            height: 30px;
            overflow: hidden;
        }

        .homepage-range .card-car .card-text .card-price {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 8px;
            max-height: calc(26px * 3);
            min-height: 30px;
            overflow: hidden;
        }

        .homepage-range .card-car .card-text .card-links {
            margin-bottom: 0;
            margin-top: auto;
        }

            .homepage-range .card-car .card-text .card-links.no-visible {
                visibility: hidden;
            }

            .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white,
            .homepage-range .card-car .card-text .card-links .link-arrow-orange {
                font-size: 14px;
                line-height: 26px;
            }

                .homepage-range .card-car .card-text .card-links .link-arrow span.arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange span.arrow, .homepage-range .card-car .card-text .card-links .link-arrow-white span.arrow,
                .homepage-range .card-car .card-text .card-links .link-arrow-orange span.arrow {
                    margin-left: 0;
                }

            .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white {
                margin-right: 8px;
            }

            .homepage-range .card-car .card-text .card-links a img {
                margin-left: 8px;
            }

    .homepage-range .card-car .modal {
        position: fixed;
        top: 120px;
        left: 0;
        width: 95%;
        margin: 0 auto;
        z-index: 9;
    }

        .homepage-range .card-car .modal .modal-dialog .modal-header {
            height: 56px;
        }

            .homepage-range .card-car .modal .modal-dialog .modal-header .close {
                margin-top: -72px;
                margin-right: -24px;
                color: #fff;
                text-shadow: none;
                font-weight: 100;
                font-size: 2.1rem;
            }

        .homepage-range .card-car .modal .modal-dialog .modal-body {
            padding: 16px;
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: rgba(51, 48, 46, 0.6);
            margin-bottom: 0px;
        }

            .homepage-range .card-car .modal .modal-dialog .modal-body a {
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(51, 48, 46, 0.6);
            }

            .homepage-range .card-car .modal .modal-dialog .modal-body b {
                font-family: "SeatBold",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(51, 48, 46, 0.6);
            }

            .homepage-range .card-car .modal .modal-dialog .modal-body p {
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(51, 48, 46, 0.6);
                margin-bottom: 0px;
            }

                .homepage-range .card-car .modal .modal-dialog .modal-body p a {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                }

                .homepage-range .card-car .modal .modal-dialog .modal-body p b {
                    font-family: "SeatBold",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                }

            .homepage-range .card-car .modal .modal-dialog .modal-body ul li {
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(51, 48, 46, 0.6);
            }

                .homepage-range .card-car .modal .modal-dialog .modal-body ul li a {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                }

    .homepage-range .card-car:hover {
        background: #f3f3f0;
    }

.homepage-range .backdrop {
    opacity: 0.4;
    background-color: #33302E;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 2;
}

.homepage-range .modal .close {
    font-size: 2.1rem;
}

    .homepage-range .modal .close:focus {
        outline: none;
    }

.homepage-range .tooltiparrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    display: none;
    z-index: 49;
}

    .homepage-range .tooltiparrow:before {
        content: '';
        display: block;
        position: absolute;
        right: 6px;
        top: 17px;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #82807f;
    }

    .homepage-range .tooltiparrow:after {
        content: '';
        display: block;
        position: absolute;
        right: 7px;
        top: 19px;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #fff;
        z-index: 10;
    }

*::-ms-backdrop,
.homepage-range {
    position: relative;
}

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .homepage-range .container-fluid {
        padding: 0 16px;
        max-width: 100%;
    }

    .homepage-range .title {
        margin-top: 64px;
        margin-bottom: 40px;
    }

    .homepage-range .card-car {
        padding: 16px 16px 16px 16px;
        margin-bottom: 24px;
    }

        .homepage-range .card-car .card-img .tags-container {
            height: 24px;
            position: relative;
        }

            .homepage-range .card-car .card-img .tags-container .tag {
                overflow: initial;
                z-index: 4;
                position: relative;
            }

        .homepage-range .card-car .card-img a.link-car-image {
            height: 93px;
        }

            .homepage-range .card-car .card-img a.link-car-image img.car-image {
                height: 93px;
                max-height: 93px;
                max-width: 212px;
            }

        .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white,
        .homepage-range .card-car .card-text .card-links .link-arrow-orange {
            font-size: 14px;
            line-height: 26px;
        }

        .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white {
            margin-right: 8px;
        }

        .homepage-range .card-car .card-text .card-links .link-arrow-orange {
            margin-right: 0;
        }

        .homepage-range .card-car .modal {
            position: absolute !important;
            overflow: visible;
            top: 24px;
            left: -255px;
            width: 535px;
        }

            .homepage-range .card-car .modal .modal-dialog {
                max-width: 535px;
            }

                .homepage-range .card-car .modal .modal-dialog .modal-header .close {
                    padding: 1rem;
                    margin: -1rem -1rem -1rem auto;
                    font-size: 2.1rem;
                    color: #000;
                    text-shadow: 0 1px 0 #fafaf9;
                }

                .homepage-range .card-car .modal .modal-dialog .modal-body {
                    padding: 32px;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                    margin-bottom: 0;
                }

                    .homepage-range .card-car .modal .modal-dialog .modal-body p {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(51, 48, 46, 0.6);
                        margin-bottom: 0;
                    }

        .homepage-range .card-car:nth-child(3n-2) .modal {
            left: 0px;
        }

            .homepage-range .card-car:nth-child(3n-2) .modal:before {
                right: 58.3%;
            }

            .homepage-range .card-car:nth-child(3n-2) .modal:after {
                right: 58.5%;
            }

        .homepage-range .card-car:nth-child(3n) .modal {
            left: -328px;
            margin-right: 0;
        }

            .homepage-range .card-car:nth-child(3n) .modal:before {
                right: 1%;
            }

            .homepage-range .card-car:nth-child(3n) .modal:after {
                right: 1.2%;
            }

    *::-ms-backdrop,
    .homepage-range .card-car {
        max-width: 33%;
    }

        *::-ms-backdrop,
        .homepage-range .card-car:nth-child(3n) .modal {
            right: 0;
            margin-right: 0;
        }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .homepage-range .container-fluid {
        padding: 0 16px;
        max-width: 100%;
    }

    .homepage-range .title {
        font-size: 38px;
        line-height: 48px;
        height: 48px;
        overflow: hidden;
        margin-top: 64px;
        margin-bottom: 36px;
    }

    .homepage-range .card-car {
        padding: 16px 16px 16px 16px;
        margin-bottom: 24px;
        max-width: unset;
    }

        .homepage-range .card-car .card-img .tags-container {
            height: 24px;
            position: relative;
        }

            .homepage-range .card-car .card-img .tags-container .tag {
                position: relative;
                overflow: initial;
            }

        .homepage-range .card-car .card-img a.link-car-image {
            height: 132px;
        }

            .homepage-range .card-car .card-img a.link-car-image img.car-image {
                height: 132px;
                max-height: 132px;
                max-width: 296px;
            }

        .homepage-range .card-car .card-text h3 {
            font-size: 18px;
            line-height: 30px;
        }

        .homepage-range .card-car .card-text .card-price {
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px * 3);
        }

        .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white,
        .homepage-range .card-car .card-text .card-links .link-arrow-orange {
            font-size: 16px;
            line-height: 30px;
        }

        .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white {
            margin-right: 8px;
        }

        .homepage-range .card-car .card-text .card-links .link-arrow-orange {
            margin-right: 0;
        }

        .homepage-range .card-car .modal {
            position: absolute;
            overflow: visible;
            top: 24px;
            left: -75px;
            width: 535px;
            z-index: 9;
        }

            .homepage-range .card-car .modal .modal-dialog {
                max-width: 535px;
            }

                .homepage-range .card-car .modal .modal-dialog .modal-header .close {
                    padding: 1rem;
                    margin: -1rem -1rem -1rem auto;
                    font-size: 2.1rem;
                    color: #000;
                    text-shadow: 0 1px 0 #fff;
                }

                .homepage-range .card-car .modal .modal-dialog .modal-body {
                    padding: 32px;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                    margin-bottom: 0;
                }

                    .homepage-range .card-car .modal .modal-dialog .modal-body p {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(51, 48, 46, 0.6);
                        margin-bottom: 0;
                    }

        .homepage-range .card-car:nth-child(3n-2) .modal {
            left: 0px;
        }

            .homepage-range .card-car:nth-child(3n-2) .modal:before {
                right: 43%;
            }

            .homepage-range .card-car:nth-child(3n-2) .modal:after {
                right: 43.1%;
            }

        .homepage-range .card-car:nth-child(3n) .modal {
            left: -232px;
            margin-right: 0;
        }

            .homepage-range .card-car:nth-child(3n) .modal:before {
                right: 4%;
            }

            .homepage-range .card-car:nth-child(3n) .modal:after {
                right: 4.2%;
            }

    *::-ms-backdrop,
    .homepage-range .card-car {
        max-width: 33%;
    }

        *::-ms-backdrop,
        .homepage-range .card-car:nth-child(3n) .modal {
            right: 0;
            margin-right: 0;
        }
}
/* Large Desktop*/
@media (min-width: 1436px) {
    .homepage-range .container-fluid {
        padding: 0 16px;
        max-width: 100%;
    }

    .homepage-range .title {
        font-size: 38px;
        line-height: 48px;
        height: 48px;
        overflow: hidden;
        margin-top: 64px;
        margin-bottom: 36px;
    }

    .homepage-range .card-car {
        padding: 16px 16px 16px 16px;
        margin-bottom: 48px;
        max-width: unset;
    }

        .homepage-range .card-car .card-img .tags-container {
            height: 24px;
        }

            .homepage-range .card-car .card-img .tags-container .tag {
                overflow: initial;
                z-index: 4;
            }

                .homepage-range .card-car .card-img .tags-container .tag.tagFeature {
                    position: relative;
                    overflow: inherit;
                }

        .homepage-range .card-car .card-img a.link-car-image {
            height: 139px;
        }

            .homepage-range .card-car .card-img a.link-car-image img.car-image {
                height: 139px;
                max-height: 139px;
                max-width: 319px;
            }

        .homepage-range .card-car .card-text h3 {
            font-size: 18px;
            line-height: 30px;
        }

        .homepage-range .card-car .card-text .card-price {
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px * 3);
        }

        .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white,
        .homepage-range .card-car .card-text .card-links .link-arrow-orange {
            font-size: 16px;
            line-height: 30px;
        }

        .homepage-range .card-car .card-text .card-links .link-arrow, .homepage-range .card-car .card-text .card-links .link-arrow-orange, .homepage-range .card-car .card-text .card-links .link-arrow-white {
            margin-right: 16px;
        }

        .homepage-range .card-car .card-text .card-links .link-arrow-orange {
            margin-right: 0;
        }

        .homepage-range .card-car .modal {
            position: absolute;
            overflow: visible;
            top: 24px;
            left: -75px;
            width: 535px;
            z-index: 9;
        }

            .homepage-range .card-car .modal .modal-dialog {
                max-width: 535px;
            }

                .homepage-range .card-car .modal .modal-dialog .modal-header .close {
                    padding: 0.5rem 1.2rem;
                    margin: -1rem -1rem -1rem auto;
                    font-size: 2.1rem;
                    color: #000;
                    text-shadow: 0 1px 0 #fff;
                }

                .homepage-range .card-car .modal .modal-dialog .modal-body {
                    padding: 32px;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                    margin-bottom: 0;
                }

                    .homepage-range .card-car .modal .modal-dialog .modal-body p {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(51, 48, 46, 0.6);
                        margin-bottom: 0;
                    }

        .homepage-range .card-car:nth-child(4n-3) .modal {
            left: 0px;
        }

            .homepage-range .card-car:nth-child(4n-3) .modal:before {
                right: 38%;
            }

            .homepage-range .card-car:nth-child(4n-3) .modal:after {
                right: 38.1%;
            }

        .homepage-range .card-car:nth-child(4n) .modal {
            left: -184px;
        }

            .homepage-range .card-car:nth-child(4n) .modal:before {
                right: 4%;
            }

            .homepage-range .card-car:nth-child(4n) .modal:after {
                right: 4.2%;
            }

    *::-ms-backdrop,
    .homepage-range .card-car {
        max-width: 25%;
    }
}
/**************** HOME SLIDER ************************/
/*Transferir para general_styles*/
.seat-tag {
    max-width: 144px;
    font-family: "SeatMedium",sans-serif;
    display: inline-block;
    padding: 5px 8px 5px 8px;
    text-align: center;
    vertical-align: baseline;
    border-radius: 4px;
    font-size: 75%;
    line-height: 1.2;
}

    .seat-tag.bg-emerald, .seat-tag.bg-black {
        color: #fff;
    }

    .seat-tag .text-off {
        font-family: "SeatRegular",sans-serif;
        font-size: 93%;
        margin-left: 2px;
    }

/*Fin Transferir para general_styles*/
/* 320 mobile */
.homepage-slider {
    overflow: hidden;
}

    .homepage-slider .homepage-slick-slider .overlay-homepage-slider {
        width: calc(100% + 16px);
        margin-left: -16px;
    }

        .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item {
            height: 100%;
        }

            .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img {
                position: relative;
                overflow: hidden;
                margin: 0;
                width: 100%;
                height: 180px;
                max-height: 180px;
            }

                .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img span {
                    width: auto;
                    display: block;
                }

                .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img img {
                    margin: auto;
                    object-fit: cover;
                    object-position: 0 0;
                    width: auto;
                    min-width: 100%;
                    max-width: none;
                    height: 180px;
                    max-height: 180px;
                }

    .homepage-slider .homepage-slick-slider .slick-next,
    .homepage-slider .homepage-slick-slider .slick-prev {
        background-color: #fff;
        opacity: 0;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        z-index: 1;
        background-color: #FFF;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: unset;
    }

        .homepage-slider .homepage-slick-slider .slick-next::before,
        .homepage-slider .homepage-slick-slider .slick-prev::before {
            display: none;
        }

        .homepage-slider .homepage-slick-slider .slick-next span,
        .homepage-slider .homepage-slick-slider .slick-prev span {
            width: 8px;
            height: 13px;
        }

    .homepage-slider .homepage-slick-slider .slick-prev {
        background-image: url("main/img/arrow-black.svg");
        left: 32px;
        margin-left: 8px;
        transform: rotate(180deg);
    }

    .homepage-slider .homepage-slick-slider .slick-next {
        background-image: url("main/img/arrow-black.svg");
        right: 16px;
        margin-right: 8px;
    }

    .homepage-slider .homepage-slick-slider .slick-list.draggable {
        padding: 0 0 0 16px;
    }

    .homepage-slider .homepage-slick-slider .slick-dots {
        z-index: 10;
        opacity: 1;
        bottom: 20px;
        margin: 0;
        display: block;
        left: 32px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        width: calc(100% - 48px);
        pointer-events: none;
        text-align: center;
    }

        .homepage-slider .homepage-slick-slider .slick-dots li {
            width: 10px;
            height: 2px;
            opacity: .2;
            margin: 0 4px 0 4px;
            background-color: #fff;
            overflow: hidden;
        }

            .homepage-slider .homepage-slick-slider .slick-dots li:before {
                display: block;
            }

            .homepage-slider .homepage-slick-slider .slick-dots li:after {
                display: block;
            }

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

            .homepage-slider .homepage-slick-slider .slick-dots li.standard-bullet {
                width: 20px;
            }

            .homepage-slider .homepage-slick-slider .slick-dots li.slick-active {
                width: 20px;
                opacity: 1;
            }

                .homepage-slider .homepage-slick-slider .slick-dots li.slick-active button::before {
                    background: #FFF;
                }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row .play-button-block .play-block,
    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row .play-button-block .play-block,
    .homepage-slider .two-columns-hero-offer .play-block {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .homepage-slider .two-columns-hero-offer .col-12.col-md-6.col-lg-5 .infos-block .block-bt {
        margin-bottom: 32px;
    }

        .homepage-slider .two-columns-hero-offer .col-12.col-md-6.col-lg-5 .infos-block .block-bt .link-arrow svg, .homepage-slider .two-columns-hero-offer .col-12.col-md-6.col-lg-5 .infos-block .block-bt .link-arrow-orange svg, .homepage-slider .two-columns-hero-offer .col-12.col-md-6.col-lg-5 .infos-block .block-bt .link-arrow-white svg {
            vertical-align: middle;
        }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .title {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .description {
        display: flex;
        margin-top: 0px;
        margin-bottom: 16px;
        max-height: 42px;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .description p {
            margin: 0;
            margin-top: 16px;
        }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .title {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description {
        margin-top: 0px;
        margin-bottom: 16px;
    }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description p {
            margin: 0;
            margin-top: 16px;
        }

    .homepage-slider .two-columns-hero-offer .title {
        max-height: calc(32px*3 + 4px);
        margin-top: 8px;
    }

    .homepage-slider .two-columns-hero-offer .col-12.col-md-6.col-lg-5 .infos-block .block-bt {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-hero-offer .cont-module.side-left .infos-block {
        margin: 16px auto 32px;
    }

    .homepage-slider .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

*::-ms-backdrop, .homepage-slider {
    -ms-overflow-x: hidden;
}

/* Tablet */
@media (min-width: 764px) {
    .homepage-slider {
        -ms-overflow-x: hidden;
    }

        .homepage-slider .two-columns-full-bleed .badge-block img {
            margin-right: 16px;
        }

        .homepage-slider .two-columns-hero-offer.cont-module.side-right .badge-block img {
            margin-right: 0;
        }

        .homepage-slider .two-columns-full-bleed .cont-module .col-md-6 {
            padding-right: 32px;
        }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block {
            max-width: calc(360px + 32px);
        }

        .homepage-slider .two-columns-full-bleed .btn {
            max-width: 212px;
        }

        .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item {
            height: 428px;
        }

            .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img {
                height: 428px;
                max-height: 428px;
            }

                .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img img {
                    height: 428px;
                    max-height: 428px;
                }

        /* CR ----------------------------------------------------------------*/
        .homepage-slider .two-columns-hero-offer.cont-module .container-fluid {
            padding: 0;
        }

            .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row {
                margin: 0;
            }

                .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 {
                    padding: 0;
                }

                    .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module {
                        display: flex;
                        align-items: flex-start;
                        width: 360px;
                        max-width: 100%;
                        padding-left: 0;
                        margin: 0 auto;
                    }

                        .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block {
                            width: 360px;
                            padding: 0;
                            margin: 0;
                            height: auto;
                        }

                .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .order-photo {
                    padding-right: 16px !important;
                }

        .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module {
            align-items: initial;
            padding-right: 0;
        }

        .homepage-slider .two-columns-full-bleed.vs2 .badge-block {
            max-width: initial;
            max-width: unset;
        }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid {
            margin: 0;
            padding: 0;
        }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row {
                margin: 0;
                padding: 0;
            }

                .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 {
                    padding: 0;
                }

                    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                        width: 360px;
                        margin: 0 auto;
                        padding: 0;
                        height: auto;
                    }

    /* CR ----------------------------------------------------------------*/
}

@media (min-width: 764px) and (max-width: 1015px) {
    .homepage-slider .two-columns-hero-offer.cont-module .col-12.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row {
        margin: 0 0 0 16px;
    }

        .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 {
            padding: 0 16px;
        }

            .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                padding-right: 16px;
            }

    .homepage-slider .two-columns-hero-offer.cont-module.side-right .container-fluid .row {
        margin: 0 16px 0 0;
    }

        .homepage-slider .two-columns-hero-offer.cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 {
            padding: 0 16px;
        }

            .homepage-slider .two-columns-hero-offer.cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                padding-left: 16px;
            }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row {
        margin: 0 16px;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 {
            padding: 0 16px;
        }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                width: auto !important;
                min-width: 318px;
                max-width: 360px;
                padding-left: 16px;
                padding-right: 0;
                padding-bottom: 0;
            }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row {
        margin: 0 16px;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 {
            padding: 0 16px;
        }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                width: auto !important;
                min-width: 318px;
                max-width: 360px;
                padding-right: 16px;
                padding-left: 0;
                padding-bottom: 0;
            }

    .homepage-slider .two-columns-hero-offer .container-fluid .row {
        margin: 0 16px;
    }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 {
            padding: 0 16px;
        }

            .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block {
                width: auto !important;
                min-width: 318px;
                max-width: 360px;
                padding: 0 16px;
            }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .image-block {
            margin-left: 0;
        }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .title {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .description {
        display: flex;
        margin-top: 0px;
        margin-bottom: 40px;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .description p {
            margin: 0;
            margin-top: 16px;
            max-height: 32px;
            overflow: hidden;
        }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .title {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description {
        display: flex;
        margin-top: 0px;
        margin-bottom: 40px;
    }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description p {
            margin: 0;
            margin-top: 16px;
        }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .price-block {
        margin-bottom: 0;
    }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .price-block div:last-child {
            margin-bottom: 24px;
        }

    .homepage-slider .two-columns-hero-offer .title {
        max-height: calc(38px*3 + 4px);
    }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description {
        margin-bottom: 32px;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .homepage-slider .homepage-slick-slider .slick-dots {
        display: block;
        opacity: 1;
        transition: all 0.2s ease 0s;
        position: relative;
        pointer-events: visible;
    }

    .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item {
        height: 500px;
        max-height: 500px;
    }

        .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img {
            height: 500px;
            max-height: 500px;
        }

            .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img img {
                height: 500px;
                max-height: 500px;
            }

    .homepage-slider .homepage-slick-slider:hover .slick-next, .homepage-slider .homepage-slick-slider:hover .slick-prev {
        cursor: pointer;
        opacity: 1;
    }

        .homepage-slider .homepage-slick-slider:hover .slick-next:hover, .homepage-slider .homepage-slick-slider:hover .slick-prev:hover {
            background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(main/img/arrow-black.svg) no-repeat #fff;
            background-position: center 13px;
        }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block {
        margin: 0 auto;
        padding: 0;
        max-width: 330px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .infos-block {
        margin: 0 auto;
        padding: 0 0 0 16px;
        max-width: calc(330px + 16px);
    }

    .homepage-slider .two-columns-full-bleed.vs2 .background-transparent::before {
        width: calc(41.66667% + 19px);
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .play-block {
        padding-right: 48px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .play-block {
        padding-right: 80px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .btn {
        max-width: 251px;
    }

    .homepage-slider:hover .homepage-slick-slider .slick-dots {
        opacity: 1;
    }

    /* CR ----------------------------------------------------------------*/
    .homepage-slider .two-columns-hero-offer.cont-module .container-fluid {
        padding: 0;
    }

        .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row {
            margin: 0;
        }

            .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 {
                padding: 0 16px 0 0;
            }

                .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module {
                    display: flex;
                    align-items: flex-start;
                    width: 330px;
                    max-width: 100%;
                    padding-left: 0;
                    margin: 0 auto;
                }

                    .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block {
                        width: 330px;
                        padding: 0;
                        margin: 0;
                    }

            .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .order-photo {
                padding-right: 16px !important;
            }

    .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 {
        padding: 0 0 0 16px;
    }

        .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module {
            align-items: initial;
            padding-right: 0;
        }

    .homepage-slider .two-columns-full-bleed.vs2 .badge-block {
        max-width: initial;
        max-width: unset;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid {
        margin: 0;
        padding: 0;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row {
            margin: 0;
            padding: 0;
        }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .play-button-block {
                max-width: 58.333333%;
                margin: 0;
            }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 {
                padding: 0 0 0 16px;
            }

                .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                    width: 330px;
                    margin: 0 auto;
                    padding: 0;
                }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module:before {
        width: calc(41.66667% + 16px);
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 {
        padding: 0 16px 0 0;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .title {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .description {
        display: flex;
        margin-top: 0px;
        margin-bottom: 40px;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .description p {
            margin: 0;
            margin-top: 16px;
            max-height: 32px;
            overflow: hidden;
        }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .title {
        margin-bottom: 0;
    }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description {
        display: flex;
        margin-top: 0px;
        margin-bottom: 40px;
    }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description p {
            margin: 0;
            margin-top: 16px;
        }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .price-block {
        margin-bottom: 0;
    }

        .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .price-block div:last-child {
            margin-bottom: 24px;
        }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .image-block {
        margin-left: 0px;
    }

    /* CR ----------------------------------------------------------------*/
    .homepage-slider .two-columns-hero-offer .title {
        max-height: calc(48px*3 + 4px);
    }

    .homepage-slider .two-columns-hero-offer .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .description {
        margin-bottom: 32px;
    }

    /* SCNC - 1207 */
    *::-ms-backdrop,
    .homepage-slider .homepage-slick-slider .overlay-homepage-slider .multimedia-item .cont-img img {
        height: auto;
        max-height: none;
    }

    *::-ms-backdrop,
    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
        margin: 0 0 0 auto;
    }

    /* SCNC - 1207 */
}
/* XL */
@media (min-width: 1436px) {
    .homepage-slider .homepage-slick-slider .slick-dots .slick-next,
    .homepage-slider .homepage-slick-slider .slick-dots .slick-prev {
        position: absolute;
        margin-top: -270px;
    }

    .homepage-slider .homepage-slick-slider .slick-dots .slick-next {
        margin-right: 16px;
    }

    .homepage-slider .homepage-slick-slider .slick-dots .slick-prev {
        margin-left: 16px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .infos-block {
        margin: 0 28px 0 auto;
        max-width: 473px;
        padding: 0px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .infos-block {
        margin: 0 auto 0 42px;
        max-width: 473px;
        padding: 0px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .background-transparent::before {
        width: calc(41.66667% + 16px);
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .play-block {
        padding-right: 80px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .play-block {
        padding-right: 120px;
    }

    .homepage-slider .two-columns-full-bleed .cont-module .container-fluid {
        max-width: none;
    }

    .homepage-slider .two-columns-full-bleed .badge-block {
        max-width: 692px;
    }

    .homepage-slider .two-columns-hero-offer .badge-block {
        min-width: 100%;
    }

    .homepage-slider .two-columns-hero-offer.cont-module .container-fluid {
        padding: 0;
    }

        .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row {
            margin: 0;
        }

            .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 {
                padding: 0;
            }

                .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module {
                    display: flex;
                    align-items: flex-start;
                    width: 100%;
                    max-width: 100%;
                    padding-left: 56px;
                    margin: 0;
                }

                    .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block {
                        width: 473px;
                        padding: 0;
                        margin: 0;
                    }

                        .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module .infos-block .title {
                            padding-bottom: 4px;
                        }

            .homepage-slider .two-columns-hero-offer.cont-module .container-fluid .row .order-photo {
                padding-right: 16px !important;
            }

    .homepage-slider .two-columns-hero-offer.cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .cont-module {
        align-items: flex-end;
        padding-right: 56px;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .badge-block {
        max-width: initial;
        max-width: unset;
    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid {
        margin: 0;
        padding: 0;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row {
            margin: 0;
            padding: 0;
        }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .play-button-block {
                max-width: 58.333333%;
                margin: 0;
            }

            .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 {
                padding: 0;
            }

                .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
                    width: 473px;
                }

                    .homepage-slider .two-columns-full-bleed.vs2 .cont-module .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .title {
                        padding-bottom: 8px;
                    }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
        margin: 0 56px 0 auto;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-left .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .title {
            padding-bottom: 8px;
        }

    .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block {
        margin: 0 auto 0 56px;
    }

        .homepage-slider .two-columns-full-bleed.vs2 .cont-module.side-right .container-fluid .row .col-12.col-md-6.col-lg-5 .infos-block .title {
            padding-bottom: 8px;
        }

    .homepage-slider .two-columns-hero-offer .title {
        max-height: calc(62px*3 + 4px);
    }
}

@media (min-width: 320px) and (max-width: 763px) {
    .two-columns-hero-offer {
        overflow: hidden;
    }
}
/*************** EXTERIOR VEHICLE COLOR ****************************/
/* 320 mobile */
.exterior-vehicle-color {
    padding: 40px 0px;
    background: #fafaf9 !important;
}

    .exterior-vehicle-color .container-fluid {
        max-width: 1436px;
    }

        .exterior-vehicle-color .container-fluid .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 {
        margin: 0 auto;
        max-width: 440px;
    }

        .exterior-vehicle-color .cont-module .content .eyebrow {
            letter-spacing: 0;
            color: rgba(15, 15, 15, 0.6);
            white-space: nowrap;
            overflow: hidden;
            margin: 0;
        }

        .exterior-vehicle-color .cont-module .content .title {
            margin: 16px 0 20px 0;
            letter-spacing: 0;
            color: #0f0f0f;
            font-size: 30px;
            line-height: 40px;
            max-height: calc(40px * 3 + 4px);
            padding-bottom: 4px;
            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;
        margin: 24px 0px 8px 0px;
    }

        .exterior-vehicle-color .cont-module .thumbnail-control .control-next,
        .exterior-vehicle-color .cont-module .thumbnail-control .control-prev {
            background-color: #fff;
            display: none;
            position: absolute;
            cursor: pointer;
            top: 10px;
            opacity: 1;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            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: 1;
            }

                .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: 8px;
                height: 13px;
                text-align: center;
                display: inline-block;
            }

        .exterior-vehicle-color .cont-module .thumbnail-control .control-next {
            right: 0;
        }

        .exterior-vehicle-color .cont-module .thumbnail-control .control-prev {
            left: 0;
        }

            .exterior-vehicle-color .cont-module .thumbnail-control .control-prev img {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu {
            overflow: hidden;
            max-width: 100%;
            width: 100%;
            padding-top: 8px;
            margin-top: -8px;
        }

            .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                width: 10000px;
                position: relative;
                padding: 0 4px;
            }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images > div:last-child hr {
                    width: 100%;
                }

                .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 .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color {
                    float: left;
                }

                    .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image {
                        float: left;
                        width: 48px;
                        height: 64px;
                        margin-right: 24px;
                        padding-bottom: 15px;
                        position: relative;
                    }

                        .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image img {
                            width: 48px;
                            height: 48px;
                            border-radius: 50%;
                            cursor: pointer;
                            position: absolute;
                            top: 0;
                        }

                        .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image.selected {
                            border-bottom: 2px solid rgba(15, 15, 15, 0.6);
                        }

                            .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image.selected img {
                                border: 3px solid #fff;
                                box-shadow: 0 3px 6px 0 #33302E;
                            }

                    .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color hr {
                        width: calc(100% - 24px);
                        margin: 0 0 8px 0;
                        border-top: 1px solid #CCCCCC !important;
                    }

                    .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .category-info {
                        font-family: "SeatMedium",sans-serif;
                        font-size: 12px;
                        color: rgba(15, 15, 15, 0.6);
                        line-height: 22px;
                        width: 100%;
                        float: right;
                        overflow: hidden;
                    }

    .exterior-vehicle-color .cont-module .car-color-info {
        max-width: 440px;
        margin: 0 auto;
    }

        .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
            margin: 0;
        }

            .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info p {
                margin: 0;
                font-size: 16px;
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f;
                line-height: 30px;
            }

        .exterior-vehicle-color .cont-module .car-color-info .tags-container {
            margin: 8px 0;
            min-height: 52px;
        }

            .exterior-vehicle-color .cont-module .car-color-info .tags-container .standard-tags {
                padding-bottom: 8px;
            }

            .exterior-vehicle-color .cont-module .car-color-info .tags-container p {
                margin: 0;
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                color: rgba(15, 15, 15, 0.6);
                line-height: 22px;
                overflow: hidden;
            }

    .exterior-vehicle-color .element-tags {
        padding-right: 12px;
    }

/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .exterior-vehicle-color {
        padding: 64px 0px 56px 0;
    }

        .exterior-vehicle-color .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .exterior-vehicle-color .cont-module .content .eyebrow {
            text-align: center;
        }

        .exterior-vehicle-color .cont-module .content .title {
            text-align: center;
            margin: 16px 0 52px 0;
        }

        .exterior-vehicle-color .cont-module .car-images .cont-img {
            padding: 0;
            margin-left: -16px;
            margin-right: -16px;
        }

        .exterior-vehicle-color .cont-module .thumbnail-control {
            width: auto;
            margin: 32px 64px 0 64px;
            overflow: hidden;
            padding-top: 8px;
            margin-top: -8px;
        }

            .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 .special {
                    margin-left: 32px;
                }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images > div:last-child hr {
                    width: 100%;
                }

                .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 .thumbnail-control .thumbnail-menu .thumbnail-container-images.over > div:first-child hr {
                    width: calc(100% - 48px);
                    margin-left: 32px;
                }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images.over > div:first-child .category-info {
                    width: calc(100% - 32px);
                }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image {
                    margin-right: 16px;
                }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color hr {
                    width: calc(100% - 16px);
                }

        .exterior-vehicle-color .cont-module .car-color-info .tags-container {
            min-height: 30px;
        }

        .exterior-vehicle-color .car-color-info {
            position: relative;
            overflow: hidden;
            max-width: 100%;
            margin-top: 24px;
        }

            .exterior-vehicle-color .car-color-info .thumbnail-color-info {
                margin: 0 0 8px 0;
            }

                .exterior-vehicle-color .car-color-info .thumbnail-color-info p {
                    font-size: 18px;
                    text-align: center;
                }

            .exterior-vehicle-color .car-color-info .tags-container {
                max-width: 2000px;
                overflow: hidden;
                margin-bottom: 32px;
                min-height: 30px;
            }

                .exterior-vehicle-color .car-color-info .tags-container > div {
                    margin: 0 auto;
                    flex-wrap: wrap;
                }

                    .exterior-vehicle-color .car-color-info .tags-container > div p {
                        text-align: center;
                    }

                        .exterior-vehicle-color .car-color-info .tags-container > div p:first-child {
                            margin-right: 2px;
                        }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .exterior-vehicle-color {
        padding: 64px 0px 56px 0;
    }

        .exterior-vehicle-color .cont-module .content {
            max-width: 788px;
            margin: 0 auto;
        }

            .exterior-vehicle-color .cont-module .content .eyebrow {
                text-align: center;
            }

            .exterior-vehicle-color .cont-module .content .title {
                text-align: center;
                font-size: 38px;
                line-height: 54px;
                max-height: calc(54px * 2);
                margin: 16px 0 52px 0;
            }

        .exterior-vehicle-color .cont-module .car-color-info {
            position: relative;
            overflow: hidden;
            max-width: 788px;
            margin: 24px auto 0 auto;
        }

            .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
                margin: 0 0 8px 0;
            }

                .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info p {
                    font-size: 18px;
                    text-align: center;
                }

            .exterior-vehicle-color .cont-module .car-color-info .tags-container {
                max-width: 2000px;
                overflow: hidden;
                margin-bottom: 32px;
                min-height: 30px;
            }

                .exterior-vehicle-color .cont-module .car-color-info .tags-container > div {
                    margin: 0 auto;
                    flex-wrap: wrap;
                }

                    .exterior-vehicle-color .cont-module .car-color-info .tags-container > div p {
                        text-align: center;
                    }

                        .exterior-vehicle-color .cont-module .car-color-info .tags-container > div p:first-child {
                            margin-right: 2px;
                        }

        .exterior-vehicle-color .cont-module .thumbnail-control {
            width: 752px;
            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: 632px;
                margin-left: 60px;
            }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image {
                    margin-right: 16px;
                }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color hr {
                    width: calc(100% - 16px);
                }
}
/* XL */
@media (min-width: 1436px) {
    .exterior-vehicle-color {
        padding: 64px 0px 56px 0;
    }

        .exterior-vehicle-color .cont-module .content {
            max-width: 904px;
            margin: 0 auto;
        }

            .exterior-vehicle-color .cont-module .content .eyebrow {
                text-align: center;
            }

            .exterior-vehicle-color .cont-module .content .title {
                text-align: center;
                font-size: 38px;
                line-height: 54px;
                max-height: calc(54px * 2);
                margin: 16px 0 52px 0;
            }

        .exterior-vehicle-color .cont-module .car-color-info {
            position: relative;
            overflow: hidden;
            max-width: 904px;
            margin: 24px auto 0 auto;
        }

            .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info {
                margin: 0 0 8px 0;
            }

                .exterior-vehicle-color .cont-module .car-color-info .thumbnail-color-info p {
                    font-size: 18px;
                    text-align: center;
                }

            .exterior-vehicle-color .cont-module .car-color-info .tags-container {
                margin-bottom: 32px;
                max-width: 2000px;
                overflow: hidden;
                min-height: 30px;
            }

                .exterior-vehicle-color .cont-module .car-color-info .tags-container > div {
                    margin: 0 auto;
                    flex-wrap: wrap;
                }

                    .exterior-vehicle-color .cont-module .car-color-info .tags-container > div p {
                        text-align: center;
                    }

                        .exterior-vehicle-color .cont-module .car-color-info .tags-container > div p:first-child {
                            margin-right: 2px;
                        }

        .exterior-vehicle-color .cont-module .thumbnail-control {
            width: 752px;
            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: 632px;
                margin-left: 60px;
            }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color .thumbnail-image {
                    margin-right: 16px;
                }

                .exterior-vehicle-color .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .category-exterior-color hr {
                    width: calc(100% - 16px);
                }
}
/*************** END INTERIOR VEHICLE COLOR ****************************/
/************************ WHEELS *******************************/
/* 320 mobile */
.wheels {
    padding: 40px 0;
}

    .wheels .container-fluid {
        max-width: 1436px;
    }

    .wheels .cont-img img.img-viewport {
        left: 50.5%;
    }

    .wheels .cont-module .content {
        max-width: 440px;
        margin: 0 auto;
    }

        .wheels .cont-module .content .eyebrow {
            color: rgba(15, 15, 15, 0.6);
            letter-spacing: 0;
            margin-bottom: 16px;
            white-space: nowrap;
            overflow: hidden;
        }

        .wheels .cont-module .content .title {
            letter-spacing: 0;
            margin: 0;
            max-height: 118px;
            overflow: hidden;
            padding-bottom: 4px;
        }

        .wheels .cont-module .content .description {
            margin: 28px 0 32px 0;
            color: rgba(15, 15, 15, 0.6);
            font-size: 14px;
            line-height: 26px;
            letter-spacing: 0;
            font-family: "SeatRegular",sans-serif;
            max-height: 156px;
            overflow: hidden;
        }

            .wheels .cont-module .content .description p {
                margin: 0;
                color: rgba(15, 15, 15, 0.6);
            }

    .wheels .cont-module .cont-wheels {
        width: calc(100% + 32px);
        margin-left: -16px;
        position: relative;
        margin-bottom: 16px;
    }

        .wheels .cont-module .cont-wheels .control-next,
        .wheels .cont-module .cont-wheels .control-prev {
            background-color: #fff;
            display: none;
            position: absolute;
            cursor: pointer;
            top: 4px;
            opacity: 1;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            text-align: center;
            padding: 6.5px 0;
        }

            .wheels .cont-module .cont-wheels .control-next:hover,
            .wheels .cont-module .cont-wheels .control-prev:hover {
                opacity: 1;
            }

                .wheels .cont-module .cont-wheels .control-next:hover img,
                .wheels .cont-module .cont-wheels .control-prev:hover img {
                    opacity: .4;
                }

            .wheels .cont-module .cont-wheels .control-next img,
            .wheels .cont-module .cont-wheels .control-prev img {
                margin: 0 auto;
                width: 8px;
                height: 13px;
                text-align: center;
                display: inline-block;
            }

        .wheels .cont-module .cont-wheels .control-next {
            right: 0;
        }

        .wheels .cont-module .cont-wheels .control-prev {
            left: 0;
        }

        .wheels .cont-module .cont-wheels .wheel {
            margin: 0 auto;
        }

            .wheels .cont-module .cont-wheels .wheel img {
                opacity: .6;
            }

            .wheels .cont-module .cont-wheels .wheel.slick-current img {
                opacity: 1;
            }

    .wheels .cont-module .thumbnail-control {
        position: relative;
        margin: 0px auto 16px auto;
        width: 460px;
    }

        .wheels .cont-module .thumbnail-control .control-next,
        .wheels .cont-module .thumbnail-control .control-prev {
            background-color: #fff;
            position: absolute;
            cursor: pointer;
            top: 4px;
            opacity: 1;
            width: 40px;
            height: 40px;
            border-radius: 4px;
            text-align: center;
            padding: 6.5px 0;
        }

            .wheels .cont-module .thumbnail-control .control-next:hover,
            .wheels .cont-module .thumbnail-control .control-prev:hover {
                opacity: 1;
            }

                .wheels .cont-module .thumbnail-control .control-next:hover img,
                .wheels .cont-module .thumbnail-control .control-prev:hover img {
                    opacity: .4;
                }

            .wheels .cont-module .thumbnail-control .control-next img,
            .wheels .cont-module .thumbnail-control .control-prev img {
                margin: 0 auto;
                width: 8px;
                height: 13px;
                text-align: center;
                display: inline-block;
            }

        .wheels .cont-module .thumbnail-control .control-next {
            right: 28px;
        }

        .wheels .cont-module .thumbnail-control .control-prev {
            left: 0;
        }

            .wheels .cont-module .thumbnail-control .control-prev img {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .wheels .cont-module .thumbnail-control .thumbnail-menu {
            overflow: hidden;
            width: calc((48px*5) + (16px*5));
            margin-left: 64px;
        }

            .wheels .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images {
                width: 10000px;
                overflow: hidden;
                position: relative;
                left: 0px;
            }

                .wheels .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image {
                    float: left;
                    width: 48px;
                    height: 64px;
                    margin-right: 16px;
                    padding-bottom: 15px;
                }

                    .wheels .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image img {
                        width: 48px;
                        height: 48px;
                        border-radius: 50%;
                        cursor: pointer;
                    }

                    .wheels .cont-module .thumbnail-control .thumbnail-menu .thumbnail-container-images .thumbnail-image.selected {
                        border-bottom: 2px solid rgba(15, 15, 15, 0.6);
                    }

    .wheels .cont-module .wheels-info {
        max-width: 440px;
        margin: 0 auto;
    }

        .wheels .cont-module .wheels-info .thumbnail-info {
            margin: 0;
        }

            .wheels .cont-module .wheels-info .thumbnail-info p {
                margin: 0;
                font-size: 16px;
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f;
                line-height: 30px;
            }

        .wheels .cont-module .wheels-info .tags-container {
            margin: 8px 0;
            min-height: 52px;
        }

            .wheels .cont-module .wheels-info .tags-container .standard-tags {
                padding-bottom: 8px;
            }

            .wheels .cont-module .wheels-info .tags-container p {
                margin: 0;
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                color: rgba(15, 15, 15, 0.6);
                line-height: 22px;
                overflow: hidden;
            }

    .wheels .cont-module .slick-dots {
        bottom: -20px;
        margin: 0;
        display: block;
        left: calc(50% - 82px);
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        width: 164px;
        pointer-events: none;
    }

        .wheels .cont-module .slick-dots.oversize {
            text-align: left;
        }

        .wheels .cont-module .slick-dots li {
            display: inline-block;
            width: 10px;
            height: 2px;
            opacity: .2;
            margin: 0 4px 0 4px;
            background-color: #33302E;
        }

            .wheels .cont-module .slick-dots li.right-bullet {
                width: 15px;
            }

            .wheels .cont-module .slick-dots li.standard-bullet {
                width: 20px;
            }

            .wheels .cont-module .slick-dots li.slick-active {
                opacity: 1;
            }

/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .wheels {
        padding: 64px 0 82px 0;
    }

        .wheels .container-fluid {
            padding: 0 32px;
        }

        .wheels .cont-module .content {
            margin: 0 auto;
            max-width: 700px;
        }

            .wheels .cont-module .content .eyebrow {
                text-align: center;
            }

            .wheels .cont-module .content .title {
                text-align: center;
            }

            .wheels .cont-module .content .description {
                text-align: center;
                margin: 20px 0 40px 0;
            }

        .wheels .cont-module .cont-wheels {
            width: 100%;
            margin-left: 0;
            overflow: hidden;
        }

            .wheels .cont-module .cont-wheels .slick-list {
                width: calc(100% + 128px);
                left: -64px;
                overflow: visible;
            }

            .wheels .cont-module .cont-wheels .wheel.slick-slide {
                transition: transform .5s ease-in-out;
                transform: scale(0.58);
            }

                .wheels .cont-module .cont-wheels .wheel.slick-slide .cont-img {
                    padding: 22px 0;
                }

            .wheels .cont-module .cont-wheels .wheel.slick-current {
                transform: scale(1.1595);
            }

        .wheels .cont-module .wheels-info {
            margin: 0 auto;
            max-width: 700px;
        }

            .wheels .cont-module .wheels-info .thumbnail-info {
                text-align: center;
            }

            .wheels .cont-module .wheels-info .tags-container {
                max-width: 2000px;
                overflow: hidden;
                margin-bottom: 16px;
                min-height: 30px;
            }

                .wheels .cont-module .wheels-info .tags-container > div {
                    flex-wrap: wrap;
                    margin: 0 auto;
                }

                    .wheels .cont-module .wheels-info .tags-container > div .optional-tags {
                        margin-left: 12px;
                    }

                    .wheels .cont-module .wheels-info .tags-container > div p {
                        text-align: center;
                    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .wheels {
        padding: 96px 0;
    }

        .wheels.show .cont-module .cont-wheels .wheel.slick-current {
            top: 0px !important;
            opacity: 1 !important;
            -webkit-transition: top .5s ease-in .7s, opacity .3s ease-in .7s;
            -moz-transition: top .5s ease-in .7s, opacity .3s ease-in .7s;
            -o-transition: top .5s ease-in .7s, opacity .3s ease-in .7s;
            transition: top .5s ease-in .7s, opacity .3s ease-in .7s;
        }

        .wheels .container-fluid {
            padding: 0 16px 0 32px;
        }

        .wheels .cont-module .col-12.col-lg-6.offset-xl-1 {
            padding-left: 24px;
        }

        .wheels .cont-module .col-12.col-lg-6.col-xl-4.offset-xl-1 {
            padding-left: 16px;
        }

        .wheels .cont-module .content {
            max-width: 460px;
        }

            .wheels .cont-module .content .title {
                max-height: 84px;
            }

            .wheels .cont-module .content .description {
                font-size: 16px;
                line-height: 30px;
                max-height: 120px;
            }

        .wheels .cont-module .cont-wheels {
            width: 100%;
            margin-left: 0;
            margin-bottom: 0;
            overflow: hidden;
        }

            .wheels .cont-module .cont-wheels .wheel.slick-current {
                top: 150px !important;
                opacity: 0 !important;
            }

        .wheels .cont-module .wheels-info {
            max-width: 460px;
        }

            .wheels .cont-module .wheels-info .thumbnail-info p {
                font-size: 18px;
            }

            .wheels .cont-module .wheels-info .tags-container {
                margin: 8px 0 0 0;
                min-height: 52px;
            }
}
/* XL */
@media (min-width: 1436px) {
    .wheels {
        padding: 72px 0;
    }

        .wheels.show .cont-module .cont-wheels .wheel.slick-current {
            top: 0px !important;
            opacity: 1 !important;
            transition: top .5s ease-in .7s, opacity .3s ease-in .7s;
        }

        .wheels .cont-module .col-lg-6.col-xl-4.offset-xl-1 {
            padding-left: 0;
        }

        .wheels .cont-module .col-lg-6.offset-xl-1 {
            padding-left: 0;
            padding-right: 0;
        }

        .wheels .cont-module .container-fluid {
            padding-left: 32px;
            padding-right: 16px;
        }

        .wheels .cont-module .content {
            max-width: 468px;
        }

            .wheels .cont-module .content .title {
                max-height: 84px;
            }

            .wheels .cont-module .content .description {
                font-size: 16px;
                line-height: 30px;
                max-height: 120px;
            }

        .wheels .cont-module .cont-wheels {
            width: 100%;
            margin-left: 0;
            margin-bottom: 0;
            overflow: hidden;
        }

            .wheels .cont-module .cont-wheels .wheel.slick-current {
                top: 150px !important;
                opacity: 0 !important;
            }

        .wheels .cont-module .wheels-info {
            max-width: 460px;
        }

            .wheels .cont-module .wheels-info .thumbnail-info p {
                font-size: 18px;
            }

            .wheels .cont-module .wheels-info .tags-container {
                margin: 8px 0 0 0;
                min-height: 52px;
            }
}
/********************** END WHEELS *****************************/
/* Mobile */
.sitemap-component .container-fluid .container {
    padding: 0;
}

    .sitemap-component .container-fluid .container .row .col-12 h2 {
        font-family: SeatBlack;
        font-size: 30px;
        line-height: 38px;
        color: #0f0f0f;
        margin: 40px 0 8px;
        padding: 0;
        max-height: 38px;
        overflow: hidden;
        box-sizing: unset;
    }

    .sitemap-component .container-fluid .container .row .col-12 .accordion {
        border-bottom: 1px solid rgba(15, 15, 15, 0.6);
        padding: 24px 0px;
    }

        .sitemap-component .container-fluid .container .row .col-12 .accordion h3 {
            display: flex;
            justify-content: space-between;
            font-family: SeatBold;
            font-size: 18px;
            line-height: 30px;
            color: #0f0f0f;
            padding: 0 8px;
            margin: 0;
            width: 100%;
            cursor: pointer;
            max-height: 56px;
            overflow: hidden;
        }

            .sitemap-component .container-fluid .container .row .col-12 .accordion h3 img {
                transform: rotate(90deg);
                width: 6px;
                margin-right: 4px;
                margin-bottom: 4px;
            }

            .sitemap-component .container-fluid .container .row .col-12 .accordion h3[aria-expanded="true"] img {
                transform: rotate(270deg);
            }

            .sitemap-component .container-fluid .container .row .col-12 .accordion h3.collapsed img {
                transform: rotate(90deg);
            }

        .sitemap-component .container-fluid .container .row .col-12 .accordion ul {
            padding: 0;
            margin: 0;
        }

            .sitemap-component .container-fluid .container .row .col-12 .accordion ul li {
                list-style: none;
                padding: 0 8px;
                margin: 0;
            }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li a {
                    display: inline-block;
                    width: auto;
                    font-family: SeatRegular;
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    padding: 8px 0;
                    max-height: 64px;
                    overflow: hidden;
                }

                    .sitemap-component .container-fluid .container .row .col-12 .accordion ul li a:hover {
                        text-decoration: none;
                    }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.listSubtitle {
                    padding: 24px 8px 16px;
                }

                    .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.listSubtitle h4 {
                        font-family: SeatMedium;
                        font-size: 16px;
                        line-height: 26px;
                        color: #0f0f0f;
                        margin: 0;
                        max-height: 56px;
                        overflow: hidden;
                    }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li:first-child {
                    margin-top: 24px;
                }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.boldLinks a {
                    font-family: SeatMedium;
                    font-size: 18px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    max-height: 64px;
                    overflow: hidden;
                }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.boldLinks.first {
                    margin-top: 24px;
                }

        .sitemap-component *::-ms-backdrop, .sitemap-component .container-fluid .container .row .col-12 .accordion h3 img {
            width: 16px;
            height: 16px;
            margin-top: 8px;
        }

/* Tablet */
@media (min-width: 763px) and (max-width: 1015px) {
    .sitemap-component {
        padding: 32px 16px;
    }

        .sitemap-component .container-fluid .container {
            max-width: 991px;
        }

            .sitemap-component .container-fluid .container .row .col-12 h2 {
                margin: 24px 0 8px;
                max-height: 38px;
            }

            .sitemap-component .container-fluid .container .row .col-12 .accordion li.listSubtitle h4 {
                line-height: 26px;
            }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .sitemap-component {
        padding: 32px 16px;
    }

        .sitemap-component .container-fluid .container .row .col-12 h2 {
            font-size: 38px;
            line-height: 46px;
            max-height: 46px;
            margin: 32px 0 44px;
            overflow: hidden;
        }

        .sitemap-component .container-fluid .container .row .col-12 .accordion {
            border: none;
        }

            .sitemap-component .container-fluid .container .row .col-12 .accordion h3 {
                font-size: 20px;
                line-height: 26px;
                padding: 0;
                cursor: default;
            }

                .sitemap-component .container-fluid .container .row .col-12 .accordion h3 img {
                    display: none;
                }

            .sitemap-component .container-fluid .container .row .col-12 .accordion ul li {
                padding: 0;
            }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li:first-child {
                    margin-top: 34px;
                }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.listSubtitle {
                    padding: 24px 8px 8px;
                    padding-left: 0;
                    padding-right: 0;
                }

                    .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.listSubtitle.first {
                        margin-top: 16px;
                    }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li a {
                    padding: 4px 0;
                }
}
/* XL */
@media (min-width: 1436px) {
    .sitemap-component {
        padding: 32px 16px;
    }

        .sitemap-component .container-fluid .container .row .col-12 h2 {
            font-size: 38px;
            line-height: 46px;
            max-height: 46px;
            margin: 32px 0 44px;
            overflow: hidden;
        }

        .sitemap-component .container-fluid .container .row .col-12 .accordion {
            border: none;
        }

            .sitemap-component .container-fluid .container .row .col-12 .accordion h3 {
                cursor: default;
                padding: 0;
            }

                .sitemap-component .container-fluid .container .row .col-12 .accordion h3 img {
                    display: none;
                }

            .sitemap-component .container-fluid .container .row .col-12 .accordion ul li {
                padding: 0;
            }

                .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.listSubtitle {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .sitemap-component .container-fluid .container .row .col-12 .accordion ul li.listSubtitle.first {
                        padding-top: 8px;
                    }
}

.disclaimer-component {
    position: relative;
    height: 260px;
    overflow: hidden;
}

    .disclaimer-component .container-fluid .container .row {
        padding-top: 16px;
        padding-bottom: 16px;
    }

        .disclaimer-component .container-fluid .container .row .col-12 {
            padding: 0;
        }

            .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
                padding: 16px 0 88px;
            }

                .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text p {
                    font-family: SeatRegular;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

            .disclaimer-component .container-fluid .container .row .col-12 .richtext {
                font-size: 12px;
                line-height: 22px;
            }

                .disclaimer-component .container-fluid .container .row .col-12 .richtext p,
                .disclaimer-component .container-fluid .container .row .col-12 .richtext a {
                    font-size: 12px;
                    line-height: 22px;
                }

    .disclaimer-component .seeMore-container {
        cursor: pointer;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-flow: row;
        background: #fff;
        border-top: 1px solid rgba(51, 48, 46, 0.2);
        padding: 16px 0;
        height: 72px;
    }

        .disclaimer-component .seeMore-container .seeMore-button {
            border: 2px solid rgba(51, 48, 46, 0.2);
            border-radius: 50%;
            width: 48px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-content: center;
            align-self: center;
        }

            .disclaimer-component .seeMore-container .seeMore-button img {
                width: 16px;
                transform: rotate(90deg);
            }

                .disclaimer-component .seeMore-container .seeMore-button img.open {
                    transform: rotate(-90deg);
                }

        .disclaimer-component .seeMore-container span {
            font-family: seatBold;
            font-size: 16px;
            line-height: 22px;
            color: #0f0f0f;
            align-self: center;
            padding-left: 16px;
        }

    .disclaimer-component.shortDisclaimer {
        height: 100%;
    }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px;
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 {
                text-align: center;
            }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                    padding: 16px 0;
                }

                    .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;
                    }

    .disclaimer-component.show-expanded {
        height: auto;
    }

        .disclaimer-component.show-expanded .seeMore-container {
            display: none;
        }

    *::-ms-backdrop, .disclaimer-component .seeMore-container .seeMore-button {
        position: relative;
    }

        *::-ms-backdrop, .disclaimer-component .seeMore-container .seeMore-button img {
            position: absolute;
            top: calc(50% - 8px);
            left: calc(50% - 8px);
        }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .disclaimer-component {
        height: 200px;
    }

        .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
            padding: 24px 16px 96px;
        }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px;
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 {
                text-align: center;
            }

                .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                    padding: 24px 16px;
                }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .disclaimer-component {
        height: 208px;
    }

        .disclaimer-component .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

            .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
                padding: 32px 16px 104px;
                -webkit-column-count: 2;
                -moz-column-count: 2;
                column-count: 2;
                -webkit-column-gap: 32px;
                -moz-column-gap: 32px;
                column-gap: 32px;
            }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px;
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                padding: 32px 96px;
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
            }
}

@media (min-width: 1436px) {
    .disclaimer-component {
        height: 208px;
    }

        .disclaimer-component .container-fluid .container .row .col-12 .disclaimer-text {
            padding: 32px 136px 104px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 32px;
            -moz-column-gap: 32px;
            column-gap: 32px;
        }

        .disclaimer-component.shortDisclaimer .container-fluid {
            padding-left: 16px;
            padding-right: 16px;
        }

            .disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .disclaimer-text {
                padding: 32px 224px;
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
            }
}
/**************** TWO COLUMNS HERO OFFER ************************/
/* 320 mobile */
.two-columns-hero-offer {
    position: relative;
    font-family: "SeatRegular",sans-serif;
}

    .two-columns-hero-offer .play-button-block {
        position: absolute;
        width: 100%;
        max-width: 837.6666px;
        text-align: center;
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 20;
    }

        .two-columns-hero-offer .play-button-block .btn-play {
            margin-left: 8px;
        }

            .two-columns-hero-offer .play-button-block .btn-play img {
                position: absolute;
                left: 50%;
                top: 50%;
                bottom: 0;
                margin: 0;
            }

    .two-columns-hero-offer .play-block {
        max-width: 837.6666px;
    }

    .two-columns-hero-offer .badge-block {
        position: absolute;
        width: 100%;
        max-width: 837.6666px;
        text-align: center;
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        z-index: 3;
    }

        .two-columns-hero-offer .badge-block img {
            width: 55px;
            height: auto;
            margin-top: 16px;
            margin-right: 16px;
        }

    .two-columns-hero-offer .cont-img {
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 100%;
        height: 180px;
        max-height: 180px;
    }

        .two-columns-hero-offer .cont-img span {
            width: auto;
            display: block;
        }

        .two-columns-hero-offer .cont-img img {
            display: block;
            position: absolute;
            top: 0;
            margin: auto;
            object-fit: cover;
            object-position: 0 0;
            width: auto;
            min-width: 100%;
            max-width: none;
            height: 180px;
            max-height: 180px;
        }

    .two-columns-hero-offer.cont-module .container-fluid,
    .two-columns-hero-offer .cont-module .container-fluid {
        padding-right: 16px;
        padding-left: 16px;
    }

    .two-columns-hero-offer.cont-module .row,
    .two-columns-hero-offer .cont-module .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .two-columns-hero-offer.cont-module .col-md-6,
    .two-columns-hero-offer.cont-module .col-md-12,
    .two-columns-hero-offer .cont-module .col-md-6,
    .two-columns-hero-offer .cont-module .col-md-12 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .two-columns-hero-offer.cont-module .pr-sm-0,
    .two-columns-hero-offer .cont-module .pr-sm-0 {
        padding-right: 0;
    }

    .two-columns-hero-offer.cont-module.side-left .infos-block, .two-columns-hero-offer.cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block {
        max-width: 440px;
        margin: 16px auto 34px auto;
    }

    .two-columns-hero-offer.cont-module.side-left .cont-img .f-nofocal,
    .two-columns-hero-offer .cont-module.side-left .cont-img .f-nofocal {
        left: 0%;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
    }

    .two-columns-hero-offer.cont-module.side-right .cont-img .f-nofocal,
    .two-columns-hero-offer .cont-module.side-right .cont-img .f-nofocal {
        left: 100%;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .two-columns-hero-offer.cont-module.side-right .play-block a,
    .two-columns-hero-offer .cont-module.side-right .play-block a {
        margin-left: 7px;
    }

    .two-columns-hero-offer.cont-module .pr-sm-0,
    .two-columns-hero-offer .cont-module .pr-sm-0 {
        padding-right: 0;
    }

    .two-columns-hero-offer .order-photo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .two-columns-hero-offer .image-block {
        overflow: hidden;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0;
        width: 100%;
        width: -moz-calc(100% + 24px);
        width: calc(100% + 24px);
    }

    .two-columns-hero-offer .title {
        font-size: 25px;
        line-height: 32px;
        padding-bottom: 4px;
        overflow: hidden;
        margin-top: 8px;
        margin-bottom: 8px;
        max-height: calc(32px*2 + 4px);
    }

    .two-columns-hero-offer .description p {
        overflow: hidden;
        margin-bottom: 16px;
        max-height: 52px;
        max-height: calc(26px*2);
    }

    .two-columns-hero-offer .btn {
        max-width: 288px;
        width: 100%;
        height: 48px;
    }

    .two-columns-hero-offer .price-block {
        margin-bottom: 16px;
    }

        .two-columns-hero-offer .price-block .price {
            font-family: "SeatBold",sans-serif;
            letter-spacing: 0;
            margin-right: 16px;
            font-size: 16px;
            line-height: 22px;
        }

            .two-columns-hero-offer .price-block .price p {
                margin-bottom: 0;
            }

            .two-columns-hero-offer .price-block .price .euro-symbol {
                font-size: 16px;
                line-height: 22px;
                margin-left: -2px;
            }

        .two-columns-hero-offer .price-block .before-price {
            font-family: "SeatRegular",sans-serif;
            color: inherit;
            opacity: 0.6;
            letter-spacing: 0;
            font-size: 12px;
            line-height: 22px;
        }

            .two-columns-hero-offer .price-block .before-price .strikethrough {
                text-decoration: line-through;
            }

    .two-columns-hero-offer .richtext {
        color: inherit;
    }

        .two-columns-hero-offer .richtext p {
            color: inherit;
        }

/* Tablet */
@media (min-width: 764px) {
    .two-columns-hero-offer .cont-img {
        height: 428px;
        max-height: 428px;
    }

        .two-columns-hero-offer .cont-img img {
            height: 428px;
            max-height: 428px;
        }

    .two-columns-hero-offer .play-button-block .btn-play {
        margin-left: 0;
    }

    .two-columns-hero-offer.cont-module .flex-column,
    .two-columns-hero-offer .cont-module .flex-column {
        height: 100%;
    }

        .two-columns-hero-offer.cont-module .flex-column .align-items-center,
        .two-columns-hero-offer .cont-module .flex-column .align-items-center {
            height: 100%;
        }

    .two-columns-hero-offer.cont-module .container-fluid,
    .two-columns-hero-offer .cont-module .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
    }

    .two-columns-hero-offer.cont-module .row,
    .two-columns-hero-offer .cont-module .row {
        margin-right: -16px;
        margin-left: -16px;
    }

    .two-columns-hero-offer.cont-module .col-12,
    .two-columns-hero-offer.cont-module .col-md-6,
    .two-columns-hero-offer.cont-module .col-md-12,
    .two-columns-hero-offer .cont-module .col-12,
    .two-columns-hero-offer .cont-module .col-md-6,
    .two-columns-hero-offer .cont-module .col-md-12 {
        padding-right: 16px;
        padding-left: 16px;
    }

    .two-columns-hero-offer.cont-module.side-right .infos-block, .two-columns-hero-offer.cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block {
        max-width: 360px;
        height: auto;
        margin: 0 auto;
    }

    .two-columns-hero-offer.cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block {
        padding-left: 16px;
        padding-right: 0;
    }

    .two-columns-hero-offer.cont-module.side-right .play-block,
    .two-columns-hero-offer .cont-module.side-right .play-block {
        left: auto;
        right: 0;
    }

        .two-columns-hero-offer.cont-module.side-right .play-block a,
        .two-columns-hero-offer .cont-module.side-right .play-block a {
            margin-left: 0;
        }

    .two-columns-hero-offer.cont-module.side-right .badge-block,
    .two-columns-hero-offer .cont-module.side-right .badge-block {
        left: auto;
        right: 16px;
    }

        .two-columns-hero-offer.cont-module.side-right .badge-block img,
        .two-columns-hero-offer .cont-module.side-right .badge-block img {
            position: absolute;
            top: 0;
            right: 0;
        }

    .two-columns-hero-offer.cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block {
        padding-bottom: 0;
        padding-right: 16px;
    }

    .two-columns-hero-offer.cont-module .order-photo,
    .two-columns-hero-offer .cont-module .order-photo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .two-columns-hero-offer .image-block {
        width: 100%;
        width: -moz-calc(100% + 32px);
        width: calc(100% + 32px);
    }

    .two-columns-hero-offer .title {
        font-size: 30px;
        line-height: 38px;
        margin-top: 24px;
        margin-bottom: 16px;
        max-height: 76px;
        max-height: calc(38px*2);
    }

    .two-columns-hero-offer .description p {
        margin-bottom: 32px;
    }

    .two-columns-hero-offer .btn {
        min-width: 214px;
        width: auto;
    }

    .two-columns-hero-offer .price-block {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

        .two-columns-hero-offer .price-block .price {
            flex: 0 0 100%;
            max-width: 100%;
            margin-right: 0;
            font-size: 25px;
            line-height: 32px;
        }

            .two-columns-hero-offer .price-block .price .euro-symbol {
                font-size: 14px;
                line-height: 16px;
            }

        .two-columns-hero-offer .price-block .before-price {
            font-size: 14px;
            line-height: 26px;
        }

            .two-columns-hero-offer .price-block .before-price .strikethrough {
                padding-left: 3px;
            }
}
/* Desktop */
@media (min-width: 1016px) {
    .two-columns-hero-offer .cont-img {
        height: 500px;
        max-height: 500px;
    }

        .two-columns-hero-offer .cont-img img {
            height: 500px;
            max-height: 500px;
        }

    .two-columns-hero-offer .badge-block img {
        width: 78px;
    }

    .two-columns-hero-offer.cont-module.side-right .infos-block, .two-columns-hero-offer.cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block {
        max-width: 330px;
    }

    .two-columns-hero-offer.cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block {
        padding-left: 0;
        padding-right: 0;
    }

    .two-columns-hero-offer.cont-module.side-right .image-block,
    .two-columns-hero-offer .cont-module.side-right .image-block {
        margin-left: -16px;
    }

    .two-columns-hero-offer.cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block {
        padding-left: 0;
        padding-right: 0;
    }

    .two-columns-hero-offer.cont-module.side-left .image-block,
    .two-columns-hero-offer .cont-module.side-left .image-block {
        margin-left: 0;
    }

    .two-columns-hero-offer .image-block {
        width: 100%;
        width: -moz-calc(100% + 16px);
        width: calc(100% + 16px);
    }

    .two-columns-hero-offer .title {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 12px;
        max-height: 84px;
        max-height: calc(48px*2 + 4px);
    }

    .two-columns-hero-offer .description p {
        max-height: 60px;
        max-height: calc(30px*2 + 4px);
        margin-bottom: 40px;
    }

    .two-columns-hero-offer .btn {
        min-width: 251px;
    }

    .two-columns-hero-offer .price-block {
        margin-bottom: 32px;
    }

        .two-columns-hero-offer .price-block .price {
            font-size: 38px;
            line-height: 40px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .two-columns-hero-offer.cont-module .col-xl-4,
    .two-columns-hero-offer .cont-module .col-xl-4 {
        padding-right: 0;
        padding-left: 0;
    }

    .two-columns-hero-offer.cont-module.side-right .col-12.col-md-6.col-lg-5 .cont-module, .two-columns-hero-offer.cont-module.side-left .col-12.col-md-6.col-lg-5 .cont-module,
    .two-columns-hero-offer .cont-module.side-right .col-12.col-md-6.col-lg-5 .cont-module,
    .two-columns-hero-offer .cont-module.side-left .col-12.col-md-6.col-lg-5 .cont-module {
        max-width: 553px;
        margin: 0;
    }

    .two-columns-hero-offer.cont-module.side-right .infos-block, .two-columns-hero-offer.cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block {
        max-width: 473px;
        margin: 0;
    }

    .two-columns-hero-offer.cont-module.side-right .col-12.col-md-6.col-lg-5 .cont-module,
    .two-columns-hero-offer .cont-module.side-right .col-12.col-md-6.col-lg-5 .cont-module {
        margin: 0;
        padding-left: 40px;
    }

    .two-columns-hero-offer.cont-module.side-right .infos-block,
    .two-columns-hero-offer .cont-module.side-right .infos-block {
        padding-left: 0px;
        padding-right: 0px;
    }

    .two-columns-hero-offer.cont-module.side-left .col-12.col-md-6.col-lg-5 .cont-module,
    .two-columns-hero-offer .cont-module.side-left .col-12.col-md-6.col-lg-5 .cont-module {
        margin: 0 0 0 auto;
        padding-right: 40px;
    }

    .two-columns-hero-offer.cont-module.side-left .infos-block,
    .two-columns-hero-offer .cont-module.side-left .infos-block {
        margin: 0 0 0 auto;
        padding-left: 0px;
        padding-right: 0px;
    }

    .two-columns-hero-offer .title {
        font-size: 50px;
        line-height: 62px;
        max-height: calc(62px*2 + 4px);
    }

    .two-columns-hero-offer .description {
        margin-bottom: 40px;
    }

    .two-columns-hero-offer .price-block {
        margin-bottom: 0px;
    }

        .two-columns-hero-offer .price-block div:last-child {
            margin-bottom: 24px;
        }
}
/**************** END TWO COLUMNS HERO OFFER ************************/
@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 {
    margin-top: 32px;
}

    .specsHero .trimselect .selectors {
        margin-bottom: 8px;
    }

    .specsHero .trimselect .title {
        height: 26px;
        font-family: "SeatBold",sans-serif;
        font-size: 20px;
        line-height: 44px;
        height: 44px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .specsHero .trimselect .car-img {
        width: 100%;
    }

    .specsHero .trimselect .label {
        display: block;
        font-family: "SeatMedium",sans-serif;
        color: rgba(15, 15, 15, 0.6);
        font-size: 12px;
        line-height: 22px;
        padding-left: 0px;
    }

    .specsHero .trimselect .special-drop {
        display: none;
    }

        .specsHero .trimselect .special-drop .specs-select {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            text-align: left;
            background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
            background-position-x: 99%;
            display: block;
            width: 100%;
            padding: 8px 0px;
            background-color: #fff;
            border: none;
            border-bottom: 1px solid #ced4da;
            border-radius: 0px;
        }

            .specsHero .trimselect .special-drop .specs-select:focus {
                outline: none;
            }

            .specsHero .trimselect .special-drop .specs-select:selected {
                border-color: #84c497;
            }

        .specsHero .trimselect .special-drop .dropdown-menu {
            width: 100%;
            z-index: 15;
        }

            .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 .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: "SeatRegular",sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: #0f0f0f;
        text-align: left;
        background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
        background-position-x: 99%;
        display: block;
        width: 100%;
        padding: 8px 0px;
        background-color: #fff;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0;
        line-height: 1.4em;
    }

        .specsHero .trimselect select.form-control:selected {
            border-color: #84c497;
        }

        .specsHero .trimselect select.form-control:focus {
            border-color: #84c497;
        }

        .specsHero .trimselect select.form-control::-ms-expand {
            display: none;
        }

    .specsHero .trimselect .col-12 {
        padding: 0px;
    }

    .specsHero .trimselect .car-img-cont {
        padding-bottom: 32px;
    }

    .specsHero .trimselect .form-group {
        margin-bottom: 24px;
    }

@-moz-document url-prefix() {
    .specsHero .trimselect .label {
        padding-left: 4px;
    }
}

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

/* ajuste maximos en S */
@media (max-width: 763px) {
    .flex-parent {
        max-width: 440px;
    }
}

@media (min-width: 764px) {
    .specsHero .trimselect {
        margin-top: 72px;
        margin-bottom: 16px;
    }

        .specsHero .trimselect .car-img-cont {
            padding-bottom: 32px;
            display: flex;
            align-items: center;
            padding-right: 16px;
            padding-left: 16px;
        }

        .specsHero .trimselect .car-img {
            margin: auto;
        }

        .specsHero .trimselect .selectors {
            padding-left: 16px;
            padding-right: 16px;
        }

        .specsHero .trimselect .title {
            height: 34px;
            line-height: 21px;
            margin-bottom: 8px;
        }

        .specsHero .trimselect .label {
            font-size: initial;
            line-height: initial;
        }

        .specsHero .trimselect .special-drop .specs-select {
            height: 48px;
            max-width: 334px;
            background-position-x: 97%;
            background-position-y: 54%;
        }

        .specsHero .trimselect .special-drop .dropdown-menu {
            max-width: 334px;
            width: 96%;
        }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .specsHero .trimselect .label {
        padding-left: 0px;
    }

    .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: 518px;
    }

    .specsHero .trimselect .special-drop .specs-select {
        height: auto;
    }

    .specsHero .trimselect .selectors {
        max-width: 296px;
    }
}

@media (min-width: 1016px) {
    .specsHero .flex-parent {
        display: flex;
    }

    .specsHero #engineselect,
    .specsHero #versionselect {
        display: none;
    }

    .specsHero .trimselect {
        margin-top: 16px;
        margin-bottom: 8px;
    }

        .specsHero .trimselect .container-fluid {
            padding-top: 40px;
            padding-bottom: 8px;
        }

        .specsHero .trimselect .title {
            margin-bottom: 8px;
            line-height: 22px;
        }

        .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 .dropdown-menu {
                width: 100%;
            }

            .specsHero .trimselect .special-drop .specs-select {
                height: auto;
                font-size: 16px;
            }

        .specsHero .trimselect .car-img-cont {
            justify-content: flex-end;
        }

        .specsHero .trimselect .car-img {
            max-width: 542px;
        }

    .specsHero .special-drop .dropdown-menu .dropdown-item {
        white-space: normal;
        padding: .25rem 2.5rem .25rem 1.5rem;
    }
}

@media (min-width: 1436px) {
    .specsHero .trimselect {
        margin-top: 88px;
        max-width: 1436px;
        margin: auto;
    }

        .specsHero .trimselect .container-fluid {
            padding: 32px;
        }

        .specsHero .trimselect .car-img-cont {
            padding-right: 0px;
        }

        .specsHero .trimselect .car-img {
            width: auto;
            padding-bottom: 0px;
            height: auto;
            max-width: 787px;
            max-height: 357px;
        }

        .specsHero .trimselect .title {
            line-height: 26px;
            padding-left: 0px;
            margin-bottom: 16px;
        }

        .specsHero .trimselect .form-group {
            padding-right: 96px;
        }

        .specsHero .trimselect .label {
            margin-top: 8px;
            padding-left: 0px;
        }

        .specsHero .trimselect .offset-lg-1 {
            margin-left: 7.933%;
            padding: 0px;
        }

        .specsHero .trimselect .selectors {
            padding-top: 8px;
            padding-left: 32px;
        }

            .specsHero .trimselect .selectors h2 {
                height: 26px;
                font-size: 20px;
                line-height: 26px;
            }

        .specsHero .trimselect .selectors {
            margin-top: 40px;
        }
}

@media (min-width: 1920px) {
    .specsHero .trimselect .car-img {
        margin-top: 6px;
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
    }

    100% {
        top: -2px;
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.specsInfo .specsselect {
    margin-top: 32px;
}

    .specsInfo .specsselect .title {
        height: 26px;
        font-family: "SeatBold",sans-serif;
        font-size: 20px;
        line-height: 44px;
        height: 44px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .specsInfo .specsselect .special-drop {
        display: block;
    }

        .specsInfo .specsselect .special-drop .specs-select {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 26px;
            color: #0f0f0f;
            text-align: left;
            background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
            background-position-x: 99%;
            display: block;
            width: 100%;
            padding: 8px 0px;
            background-color: #fff;
            border: none;
            border-radius: 0px;
        }

            .specsInfo .specsselect .special-drop .specs-select:focus {
                outline: none;
            }

            .specsInfo .specsselect .special-drop .specs-select:selected {
                border-color: #84c497;
            }

        .specsInfo .specsselect .special-drop .dropdown-menu {
            width: 100%;
            z-index: 15;
        }

            .specsInfo .specsselect .special-drop .dropdown-menu .selected {
                position: relative;
                font-family: "SeatBold",sans-serif;
                /*           &:after {
              content: '';
              background: url('main/img/icon-item-selected.svg')center no-repeat;
              height: 32px;
              width: 32px;
              position: absolute;
              right: 16px;
            } */
            }

        .specsInfo .specsselect .special-drop .anim-slideUp {
            animation: slideUp 0.3s;
        }

        .specsInfo .specsselect .special-drop .anim-slidedown {
            animation: slideDown 0.3s;
        }

        .specsInfo .specsselect .special-drop .dropdown-item:active {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa;
        }

.specsInfo .container-fluid {
    overflow: visible;
}

.specsInfo .visible-md {
    display: none;
}

.specsInfo .visible-l {
    display: none;
}

.specsInfo .margin-top-48 {
    margin-top: 48px;
}

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

.specsInfo .border-top {
    margin-top: 16px;
    border-top: 1px solid #e9ecef;
}

.specsInfo #accordion {
    padding: 16px 0 16px 0;
}

.specsInfo .accordion:last-child {
    margin-bottom: 0;
}

.specsInfo .standardEquipment ul {
    list-style-position: outside;
}

    .specsInfo .standardEquipment ul li {
        padding: 8px 0;
    }

.specsInfo .fullnav {
    width: 100%;
}

.specsInfo h4 {
    font-family: "SeatBold",sans-serif;
    font-weight: normal;
    color: #0f0f0f;
    padding-left: 16px;
    margin: 0;
}

    .specsInfo h4.title {
        cursor: pointer;
    }

.specsInfo .container-title .title {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    line-height: 30px;
    padding-left: 32px;
}

    .specsInfo .container-title .title:after {
        content: '';
        background: url("main/img/icon-specs-arrowdown-select.svg") center center no-repeat;
        position: absolute;
        right: 32px;
        bottom: 17px;
        height: 15px;
        width: 10px;
    }

.specsInfo .accordion-header {
    border-bottom: solid 1px rgba(51, 48, 46, 0.2);
}

.specsInfo .sub-section {
    padding: 16px 48px 16px 16px;
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
}

    .specsInfo .sub-section:before {
        content: '';
        background: url("main/img/specs-export-arrow-up.svg") center center no-repeat;
        position: absolute;
        right: 16px;
        bottom: 24px;
        height: 9px;
        width: 16px;
        transform: rotate(180deg);
    }

    .specsInfo .sub-section[aria-expanded=true]:before {
        transform: rotate(0deg);
    }

.specsInfo .title[aria-expanded=true]:after {
    transform: rotate(180deg);
}

.specsInfo .container-title {
    margin: 0 -16px;
    background: #fff;
}

.specsInfo .dimensions {
    width: 100%;
}

.specsInfo .arrow_down {
    width: 16px;
    height: 16px;
}

.specsInfo .stroke {
    opacity: 0.1;
    background-color: #0f0f0f;
    display: block;
    margin: 0 -16px;
    height: 1px;
}

.specsInfo .card-body {
    padding: 0;
}

    .specsInfo .card-body .accordion .accordion-body .w-data p {
        font-size: 14px;
        line-height: 26px;
        font-family: "SeatMedium",sans-serif;
        margin: 0;
    }

    .specsInfo .card-body .dimensions-data {
        padding-left: 16px;
        margin-top: 0;
    }

    .specsInfo .card-body .apunte {
        display: block;
        overflow: hidden;
        height: 26px;
        font-size: 14px;
        line-height: 26px;
        white-space: nowrap;
    }

    .specsInfo .card-body #dimensions strong,
    .specsInfo .card-body #dimensions b {
        width: 120px;
        height: 30px;
        font-family: "SeatBold",sans-serif;
        font-weight: normal;
        font-size: 18px;
        line-height: 30px;
        color: #0f0f0f;
    }

    .specsInfo .card-body #dimensions #carouselDimensions {
        margin-top: 34px;
        margin-bottom: 0;
    }

        .specsInfo .card-body #dimensions #carouselDimensions .carousel-item {
            height: 164px;
            overflow: hidden;
        }

            .specsInfo .card-body #dimensions #carouselDimensions .carousel-item img {
                height: 114px;
                width: auto;
                margin: 0 auto;
                display: block;
            }

            .specsInfo .card-body #dimensions #carouselDimensions .carousel-item span {
                width: 100%;
                display: block;
            }

    .specsInfo .card-body #dimensions .carousel-indicators {
        bottom: 0;
        margin-top: 24px;
        margin-bottom: 24px;
    }

        .specsInfo .card-body #dimensions .carousel-indicators li {
            width: 20px;
            height: 2px;
            background: #33302E;
            opacity: 0.2;
        }

            .specsInfo .card-body #dimensions .carousel-indicators li.active {
                background: #33302E;
                opacity: 1;
            }

    .specsInfo .card-body .second-col .infoTag {
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }

.specsInfo #engine .row {
    margin-right: 0;
    margin-left: 0;
}

.specsInfo .modalEmisions {
    padding: 16px;
    display: none;
    position: absolute;
    margin: auto;
    left: auto;
    z-index: 14;
}

    .specsInfo .modalEmisions ul.nav-tabs {
        overflow: hidden;
    }

        .specsInfo .modalEmisions ul.nav-tabs li {
            height: 54px;
            width: 143px;
        }

        .specsInfo .modalEmisions ul.nav-tabs button {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            position: relative;
            width: 100%;
            height: 100%;
            border: none;
            background: #FFF;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            text-align: center;
            cursor: pointer;
        }

            .specsInfo .modalEmisions ul.nav-tabs button.active {
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f;
                font-weight: normal;
            }

                .specsInfo .modalEmisions ul.nav-tabs button.active::before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background: #000;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }

            .specsInfo .modalEmisions ul.nav-tabs button:focus, .specsInfo .modalEmisions ul.nav-tabs button:active {
                outline: none;
            }

    .specsInfo .modalEmisions .close,
    .specsInfo .modalEmisions .co2,
    .specsInfo .modalEmisions .aclaracion {
        display: none;
    }

    .specsInfo .modalEmisions .m-content {
        position: relative;
        width: 288px;
        margin: auto;
        min-height: 180px;
        background: #FFF;
        border-radius: 4px;
        border: solid 1px #d6d6d5;
    }

    .specsInfo .modalEmisions .modal-body {
        padding: 0 16px 0 16px;
    }

        .specsInfo .modalEmisions .modal-body .col-md-6 {
            padding: 0;
            height: 100%;
            padding-top: 16px;
            padding-bottom: 16px;
        }

        .specsInfo .modalEmisions .modal-body h3 {
            font-family: "SeatMedium",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: #0f0f0f;
            margin-bottom: 2px;
        }

        .specsInfo .modalEmisions .modal-body ul {
            padding: 0;
            margin-bottom: 8px;
        }

            .specsInfo .modalEmisions .modal-body ul li {
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(15, 15, 15, 0.6);
                font-weight: normal;
                font-style: normal;
                list-style-position: inside;
                list-style: none;
                margin-bottom: 2px;
            }

                .specsInfo .modalEmisions .modal-body ul li strong,
                .specsInfo .modalEmisions .modal-body ul li b {
                    font-family: "SeatMedium",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    font-weight: normal;
                    color: #0f0f0f;
                }

    .specsInfo .modalEmisions .tab-pane {
        display: none;
        width: 100%;
    }

        .specsInfo .modalEmisions .tab-pane > div {
            height: 100%;
            padding-top: 24px;
        }

        .specsInfo .modalEmisions .tab-pane.active {
            display: flex;
            flex-wrap: wrap;
        }

    .specsInfo .modalEmisions h3 {
        font-size: 14px;
        margin-bottom: 0;
        color: rgba(15, 15, 15, 0.6);
        font-family: "SeatMedium",sans-serif;
    }

    .specsInfo .modalEmisions p {
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: rgba(15, 15, 15, 0.6);
        letter-spacing: normal;
        margin-top: 8px;
        margin-bottom: 0;
    }

        .specsInfo .modalEmisions p strong,
        .specsInfo .modalEmisions p b,
        .specsInfo .modalEmisions p a {
            font-family: "SeatMedium",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: #0f0f0f;
            text-decoration: none;
        }

.specsInfo .backdrop {
    opacity: 0.4;
    background-color: #33302e;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

/* ajustes */
.specsInfo h4,
.specsInfo h5 {
    margin: 0;
}

.specsInfo .container-fluid-s {
    padding: 0;
    border-top: 1px solid #ced4da;
}

.specsInfo .special-padding {
    padding: 0;
}

.specsInfo .container-column {
    margin: 24px 16px;
}

    .specsInfo .container-column .richtext ul {
        padding-left: 12px;
        margin-left: 4px;
        margin-top: 0;
        margin-bottom: 24px;
        list-style-position: outside;
    }

        .specsInfo .container-column .richtext ul li {
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
        }

            .specsInfo .container-column .richtext ul li b {
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

    .specsInfo .container-column .richtext h6 {
        font-family: "SeatMedium",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
        margin-bottom: 0;
    }

    .specsInfo .container-column .richtext h5 {
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: rgba(15, 15, 15, 0.6);
        margin-bottom: 0;
        padding-left: 0;
    }

    .specsInfo .container-column .richtext p {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        margin-bottom: 24px;
    }

        .specsInfo .container-column .richtext p b {
            font-family: "SeatBold",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
        }

.specsInfo .card-body h2 {
    font-family: "SeatBlack",sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #0f0f0f;
    text-align: center;
    margin-bottom: 32px;
    margin-top: 40px;
}

.specsInfo .card-body h5.sub-section {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #0f0f0f;
}

.specsInfo .card-body .first-col {
    max-width: 440px;
    margin: 0 auto 8px;
}

    .specsInfo .card-body .first-col .w-data {
        margin-bottom: 24px;
        position: relative;
    }

        .specsInfo .card-body .first-col .w-data h5 {
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: rgba(15, 15, 15, 0.6);
            font-weight: normal;
            padding: 0;
        }

        .specsInfo .card-body .first-col .w-data .bignumber {
            font-family: "SeatBlack",sans-serif;
            font-size: 50px;
            line-height: 54px;
            height: 54px;
            color: #0f0f0f;
        }

        .specsInfo .card-body .first-col .w-data .bigdata {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            position: relative;
            top: -24px;
            left: 10px;
        }

.specsInfo .card-body .second-col {
    max-width: 440px;
    margin: 0 auto 16px;
}

    .specsInfo .card-body .second-col .w-data {
        margin-bottom: 16px;
        position: relative;
    }

        .specsInfo .card-body .second-col .w-data h5 {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            font-weight: normal;
            padding: 0;
        }

        .specsInfo .card-body .second-col .w-data .mediumnumber {
            font-family: "SeatBold",sans-serif;
            font-size: 18px;
            line-height: 30px;
            color: #0f0f0f;
        }

.specsInfo .card-body .engine-third-line {
    max-width: 440px;
    margin: 0 auto 16px;
}

    .specsInfo .card-body .engine-third-line .w-data {
        margin-bottom: 16px;
        position: relative;
    }

        .specsInfo .card-body .engine-third-line .w-data h6 {
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: rgba(15, 15, 15, 0.6);
            font-weight: normal;
            margin-bottom: 0;
        }

        .specsInfo .card-body .engine-third-line .w-data p {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            margin-bottom: 0;
        }

.specsInfo .card-body .dimensions-data h5 {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: rgba(15, 15, 15, 0.6);
    font-weight: normal;
    padding: 0;
}

.specsInfo .card-body .dimensions-data .mediumnumber {
    font-family: "SeatBold",sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #0f0f0f;
}

/* ajuste maximos S */
@media (max-width: 763px) {
    .specsInfo .specialWidth {
        max-width: 440px;
        margin: 0 auto;
    }

    .specsInfo .container-title .title {
        max-width: 440px;
        margin: 0 auto;
    }

    .specsInfo .specsselect .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

        .specsInfo .specsselect .container-fluid .selectors {
            padding-left: 0;
            padding-right: 0;
        }

            .specsInfo .specsselect .container-fluid .selectors .form-group {
                margin-bottom: 0;
            }

            .specsInfo .specsselect .container-fluid .selectors .special-drop .specs-select {
                padding-left: 16px;
                background-position-x: calc(100% - 20px);
            }
}
/* tablet */
@media (min-width: 764px) {
    .specsInfo {
        /*ENGINE*/
    }

        .specsInfo .container-fluid-s {
            border-top: none;
        }

        .specsInfo .visible-md {
            display: block;
        }

        .specsInfo .visible-s {
            display: none;
        }

        .specsInfo .flex-parent {
            display: flex;
        }

        .specsInfo #accordion {
            padding: 32px 0 32px 0;
        }

            .specsInfo #accordion .collapse:first-child {
                display: block;
            }

        .specsInfo .container-fluid {
            max-width: 1436px;
            margin: auto;
            padding: 0 32px;
        }

        .specsInfo .container-title {
            display: none;
        }

        .specsInfo .fullnav {
            height: 64px;
            border-bottom: 1px solid rgba(15, 15, 15, 0.1);
            margin-top: 32px;
        }

            .specsInfo .fullnav .nav-item {
                flex: 1 1 130px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 64px;
            }

                .specsInfo .fullnav .nav-item .nav-link {
                    font-family: "SeatRegular",sans-serif;
                    text-align: center;
                    cursor: pointer;
                    font-size: 14px;
                    padding: 0 4px;
                    line-height: 26px;
                    max-height: calc(26px*2 + 4px);
                    color: #0f0f0f;
                }

                .specsInfo .fullnav .nav-item.activo {
                    border-bottom: 2px solid #0f0f0f;
                }

                    .specsInfo .fullnav .nav-item.activo a {
                        font-family: "SeatBold",sans-serif;
                        font-weight: normal;
                        color: #0f0f0f;
                    }

                .specsInfo .fullnav .nav-item:not(.activo) a {
                    padding: 0 8px;
                }

            .specsInfo .fullnav .nav {
                height: 64px;
                align-items: center;
            }

        .specsInfo .accordion-header.first {
            border-bottom: solid 1px rgba(51, 48, 46, 0.2);
        }

        .specsInfo .carousel-indicators {
            position: relative;
            margin-top: 32px;
            bottom: 0;
        }

        .specsInfo .accordion-body .cont-img {
            margin-bottom: 40px;
        }

        .specsInfo .accordion-body .apunte {
            display: block;
            font-size: 14px;
            line-height: 26px;
            color: rgba(51, 48, 46, 0.6);
        }

        .specsInfo .accordion-body strong,
        .specsInfo .accordion-body b {
            font-family: "SeatBold",sans-serif;
            font-weight: normal;
            font-size: 18px;
            line-height: 30px;
            color: #33302E;
        }

        .specsInfo .accordion-body .col-md-3 {
            margin-bottom: 24px;
        }

        .specsInfo .w-data {
            padding: 0;
        }

        .specsInfo .triangle:before {
            content: '';
            display: block;
            position: absolute;
            right: -3px;
            top: 11px;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-bottom-color: #82807f;
        }

        .specsInfo .triangle:after {
            content: '';
            display: block;
            position: absolute;
            right: -2px;
            top: 12px;
            width: 0;
            height: 0;
            border: 9px solid transparent;
            border-bottom-color: #fff;
            z-index: 15;
        }

        .specsInfo .modalEmisions {
            overflow: hidden;
            padding-right: 24px;
            padding-top: 12px;
            position: absolute;
            right: 0;
            width: max-content;
            width: -moz-max-content;
        }

            .specsInfo .modalEmisions .m-header {
                min-width: 560px;
            }

            .specsInfo .modalEmisions .close,
            .specsInfo .modalEmisions .co2,
            .specsInfo .modalEmisions .aclaracion {
                display: block;
            }

            .specsInfo .modalEmisions ul.nav-tabs {
                overflow: hidden;
            }

                .specsInfo .modalEmisions ul.nav-tabs li {
                    height: 54px;
                    width: 131px;
                }

                .specsInfo .modalEmisions ul.nav-tabs button.active::before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background: #000;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }

                .specsInfo .modalEmisions ul.nav-tabs button:focus, .specsInfo .modalEmisions ul.nav-tabs button:active {
                    outline: none;
                }

            .specsInfo .modalEmisions .close {
                position: absolute;
                top: 16px;
                right: 16px;
            }

            .specsInfo .modalEmisions .m-content {
                position: relative;
                width: 100%;
                max-width: 567px;
                min-height: 280px;
                max-height: none;
                background: #FFF;
                border-radius: 4px;
                border: solid 1px #d6d6d5;
            }

            .specsInfo .modalEmisions .modal-body {
                padding: 0 24px 0 24px;
            }

                .specsInfo .modalEmisions .modal-body ul {
                    padding: 0;
                }

                    .specsInfo .modalEmisions .modal-body ul + p {
                        margin-top: 24px;
                    }

                .specsInfo .modalEmisions .modal-body p {
                    margin-top: 0;
                }

                .specsInfo .modalEmisions .modal-body .moreInfo {
                    font-size: 12px;
                    color: rgba(51, 48, 46, 0.6);
                    line-height: 22px;
                }

                .specsInfo .modalEmisions .modal-body .col-md-6 {
                    padding-top: 16px;
                    padding-bottom: 16px;
                }

                .specsInfo .modalEmisions .modal-body .co2 {
                    padding-left: 24px;
                    padding-top: 16px;
                    padding-right: 0;
                    border-left: 1px solid #d6d6d5;
                    margin-left: 16px;
                    font-size: 12px;
                    min-height: 224px;
                }

                    .specsInfo .modalEmisions .modal-body .co2 h6 {
                        font-family: "SeatMedium",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        margin-bottom: 0;
                    }

                        .specsInfo .modalEmisions .modal-body .co2 h6 img {
                            margin-right: 6px;
                        }

                    .specsInfo .modalEmisions .modal-body .co2 .subtitle-co2 {
                        color: #0f0f0f;
                        line-height: 22px;
                        margin-bottom: 8px;
                    }

                .specsInfo .modalEmisions .modal-body .aclaracion {
                    border-top: 1px solid #d6d6d5;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(51, 48, 46, 0.6);
                    padding-top: 16px;
                    padding-bottom: 16px;
                    padding-left: 0;
                }

            .specsInfo .modalEmisions .tab-pane {
                display: none;
                width: 100%;
            }

                .specsInfo .modalEmisions .tab-pane > div {
                    height: 100%;
                    padding-top: 24px;
                }

                .specsInfo .modalEmisions .tab-pane.active {
                    display: flex;
                    flex-wrap: wrap;
                }

        .specsInfo .dimensions-data .col-12 .col-6 {
            margin-bottom: 24px;
        }

        .specsInfo #engine {
            padding: 0;
        }

            .specsInfo #engine .padding-right-16 {
                padding-right: 16px;
            }

            .specsInfo #engine .row {
                margin: 0;
            }

            .specsInfo #engine .w-data {
                padding-right: 32px;
            }

            .specsInfo #engine .h-52 {
                min-height: 52px;
            }

            .specsInfo #engine .second-col {
                margin-top: 0;
            }

                .specsInfo #engine .second-col .w-data {
                    position: relative;
                    border-bottom: 1px solid rgba(15, 15, 15, 0.1);
                    padding: 16px 0;
                    margin: 0;
                }

                    .specsInfo #engine .second-col .w-data p {
                        margin-bottom: 0;
                    }

                .specsInfo #engine .second-col .w-data-last {
                    border-bottom: none;
                }

                .specsInfo #engine .second-col .infoCo2 {
                    margin-left: 8px;
                    position: relative;
                }

                .specsInfo #engine .second-col .padding-left-16 {
                    padding-left: 16px;
                }

                .specsInfo #engine .second-col .infoTag {
                    margin-left: 0;
                    cursor: pointer;
                }

            .specsInfo #engine .engine-third-line {
                margin-top: 16px;
                border-top: 1px solid rgba(15, 15, 15, 0.1);
                padding-top: 32px;
                width: 100%;
            }

        .specsInfo .card-body #dimensions #carouselDimensions {
            margin: 40px 0 0 0;
        }

            .specsInfo .card-body #dimensions #carouselDimensions .carousel-item {
                height: auto;
                overflow: hidden;
            }

                .specsInfo .card-body #dimensions #carouselDimensions .carousel-item img {
                    height: 180px;
                    width: auto;
                    margin: 0 auto;
                    display: block;
                }

                .specsInfo .card-body #dimensions #carouselDimensions .carousel-item span {
                    width: 100%;
                    display: block;
                }

        .specsInfo .card-body #dimensions .carousel-indicators {
            margin-top: 32px;
            margin-bottom: 32px;
        }

            .specsInfo .card-body #dimensions .carousel-indicators li {
                background: #33302E;
                opacity: 0.2;
            }

                .specsInfo .card-body #dimensions .carousel-indicators li.active {
                    background: #33302E;
                    opacity: 1;
                }

        .specsInfo .specialWidth {
            width: 700px;
            margin: 0 auto;
        }

        .specsInfo .container-column .richtext ol, .specsInfo .container-column .richtext ul {
            column-count: 2;
            column-gap: 32px;
        }

            .specsInfo .container-column .richtext ol li, .specsInfo .container-column .richtext ul li {
                padding: 0;
            }

        .specsInfo .card-body .first-col,
        .specsInfo .card-body .second-col,
        .specsInfo .card-body .engine-third-line {
            max-width: inherit;
        }

            .specsInfo .card-body .first-col .w-data,
            .specsInfo .card-body .second-col .w-data,
            .specsInfo .card-body .engine-third-line .w-data {
                margin-bottom: 16px;
            }

        .specsInfo .card-body h2 {
            font-size: 25px;
            line-height: 32px;
            height: 32px;
            text-align: center;
            overflow: hidden;
        }

        .specsInfo .card-body h5.sub-section {
            font-size: 16px;
            line-height: 30px;
        }

            .specsInfo .card-body h5.sub-section:before {
                bottom: 24px;
            }
}
/*Desktop*/
@media (min-width: 1016px) and (max-width: 1435px) {
    .specsInfo .order-md-1 {
        flex-basis: 37%;
    }

    .specsInfo .sub-title {
        line-height: 18px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1016px) {
    .specsInfo .row {
        margin-left: 0;
        margin-right: 0;
    }

    .specsInfo .specialWidth {
        width: 788px;
        margin: 0 auto;
    }

    .specsInfo .visible-l {
        display: flex;
        justify-content: space-between;
    }

    .specsInfo .hide-l {
        display: none;
    }

    .specsInfo .fullnav {
        margin-top: 21px;
    }

    .specsInfo .collapse {
        padding-left: 0;
    }

    .specsInfo #sprcd-tabs .container-fluid {
        padding: 0 32px;
    }

    .specsInfo .sub-section {
        padding-left: 16px;
    }

        .specsInfo .sub-section:before {
            right: 19px;
            bottom: 21px;
            height: 9px;
            width: 18px;
        }

    .specsInfo #specdimensions #dimensions #carouselDimensions {
        display: none;
    }

    .specsInfo #specdimensions #dimensions .col-lg-6 {
        width: 50%;
    }

    .specsInfo #specdimensions #dimensions .col-lg-3 {
        width: 25%;
    }

    .specsInfo #specdimensions #dimensions .img-dimensions {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 16px;
        max-width: 214px;
        max-height: 214px;
        height: auto;
    }

        .specsInfo #specdimensions #dimensions .img-dimensions:last-child {
            max-width: 296px;
            margin-left: 24px;
        }

        .specsInfo #specdimensions #dimensions .img-dimensions:nth-child(3) {
            max-width: 296px;
        }

    .specsInfo #specdimensions #dimensions .dimensions_image {
        width: 100%;
        height: auto;
    }

    .specsInfo #specdimensions .dimensions-data {
        margin-top: 32px;
    }

        .specsInfo #specdimensions .dimensions-data .apunte {
            height: 26px;
            font-size: 14px;
            line-height: 26px;
        }

        .specsInfo #specdimensions .dimensions-data strong,
        .specsInfo #specdimensions .dimensions-data b {
            height: 32px;
            font-family: "SeatBlack",sans-serif;
            font-size: 25px;
            line-height: 32px;
        }

    .specsInfo .margin-top-80 {
        margin-top: 80px;
    }

    .specsInfo #engine .first-col .w-data {
        margin-bottom: 0;
    }

    .specsInfo #engine .second-col {
        margin-top: 0;
    }

        .specsInfo #engine .second-col .w-data {
            padding-bottom: 24px !important;
            padding-top: 0;
            margin-bottom: 24px;
        }

            .specsInfo #engine .second-col .w-data:nth-child(even) {
                margin-left: 32px;
            }

        .specsInfo #engine .second-col .mediumnumber {
            width: 214px;
            height: 32px;
            font-size: 25px;
            line-height: 32px;
        }

        .specsInfo #engine .second-col .col-lg-6 {
            max-width: 46%;
        }

    .specsInfo #engine .engine-third-line {
        margin-top: 32px;
    }

    .specsInfo .triangle::before {
        right: -3px;
        top: 9px;
        z-index: 6;
    }

    .specsInfo .triangle::after {
        right: -2px;
        top: 11px;
    }

    .specsInfo .container-column .richtext ul li {
        font-size: 16px;
        line-height: 30px;
    }

        .specsInfo .container-column .richtext ul li b {
            font-size: 16px;
            line-height: 30px;
        }

    .specsInfo .container-column .richtext h6 {
        font-size: 16px;
        line-height: 30px;
    }

    .specsInfo .container-column .richtext h5 {
        font-size: 14px;
        line-height: 26px;
        height: 26px;
    }

    .specsInfo .container-column .richtext p {
        font-size: 16px;
        line-height: 30px;
    }

        .specsInfo .container-column .richtext p b {
            font-size: 16px;
            line-height: 30px;
        }

    .specsInfo .dimensions-data .col-lg-7 {
        padding: 0;
    }

        .specsInfo .dimensions-data .col-lg-7 .col-lg-4 {
            padding-left: 0;
        }

    .specsInfo .card-body h2 {
        font-size: 30px;
        line-height: 38px;
        height: 38px;
    }

    .specsInfo .card-body .first-col .w-data h5 {
        font-size: 14px;
        line-height: 26px;
    }

    .specsInfo .card-body .first-col .w-data .bignumber {
        font-size: 68px;
        line-height: 72px;
        height: 72px;
    }

    .specsInfo .card-body .first-col .w-data .bigdata {
        font-size: 20px;
        line-height: 26px;
        top: -32px;
    }

    .specsInfo .card-body .second-col .w-data .mediumnumber {
        font-size: 25px;
        line-height: 32px;
    }

    .specsInfo .card-body .engine-third-line .w-data {
        margin-bottom: 8px;
    }

        .specsInfo .card-body .engine-third-line .w-data h6 {
            font-size: 14px;
            line-height: 26px;
        }

        .specsInfo .card-body .engine-third-line .w-data p {
            font-size: 16px;
            line-height: 30px;
        }

    .specsInfo .card-body .dimensions-data h5 {
        font-size: 14px;
        line-height: 26px;
    }

    .specsInfo .card-body .dimensions-data .mediumnumber {
        font-size: 25px;
        line-height: 32px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .specsInfo #sprcd-tabs .container-fluid {
        padding: 0 32px;
    }

    .specsInfo .specialWidth {
        width: 905px;
        margin: 0 auto;
    }

    .specsInfo #accordion {
        padding: 40px 0;
    }

    .specsInfo .fullnav .nav-item {
        line-height: 57px;
    }

        .specsInfo .fullnav .nav-item .nav-link {
            line-height: inherit;
        }

    .specsInfo .sub-title {
        padding-top: 16px;
    }

    .specsInfo .accordion-header h5 {
        padding: 16px 16px 16px;
    }

    .specsInfo #technicalSpecs #dimensions .img-dimensions,
    .specsInfo #specdimensions #dimensions .img-dimensions {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 16px;
        max-width: 202px;
        max-height: 202px;
        height: auto;
    }

        .specsInfo #technicalSpecs #dimensions .img-dimensions:last-child,
        .specsInfo #specdimensions #dimensions .img-dimensions:last-child {
            max-width: 436px;
            margin-left: 8px;
        }

        .specsInfo #technicalSpecs #dimensions .img-dimensions:nth-child(3),
        .specsInfo #specdimensions #dimensions .img-dimensions:nth-child(3) {
            max-width: 436px;
            margin-left: 0;
        }

    .specsInfo #technicalSpecs #dimensions .dimensions_image,
    .specsInfo #specdimensions #dimensions .dimensions_image {
        width: 100%;
        height: auto;
        min-width: 179px;
    }

    .specsInfo #technicalSpecs .dimensions-data,
    .specsInfo #specdimensions .dimensions-data {
        margin-top: 40px;
    }

    .specsInfo #engine .card-body {
        line-height: 27px;
    }

    .specsInfo #engine .w-data .h-52 {
        height: auto;
        min-height: auto;
    }

    .specsInfo #engine .engine-third-line {
        margin-top: 82px;
        padding-top: 40px;
    }

    .specsInfo .triangle::before {
        right: -3px;
        top: 9px;
        z-index: 6;
    }

    .specsInfo .triangle::after {
        right: -2px;
        top: 11px;
    }
}
/* SP3 */
/* article */
.articleQuotes {
    margin-bottom: 56px;
}

    .articleQuotes blockquote.richtext {
        display: block;
    }

        .articleQuotes blockquote.richtext p {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            text-align: left;
            margin: 0px;
            max-height: calc(26px * 8 + 2px);
            color: #0f0f0f;
            overflow: hidden;
        }

            .articleQuotes blockquote.richtext p.author {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                text-align: center;
                color: rgba(15, 15, 15, 0.6);
                display: block;
                margin-top: 16px;
                max-height: 26px;
                overflow: hidden;
            }

    .articleQuotes .cont-img {
        display: inline-block;
    }

    .articleQuotes .quote {
        margin-right: 8px;
        margin-top: -8px;
    }

@media (min-width: 764px) {
    .articleQuotes blockquote.richtext p {
        max-height: calc(26px * 4 + 2px);
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .articleQuotes blockquote.richtext {
        max-width: 624px;
        margin: 0 auto;
    }

        .articleQuotes blockquote.richtext p {
            font-size: 25px;
            line-height: 32px;
            max-height: calc(32px * 4 + 2px);
        }
}
/* XL */
@media (min-width: 1436px) {
    .articleQuotes blockquote.richtext {
        max-width: 670px;
        margin: 0 auto;
    }

        .articleQuotes blockquote.richtext p {
            font-size: 25px;
            line-height: 32px;
            max-height: calc(32px * 4 + 2px);
        }
}

.article-hero {
    position: relative;
    overflow: hidden;
    max-height: 320px;
    margin-bottom: 0px;
}

    .article-hero .cont-img {
        min-height: 320px;
        max-height: 320px;
    }

        .article-hero .cont-img img {
            min-height: 320px;
            max-height: 320px;
        }

    .article-hero .cont-module {
        min-height: 320px;
        max-height: 320px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        padding: 0 16px 48px;
        z-index: 2;
    }

        .article-hero .cont-module .cont-module-text {
            width: auto;
            text-align: center;
        }

            .article-hero .cont-module .cont-module-text h3.eyebrow {
                max-height: calc(26px*1 + 1px);
                margin-bottom: 16px;
                overflow: hidden;
            }

            .article-hero .cont-module .cont-module-text h1.title {
                max-height: calc(46px*4 + 4px);
                font-size: 38px;
                line-height: 46px;
                overflow: hidden;
            }

    .article-hero .cta-cont {
        background-color: rgba(51, 48, 46, 0.4);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: center;
        align-content: center;
        z-index: 3;
    }

        .article-hero .cta-cont a, .article-hero .cta-cont .btn {
            margin: auto;
        }

    .article-hero .row {
        min-height: 73px;
    }

    .article-hero.glossary-hero {
        margin: 0;
    }

        .article-hero.glossary-hero .cont-module {
            padding-bottom: 0;
        }

            .article-hero.glossary-hero .cont-module .eyebrow, .article-hero.glossary-hero .cont-module .title {
                color: #fff;
            }

    *::-ms-backdrop, .article-hero .cta-cont a, .article-hero .cta-cont .btn {
        margin: 0;
        padding: 10px 0;
    }

/*Tablet*/
@media (min-width: 764px) and (max-width: 1015px) {
    .article-hero {
        padding: 0;
        max-height: 400px;
        height: 400px;
        margin-bottom: 56px;
    }

        .article-hero .cont-img {
            max-height: 400px;
        }

            .article-hero .cont-img img {
                max-height: 400px;
            }

        .article-hero .cont-module {
            max-height: 400px;
            padding: 0 32px 58px;
        }

            .article-hero .cont-module .cont-module-text h3.eyebrow {
                font-size: 16px;
                line-height: 30px;
                max-height: calc(30px*1 + 1px);
                overflow: hidden;
            }

            .article-hero .cont-module .cont-module-text h1.title {
                max-height: calc(46px*2 + 4px);
                margin-bottom: 0;
                overflow: hidden;
            }

        .article-hero .cta-cont {
            height: 58px;
        }

            *::-ms-backdrop, .article-hero .cta-cont a, .article-hero .cta-cont .btn {
                margin: 0;
                padding: 16px 0;
            }
}
/*Desktop*/
@media (min-width: 1016px) and (max-width: 1435px) {
    .article-hero {
        max-height: 400px;
        margin-bottom: 56px;
    }

        .article-hero .cont-img {
            max-height: 400px;
        }

            .article-hero .cont-img img {
                max-height: 400px;
            }

        .article-hero .cont-module {
            max-height: 400px;
            padding: 0 114px 72px;
        }

            .article-hero .cont-module .cont-module-text h3.eyebrow {
                max-height: calc(26px*1 + 1px);
                overflow: hidden;
            }

            .article-hero .cont-module .cont-module-text h1.title {
                font-size: 50px;
                line-height: 64px;
                max-height: calc(64px*2 + 4px);
                margin-bottom: 0;
                overflow: hidden;
            }

        .article-hero .cta-cont {
            height: 72px;
        }

            *::-ms-backdrop, .article-hero .cta-cont a, .article-hero .cta-cont .btn {
                margin: 0;
                padding: 24px 0;
            }
}
/*Large Desktop*/
@media (min-width: 1436px) {
    .article-hero {
        max-height: 400px;
        margin-bottom: 56px;
    }

        .article-hero .cont-img {
            max-height: 400px;
        }

            .article-hero .cont-img img {
                max-height: 400px;
            }

        .article-hero .cont-module {
            max-height: 400px;
            padding: 0 124px 72px;
        }

            .article-hero .cont-module .cont-module-text h3.eyebrow {
                max-height: calc(26px*1 + 1px);
                overflow: hidden;
            }

            .article-hero .cont-module .cont-module-text h1.title {
                font-size: 50px;
                line-height: 64px;
                max-height: calc(64px*2 + 4px);
                margin-bottom: 0;
                overflow: hidden;
            }

        .article-hero .cta-cont {
            height: 72px;
        }

            *::-ms-backdrop, .article-hero .cta-cont a, .article-hero .cta-cont .btn {
                margin: 0;
                padding: 24px 0;
            }
}

.article-social {
    margin-bottom: 40px;
}

    .article-social .container .row .col-12 {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #cccccc;
    }

        .article-social .container .row .col-12 ul.social-icons {
            margin: 16px auto;
            padding: 0;
            max-width: 288px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }

            .article-social .container .row .col-12 ul.social-icons li {
                list-style: none;
                margin-left: 0;
                height: 100%;
            }

                .article-social .container .row .col-12 ul.social-icons li a {
                    display: flex;
                    align-items: center;
                }

        .article-social .container .row .col-12 .social-date {
            margin: 0 0 8px;
            font-family: seatRegular;
            font-size: 12px;
            line-height: 22px;
            color: rgba(15, 15, 15, 0.6);
        }

/*Tablet*/
@media (min-width: 764px) and (max-width: 1015px) {
    .article-social {
        margin-bottom: 56px;
        padding: 0 16px;
    }

        .article-social .container .row .col-12 {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
        }

            .article-social .container .row .col-12 ul.social-icons {
                max-width: 256px;
                margin: 0 0 8px auto;
                justify-content: flex-end;
            }

                .article-social .container .row .col-12 ul.social-icons li {
                    margin-left: 24px;
                }

            .article-social .container .row .col-12 .social-date-container {
                align-self: flex-end;
            }

                .article-social .container .row .col-12 .social-date-container .social-date {
                    width: 100%;
                    text-align: left;
                }
}
/*Desktop*/
@media (min-width: 1016px) and (max-width: 1435px) {
    .article-social {
        margin-bottom: 56px;
    }

        .article-social .container .row .col-12 {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            max-width: 624px;
            margin: 0 auto 0;
        }

            .article-social .container .row .col-12 ul.social-icons {
                max-width: 256px;
                margin: 0 0 8px auto;
            }

                .article-social .container .row .col-12 ul.social-icons li {
                    margin-left: 24px;
                }

            .article-social .container .row .col-12 .social-date-container {
                align-self: flex-end;
            }

                .article-social .container .row .col-12 .social-date-container .social-date {
                    width: 100%;
                    text-align: left;
                }
}
/*Large Desktop*/
@media (min-width: 1436px) {
    .article-social {
        margin-bottom: 56px;
    }

        .article-social .container .row .col-12 {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            max-width: 672px;
            margin: 0 auto 0;
        }

            .article-social .container .row .col-12 ul.social-icons {
                max-width: 256px;
                margin: 0 0 8px auto;
            }

                .article-social .container .row .col-12 ul.social-icons li {
                    margin-left: 24px;
                }

            .article-social .container .row .col-12 .social-date-container {
                align-self: flex-end;
            }

                .article-social .container .row .col-12 .social-date-container .social-date {
                    width: 100%;
                    text-align: left;
                    font-size: 14px;
                }
}

.article-thumbnails {
    margin-bottom: 40px;
}

    .article-thumbnails .container-fluid .container {
        margin: 0;
        padding: 0;
    }

        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list {
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
        }

            .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item {
                margin-bottom: 24px;
                max-height: calc(26px * 10);
                overflow: hidden;
            }

                .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img {
                    float: left;
                    min-width: 136px;
                    max-width: 136px;
                    margin-right: 16px;
                }

                    .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                        object-position: center;
                    }

                .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext {
                    margin: 0;
                    padding: 0;
                }

                    .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext p {
                        font-size: 14px;
                        line-height: 26px;
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        margin: 0;
                    }

/*Tablet*/
@media (min-width: 764px) and (max-width: 1015px) {
    .article-thumbnails {
        margin-bottom: 56px;
        padding: 0 16px;
    }

        .article-thumbnails .container-fluid .container {
            margin: 40px auto;
            padding: 0;
        }

            .article-thumbnails .container-fluid .container .row .col-12 .thumb-list {
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
            }

                .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    height: 122px;
                }

                    .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img {
                        min-width: 122px;
                        min-height: 122px;
                        max-width: 122px;
                        max-height: 122px;
                        margin: 0;
                    }

                        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img img {
                            width: 100%;
                            height: 100%;
                            object-fit: contain;
                            object-position: center;
                        }

                    .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext {
                        margin: 0;
                        padding-left: 32px;
                        max-height: calc(26px * 4);
                    }

                        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext p {
                            font-size: 14px;
                            line-height: 26px;
                            font-family: "SeatRegular",sans-serif;
                            color: rgba(15, 15, 15, 0.6);
                            max-height: calc(26px * 4);
                            overflow: hidden;
                        }
}
/*Desktop*/
@media (min-width: 1016px) and (max-width: 1435px) {
    .article-thumbnails {
        margin-bottom: 56px;
    }

        .article-thumbnails .container-fluid .container {
            margin: 40px auto;
            padding: 0;
        }

            .article-thumbnails .container-fluid .container .row .col-12 {
                max-width: 624px;
                margin: 0 auto;
                padding-left: 0;
                padding-right: 0;
            }

                .article-thumbnails .container-fluid .container .row .col-12 .thumb-list {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                }

                    .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        height: 132px;
                    }

                        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img {
                            min-width: 132px;
                            min-height: 132px;
                            max-width: 132px;
                            max-height: 132px;
                            margin: 0;
                        }

                            .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img img {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                                object-position: center;
                            }

                        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext {
                            margin: 0;
                            padding-left: 32px;
                            max-height: calc(30px * 4);
                        }

                            .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext p {
                                font-size: 16px;
                                line-height: 30px;
                                font-family: "SeatRegular",sans-serif;
                                color: rgba(15, 15, 15, 0.6);
                                max-height: calc(30px * 4);
                                overflow: hidden;
                            }
}
/*Large Desktop*/
@media (min-width: 1436px) {
    .article-thumbnails {
        margin-bottom: 56px;
    }

        .article-thumbnails .container-fluid .container {
            margin: 40px auto;
            padding: 0;
        }

            .article-thumbnails .container-fluid .container .row .col-12 {
                max-width: 674px;
                margin: 0 auto;
                padding-left: 0;
                padding-right: 0;
            }

                .article-thumbnails .container-fluid .container .row .col-12 .thumb-list {
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                }

                    .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item {
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                        height: 117px;
                    }

                        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img {
                            min-width: 117px;
                            min-height: 117px;
                            max-width: 117px;
                            max-height: 117px;
                            margin: 0;
                        }

                            .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .cont-img img {
                                width: 100%;
                                height: 100%;
                                object-fit: contain;
                                object-position: center;
                            }

                        .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext {
                            margin: 0;
                            padding-left: 32px;
                        }

                            .article-thumbnails .container-fluid .container .row .col-12 .thumb-list .thumb-item .richtext p {
                                font-size: 16px;
                                line-height: 30px;
                                font-family: "SeatRegular",sans-serif;
                                color: rgba(15, 15, 15, 0.6);
                                max-height: calc(30px * 4);
                                overflow: hidden;
                            }
}

.article {
    height: 100%;
    overflow: hidden;
}

    .article .richtext {
        padding: 0 16px;
        margin-bottom: 40px;
    }

        .article .richtext h2 {
            font-family: seatBlack;
            font-size: 25px;
            line-height: 32px;
            color: #0f0f0f;
            margin-bottom: 16px;
            padding-top: 8px;
        }

        .article .richtext p {
            font-family: seatRegular;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 16px;
        }

            .article .richtext p span.capital::first-letter {
                float: left;
                font-family: seatBlack;
                font-size: 84px;
                line-height: 72px;
                color: #0f0f0f;
                padding: 0 8px 0 4px;
                margin-top: 4px;
                margin-left: -4px;
            }

        .article .richtext ul,
        .article .richtext ol {
            padding-left: 32px;
        }

            .article .richtext ul li,
            .article .richtext ol li {
                color: rgba(15, 15, 15, 0.6);
                margin-left: -8px;
                padding-left: 8px;
            }

        .article .richtext ol {
            list-style: none;
            counter-reset: olCounter;
            padding-left: 8px;
        }

            .article .richtext ol li {
                counter-increment: olCounter;
            }

                .article .richtext ol li:before {
                    content: counter(olCounter);
                    font-family: "SeatMedium",sans-serif;
                    padding-right: 24px;
                    width: 4px;
                    display: inline-block;
                }

        .article .richtext *::-ms-backdrop, .article .richtext ul, .article .richtext ol {
            margin-left: 24px;
        }

@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
    .article .richtext ul, .article .richtext ol {
        margin-left: 24px;
    }
}

.article .richtext p span {
    display: inline-block !important;
}

.article .richtext .highlighted-text {
    width: 100%;
    float: right;
    padding: 0;
    margin: 0 0 24px 32px;
    border-bottom: 5px solid #33302E;
}

    .article .richtext .highlighted-text p {
        font-family: seatBlack;
        font-size: 20px;
        line-height: 26px;
        color: #0f0f0f;
        max-height: calc(26px*4 + 1px);
        margin-bottom: 8px;
        overflow: hidden;
    }

.article .richtext .highlighted-img {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 32px 16px 0;
}

    .article .richtext .highlighted-img .cont-img span {
        width: 100%;
    }

        .article .richtext .highlighted-img .cont-img span > div {
            line-height: 0;
        }

        .article .richtext .highlighted-img .cont-img span img {
            max-width: 440px;
            width: 100%;
        }

    .article .richtext .highlighted-img > p {
        font-family: seatRegular;
        font-size: 12px;
        line-height: 22px;
        color: rgba(15, 15, 15, 0.6);
        margin: 0;
        padding: 8px 0 0 0;
        text-align: center;
        max-height: calc(22px*3 + 4px);
        overflow: hidden;
    }

.article .richtext.highlighted-block {
    background: rgba(234, 93, 26, 0.4);
    padding: 16px;
}

    .article .richtext.highlighted-block p {
        margin: 0;
        color: #0f0f0f;
    }

.article .article-button {
    margin-bottom: 40px;
}

    .article .article-button .container-fluid {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

        .article .article-button .container-fluid .btn {
            min-width: 108px;
            max-width: initial;
            max-width: unset;
            height: 48px;
            line-height: 46px;
            padding: 0 14px;
        }

            .article .article-button .container-fluid .btn.btn-orange {
                color: #fff;
            }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .article .richtext {
        max-width: 700px;
        margin: 0 auto;
        margin-bottom: 56px;
        padding: 0;
    }

        .article .richtext h2 {
            margin-bottom: 24px;
        }

        .article .richtext p {
            font-family: seatRegular;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 16px;
        }

            .article .richtext p span.capital::first-letter {
                vertical-align: bottom;
                font-family: seatBlack;
                font-size: 84px;
                line-height: 72px;
                color: #0f0f0f;
                float: left;
                padding-right: 12px;
            }

        .article .richtext ul,
        .article .richtext ol {
            margin-top: 24px;
            padding-left: 32px;
        }

            .article .richtext ul li,
            .article .richtext ol li {
                color: rgba(15, 15, 15, 0.6);
                margin-left: 0px;
                padding-left: 8px;
            }

        .article .richtext ol {
            padding-left: 8px;
        }

        .article .richtext *::-ms-backdrop, .article .richtext ul {
            margin-left: 24px;
        }

        .article .richtext *::-ms-backdrop, .article .richtext ol {
            margin-left: 24px;
        }

    @supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
        .article .richtext ul {
            margin-left: 24px;
        }

        .article .richtext ol {
            margin-left: 24px;
        }
    }

    .article .richtext .highlighted-text {
        width: 48%;
        float: right;
        padding: 0 0 8px 0;
        margin: 0 0 16px 32px;
        border-bottom: 5px solid #33302E;
    }

        .article .richtext .highlighted-text p {
            font-family: seatBlack;
            font-size: 20px;
            line-height: 26px;
            max-height: calc(26px*4 + 1px);
            overflow: hidden;
            color: #0f0f0f;
        }

    .article .richtext .highlighted-img {
        width: 48%;
        float: left;
        padding: 0;
        margin: 0 32px 0 0;
    }

        .article .richtext .highlighted-img .cont-img span > div {
            line-height: 0;
        }

        .article .richtext .highlighted-img .cont-img span img {
            max-width: 100%;
        }

        .article .richtext .highlighted-img p {
            font-family: seatRegular;
            font-size: 12px;
            line-height: 22px;
            color: rgba(15, 15, 15, 0.6);
            margin: 0;
            padding: 16px 0 0;
            text-align: left;
            max-height: calc(22px*2 + 12px);
            overflow: hidden;
        }

    .article .richtext.highlighted-block {
        padding: 32px;
    }

        .article .richtext.highlighted-block p {
            margin: 0;
        }

    .article .btn {
        max-width: 212px;
        padding: 8px 16px;
        margin: 0 auto 56px;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .article .richtext {
        max-width: 624px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 56px;
    }

        .article .richtext h2 {
            font-size: 30px;
            line-height: 32px;
            margin-bottom: 24px;
        }

        .article .richtext p {
            font-family: seatRegular;
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 16px;
            margin-top: 32px;
        }

            .article .richtext p span.capital::first-letter {
                vertical-align: bottom;
                font-family: seatBlack;
                font-size: 94px;
                line-height: 72px;
                color: #0f0f0f;
                padding: 8px 4px 4px;
                float: left;
            }

        .article .richtext ul,
        .article .richtext ol {
            margin-top: 24px;
            padding-left: 32px;
        }

            .article .richtext ul li,
            .article .richtext ol li {
                color: rgba(15, 15, 15, 0.6);
                margin-left: 0px;
                padding-left: 8px;
            }

        .article .richtext ol {
            padding-left: 8px;
        }

        .article .richtext *::-ms-backdrop, .article .richtext ul {
            margin-left: 24px;
        }

        .article .richtext *::-ms-backdrop, .article .richtext ol {
            margin-left: 24px;
        }

    @supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
        .article .richtext ul {
            margin-left: 24px;
        }

        .article .richtext ol {
            margin-left: 24px;
        }
    }

    .article .richtext .highlighted-text {
        width: 60%;
        float: right;
        padding: 0 0 4px 0;
        margin: 0 -80px 16px 32px;
        border-bottom: 5px solid #33302E;
    }

        .article .richtext .highlighted-text p {
            font-family: seatBlack;
            font-size: 25px;
            line-height: 32px;
            max-height: calc(32px*4 + 1px);
            overflow: hidden;
            color: #0f0f0f;
            margin-top: 0;
        }

    .article .richtext .highlighted-img {
        width: 60%;
        float: left;
        padding: 0;
        margin: 0 32px 0 -80px;
    }

        .article .richtext .highlighted-img .cont-img span > div {
            line-height: 0;
        }

        .article .richtext .highlighted-img .cont-img span img {
            max-width: 100%;
        }

        .article .richtext .highlighted-img p {
            font-family: seatRegular;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            margin: 0;
            padding: 16px 0 0;
            text-align: left;
            max-height: calc(26px*2 + 12px);
            overflow: hidden;
        }

    .article .richtext.highlighted-block {
        padding: 32px;
    }

        .article .richtext.highlighted-block p {
            margin: 0;
        }

    .article .article-button .container-fluid .btn {
        padding: 0 16px;
    }
}
/* Large Desktop */
@media (min-width: 1436px) {
    .article .richtext {
        max-width: 672px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 60px;
    }

        .article .richtext h2 {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 24px;
        }

        .article .richtext p {
            font-family: seatRegular;
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 32px;
            margin-top: 32px;
        }

            .article .richtext p span.capital::first-letter {
                vertical-align: bottom;
                font-family: seatBlack;
                font-size: 100px;
                line-height: 72px;
                color: #0f0f0f;
                float: left;
            }

        .article .richtext ul,
        .article .richtext ol {
            margin-top: 24px;
            padding-left: 32px;
        }

            .article .richtext ul li,
            .article .richtext ol li {
                color: rgba(15, 15, 15, 0.6);
                margin-left: 0px;
                padding-left: 8px;
            }

        .article .richtext ol {
            padding-left: 16px;
        }

            .article .richtext ol li {
                padding: 0;
            }

                .article .richtext ol li:before {
                    padding-right: 24px;
                }

        .article .richtext *::-ms-backdrop, .article .richtext ul, .article .richtext ol {
            margin-left: 0;
        }

    @supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
        .article .richtext ul, .article .richtext ol {
            margin-left: 0;
        }
    }

    .article .richtext .highlighted-text {
        width: 65%;
        float: right;
        padding: 0;
        margin: 0 -118px 16px 32px;
        border-bottom: 5px solid #33302E;
    }

        .article .richtext .highlighted-text p {
            font-family: seatBlack;
            font-size: 25px;
            line-height: 32px;
            color: #0f0f0f;
            margin-bottom: 16px;
            max-height: calc(32px*4 + 1px);
            overflow: hidden;
            margin-top: 0;
        }

    .article .richtext .highlighted-img {
        width: 65%;
        float: left;
        padding: 0;
        margin: 0 32px 0 -118px;
    }

        .article .richtext .highlighted-img .cont-img span > div {
            line-height: 0;
        }

        .article .richtext .highlighted-img .cont-img span img {
            max-width: 100%;
        }

        .article .richtext .highlighted-img p {
            font-family: seatRegular;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            margin: 0;
            padding: 16px 0 0;
            text-align: left;
            max-height: calc(26px*2 + 12px);
            overflow: hidden;
        }

        .article .richtext .highlighted-img + p {
            padding-top: 10px;
        }

    .article .richtext.highlighted-block {
        padding: 32px;
        overflow: hidden;
    }

        .article .richtext.highlighted-block p {
            margin: 0;
        }

    .article .article-button .container-fluid .btn {
        padding: 0 16px;
    }
}
/*************** ARTICLE MULTIMEDIA GALLERY ****************************/
/*320 mobile*/
.article-multimedia-gallery {
    padding: 20px 0px;
}

    .article-multimedia-gallery .modalFullScreenTrigger {
        cursor: pointer;
    }

    .article-multimedia-gallery .play-block {
        width: calc(100% - 24px);
    }

    .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 .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;
                text-align: left;
            }

                .article-multimedia-gallery .container-fluid .article-multimedia-gallery-slider .slick-dots li {
                    display: inline-block;
                    width: 10px;
                    height: 2px;
                    opacity: .2;
                    margin: 0 4px 0 4px;
                    background-color: #33302E;
                }

                    .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 {
                        opacity: 1;
                    }

/* tablet */
@media (min-width: 764px) {
    .article-multimedia-gallery {
        padding: 20px 0px;
        clear: both;
    }

        .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;
                }
}

@media (min-width: 1016px) {
    .article-multimedia-gallery {
        padding: 32px 0px;
    }

        .article-multimedia-gallery .play-block {
            width: calc(100% - 32px);
        }
}
/* XL */
@media (min-width: 1436px) {
    .article-multimedia-gallery {
        padding: 32px 0px;
    }

        .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;
                }
}
/*************** END ARTICLE MULTIMEDIA GALLERY ****************************/
/*************** ARTICLE SINGLE IMAGE ****************************/
/*320 mobile*/
.article-single-image {
    margin-bottom: 40px;
}

    .article-single-image .container-fluid {
        max-width: 1436px;
    }

    .article-single-image .cont-img {
        overflow: hidden;
        width: 100%;
        margin: 0;
        margin-bottom: 16px;
    }

        .article-single-image .cont-img span img {
            position: relative;
            max-width: 100%;
            height: auto;
        }

    .article-single-image .image-caption {
        max-height: 44px;
        overflow: hidden;
    }

        .article-single-image .image-caption p {
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            color: rgba(15, 15, 15, 0.6);
            letter-spacing: 0;
            text-align: center;
            line-height: 22px;
        }

/* tablet */
@media (min-width: 764px) {
    .article-single-image {
        margin-bottom: 56px;
    }

        .article-single-image .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .article-single-image .image-caption {
            margin: 0 auto;
            max-width: 700px;
            max-height: 22px;
        }
}
/* desktop */
@media (min-width: 1016px) {
    .article-single-image .image-caption {
        max-height: 26px;
        max-width: 624px;
    }

        .article-single-image .image-caption p {
            font-size: 14px;
            line-height: 26px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .article-single-image .image-caption {
        max-width: 670px;
    }
}
/*************** END ARTICLE SINGLE IMAGE ****************************/
/*************** ARTICLE SINGLE VIDEO ****************************/
/*320 mobile*/
.article-single-video {
    margin-bottom: 56px;
}

    .article-single-video .container-fluid {
        max-width: 1436px;
    }

    .article-single-video .cont-img {
        overflow: hidden;
        width: 100%;
        margin: 0;
        margin-bottom: 16px;
        position: relative;
    }

        .article-single-video .cont-img span img {
            position: relative;
            max-width: 100%;
            height: auto;
        }

    .article-single-video .video-caption {
        max-height: 44px;
        overflow: hidden;
    }

        .article-single-video .video-caption p {
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            color: rgba(15, 15, 15, 0.6);
            letter-spacing: 0;
            text-align: center;
            line-height: 22px;
        }

/* tablet */
@media (min-width: 764px) {
    .article-single-video {
        margin-bottom: 64px;
    }

        .article-single-video .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .article-single-video .video-caption {
            margin: 0 auto;
            max-width: 700px;
            max-height: 22px;
        }
}
/* desktop */
@media (min-width: 1016px) {
    .article-single-video .video-caption {
        max-height: 26px;
        max-width: 624px;
    }

        .article-single-video .video-caption p {
            font-size: 14px;
            line-height: 26px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .article-single-video .video-caption {
        max-width: 670px;
    }
}
/*************** END ARTICLE SINGLE VIDEO ****************************/
/*************** ARTICLE BANNER ****************************/
/*320 mobile*/
.article-banner {
    padding: 24px 0;
}

    .article-banner .container-fluid {
        max-width: 1436px;
    }

    .article-banner .banner-text {
        max-height: 192px;
        overflow: hidden;
    }

        .article-banner .banner-text p {
            font-family: "SeatBlack",sans-serif;
            font-size: 25px;
            color: #0f0f0f;
            letter-spacing: 0;
            text-align: center;
            line-height: 32px;
            margin: 0;
        }

    .article-banner .banner-button {
        margin-top: 24px;
    }

        .article-banner .banner-button a {
            margin: 0 auto;
            max-width: 320px;
            width: 100%;
            height: 48px;
        }

    .article-banner .btn {
        overflow: hidden;
    }

/* tablet */
@media (min-width: 764px) {
    .article-banner {
        padding: 40px 0;
    }

        .article-banner .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .article-banner .banner-text {
            max-height: 96px;
        }

            .article-banner .banner-text p {
                text-align: left;
            }

        .article-banner .banner-button {
            margin-top: 0;
        }

            .article-banner .banner-button a {
                margin: 0;
                max-width: none;
            }
}
/* desktop */
@media (min-width: 1016px) {
    .article-banner {
        padding: 48px 0;
    }

        .article-banner .banner-text {
            max-height: 114px;
        }

            .article-banner .banner-text p {
                font-size: 30px;
                line-height: 38px;
            }
}
/*************** END ARTICLE BANNER ************************/
.articleQuotes {
    margin-bottom: 56px;
}

    .articleQuotes blockquote.richtext {
        display: block;
    }

        .articleQuotes blockquote.richtext p {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            text-align: left;
            margin: 0px;
            max-height: calc(26px * 8 + 2px);
            color: #0f0f0f;
            overflow: hidden;
        }

            .articleQuotes blockquote.richtext p.author {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                text-align: center;
                color: rgba(15, 15, 15, 0.6);
                display: block;
                margin-top: 16px;
                max-height: 26px;
                overflow: hidden;
            }

    .articleQuotes .cont-img {
        display: inline-block;
    }

    .articleQuotes .quote {
        margin-right: 8px;
        margin-top: -8px;
    }

@media (min-width: 764px) {
    .articleQuotes blockquote.richtext p {
        max-height: calc(26px * 4 + 2px);
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .articleQuotes blockquote.richtext {
        max-width: 624px;
        margin: 0 auto;
    }

        .articleQuotes blockquote.richtext p {
            font-size: 25px;
            line-height: 32px;
            max-height: calc(32px * 4 + 2px);
        }
}
/* XL */
@media (min-width: 1436px) {
    .articleQuotes blockquote.richtext {
        max-width: 670px;
        margin: 0 auto;
    }

        .articleQuotes blockquote.richtext p {
            font-size: 25px;
            line-height: 32px;
            max-height: calc(32px * 4 + 2px);
        }
}

.richtable {
    margin-bottom: 40px;
}

    .richtable .container-fluid {
        padding: 0 16px;
    }

    .richtable .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: transparent;
    }

    .richtable .table-striped tbody tr:nth-of-type(2n) {
        background-color: #FFF;
    }

    .richtable .table-striped tbody td {
        min-width: 136px;
        min-height: 80px;
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        text-align: center;
        padding: 24px 8px;
        color: rgba(15, 15, 15, 0.6);
    }

        .richtable .table-striped tbody td:first-child {
            font-weight: bold;
            color: #0f0f0f;
        }

            .richtable .table-striped tbody td:first-child a {
                color: #0f0f0f;
                border-bottom: 1px solid #0f0f0f;
            }

                .richtable .table-striped tbody td:first-child a:hover, .richtable .table-striped tbody td:first-child a.hover {
                    color: rgba(15, 15, 15, 0.6);
                    text-decoration: none;
                    border-bottom: 1px solid rgba(15, 15, 15, 0.6);
                }

        .richtable .table-striped tbody td a {
            color: rgba(15, 15, 15, 0.6);
            border-bottom: 1px solid rgba(15, 15, 15, 0.6);
        }

            .richtable .table-striped tbody td a:hover, .richtable .table-striped tbody td a.hover {
                color: #0f0f0f;
                text-decoration: none;
                border-bottom: 1px solid #0f0f0f;
            }

        .richtable .table-striped tbody td * {
            word-break: break-all;
        }

    .richtable .table-striped tbody th {
        width: 136px;
        text-align: center;
        border-top: none;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 24px;
    }

        .richtable .table-striped tbody th:last-child {
            border-right: none;
        }

        .richtable .table-striped tbody th a {
            color: #0f0f0f;
            border-bottom: 1px solid #0f0f0f;
        }

            .richtable .table-striped tbody th a:hover, .richtable .table-striped tbody th a.hover {
                color: rgba(15, 15, 15, 0.6);
                text-decoration: none;
                border-bottom: 1px solid rgba(15, 15, 15, 0.6);
            }

    .richtable .table-striped tbody td:last-child {
        border-right: none;
    }

/* tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .richtable .container-fluid {
        padding: 0 32px;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .richtable .container-fluid {
        max-width: 788px;
        margin: 0 auto;
    }
}
/* XL */
@media (min-width: 1436px) {
    .richtable .container-fluid {
        max-width: 904px;
        margin: 0 auto;
    }
}

.article-two-columns {
    overflow: hidden;
    margin-bottom: 24px;
}

    .article-two-columns .container-fluid {
        padding: 0px;
    }

        .article-two-columns .container-fluid h2 {
            max-height: 64px;
            font-family: "SeatBlack",sans-serif;
            font-size: 25px;
            line-height: 32px;
            color: #0f0f0f;
            margin-bottom: 16px;
            margin-left: 16px;
        }

    .article-two-columns .container-two {
        /*.picture-container{
      height: 181px;
  }*/
    }

        .article-two-columns .container-two .slick-dots {
            display: block;
        }

            .article-two-columns .container-two .slick-dots li {
                display: inline-block;
                width: 10px;
                height: 2px;
                opacity: .2;
                margin: 0 4px 0 4px;
                background-color: #33302E;
            }

                .article-two-columns .container-two .slick-dots li.right-bullet {
                    width: 15px;
                }

                .article-two-columns .container-two .slick-dots li.standard-bullet {
                    width: 20px;
                }

                .article-two-columns .container-two .slick-dots li.slick-active {
                    opacity: 1;
                }

    .article-two-columns .twocolumns {
        margin: 0 8px;
    }

        .article-two-columns .twocolumns .cont-img {
            position: relative;
        }

            .article-two-columns .twocolumns .cont-img img {
                width: 100%;
                max-height: 181px;
                object-fit: cover;
            }

            .article-two-columns .twocolumns .cont-img .play-block img {
                width: 14px;
                margin: 0;
            }

            .article-two-columns .twocolumns .cont-img .play-block a img {
                margin: 0;
            }

        .article-two-columns .twocolumns .richtext {
            margin: 0;
        }

            .article-two-columns .twocolumns .richtext p {
                min-height: 130px;
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
                margin: 16px 0;
                display: block;
                text-align: justify;
            }

        *::-ms-backdrop, .article-two-columns .twocolumns .cont-img img {
            height: 100%;
            max-height: 100%;
        }

        *::-ms-backdrop, .article-two-columns .twocolumns .cont-img .play-block a img {
            margin: 0;
            width: 14px;
            height: 14px;
        }

/* tablet */
@media (min-width: 764px) {
    .article-two-columns {
        margin-bottom: 24px;
    }

        .article-two-columns .container-fluid {
            padding: 0 16px;
        }

            .article-two-columns .container-fluid h2 {
                margin-left: 0px;
                margin-bottom: 24px;
            }

        .article-two-columns .container-two {
            display: flex;
            flex-wrap: wrap;
        }

        .article-two-columns .twocolumns {
            margin: 0px;
            margin-bottom: 32px;
        }

            .article-two-columns .twocolumns .cont-img img {
                max-height: 210px;
            }

            .article-two-columns .twocolumns:nth-child(2n) {
                padding-left: 16px;
            }

            .article-two-columns .twocolumns:nth-child(2n+1) {
                padding-right: 16px;
            }

            .article-two-columns .twocolumns .richtext {
                margin: 0;
            }

                .article-two-columns .twocolumns .richtext p {
                    margin-bottom: 0px;
                }

            *::-ms-backdrop, .article-two-columns .twocolumns .cont-img img {
                height: 100%;
                max-height: 100%;
            }
}
/* Desktop */
@media (min-width: 1016px) {
    .article-two-columns .container-fluid {
        margin: 0 auto;
        max-width: 624px;
        padding: 0px;
    }

        .article-two-columns .container-fluid h2 {
            width: 624px;
            min-height: 38px;
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 24px;
        }

    .article-two-columns .twocolumns {
        margin: 0px;
        margin-bottom: 32px;
    }

        .article-two-columns .twocolumns .cont-img img {
            max-height: 186px;
        }

        .article-two-columns .twocolumns .richtext {
            margin: 0;
        }

            .article-two-columns .twocolumns .richtext p {
                margin-bottom: 0px;
            }

        *::-ms-backdrop, .article-two-columns .twocolumns .cont-img img {
            height: 100%;
            max-height: 100%;
        }
}
/* XL */
@media (min-width: 1436px) {
    .article-two-columns .container-fluid {
        margin: 0 auto;
        max-width: 670px;
    }

    .article-two-columns .twocolumns .cont-img img {
        max-height: 200px;
    }

    .article-two-columns .twocolumns .richtext {
        margin: 0;
    }

        .article-two-columns .twocolumns .richtext p {
            margin-top: 16px;
        }

    *::-ms-backdrop, .article-two-columns .twocolumns .cont-img img {
        height: 100%;
        max-height: 100%;
    }
}

@keyframes textMove {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes textMoveOut {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(300px);
        transform: translateY(300px);
    }
}

.grid-module {
    padding: 40px 0;
}

    .grid-module .eyebrow {
        height: 26px;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 16px;
        overflow: hidden;
        color: inherit;
    }

    .grid-module .title {
        max-height: 114px;
        font-size: 30px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 32px;
        overflow: hidden;
    }

    .grid-module .description {
        max-height: 185px;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 32px;
        overflow: hidden;
    }

    .grid-module .d-flex-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .grid-module .cont-img {
        flex: 1 0 calc(50% - 4px);
        min-height: 140px;
        flex-basis: calc(50% - 4px);
        overflow: hidden;
        position: relative;
    }

        .grid-module .cont-img img {
            width: 100%;
            height: auto;
        }

        .grid-module .cont-img:nth-child(1) {
            margin-right: 4px;
            margin-bottom: 4px;
        }

        .grid-module .cont-img:nth-child(2) {
            margin-left: 4px;
            margin-bottom: 4px;
        }

        .grid-module .cont-img:nth-child(3) {
            margin-right: 4px;
            margin-top: 4px;
        }

        .grid-module .cont-img:nth-child(4) {
            margin-left: 4px;
            margin-top: 4px;
        }

        .grid-module .cont-img .cont-text {
            padding: 16px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            visibility: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .grid-module .cont-img .cont-text h3,
            .grid-module .cont-img .cont-text p {
                color: #fff;
            }

            .grid-module .cont-img .cont-text h3 {
                font-family: "SeatBold",sans-serif;
                max-height: calc(30px*2 + 2px);
                overflow: hidden;
            }

            .grid-module .cont-img .cont-text p {
                font-family: "SeatRegular",sans-serif;
                max-height: calc(26px*4 + 2px);
                overflow: hidden;
            }

            .grid-module .cont-img .cont-text .closeIcon {
                content: " ";
                position: absolute;
                width: 15px;
                height: 15px;
                top: 16px;
                right: 16px;
                background: url("main/img/close-white.svg") no-repeat;
                background-size: 15px 15px;
                z-index: 3;
                cursor: pointer;
            }

        .grid-module .cont-img .gridButton {
            width: 24px;
            height: 24px;
            background: url("main/img/close.svg") no-repeat;
            background-position: center center;
            background-color: #fafaf9;
            border-radius: 50%;
            position: absolute;
            bottom: 8px;
            right: 8px;
            transform: rotate(45deg);
            cursor: pointer;
        }

            .grid-module .cont-img .gridButton input {
                visibility: hidden;
            }

    .grid-module .d-flex-column {
        flex-direction: column;
    }

    .grid-module .cta {
        text-align: center;
    }

        .grid-module .cta .btn {
            max-width: 288px;
            height: 48px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 32px;
            width: 100%;
        }

    .grid-module .richtext {
        color: inherit;
    }

        .grid-module .richtext p {
            color: inherit;
        }

@media (min-width: 320px) and (max-width: 763px) {
    .grid-module .col-12 {
        max-width: 440px;
        margin: 0 auto;
        flex: none;
    }

    .grid-module .cont-img > span {
        position: relative;
    }

    .grid-module .cont-img.notext .gridButton {
        display: none;
    }

    .grid-module .cont-img.animate .cont-text {
        transition: all .8s linear;
    }

    .grid-module .cont-img.blurred img {
        filter: blur(8px);
    }

    .grid-module .cont-img.blurred .cont-text {
        position: absolute;
        left: 16px;
        padding: 16px;
        visibility: visible;
        width: calc(100% - 32px);
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        transition: background-color .5s;
    }

        .grid-module .cont-img.blurred .cont-text h3 {
            font-size: 18px;
            line-height: 30px;
            -webkit-animation: textMove 1s ease;
            animation: textMove 1s ease;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }

        .grid-module .cont-img.blurred .cont-text p {
            font-size: 14px;
            line-height: 26px;
            -webkit-animation: textMove 1s ease;
            animation: textMove 1s ease;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }

    .grid-module .cont-img.blurred .gridButton {
        visibility: hidden;
    }

    .grid-module .cont-img.blurred.shownInS {
        margin: 0;
    }

        .grid-module .cont-img.blurred.shownInS .cont-text {
            width: 100%;
            left: 0;
        }

        .grid-module .cont-img.blurred.shownInS.animate {
            margin: 0;
        }

    .grid-module .cont-img.animate img {
        filter: blur(0px) !important;
        transition: .4s filter linear;
    }

    .grid-module .cont-img.animate .cont-text {
        transition: visibility .4s;
    }

        .grid-module .cont-img.animate .cont-text h3 {
            font-size: 18px;
            line-height: 30px;
            -webkit-animation: textMoveOut .4s ease;
            animation: textMoveOut .4s ease;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }

        .grid-module .cont-img.animate .cont-text p {
            font-size: 14px;
            line-height: 26px;
            -webkit-animation: textMoveOut .4s ease;
            animation: textMoveOut .4s ease;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }

    .grid-module *::-ms-backdrop, .grid-module .cont-img.blurred.shownInS {
        flex-basis: 100%;
    }
}
/* tablet */
@media (min-width: 764px) {
    .grid-module {
        padding: 56px 0;
    }

        .grid-module .eyebrow {
            max-height: 26px;
            font-size: 14px;
            line-height: 26px;
            max-width: 700px;
            margin: 0 auto 16px auto;
        }

        .grid-module .title {
            max-height: 76px;
            font-size: 30px;
            line-height: 38px;
            max-width: 700px;
            margin: 0 auto 24px auto;
        }

        .grid-module .description {
            max-height: 78px;
            font-size: 14px;
            line-height: 26px;
            max-width: 700px;
            margin: 0 auto 40px auto;
        }

        .grid-module .d-flex-wrap {
            margin-bottom: 40px;
        }

        .grid-module .cont-img {
            flex: 1 0 calc(50% - 8px);
            min-height: 350px;
            overflow: hidden;
            flex-basis: calc(50% - 8px);
        }

            .grid-module .cont-img img {
                width: 100%;
                height: auto;
            }

            .grid-module .cont-img .gridButton {
                width: 40px;
                height: 40px;
                bottom: 16px;
                right: 16px;
                background-size: 16px;
            }

            .grid-module .cont-img .cont-text h3, .grid-module .cont-img .cont-text p {
                -webkit-animation: textMoveOut 1s ease;
                animation: textMoveOut 1s ease;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
            }

            .grid-module .cont-img:nth-child(1) {
                margin-right: 8px;
                margin-bottom: 8px;
            }

            .grid-module .cont-img:nth-child(2) {
                margin-left: 8px;
                margin-bottom: 8px;
            }

            .grid-module .cont-img:nth-child(3) {
                margin-right: 8px;
                margin-top: 8px;
            }

            .grid-module .cont-img:nth-child(4) {
                margin-left: 8px;
                margin-top: 8px;
            }

            .grid-module .cont-img.blurred img {
                filter: blur(8px);
            }

            .grid-module .cont-img.blurred .cont-text {
                position: absolute;
                padding: 0px 48px;
                visibility: visible;
                background-color: rgba(0, 0, 0, 0.5);
                transition: background-color .8s;
            }

                .grid-module .cont-img.blurred .cont-text h3 {
                    font-size: 18px;
                    line-height: 30px;
                    -webkit-animation: textMove 1s ease;
                    animation: textMove 1s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

                .grid-module .cont-img.blurred .cont-text p {
                    font-size: 14px;
                    line-height: 26px;
                    -webkit-animation: textMove 1s ease;
                    animation: textMove 1s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

                .grid-module .cont-img.blurred .cont-text .closeIcon {
                    visibility: visible;
                }

            .grid-module .cont-img.blurred .gridButton {
                width: 40px;
                height: 40px;
                visibility: hidden;
            }

            .grid-module .cont-img.animate img {
                filter: blur(0px) !important;
                transition: .4s filter linear;
            }

            .grid-module .cont-img.animate .cont-text {
                transition: visibility .4s;
            }

                .grid-module .cont-img.animate .cont-text h3 {
                    font-size: 18px;
                    line-height: 30px;
                    -webkit-animation: textMoveOut .4s ease;
                    animation: textMoveOut .4s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

                .grid-module .cont-img.animate .cont-text p {
                    font-size: 14px;
                    line-height: 26px;
                    -webkit-animation: textMoveOut .4s ease;
                    animation: textMoveOut .4s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

            .grid-module .cont-img.notext .gridButton {
                display: none;
            }

        .grid-module .cta .btn {
            min-width: 212px;
        }
}

@media (min-width: 1016px) {
    .grid-module {
        padding: 56px 0;
    }

        .grid-module .eyebrow {
            max-height: 30px;
            font-size: 16px;
            line-height: 30px;
            max-width: 788px;
            margin: 0 auto 16px auto;
        }

        .grid-module .title {
            max-height: calc(48px * 2 + 2px);
            font-size: 38px;
            line-height: 48px;
            max-width: 788px;
            margin: 0 auto 32px auto;
        }

        .grid-module .description {
            margin-bottom: 40px;
            max-height: 90px;
            font-size: 16px;
            line-height: 30px;
            max-width: 788px;
            margin: 0 auto 40px auto;
        }

        .grid-module .d-flex-wrap {
            margin-bottom: 40px;
        }

        .grid-module .cont-img {
            flex: 1 0 calc(25% - 16px);
            min-height: 230px;
            overflow: hidden;
            flex-basis: calc(25% - 16px);
        }

            .grid-module .cont-img img {
                width: 100%;
                height: auto;
            }

            .grid-module .cont-img:nth-child(1) {
                margin-right: 8px;
                margin-bottom: 0;
            }

            .grid-module .cont-img:nth-child(2) {
                margin-left: 8px;
                margin-right: 8px;
                margin-bottom: 0;
            }

            .grid-module .cont-img:nth-child(3) {
                margin-left: 8px;
                margin-right: 8px;
                margin-top: 0;
            }

            .grid-module .cont-img:nth-child(4) {
                margin-left: 8px;
                margin-top: 0;
            }

            .grid-module .cont-img .notext .gridButton {
                display: none;
            }

            .grid-module .cont-img:not(.notext) img {
                filter: blur(0px) !important;
                transition: .4s filter linear;
            }

            .grid-module .cont-img:not(.notext) .cont-text {
                visibility: hidden;
                background-color: rgba(0, 0, 0, 0.5);
                transition: visibility .4s;
                padding: 0 24px;
            }

                .grid-module .cont-img:not(.notext) .cont-text h3 {
                    font-size: 18px;
                    line-height: 30px;
                    -webkit-animation: textMoveOut .8s ease;
                    animation: textMoveOut .8s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

                .grid-module .cont-img:not(.notext) .cont-text p {
                    font-size: 14px;
                    line-height: 26px;
                    -webkit-animation: textMoveOut .8s ease;
                    animation: textMoveOut .8s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

                .grid-module .cont-img:not(.notext) .cont-text .closeIcon {
                    visibility: hidden;
                }

            .grid-module .cont-img:not(.notext):hover img {
                filter: blur(8px) !important;
                transition: .2s filter linear;
            }

            .grid-module .cont-img:not(.notext):hover .cont-text {
                position: absolute;
                visibility: visible;
                background-color: rgba(0, 0, 0, 0.5);
                transition: background-color .8s;
                padding: 0 24px;
            }

                .grid-module .cont-img:not(.notext):hover .cont-text h3 {
                    font-size: 18px;
                    line-height: 30px;
                    -webkit-animation: textMove 1s ease;
                    animation: textMove 1s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                }

                .grid-module .cont-img:not(.notext):hover .cont-text p {
                    font-size: 14px;
                    line-height: 26px;
                    -webkit-animation: textMove 1s ease;
                    animation: textMove 1s ease;
                    -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
                    max-height: calc(26px*5 + 1px);
                }

                .grid-module .cont-img:not(.notext):hover .cont-text .closeIcon {
                    visibility: hidden;
                }

            .grid-module .cont-img .gridButton {
                display: none;
            }

        .grid-module .cta .btn {
            min-width: 196px;
        }

        .grid-module .parallaxContainer {
            position: relative;
            overflow: hidden;
        }

        .grid-module .link-arrow, .grid-module .link-arrow-orange, .grid-module .link-arrow-white,
        .grid-module .link-arrow-orange,
        .grid-module .link-arrow-white {
            font-size: 16px;
            line-height: 30px;
        }
}

@media (min-width: 1436px) {
    .grid-module {
        padding: 64px 0;
    }

        .grid-module .eyebrow {
            max-height: 30px;
            font-size: 16px;
            line-height: 30px;
            max-width: 904px;
            margin: 0 auto 16px auto;
        }

        .grid-module .title {
            max-height: calc(48px * 2 + 2px);
            font-size: 38px;
            line-height: 48px;
            max-width: 904px;
            margin: 0 auto 32px auto;
        }

        .grid-module .description {
            margin-bottom: 40px;
            max-height: 58px;
            font-size: 16px;
            line-height: 30px;
            max-width: 904px;
            margin: 0 auto 40px auto;
        }

        .grid-module .d-flex-wrap {
            margin-bottom: 40px;
        }

        .grid-module .cont-img {
            flex: 1 0 calc(25% - 16px);
            min-height: 335px;
            overflow: hidden;
        }

            .grid-module .cont-img img {
                width: 100%;
                height: auto;
                filter: blur(0px);
            }

            .grid-module .cont-img:nth-child(1) {
                margin-right: 8px;
                margin-bottom: 0;
            }

            .grid-module .cont-img:nth-child(2) {
                margin-left: 8px;
                margin-right: 8px;
                margin-bottom: 0;
            }

            .grid-module .cont-img:nth-child(3) {
                margin-left: 8px;
                margin-right: 8px;
                margin-top: 0;
            }

            .grid-module .cont-img:nth-child(4) {
                margin-left: 8px;
                margin-top: 0;
            }

            .grid-module .cont-img:not(.notext) .cont-text {
                padding: 0 32px;
            }

                .grid-module .cont-img:not(.notext) .cont-text h3 {
                    font-size: 20px;
                    line-height: 26px;
                    max-height: calc(26px*2 + 1px);
                }

                .grid-module .cont-img:not(.notext) .cont-text p {
                    font-size: 16px;
                    line-height: 30px;
                    max-height: calc(30px*5 + 1px);
                }

                .grid-module .cont-img:not(.notext) .cont-text .closeIcon {
                    visibility: hidden;
                }

            .grid-module .cont-img:not(.notext):hover img {
                filter: blur(8px) !important;
            }

            .grid-module .cont-img:not(.notext):hover .cont-text {
                position: absolute;
                visibility: visible;
                background-color: rgba(0, 0, 0, 0.5);
                padding: 0 32px;
            }

                .grid-module .cont-img:not(.notext):hover .cont-text h3 {
                    font-size: 20px;
                    line-height: 26px;
                    max-height: calc(26px*2 + 1px);
                }

                .grid-module .cont-img:not(.notext):hover .cont-text p {
                    font-size: 16px;
                    line-height: 30px;
                    max-height: calc(30px*5 + 1px);
                }

                .grid-module .cont-img:not(.notext):hover .cont-text .closeIcon {
                    visibility: hidden;
                }

        .grid-module .cta .btn {
            min-width: 202px;
        }
}
/*************** ARTICLE RELATED ****************************/
/*320 mobile*/
.article-related {
    padding-bottom: 51px;
    padding-top: 24px;
    background-color: #fff;
}

    .article-related .container-fluid {
        max-width: 1436px;
    }

    .article-related .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 20px;
        color: #0f0f0f;
        letter-spacing: 0;
        text-align: center;
        line-height: 26px;
        max-height: 52px;
        overflow: hidden;
        margin-bottom: 24px;
    }

    .article-related .news-container.slick-slider {
        margin-bottom: 0;
    }

    .article-related .news-container .news {
        padding: 0;
    }

        .article-related .news-container .news a {
            text-decoration: none;
            width: 100%;
            height: 100%;
            padding: 8px;
            display: block;
        }

            .article-related .news-container .news a:focus {
                outline: none;
            }

            .article-related .news-container .news a .eyebrow {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                color: rgba(15, 15, 15, 0.6);
                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: "SeatBold",sans-serif;
                font-size: 14px;
                color: #0f0f0f;
                letter-spacing: 0;
                text-align: center;
                line-height: 26px;
                margin: 0;
                max-height: 52px;
                overflow: hidden;
            }

    .article-related .slick-dots {
        bottom: 0;
        bottom: -11px;
        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;
            opacity: .2;
            margin: 0 4px 0 4px;
            background-color: #33302E;
        }

            .article-related .slick-dots li.slick-active {
                opacity: 1;
            }

/* tablet */
@media (min-width: 764px) {
    .article-related {
        padding: 40px 0;
    }

        .article-related .container-fluid {
            padding-right: 24px;
            padding-left: 32px;
        }

        .article-related .title {
            max-height: 26px;
            padding-right: 8px;
        }

        .article-related .news-container .news {
            margin-right: 8px;
            padding-left: 8px;
            padding-right: 8px;
        }

            .article-related .news-container .news a:focus {
                background: #dedad4;
            }

            .article-related .news-container .news a .title {
                max-height: 78px;
                padding: 0;
            }
}
/* desktop */
@media (min-width: 1016px) {
    .article-related .container-fluid {
        padding-left: 40px;
        padding-right: 24px;
    }

    .article-related .row {
        margin: 0;
    }

    .article-related .title {
        font-size: 25px;
        line-height: 32px;
        max-height: 32px;
        max-width: 624px;
        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:focus {
            background: transparent;
        }

        .article-related .news-container .news a:hover {
            background: rgba(222, 218, 212, 0.2);
        }

        .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;
        }
}
/* XL */
@media (min-width: 1436px) {
    .article-related .title {
        max-width: 670px;
    }

    .article-related .news-container .news a .title {
        max-height: 60px;
    }
}
/*************** END ARTICLE RELATED ****************************/
/*-------------------------- ARTICLE SIDE NAVIGATION -------------------------*/
/* 320 mobile */
.article-side-navigation {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

    .article-side-navigation .container-fluid {
        max-width: 1436px;
    }

    .article-side-navigation .content {
        position: relative;
        overflow: auto;
        padding: 0;
    }

        .article-side-navigation .content p {
            margin-bottom: 32px;
        }

        .article-side-navigation .content ul,
        .article-side-navigation .content ol {
            margin-bottom: 16px;
            padding-left: 24px;
        }

            .article-side-navigation .content ul li,
            .article-side-navigation .content ol li {
                padding-left: 8px;
            }

    .article-side-navigation .richtext .title {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 16px;
        padding-top: 0px;
    }

    .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: "SeatRegular",sans-serif;
        color: rgba(15, 15, 15, 0.6);
        font-size: 14px;
        line-height: 29px;
        margin-left: -16px;
        width: calc(100% + 16px);
    }

        .article-side-navigation .side-navigation-menu.navbar {
            position: relative;
            cursor: pointer;
            outline: none;
            border-bottom: 1px #9f948e solid;
            width: 100%;
            height: 56px;
            margin: 0 auto 48px auto;
            padding: 3px 24px 0 24px;
            top: 0;
        }

            .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: "SeatMedium",sans-serif;
                color: #0f0f0f;
                padding-right: 16px;
                height: 29px;
            }

            .article-side-navigation .side-navigation-menu.navbar .dropdown {
                position: absolute;
                top: 101%;
                left: -5px;
                right: 0px;
                background: #fff;
                -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
                -webkit-transition: all 0.3s ease-out;
                -moz-transition: all 0.3s ease-out;
                -ms-transition: all 0.3s ease-out;
                -o-transition: all 0.3s ease-out;
                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 {
                    display: block;
                    -webkit-transition: all 0.3s ease-out;
                    -moz-transition: all 0.3s ease-out;
                    -ms-transition: all 0.3s ease-out;
                    -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
                    text-decoration: none;
                    color: rgba(15, 15, 15, 0.6);
                    overflow: hidden;
                    max-height: 29px;
                    max-height: calc(29px + 16px);
                    padding: 8px 24px 24px 24px;
                }

                .article-side-navigation .side-navigation-menu.navbar .dropdown li:hover a {
                    color: #0f0f0f;
                    background-color: rgba(15, 15, 15, 0.05);
                }

                .article-side-navigation .side-navigation-menu.navbar .dropdown li.active a {
                    font-family: "SeatMedium",sans-serif;
                    color: #0f0f0f;
                }

            .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;
            }

        .article-side-navigation .side-navigation-menu .no-opacity .navbar .dropdown,
        .article-side-navigation .side-navigation-menu .no-pointerevents .navbar .dropdown {
            display: none;
            opacity: 1;
            pointer-events: auto;
        }

        .article-side-navigation .side-navigation-menu .no-opacity .navbar.active .dropdown,
        .article-side-navigation .side-navigation-menu .no-pointerevents .navbar.active .dropdown {
            display: block;
        }

        .article-side-navigation .side-navigation-menu.navbar.fixed {
            position: fixed;
            top: 0px;
            width: 100%;
        }

/* Tablet */
@media (min-width: 764px) {
    .article-hero + .article-side-navigation {
        margin-top: -56px;
    }

    .article-side-navigation article .richtext .title {
        padding-top: 0px;
    }

    .article-side-navigation .content {
        padding-left: 16px;
        padding-right: 16px;
    }

        .article-side-navigation .content p {
            margin-bottom: 24px;
        }

        .article-side-navigation .content ul,
        .article-side-navigation .content ol {
            margin-bottom: 24px;
            padding-left: 24px;
        }

            .article-side-navigation .content ul li,
            .article-side-navigation .content ol li {
                padding-left: 8px;
            }

    .article-side-navigation .title {
        margin-bottom: 24px;
    }

    .article-side-navigation .side-navigation-menu.navbar {
        height: 72px;
        margin-bottom: 56px;
        padding: 3px 40px 0 32px;
    }

        .article-side-navigation .side-navigation-menu.navbar:after {
            top: 28px;
            right: 40px;
        }

        .article-side-navigation .side-navigation-menu.navbar.active:after {
            top: 25px;
        }

        .article-side-navigation .side-navigation-menu.navbar .dropdown li a {
            padding: 8px 32px 24px 32px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .article-hero + .article-side-navigation {
        margin-top: -56px;
    }

    .article-side-navigation {
        position: relative;
        display: flex;
        flex-direction: column;
        padding-bottom: 40px;
        margin-left: 0;
    }

        .article-side-navigation .content {
            padding-left: 8px;
            padding-right: 8px;
            margin-top: 56px;
        }

            .article-side-navigation .content p {
                margin-bottom: 24px;
            }

            .article-side-navigation .content ul,
            .article-side-navigation .content ol {
                margin-left: 16px;
            }

        .article-side-navigation .title {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 24px;
        }

        .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: 56px;
            }

                .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;
                        }

                        .article-side-navigation .side-navigation-menu.navbar .dropdown li:hover a {
                            background-color: transparent;
                        }

                .article-side-navigation .side-navigation-menu.navbar.fixed {
                    position: fixed;
                    max-width: 16.66667%;
                }
}

@media (min-width: 1436px) {
    .article-side-navigation .side-navigation-menu.navbar.fixed {
        max-width: 13.66667%;
    }
}

@media (min-width: 1436px) {
    .article-side-navigation .side-navigation-menu.navbar.fixed {
        max-width: 215px;
    }
}
/*-------------------------- END ARTICLE SIDE NAVIGATION ---------------------------*/
/*Background single CTA*/
/* 320 mobile */
.background-single-cta {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    background-color: #33302E;
    cursor: pointer;
}

    .background-single-cta .container-fluid {
        max-width: 1436px;
    }

    .background-single-cta .bg-height,
    .background-single-cta .cont-img {
        overflow: hidden;
        margin: 0;
        width: 100%;
        height: 350px;
        max-height: 350px;
    }

        .background-single-cta .bg-height img,
        .background-single-cta .cont-img img {
            width: auto;
            max-width: none;
            height: 350px;
            max-height: 350px;
        }

    .background-single-cta .cont-module {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
    }

        .background-single-cta .cont-module .flex-column {
            height: 100%;
        }

            .background-single-cta .cont-module .flex-column .align-items-center {
                height: 100%;
            }

        .background-single-cta .cont-module .infos-block {
            max-width: 320px;
            margin: auto;
            text-align: center;
        }

    .background-single-cta .eyebrow {
        white-space: nowrap;
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .background-single-cta .title {
        padding-bottom: 4px;
        margin-bottom: -4px;
        overflow: hidden;
        max-height: 152px;
        max-height: calc(38px*4);
    }

    .background-single-cta .btn {
        min-width: 100%;
        height: 48px;
        margin-top: 32px;
    }

/* Tablet */
@media (min-width: 764px) {
    .background-single-cta .bg-height,
    .background-single-cta .cont-img {
        height: 320px;
        max-height: 320px;
    }

        .background-single-cta .bg-height img,
        .background-single-cta .cont-img img {
            height: 320px;
            max-height: 320px;
        }

    .background-single-cta .cont-module .infos-block {
        max-width: 700px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .background-single-cta .title {
        max-height: 76px;
        max-height: calc(38px*2 + 4px);
    }

    .background-single-cta .btn {
        min-width: 212px;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .background-single-cta .bg-height,
    .background-single-cta .cont-img {
        height: 400px;
        max-height: 400px;
    }

        .background-single-cta .bg-height img,
        .background-single-cta .cont-img img {
            height: 400px;
            max-height: 400px;
        }

    .background-single-cta .cont-module .infos-block {
        padding-left: 0;
        padding-right: 0;
    }

    .background-single-cta .title {
        max-height: 84px;
        max-height: calc(40px*2 + 4px);
    }

    .background-single-cta .btn {
        min-width: 266px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .background-single-cta .cont-module .infos-block {
        max-width: 904px;
    }
}
/*END Background single CTA*/
.cookie-policy {
    background: #33302E;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1061;
}

    .cookie-policy .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }

        .cookie-policy .container-fluid .container .row .col-12.col-md-8.col-lg-9 {
            padding-right: 0;
        }

        .cookie-policy .container-fluid .container .row .col-12 .cookies-text {
            padding: 0 16px 16px 0;
            max-height: 300px;
            overflow: auto;
            margin-bottom: 16px;
            margin-top: 24px;
        }

            .cookie-policy .container-fluid .container .row .col-12 .cookies-text h2 {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(26px*2 + 1px);
                overflow: hidden;
            }

            .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext p {
                font-family: seatRegular;
                font-size: 12px;
                line-height: 22px;
                color: #fff;
                margin: 0;
            }

                .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext p a {
                    font-family: "SeatBold",sans-serif;
                    color: #fff;
                    font-size: 12px;
                    line-height: 22px;
                    border-bottom: 2px solid #fff;
                    padding-bottom: 4px;
                }

                    .cookie-policy .container-fluid .container .row .col-12 .cookies-text .richtext p a:hover {
                        text-decoration: none;
                        color: rgba(255, 255, 255, 0.6);
                        border-color: rgba(255, 255, 255, 0.6);
                    }

        .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 {
                max-width: 288px;
                color: #fff;
                width: 100%;
                padding: 8px 16px;
                margin: auto;
                margin-bottom: 24px;
                font-family: seatBold;
                font-size: 14px;
                line-height: 29px;
            }

.cookies-table {
    display: none;
}

#cookies-modal {
    overflow-y: auto;
}

    #cookies-modal .modal-dialog {
        margin: 0;
        max-width: 100%;
        background: #33302E;
    }

        #cookies-modal .modal-dialog .modal-content {
            background: #33302E;
            color: #fff;
            height: auto;
            padding: 16px;
            padding-top: 0;
            max-width: 700px;
            margin: auto;
            border: none;
        }

            #cookies-modal .modal-dialog .modal-content .modal-header {
                padding: 40px 0 32px;
                justify-content: space-between;
                border-bottom: 1px solid #82807f;
                padding-bottom: 32px;
                height: 100%;
                min-height: 56px;
                background: #33302E;
                position: sticky;
                top: 0;
                z-index: 1;
                border-radius: 0;
            }

                #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                    font-family: seatBlack;
                    font-size: 20px;
                    line-height: 26px;
                    max-height: calc(26px*3 + 1px);
                    overflow: hidden;
                    text-align: left;
                    width: 100%;
                }

                #cookies-modal .modal-dialog .modal-content .modal-header button.close {
                    content: " ";
                    width: 20px;
                    height: 20px;
                    background: url("main/img/close-white.svg") no-repeat center center;
                    background-size: 18px;
                    z-index: 3;
                    padding: 0;
                    cursor: pointer;
                    opacity: 1;
                    margin-top: 4px;
                    margin-right: 0px;
                }

            #cookies-modal .modal-dialog .modal-content .modal-body {
                padding: 32px 0;
            }

                #cookies-modal .modal-dialog .modal-content .modal-body.modal-scroll-mode {
                    overflow-y: auto;
                }

                #cookies-modal .modal-dialog .modal-content .modal-body h5 {
                    font-family: seatBold;
                    font-size: 14px;
                    line-height: 26px;
                    margin-bottom: 16px;
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
                    color: #fff;
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 24px;
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext a {
                    color: #fff;
                    border-color: #fff;
                    font-size: 12px;
                    line-height: 22px;
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext a:hover {
                        color: rgba(255, 255, 255, 0.6);
                        border-color: rgba(255, 255, 255, 0.6);
                    }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul {
                    font-size: 12px;
                    line-height: 22px;
                    margin-bottom: 24px;
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul li {
                        color: #fff;
                        margin-bottom: 0;
                    }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol li {
                        color: #fff;
                        margin-bottom: 0;
                    }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider {
                    background: #fafaf9;
                    padding: 16px;
                    margin: 0 0 24px;
                }

                    #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-indicators {
                        bottom: 8px;
                        margin: 0;
                        display: block;
                        white-space: nowrap;
                        overflow: hidden;
                        font-size: 0;
                        width: 164px;
                        -webkit-padding-start: 0;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                    }

                        #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: rgba(15, 15, 15, 0.6);
                        }

                            #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%;
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li .cookie-label {
                                font-family: seatMedium;
                                color: #0f0f0f;
                            }

                            #cookies-modal .modal-dialog .modal-content .modal-body .richtext #cookies-slider .carousel-inner .carousel-item ul li .cookie-value {
                                font-family: seatRegular;
                                color: rgba(15, 15, 15, 0.6);
                            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext.annotation p {
                    color: rgba(255, 255, 255, 0.6);
                }

            #cookies-modal .modal-dialog .modal-content .modal-footer {
                padding: 40px 0;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                border-top: 1px solid #82807f;
            }

                #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-logo {
                    width: 64px;
                    height: 100%;
                }

                #cookies-modal .modal-dialog .modal-content .modal-footer .corporative-text {
                    text-align: right;
                    font-size: 12px;
                    line-height: 22px;
                    color: rgba(255, 255, 255, 0.6);
                    width: 100%;
                    overflow: hidden;
                    max-height: 45px;
                    max-height: calc(22px*2 + 1px);
                }

            #cookies-modal .modal-dialog .modal-content .modal-body .cookietable .richtext ul li {
                color: rgba(15, 15, 15, 0.6);
            }

/* tablet */
@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: 0 16px 24px 0;
        }

            .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text h2 {
                font-family: seatBold;
                font-size: 14px;
                line-height: 26px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(26px*1 + 1px);
                overflow: hidden;
            }

            .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext {
                max-height: calc(22px*7 + 1px);
            }

                .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: #fff;
                    margin: 0;
                }

                    .cookie-policy .container-fluid .container .row .col-md-8 .cookies-text .richtext p a {
                        font-family: "SeatBold",sans-serif;
                        color: #fff;
                        font-size: 12px;
                        line-height: 22px;
                        border-bottom: 2px solid #fff;
                        padding-bottom: 4px;
                    }

        .cookie-policy .container-fluid .container .row .col-md-4 .cookies-button {
            height: 100%;
            margin-top: 58px;
        }

            .cookie-policy .container-fluid .container .row .col-md-4 .cookies-button a.btn {
                max-width: 212px;
                margin: 0;
            }

    .cookies-table {
        display: none;
    }

    #cookies-modal .modal-dialog .modal-content {
        padding-left: 32px;
        padding-right: 32px;
        max-width: unset;
    }

        #cookies-modal .modal-dialog .modal-content .modal-header {
            padding: 48px 32px 24px 0;
        }

            #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                font-size: 20px;
                line-height: 26px;
                max-height: calc(26px*1 + 1px);
                overflow: hidden;
            }

        #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 122px 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: 2;
                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 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 ol, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul {
            margin-bottom: 32px;
        }

        #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;
            }
}
/* Desktop */
@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: 0 16px 24px 0;
        }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text h2 {
                font-family: seatBold;
                font-size: 16px;
                line-height: 30px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(30px*1 + 1px);
                overflow: hidden;
            }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext {
                max-height: calc(26px*6 + 1px);
            }

                .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #fff;
                    margin: 0;
                }

                    .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p a {
                        font-family: "SeatBold",sans-serif;
                        color: #fff;
                        font-size: 14px;
                        line-height: 26px;
                        border-bottom: 2px solid #fff;
                        padding-bottom: 4px;
                    }

        .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button {
            height: 100%;
            margin-top: 64px;
        }

            .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button a.btn {
                max-width: 214px;
                margin: 0;
            }

    #cookies-modal .modal-dialog .modal-content {
        max-width: 884px;
    }

        #cookies-modal .modal-dialog .modal-content .modal-header {
            padding: 48px 0 26px;
        }

            #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                font-size: 25px;
                line-height: 32px;
                max-height: calc(32px*1 + 1px);
                overflow: hidden;
            }

        #cookies-modal .modal-dialog .modal-content .modal-body {
            margin: 0;
        }

            #cookies-modal .modal-dialog .modal-content .modal-body h5 {
                font-size: 16px;
                line-height: 30px;
                margin-left: 32px;
                margin-right: 32px;
                margin-bottom: 24px;
            }

            #cookies-modal .modal-dialog .modal-content .modal-body .richtext {
                line-height: unset;
            }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
                    font-size: 14px;
                    line-height: 26px;
                    margin-left: 32px;
                    margin-right: 32px;
                    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 {
                    font-size: 14px;
                    line-height: 26px;
                }

                #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul {
                    margin-left: 32px;
                    margin-right: 32px;
                    font-size: 14px;
                    line-height: 26px;
                    margin-bottom: 32px;
                }

                #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;
                    background: #fafaf9;
                    padding: 32px;
                    margin: 24px 0;
                    table-layout: fixed;
                }

                    #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 #82807f;
                        }

                            #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: seatMedium;
                                    font-size: 14px;
                                    line-height: 26px;
                                    color: #0f0f0f;
                                    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: seatRegular;
                                    font-size: 12px;
                                    line-height: 22px;
                                    color: rgba(15, 15, 15, 0.6);
                                    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-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;
            overflow: hidden;
            max-height: 26px;
        }
}
/* XL */
@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: 0 16px 24px 0;
        }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text h2 {
                font-family: seatBold;
                font-size: 16px;
                line-height: 30px;
                color: #fff;
                margin-bottom: 8px;
                max-height: calc(30px*1 + 1px);
                overflow: hidden;
            }

            .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext {
                max-height: calc(26px*5 + 1px);
            }

                .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #fff;
                    margin: 0;
                }

                    .cookie-policy .container-fluid .container .row .col-lg-9 .cookies-text .richtext p a {
                        font-family: "SeatBold",sans-serif;
                        color: #fff;
                        font-size: 14px;
                        line-height: 26px;
                        border-bottom: 2px solid #fff;
                        padding-bottom: 4px;
                    }

        .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-9 .cookies-button a.btn {
                margin: 0;
            }

        .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button {
            margin-top: 64px;
        }

            .cookie-policy .container-fluid .container .row .col-lg-3 .cookies-button a.btn {
                max-width: 202px;
                margin: 0;
            }

    #cookies-modal .modal-dialog .modal-content {
        max-width: 767px;
    }

        #cookies-modal .modal-dialog .modal-content .modal-header {
            padding: 48px 0 26px;
        }

            #cookies-modal .modal-dialog .modal-content .modal-header h4 {
                font-size: 25px;
                line-height: 32px;
                max-height: calc(32px*1 + 1px);
                overflow: hidden;
            }

        #cookies-modal .modal-dialog .modal-content .modal-body h5 {
            font-size: 16px;
            line-height: 30px;
            margin-left: 32px;
            margin-right: 32px;
            margin-bottom: 24px;
        }

        #cookies-modal .modal-dialog .modal-content .modal-body .richtext p {
            font-size: 14px;
            line-height: 26px;
            margin-left: 32px;
            margin-right: 32px;
            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 {
            font-size: 14px;
            line-height: 26px;
        }

        #cookies-modal .modal-dialog .modal-content .modal-body .richtext ol, #cookies-modal .modal-dialog .modal-content .modal-body .richtext ul {
            margin-left: 32px;
            margin-right: 32px;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 32px;
        }

        #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;
            background: #fafaf9;
            padding: 32px;
            margin: 24px 0;
            table-layout: fixed;
        }

            #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 #82807f;
                }

                    #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: seatMedium;
                            font-size: 14px;
                            line-height: 26px;
                            color: #0f0f0f;
                            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: seatRegular;
                            font-size: 12px;
                            line-height: 22px;
                            color: rgba(15, 15, 15, 0.6);
                            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-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;
            overflow: hidden;
            max-height: 26px;
        }
}
/* SP4 */
@keyframes slideUp {
    0% {
        opacity: 0;
    }

    100% {
        top: -2px;
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.dynNewsEvents #native {
    display: none;
}

    .dynNewsEvents #native.show {
        display: block;
    }

.dynNewsEvents .wrapper {
    position: sticky;
    top: 0px;
    z-index: 20;
}

.dynNewsEvents .filters .special-drop {
    height: 56px;
}

    .dynNewsEvents .filters .special-drop .specs-select {
        height: 100%;
        cursor: pointer;
        font-family: "SeatMedium",sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: rgba(51, 48, 46, 0.6);
        text-align: left;
        background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
        background-position-x: 98%;
        display: block;
        width: 100%;
        padding: 8px 10px;
        color: rgba(15, 15, 15, 0.6);
        background-color: #fff;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0px;
    }

        .dynNewsEvents .filters .special-drop .specs-select:focus {
            outline: none;
        }

        .dynNewsEvents .filters .special-drop .specs-select:selected {
            border-color: #84c497;
        }

    .dynNewsEvents .filters .special-drop .dropdown-menu {
        width: 100%;
    }

        .dynNewsEvents .filters .special-drop .dropdown-menu .selected {
            position: relative;
        }

            .dynNewsEvents .filters .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;
            }

        .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox {
            position: relative;
            display: inline-block;
            margin: 0;
        }

            .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox:focus {
                outline: none;
            }

            .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox label {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 31px;
                color: rgba(15, 15, 15, 0.6);
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding: 0 0 0 32px;
            }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox label p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox label:focus {
                    outline: none;
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox label.error {
                    color: #e63a2b;
                    position: relative;
                }

            .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"] {
                visibility: hidden;
                opacity: 0;
                width: 0;
                height: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                left: -9999px;
            }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"][readonly] {
                    cursor: not-allowed;
                    opacity: 0.5;
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:before, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:before, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:after {
                    content: "";
                    position: absolute;
                    top: 6px;
                    left: 0;
                    display: block;
                    border-radius: 4px;
                    cursor: pointer;
                    z-index: 1;
                    transition: all .2s ease;
                    padding: 0;
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:before, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:before {
                    width: 20px;
                    height: 20px;
                    background: #fafaf9;
                    border: 2px solid rgba(15, 15, 15, 0.2);
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:after {
                    width: 20px;
                    height: 20px;
                    background: #0f0f0f url("main/img/icon-check.svg") left center no-repeat;
                    transform: translate(0, 0);
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:after {
                    opacity: 0;
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:after {
                    opacity: 1;
                }

            .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled {
                cursor: default;
                color: rgba(15, 15, 15, 0.2);
                opacity: .75;
            }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"][disabled], .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:not(:checked) + label:before, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:checked + label:before, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:checked + label:after {
                    cursor: not-allowed;
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:checked + label:after {
                    background: rgba(15, 15, 15, 0.2);
                }

                .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.disabled label {
                    cursor: default;
                    color: rgba(15, 15, 15, 0.2);
                }

            .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.indeterminate input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.indeterminate input[type="checkbox"]:checked + label:after {
                content: '';
                background: #0f0f0f url("main/img/icon-check-indeterminate.svg") left center no-repeat;
                padding-top: 1px;
            }

            .dynNewsEvents .filters .special-drop .dropdown-menu .checkbox.indeterminate label {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
            }

    .dynNewsEvents .filters .special-drop .anim-slideUp {
        animation: slideUp 0.3s;
    }

    .dynNewsEvents .filters .special-drop .anim-slidedown {
        animation: slideDown 0.3s;
    }

    .dynNewsEvents .filters .special-drop .dropdown-item:active {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

.dynNewsEvents .rotate-180 {
    transform: rotate(180deg);
}

.dynNewsEvents a {
    text-decoration: none;
}

.dynNewsEvents .newsHero {
    position: relative;
    overflow: hidden;
    max-height: 320px;
    margin-bottom: 0px;
}

    .dynNewsEvents .newsHero .cont-img {
        max-height: 320px;
    }

        .dynNewsEvents .newsHero .cont-img img {
            height: 320px;
        }

    .dynNewsEvents .newsHero .cont-module {
        max-height: 320px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        padding: 0 16px;
    }

        .dynNewsEvents .newsHero .cont-module .cont-module-text {
            width: auto;
            text-align: center;
        }

            .dynNewsEvents .newsHero .cont-module .cont-module-text h1 {
                font-family: "SeatBlack",sans-serif;
                max-height: calc(46px*4 + 4px);
                font-size: 38px;
                line-height: 46px;
                overflow: hidden;
            }

            .dynNewsEvents .newsHero .cont-module .cont-module-text .title {
                color: #fff;
            }

            .dynNewsEvents .newsHero .cont-module .cont-module-text .title-black {
                color: #0f0f0f;
            }

.dynNewsEvents .row {
    margin: 0;
}

.dynNewsEvents .filters {
    background: #fff;
    min-height: 56px;
    z-index: 10;
    background: #FFF;
    /* .checks {
    padding: 0px 16px;
    .checkbox {
      label {
        font-family: $seatMedium;
        color: $text-black;
        font-size: 14px; //line-height: 26px;
      }
    }
  }*/
}

    .dynNewsEvents .filters .ftitle {
        height: 56px;
        padding: 0px 16px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: "SeatBold",sans-serif;
    }

.dynNewsEvents .mosaic .mosaic-item {
    overflow: hidden;
    min-height: 240px;
    max-height: 573px;
    position: relative;
}

    .dynNewsEvents .mosaic .mosaic-item > a {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-end;
    }

    .dynNewsEvents .mosaic .mosaic-item a {
        color: #0f0f0f;
    }

    .dynNewsEvents .mosaic .mosaic-item .cont-img img {
        width: 100%;
        height: auto;
        min-height: 240px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }

    .dynNewsEvents .mosaic .mosaic-item .cont-img .overlay {
        background: -webkit-linear-gradient(top, transparent, rgba(15, 15, 15, 0.6));
        background: -ms-linear-gradient(top, transparent, rgba(15, 15, 15, 0.6));
        background: linear-gradient(to bottom, transparent, rgba(15, 15, 15, 0.6));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .dynNewsEvents .mosaic .mosaic-item .data {
        padding: 0 16px 16px 16px;
        width: 100%;
    }

        .dynNewsEvents .mosaic .mosaic-item .data .eyebrow {
            font-size: 14px;
            overflow: hidden;
            line-height: 26px;
            max-height: calc(26px + 1px);
        }

        .dynNewsEvents .mosaic .mosaic-item .data .title {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            overflow: hidden;
            line-height: 26px;
            max-height: calc(26px * 3 + 4px);
        }

.dynNewsEvents .mosaic .bigCard .title {
    line-height: 26px;
    max-height: calc(26px * 3 + 4px);
}

.dynNewsEvents .mosaic .back-img .data {
    color: #fff;
    position: absolute;
    bottom: 0px;
}

    .dynNewsEvents .mosaic .back-img .data a {
        color: #fff;
    }

        .dynNewsEvents .mosaic .back-img .data a:hover {
            text-decoration: none;
        }

.dynNewsEvents .mosaic .pie {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}

    .dynNewsEvents .mosaic .pie .date {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
    }

    .dynNewsEvents .mosaic .pie .icons .number {
        font-family: "SeatRegular",sans-serif;
        line-height: 26px;
        margin-left: 16px;
        display: inline-block;
    }

        .dynNewsEvents .mosaic .pie .icons .number:first-child {
            margin-left: 0px;
        }

    .dynNewsEvents .mosaic .pie .icons img {
        margin-left: 8px;
    }

    .dynNewsEvents .mosaic .pie .icons.blanc {
        display: none;
    }

.dynNewsEvents .mosaic .card-4 .icons,
.dynNewsEvents .mosaic .card-10 .icons {
    display: none;
}

    .dynNewsEvents .mosaic .card-4 .icons.blanc,
    .dynNewsEvents .mosaic .card-10 .icons.blanc {
        display: flex;
    }

.dynNewsEvents .mosaic .card-1 .cont-img,
.dynNewsEvents .mosaic .card-2 .cont-img,
.dynNewsEvents .mosaic .card-5 .cont-img,
.dynNewsEvents .mosaic .card-6 .cont-img,
.dynNewsEvents .mosaic .card-7 .cont-img,
.dynNewsEvents .mosaic .card-9 .cont-img,
.dynNewsEvents .mosaic .card-11 .cont-img {
    visibility: hidden;
}

.dynNewsEvents .mosaic .card-1 .data,
.dynNewsEvents .mosaic .card-2 .data,
.dynNewsEvents .mosaic .card-5 .data,
.dynNewsEvents .mosaic .card-6 .data,
.dynNewsEvents .mosaic .card-7 .data,
.dynNewsEvents .mosaic .card-9 .data,
.dynNewsEvents .mosaic .card-11 .data {
    position: absolute;
    bottom: 0px;
}

    .dynNewsEvents .mosaic .card-1 .data a:hover,
    .dynNewsEvents .mosaic .card-2 .data a:hover,
    .dynNewsEvents .mosaic .card-5 .data a:hover,
    .dynNewsEvents .mosaic .card-6 .data a:hover,
    .dynNewsEvents .mosaic .card-7 .data a:hover,
    .dynNewsEvents .mosaic .card-9 .data a:hover,
    .dynNewsEvents .mosaic .card-11 .data a:hover {
        text-decoration: none;
    }

.dynNewsEvents .seeMore-container {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: row;
    background: #fff;
    border-top: 1px solid rgba(51, 48, 46, 0.6);
    border-bottom: 1px solid rgba(51, 48, 46, 0.6);
    padding: 16px 0;
    height: 72px;
}

    .dynNewsEvents .seeMore-container .seeMore-button {
        border: 2px solid rgba(51, 48, 46, 0.6);
        border-radius: 50%;
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-self: center;
    }

        .dynNewsEvents .seeMore-container .seeMore-button img {
            width: 16px;
            height: 16px;
            align-self: center;
            transform: rotate(90deg);
        }

            .dynNewsEvents .seeMore-container .seeMore-button img.open {
                transform: rotate(-90deg);
            }

    .dynNewsEvents .seeMore-container span {
        font-family: "SeatBold",sans-serif;
        font-size: 16px;
        line-height: 22px;
        color: #0f0f0f;
        align-self: center;
        padding-left: 16px;
    }

.dynNewsEvents .more-news-container {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: row;
    padding: 16px 0;
    height: 72px;
}

.dynNewsEvents .filters-drop {
    width: 100%;
    height: 56px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: url("main/img/dne-arrowdown.svg") calc(100% - 11px) center no-repeat;
    padding-left: 16px;
}

.dynNewsEvents .show-m {
    display: none !important;
}

*::-ms-backdrop,
.dynNewsEvents .mosaic .mosaic-item .cont-img {
    position: absolute;
    top: 0;
    width: 100%;
}

*::-ms-backdrop,
.dynNewsEvents .mosaic .pie .icons {
    height: 24px;
}

/* Tablet */
@media (min-width: 764px) {
    .dynNewsEvents .special-drop {
        display: none;
    }

    .dynNewsEvents .invisible-m {
        display: none;
    }

    .dynNewsEvents .newsHero .cont-img img {
        height: 400px;
    }

    .dynNewsEvents .show-m {
        display: flex !important;
    }

    .dynNewsEvents .filters .checkbox {
        position: relative;
        display: inline-block;
        margin: 0;
    }

        .dynNewsEvents .filters .checkbox:focus {
            outline: none;
        }

        .dynNewsEvents .filters .checkbox label {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 31px;
            color: rgba(15, 15, 15, 0.6);
            display: inline-block;
            cursor: pointer;
            position: relative;
            padding: 0 0 0 32px;
        }

            .dynNewsEvents .filters .checkbox label p {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
            }

            .dynNewsEvents .filters .checkbox label:focus {
                outline: none;
            }

            .dynNewsEvents .filters .checkbox label.error {
                color: #e63a2b;
                position: relative;
            }

        .dynNewsEvents .filters .checkbox input[type="checkbox"] {
            visibility: hidden;
            opacity: 0;
            width: 0;
            height: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            left: -9999px;
        }

            .dynNewsEvents .filters .checkbox input[type="checkbox"][readonly] {
                cursor: not-allowed;
                opacity: 0.5;
            }

            .dynNewsEvents .filters .checkbox input[type="checkbox"]:not(:checked) + label:before, .dynNewsEvents .filters .checkbox input[type="checkbox"]:checked + label:before, .dynNewsEvents .filters .checkbox input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .checkbox input[type="checkbox"]:checked + label:after {
                content: "";
                position: absolute;
                top: 6px;
                left: 0;
                display: block;
                border-radius: 4px;
                cursor: pointer;
                z-index: 1;
                transition: all .2s ease;
                padding: 0;
            }

            .dynNewsEvents .filters .checkbox input[type="checkbox"]:not(:checked) + label:before, .dynNewsEvents .filters .checkbox input[type="checkbox"]:checked + label:before {
                width: 20px;
                height: 20px;
                background: #fafaf9;
                border: 2px solid rgba(15, 15, 15, 0.2);
            }

            .dynNewsEvents .filters .checkbox input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .checkbox input[type="checkbox"]:checked + label:after {
                width: 20px;
                height: 20px;
                background: #0f0f0f url("main/img/icon-check.svg") left center no-repeat;
                transform: translate(0, 0);
            }

            .dynNewsEvents .filters .checkbox input[type="checkbox"]:not(:checked) + label:after {
                opacity: 0;
            }

            .dynNewsEvents .filters .checkbox input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

        .dynNewsEvents .filters .checkbox.disabled {
            cursor: default;
            color: rgba(15, 15, 15, 0.2);
            opacity: .75;
        }

            .dynNewsEvents .filters .checkbox.disabled input[type="checkbox"][disabled], .dynNewsEvents .filters .checkbox.disabled input[type="checkbox"]:not(:checked) + label:before, .dynNewsEvents .filters .checkbox.disabled input[type="checkbox"]:checked + label:before, .dynNewsEvents .filters .checkbox.disabled input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .checkbox.disabled input[type="checkbox"]:checked + label:after {
                cursor: not-allowed;
            }

            .dynNewsEvents .filters .checkbox.disabled input[type="checkbox"]:checked + label:after {
                background: rgba(15, 15, 15, 0.2);
            }

            .dynNewsEvents .filters .checkbox.disabled label {
                cursor: default;
                color: rgba(15, 15, 15, 0.2);
            }

        .dynNewsEvents .filters .checkbox.indeterminate input[type="checkbox"]:not(:checked) + label:after, .dynNewsEvents .filters .checkbox.indeterminate input[type="checkbox"]:checked + label:after {
            content: '';
            background: #0f0f0f url("main/img/icon-check-indeterminate.svg") left center no-repeat;
            padding-top: 1px;
        }

        .dynNewsEvents .filters .checkbox.indeterminate label {
            font-family: "SeatRegular",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
        }

    .dynNewsEvents .filters .collapse {
        display: flex;
    }

    .dynNewsEvents .filters .filter-element {
        margin-right: 24px;
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .dynNewsEvents .newsHero {
        padding: 0;
        max-height: 400px;
        height: 400px;
    }

        .dynNewsEvents .newsHero .cont-img {
            max-height: 400px;
        }

        .dynNewsEvents .newsHero .cont-module {
            max-height: 400px;
            padding: 0 32px;
        }

            .dynNewsEvents .newsHero .cont-module .cont-module-text h3.eyebrow {
                font-size: 16px;
                line-height: 30px;
                color: #fff;
                max-height: calc(30px*1 + 1px);
                overflow: hidden;
            }

            .dynNewsEvents .newsHero .cont-module .cont-module-text h1 {
                max-height: calc(46px*2 + 4px);
                margin-bottom: 0;
                overflow: hidden;
            }

    .dynNewsEvents .filters {
        height: 72px;
        padding: 0 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .dynNewsEvents .filters .ftitle {
            padding: 0px;
            width: 296px;
            height: 26px;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
        }

        .dynNewsEvents .filters .filter-element:last-child {
            margin-right: 0px;
        }

    .dynNewsEvents .mosaic {
        align-content: stretch;
    }

        .dynNewsEvents .mosaic .mosaic-item {
            overflow: hidden;
            min-height: 286px;
            max-height: 380px;
            position: relative;
            display: flex;
            align-items: flex-end;
        }

            .dynNewsEvents .mosaic .mosaic-item .data {
                padding: 0 32px 16px 32px;
                width: 100%;
            }

                .dynNewsEvents .mosaic .mosaic-item .data .title {
                    overflow: hidden;
                }

        .dynNewsEvents .mosaic .back-img .data {
            color: #fff;
            position: absolute;
            bottom: 0px;
        }

            .dynNewsEvents .mosaic .back-img .data a {
                color: #fff;
            }

        .dynNewsEvents .mosaic .pie {
            margin-top: 16px;
            display: flex;
            justify-content: space-between;
        }

            .dynNewsEvents .mosaic .pie .date {
                font-size: 14px;
                line-height: 26px;
            }

            .dynNewsEvents .mosaic .pie .icons .number {
                line-height: 26px;
                margin-right: 0;
            }

        .dynNewsEvents .mosaic .card-0 .data .title,
        .dynNewsEvents .mosaic .card-3 .data .title,
        .dynNewsEvents .mosaic .card-8 .data .title {
            max-height: calc(26px * 2 + 4px);
        }

        .dynNewsEvents .mosaic .card-0 .data .eyebrow,
        .dynNewsEvents .mosaic .card-3 .data .eyebrow,
        .dynNewsEvents .mosaic .card-8 .data .eyebrow {
            line-height: 26px;
            max-height: 26px;
        }

        .dynNewsEvents .mosaic .card-1 .data .title,
        .dynNewsEvents .mosaic .card-2 .data .title,
        .dynNewsEvents .mosaic .card-5 .data .title,
        .dynNewsEvents .mosaic .card-6 .data .title,
        .dynNewsEvents .mosaic .card-7 .data .title,
        .dynNewsEvents .mosaic .card-9 .data .title,
        .dynNewsEvents .mosaic .card-11 .data .title {
            max-height: calc(26px * 5 + 2px);
        }

        .dynNewsEvents .mosaic .card-1 .data .eyebrow,
        .dynNewsEvents .mosaic .card-2 .data .eyebrow,
        .dynNewsEvents .mosaic .card-5 .data .eyebrow,
        .dynNewsEvents .mosaic .card-6 .data .eyebrow,
        .dynNewsEvents .mosaic .card-7 .data .eyebrow,
        .dynNewsEvents .mosaic .card-9 .data .eyebrow,
        .dynNewsEvents .mosaic .card-11 .data .eyebrow {
            max-height: calc(26px * 2 + 4px);
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .dynNewsEvents .invisible-m {
        display: none;
    }

    .dynNewsEvents .filters .checks {
        padding: 0px;
    }

        .dynNewsEvents .filters .checks .lc {
            padding-left: 31px;
        }

        .dynNewsEvents .filters .checks .checkmark {
            top: 2px;
            left: 2px;
        }

        .dynNewsEvents .filters .checks .filter-element {
            margin-right: 32px;
        }

    .dynNewsEvents .newsHero {
        max-height: 400px;
    }

        .dynNewsEvents .newsHero .cont-img {
            max-height: 400px;
        }

        .dynNewsEvents .newsHero .cont-module {
            max-height: 400px;
            padding: 0 114px;
        }

            .dynNewsEvents .newsHero .cont-module .cont-module-text h3.eyebrow {
                color: #fff;
                max-height: calc(26px*1 + 1px);
                overflow: hidden;
            }

            .dynNewsEvents .newsHero .cont-module .cont-module-text h1 {
                font-size: 50px;
                line-height: 64px;
                max-height: calc(64px*2 + 4px);
                margin-bottom: 0;
                overflow: hidden;
            }

    .dynNewsEvents .filters {
        height: 72px;
        padding: 0 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .dynNewsEvents .filters .ftitle {
            width: 296px;
            height: 26px;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            padding: 0;
        }

        .dynNewsEvents .filters .checks {
            display: flex;
            height: 26px;
            justify-content: flex-end;
        }

            .dynNewsEvents .filters .checks .filter-element:last-child {
                margin-right: 0px;
            }

            .dynNewsEvents .filters .checks input[type="checkbox"] {
                margin-right: 8px;
            }

            .dynNewsEvents .filters .checks label,
            .dynNewsEvents .filters .checks input {
                display: inline-block;
            }

            .dynNewsEvents .filters .checks label {
                font-size: 16px;
                line-height: 30px;
            }

    .dynNewsEvents .mosaic .mosaic-item {
        overflow: hidden;
        min-height: 286px;
        max-height: 404px;
        position: relative;
        display: flex;
        align-items: flex-end;
    }

        .dynNewsEvents .mosaic .mosaic-item .cont-img img {
            width: 100%;
            height: auto;
            object-fit: cover;
            font-family: 'object-fit: cover;';
            min-height: 286px;
        }

        .dynNewsEvents .mosaic .mosaic-item a:hover .overlay {
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(51, 48, 46, 0.3);
            width: 100%;
            height: 100%;
        }

        .dynNewsEvents .mosaic .mosaic-item a:hover .cont-img .overlay {
            background: rgba(51, 48, 46, 0.3);
        }

        .dynNewsEvents .mosaic .mosaic-item .data {
            padding: 0 32px 16px 32px;
            width: 100%;
        }

            .dynNewsEvents .mosaic .mosaic-item .data .title {
                font-size: 25px;
                line-height: 32px;
                max-height: calc(32px * 4 + 4px);
                overflow: hidden;
            }

            .dynNewsEvents .mosaic .mosaic-item .data .eyebrow {
                font-size: 16px;
                line-height: 30px;
                overflow: hidden;
                max-height: 30px;
            }

        .dynNewsEvents .mosaic .mosaic-item:hover .title {
            text-decoration: underline;
        }

    .dynNewsEvents .mosaic .back-img .data {
        color: #fff;
        position: absolute;
        bottom: 0px;
    }

        .dynNewsEvents .mosaic .back-img .data a {
            color: #fff;
        }

    .dynNewsEvents .mosaic .pie {
        margin-top: 16px;
        display: flex;
        justify-content: space-between;
    }

        .dynNewsEvents .mosaic .pie .date {
            font-size: 14px;
            line-height: 26px;
        }

        .dynNewsEvents .mosaic .pie .icons .number {
            line-height: 26px;
        }

    .dynNewsEvents .mosaic .card-1 .title,
    .dynNewsEvents .mosaic .card-5 .title,
    .dynNewsEvents .mosaic .card-6 .title,
    .dynNewsEvents .mosaic .card-9 .title,
    .dynNewsEvents .mosaic .card-11 .title {
        max-height: calc(26px * 2 + 11px);
        overflow: hidden;
    }

    .dynNewsEvents .mosaic .card-1 .data,
    .dynNewsEvents .mosaic .card-5 .data,
    .dynNewsEvents .mosaic .card-6 .data,
    .dynNewsEvents .mosaic .card-9 .data,
    .dynNewsEvents .mosaic .card-11 .data {
        color: #fff;
        position: absolute;
        bottom: 0px;
    }

        .dynNewsEvents .mosaic .card-1 .data a,
        .dynNewsEvents .mosaic .card-5 .data a,
        .dynNewsEvents .mosaic .card-6 .data a,
        .dynNewsEvents .mosaic .card-9 .data a,
        .dynNewsEvents .mosaic .card-11 .data a {
            color: #fff;
        }

    .dynNewsEvents .mosaic .card-1 .icons,
    .dynNewsEvents .mosaic .card-5 .icons,
    .dynNewsEvents .mosaic .card-6 .icons,
    .dynNewsEvents .mosaic .card-9 .icons,
    .dynNewsEvents .mosaic .card-11 .icons {
        display: none;
    }

        .dynNewsEvents .mosaic .card-1 .icons.blanc,
        .dynNewsEvents .mosaic .card-5 .icons.blanc,
        .dynNewsEvents .mosaic .card-6 .icons.blanc,
        .dynNewsEvents .mosaic .card-9 .icons.blanc,
        .dynNewsEvents .mosaic .card-11 .icons.blanc {
            display: flex;
        }

    .dynNewsEvents .mosaic .card-1 .cont-img,
    .dynNewsEvents .mosaic .card-5 .cont-img,
    .dynNewsEvents .mosaic .card-6 .cont-img,
    .dynNewsEvents .mosaic .card-9 .cont-img,
    .dynNewsEvents .mosaic .card-11 .cont-img {
        visibility: initial;
    }

    .dynNewsEvents .mosaic .card-4 .cont-img,
    .dynNewsEvents .mosaic .card-10 .cont-img {
        visibility: hidden;
        position: absolute;
    }

    .dynNewsEvents .mosaic .card-4 .data,
    .dynNewsEvents .mosaic .card-10 .data {
        color: #0f0f0f;
        position: relative;
    }

        .dynNewsEvents .mosaic .card-4 .data a,
        .dynNewsEvents .mosaic .card-10 .data a {
            color: #0f0f0f;
        }

    .dynNewsEvents .mosaic .card-4 .pie .icons,
    .dynNewsEvents .mosaic .card-10 .pie .icons {
        display: flex;
    }

        .dynNewsEvents .mosaic .card-4 .pie .icons.blanc,
        .dynNewsEvents .mosaic .card-10 .pie .icons.blanc {
            display: none;
        }

    .dynNewsEvents .mosaic .card-0 .data .title,
    .dynNewsEvents .mosaic .card-1 .data .title,
    .dynNewsEvents .mosaic .card-8 .data .title,
    .dynNewsEvents .mosaic .card-9 .data .title {
        max-height: calc(32px * 2 + 4px);
    }

    .dynNewsEvents .mosaic .card-2 .data .title,
    .dynNewsEvents .mosaic .card-4 .data .title,
    .dynNewsEvents .mosaic .card-7 .data .title,
    .dynNewsEvents .mosaic .card-10 .data .title {
        max-height: calc(32px*4 + 4px);
    }

    .dynNewsEvents .mosaic .card-2 .title,
    .dynNewsEvents .mosaic .card-3 .title,
    .dynNewsEvents .mosaic .card-4 .title,
    .dynNewsEvents .mosaic .card-5 .title,
    .dynNewsEvents .mosaic .card-6 .title,
    .dynNewsEvents .mosaic .card-7 .title,
    .dynNewsEvents .mosaic .card-10 .title,
    .dynNewsEvents .mosaic .card-11 .title {
        max-height: calc(32px*4 +1px);
    }

    .dynNewsEvents .mosaic .card-2 {
        background: #ea5d1a;
    }

    .dynNewsEvents .mosaic .card-7 {
        background: #fff;
    }

    *::-ms-backdrop, .dynNewsEvents .mosaic .card-1 .cont-img, .dynNewsEvents .mosaic .card-5 .cont-img, .dynNewsEvents .mosaic .card-6 .cont-img, .dynNewsEvents .mosaic .card-9 .cont-img, .dynNewsEvents .mosaic .card-11 .cont-img {
        visibility: visible;
    }
}

@media (min-width: 1436px) {
    .dynNewsEvents .newsHero {
        max-height: 400px;
    }

        .dynNewsEvents .newsHero .cont-img {
            max-height: 400px;
        }

        .dynNewsEvents .newsHero .cont-module {
            max-height: 400px;
            padding: 0px;
        }

            .dynNewsEvents .newsHero .cont-module .cont-module-text {
                max-width: 1436px;
                margin: 0 auto;
                width: 100%;
            }

                .dynNewsEvents .newsHero .cont-module .cont-module-text h3.eyebrow {
                    color: #fff;
                    max-height: calc(26px*1 + 1px);
                    overflow: hidden;
                }

                .dynNewsEvents .newsHero .cont-module .cont-module-text h1 {
                    font-size: 50px;
                    line-height: 64px;
                    max-height: calc(64px*2 + 4px);
                    margin-bottom: 0;
                    overflow: hidden;
                }

    .dynNewsEvents .wrapper {
        background: #fff;
    }

    .dynNewsEvents .filters {
        height: 72px;
        padding: 0 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1436px;
        margin: 0 auto;
    }

        .dynNewsEvents .filters .ftitle {
            width: 296px;
            height: 26px;
            font-family: "SeatBold",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            height: 30px;
            padding: 0px;
        }

        .dynNewsEvents .filters .checks {
            display: flex;
            width: auto;
            height: 30px;
            padding: 0px;
        }

            .dynNewsEvents .filters .checks .filter-element {
                margin-right: 32px;
            }

                .dynNewsEvents .filters .checks .filter-element:last-child {
                    margin-right: 0px;
                }

            .dynNewsEvents .filters .checks label {
                font-size: 16px;
                line-height: 30px;
            }

    .dynNewsEvents .mosaic .mosaic-item {
        overflow: hidden;
        min-height: 404px;
        max-height: 720px;
        position: relative;
        display: flex;
        align-items: flex-end;
    }

        .dynNewsEvents .mosaic .mosaic-item .cont-img img {
            min-height: 404px;
        }

        .dynNewsEvents .mosaic .mosaic-item .data {
            padding: 0 32px 24px 32px;
            width: 100%;
        }

            .dynNewsEvents .mosaic .mosaic-item .data .title {
                font-size: 30px;
                line-height: 38px;
                max-height: calc(38px*4 + 4px);
                overflow: hidden;
                margin-bottom: 24px;
            }

    .dynNewsEvents .mosaic .back-img .data {
        color: #fff;
        position: absolute;
        bottom: 0px;
    }

        .dynNewsEvents .mosaic .back-img .data a {
            color: #fff;
        }

    .dynNewsEvents .mosaic .pie {
        margin-top: 0px;
        display: flex;
        justify-content: space-between;
        height: 30px;
    }

        .dynNewsEvents .mosaic .pie .date {
            font-size: 16px;
            line-height: 30px;
        }

        .dynNewsEvents .mosaic .pie .icons .number {
            line-height: 26px;
        }

    .dynNewsEvents .mosaic .card-4 .cont-img,
    .dynNewsEvents .mosaic .card-10 .cont-img {
        visibility: hidden;
    }

    .dynNewsEvents .mosaic .card-4 .data,
    .dynNewsEvents .mosaic .card-10 .data {
        color: #0f0f0f;
        position: relative;
    }

        .dynNewsEvents .mosaic .card-4 .data a,
        .dynNewsEvents .mosaic .card-10 .data a {
            color: #0f0f0f;
        }

    .dynNewsEvents .mosaic .card-4 .pie .icons,
    .dynNewsEvents .mosaic .card-10 .pie .icons {
        display: flex;
    }

        .dynNewsEvents .mosaic .card-4 .pie .icons.blanc,
        .dynNewsEvents .mosaic .card-10 .pie .icons.blanc {
            display: none;
        }

    .dynNewsEvents .mosaic .card-0 .data .title,
    .dynNewsEvents .mosaic .card-1 .data .title,
    .dynNewsEvents .mosaic .card-8 .data .title,
    .dynNewsEvents .mosaic .card-9 .data .title {
        max-height: calc(38px*2 + 7px);
    }

    .dynNewsEvents .mosaic .card-2 .title,
    .dynNewsEvents .mosaic .card-3 .title,
    .dynNewsEvents .mosaic .card-4 .title,
    .dynNewsEvents .mosaic .card-5 .title,
    .dynNewsEvents .mosaic .card-6 .title,
    .dynNewsEvents .mosaic .card-7 .title,
    .dynNewsEvents .mosaic .card-10 .title,
    .dynNewsEvents .mosaic .card-11 .title {
        max-height: calc(38px*4 + 1px);
    }

    .dynNewsEvents .mosaic .card-2 .eyebrow,
    .dynNewsEvents .mosaic .card-3 .eyebrow,
    .dynNewsEvents .mosaic .card-4 .eyebrow,
    .dynNewsEvents .mosaic .card-5 .eyebrow,
    .dynNewsEvents .mosaic .card-6 .eyebrow,
    .dynNewsEvents .mosaic .card-7 .eyebrow,
    .dynNewsEvents .mosaic .card-10 .eyebrow,
    .dynNewsEvents .mosaic .card-11 .eyebrow {
        line-height: 30px;
        max-height: 30px;
    }
}

.homepage-teaser {
    padding: 16px;
}

    .homepage-teaser .container-fluid .col-12 {
        overflow: hidden;
        height: 128px;
        margin: 16px 0 0 0;
        padding: 0;
        display: flex;
        flex-direction: row-reverse;
        cursor: pointer;
    }

        .homepage-teaser .container-fluid .col-12 .cont-module {
            padding: 16px;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .homepage-teaser .container-fluid .col-12 .cont-module .title {
                font-family: "SeatBold",sans-serif;
                font-size: 18px;
                line-height: 30px;
                max-height: calc(30px*3 + 1px);
                overflow: hidden;
                color: #0f0f0f;
                padding-bottom: 8px;
            }

            .homepage-teaser .container-fluid .col-12 .cont-module .eyebrow {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                max-height: calc(26px*2 + 1px);
                overflow: hidden;
                color: #33302E;
                display: none;
            }

            .homepage-teaser .container-fluid .col-12 .cont-module a.btn {
                margin: 0 auto;
                white-space: unset;
            }

                .homepage-teaser .container-fluid .col-12 .cont-module a.btn p {
                    overflow: hidden;
                }

            .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white,
            .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white {
                width: auto;
                width: 100%;
                position: relative;
                white-space: unset;
                white-space: normal;
                overflow: hidden;
                max-height: calc(26px*1 + 1px);
                padding-right: 0;
                display: flex !important;
            }

                .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow span, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange span, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span,
                .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span {
                    max-width: calc(100% - 10px);
                    overflow: hidden;
                    max-height: calc(26px*1 + 1px);
                    padding-right: 4px;
                }

                    .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow span.link-arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange span.link-arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.link-arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow span.link-arrow-orange, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange span.link-arrow-orange, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.link-arrow-orange, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow span.link-arrow-white, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange span.link-arrow-white, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.link-arrow-white, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow span.arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange span.arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.arrow,
                    .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.link-arrow,
                    .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.link-arrow-orange,
                    .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.link-arrow-white,
                    .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white span.arrow {
                        margin-left: 0px;
                    }

                .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow:hover span.arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-orange:hover span.arrow, .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white:hover span.arrow,
                .homepage-teaser .container-fluid .col-12 .cont-module a.link-arrow-white:hover span.arrow {
                    opacity: 0.6;
                }

        .homepage-teaser .container-fluid .col-12 .cont-img {
            min-width: 96px;
            max-width: 96px;
            overflow: hidden;
        }

            .homepage-teaser .container-fluid .col-12 .cont-img img {
                height: 128px;
                width: auto;
                object-fit: cover;
            }

        .homepage-teaser .container-fluid .col-12:first-child {
            margin: 0;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module {
            background: #f4f4f1;
            position: unset;
            top: 0;
            left: 0;
        }

        .homepage-teaser .container-fluid .col-12.center .cont-module {
            background: #dedad4;
            align-content: center;
        }

            .homepage-teaser .container-fluid .col-12.center .cont-module .title {
                max-height: calc(30px*2 + 1px);
                overflow: hidden;
            }

            .homepage-teaser .container-fluid .col-12.center .cont-module a {
                margin-left: 0;
            }

        .homepage-teaser .container-fluid .col-12.right .cont-module {
            background: #e8e6e3;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-black .title {
            color: #0f0f0f;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white {
            display: flex !important;
        }

            .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow span.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-orange span.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white span.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow span.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-orange span.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white span.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow span.link-arrow-white, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-orange span.link-arrow-white, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white span.link-arrow-white {
                margin-left: 8px;
            }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white {
            display: none !important;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-white .title {
            color: #0f0f0f;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white {
            display: flex !important;
        }

            .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow span.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-orange span.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white span.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow span.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-orange span.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white span.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow span.link-arrow-white, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-orange span.link-arrow-white, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white span.link-arrow-white {
                margin-left: 8px;
            }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white {
            display: none !important;
        }

    .homepage-teaser .btn {
        max-width: 160px;
        overflow: hidden;
    }

@media (min-width: 764px) {
    .homepage-teaser .container-fluid .row {
        flex-direction: row;
    }

        .homepage-teaser .container-fluid .row .col-12.left .cont-module {
            background: transparent;
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(51, 48, 46, 0));
        }

        .homepage-teaser .container-fluid .row .col-12.center .cont-module {
            align-items: center;
        }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .homepage-teaser .container-fluid .col-12 {
        overflow: hidden;
        height: 418px;
        margin: 0;
        padding: 0;
        flex-direction: column;
    }

        .homepage-teaser .container-fluid .col-12 .cont-module {
            padding: 24px;
        }

            .homepage-teaser .container-fluid .col-12 .cont-module .title {
                font-family: "SeatBlack",sans-serif;
                font-size: 20px;
                line-height: 26px;
                max-height: calc(26px*2 + 1px);
                overflow: hidden;
                color: #0f0f0f;
                padding-bottom: 0;
                margin-bottom: 16px;
            }

            .homepage-teaser .container-fluid .col-12 .cont-module .eyebrow {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #33302E;
                display: inline-block;
                margin-bottom: 24px;
            }

            .homepage-teaser .container-fluid .col-12 .cont-module a.btn {
                min-width: 202px;
            }

        .homepage-teaser .container-fluid .col-12 .cont-img {
            min-width: 100%;
            max-width: 100%;
        }

        .homepage-teaser .container-fluid .col-12.left {
            position: relative;
        }

            .homepage-teaser .container-fluid .col-12.left .cont-img {
                height: 100%;
            }

                .homepage-teaser .container-fluid .col-12.left .cont-img img {
                    width: auto;
                    height: 418px;
                    min-width: 100%;
                    overflow: hidden;
                }

            .homepage-teaser .container-fluid .col-12.left .cont-module {
                background: transparent;
                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(51, 48, 46, 0));
                position: absolute;
                top: 0;
                left: 0;
                padding: 24px 16px;
            }

                .homepage-teaser .container-fluid .col-12.left .cont-module.title-black {
                    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01) 28%, #FFFFFF 100%);
                }

        .homepage-teaser .container-fluid .col-12.center .cont-img {
            height: 194px;
            overflow: hidden;
        }

            .homepage-teaser .container-fluid .col-12.center .cont-img img {
                width: auto;
                height: 194px;
                min-width: 100%;
                overflow: hidden;
                object-fit: cover;
            }

        .homepage-teaser .container-fluid .col-12.center .cont-module {
            height: 224px;
            text-align: center;
            justify-content: center;
            padding: 0 16px;
            align-items: center;
        }

            .homepage-teaser .container-fluid .col-12.center .cont-module a {
                margin: 0 auto;
            }

            .homepage-teaser .container-fluid .col-12.center .cont-module .title {
                max-width: 214px;
                margin: 0 auto;
                max-height: calc(26px*2 + 1px);
            }

            .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow, .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow-white,
            .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow-white {
                display: none !important;
            }

        .homepage-teaser .container-fluid .col-12.right .cont-img {
            height: 194px;
            overflow: hidden;
        }

            .homepage-teaser .container-fluid .col-12.right .cont-img img {
                width: auto;
                height: 194px;
                min-width: 100%;
                overflow: hidden;
            }

        .homepage-teaser .container-fluid .col-12.right .cont-module {
            height: 224px;
            padding: 32px 24px;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-black .title {
            color: #0f0f0f;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white {
            display: flex !important;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white {
            display: none !important;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-white .title {
            color: #fff;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white {
            display: none !important;
        }

        .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white {
            display: flex !important;
        }

    .homepage-teaser .btn {
        max-width: 214px;
        overflow: hidden;
        font-family: "SeatBold",sans-serif;
        width: 100%;
        font-size: 14px;
        height: 48px;
        line-height: 45px;
        min-width: 108px;
        overflow: hidden;
        padding: 0 14px;
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .homepage-teaser {
        padding: 32px;
    }

        .homepage-teaser .container-fluid .col-12 {
            overflow: hidden;
            height: 640px;
            margin: 0;
            padding: 0;
            flex-direction: column;
        }

            .homepage-teaser .container-fluid .col-12 .cont-module {
                padding: 32px 24px;
            }

                .homepage-teaser .container-fluid .col-12 .cont-module .title {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 25px;
                    line-height: 32px;
                    max-height: calc(32px*3 + 1px);
                    overflow: hidden;
                    color: #0f0f0f;
                    padding-bottom: 8px;
                    max-width: 198px;
                }

                .homepage-teaser .container-fluid .col-12 .cont-module .eyebrow {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #33302E;
                    display: inline-block;
                    max-width: 214px;
                    margin: 0 auto;
                }

            .homepage-teaser .container-fluid .col-12 .cont-img {
                min-width: 100%;
                max-width: 100%;
            }

            .homepage-teaser .container-fluid .col-12.left {
                position: relative;
            }

                .homepage-teaser .container-fluid .col-12.left .cont-img {
                    height: 100%;
                }

                    .homepage-teaser .container-fluid .col-12.left .cont-img img {
                        width: auto;
                        height: 640px;
                        min-width: 100%;
                        overflow: hidden;
                    }

                .homepage-teaser .container-fluid .col-12.left .cont-module {
                    background: transparent;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                    .homepage-teaser .container-fluid .col-12.left .cont-module .title {
                        margin-bottom: 24px;
                    }

            .homepage-teaser .container-fluid .col-12.center .cont-img {
                height: 50%;
                overflow: hidden;
            }

                .homepage-teaser .container-fluid .col-12.center .cont-img img {
                    width: auto;
                    height: 320px;
                    min-width: 100%;
                    overflow: hidden;
                    object-fit: cover;
                }

            .homepage-teaser .container-fluid .col-12.center .cont-module {
                height: 50%;
                text-align: center;
                justify-content: center;
                align-items: center;
            }

                .homepage-teaser .container-fluid .col-12.center .cont-module .eyebrow {
                    max-width: 396px;
                    margin: 0 auto;
                    margin-bottom: 32px;
                }

                .homepage-teaser .container-fluid .col-12.center .cont-module a.btn {
                    min-width: 200px;
                    margin: 0 auto;
                }

                .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow, .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.center .cont-module a.link-arrow-white {
                    display: none !important;
                }

                .homepage-teaser .container-fluid .col-12.center .cont-module .title {
                    max-width: 396px;
                    margin: 0 auto;
                }

            .homepage-teaser .container-fluid .col-12.right .cont-img {
                height: 416px;
                overflow: hidden;
            }

                .homepage-teaser .container-fluid .col-12.right .cont-img img {
                    width: auto;
                    height: 416px;
                    min-width: 100%;
                    overflow: hidden;
                }

            .homepage-teaser .container-fluid .col-12.right .cont-module {
                height: 224px;
            }

            .homepage-teaser .container-fluid .col-12.left .cont-module.title-black {
                height: 360px;
                justify-content: flex-start;
                background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01) 28%, #FFFFFF 100%);
            }

                .homepage-teaser .container-fluid .col-12.left .cont-module.title-black .title {
                    color: #0f0f0f;
                }

                .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white {
                    display: flex !important;
                }

                .homepage-teaser .container-fluid .col-12.left .cont-module.title-black a.link-arrow-white {
                    display: none !important;
                }

            .homepage-teaser .container-fluid .col-12.left .cont-module.title-white .title {
                color: #fff;
            }

            .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-orange, .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white {
                display: none !important;
                font-size: 16px;
                line-height: 25px;
            }

            .homepage-teaser .container-fluid .col-12.left .cont-module.title-white a.link-arrow-white {
                display: flex !important;
                font-size: 16px;
                line-height: 25px;
            }

        .homepage-teaser .btn {
            max-width: 202px;
            overflow: hidden;
        }
}

@media (min-width: 1436px) {
    .homepage-teaser {
        padding: 32px;
    }

        .homepage-teaser .container-fluid {
            max-width: 1372px;
            padding: 0;
        }

            .homepage-teaser .container-fluid .row {
                margin-right: 0;
                margin-left: 0;
            }

                .homepage-teaser .container-fluid .row .col-12 {
                    overflow: hidden;
                    height: 720px;
                    margin: 0;
                    padding: 0;
                    flex-direction: column;
                }

                    .homepage-teaser .container-fluid .row .col-12 .cont-module {
                        padding: 24px 16px;
                    }

                        .homepage-teaser .container-fluid .row .col-12 .cont-module .title {
                            font-family: "SeatBlack",sans-serif;
                            font-size: 25px;
                            line-height: 32px;
                            max-height: calc(32px*3 + 1px);
                            overflow: hidden;
                            color: #0f0f0f;
                            padding-bottom: 8px;
                            max-width: 287px;
                        }

                        .homepage-teaser .container-fluid .row .col-12 .cont-module .eyebrow {
                            font-family: "SeatRegular",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                            color: #33302E;
                            display: inline-block;
                        }

                    .homepage-teaser .container-fluid .row .col-12 .cont-img {
                        min-width: 100%;
                        max-width: 100%;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left {
                        position: relative;
                    }

                        .homepage-teaser .container-fluid .row .col-12.left .cont-img {
                            height: 100%;
                            position: relative;
                        }

                            .homepage-teaser .container-fluid .row .col-12.left .cont-img img {
                                width: auto;
                                height: 720px;
                                width: auto;
                                min-width: 100%;
                                overflow: hidden;
                            }

                        .homepage-teaser .container-fluid .row .col-12.left .cont-module {
                            position: absolute;
                            top: 0;
                            left: 0;
                            padding: 32px;
                        }

                            .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-black {
                                background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01) 28%, #FFFFFF 100%);
                            }

                    .homepage-teaser .container-fluid .row .col-12.center .cont-img {
                        height: 50%;
                        overflow: hidden;
                    }

                        .homepage-teaser .container-fluid .row .col-12.center .cont-img img {
                            width: auto;
                            height: 360px;
                            min-width: 100%;
                            overflow: hidden;
                            object-fit: cover;
                        }

                    .homepage-teaser .container-fluid .row .col-12.center .cont-module {
                        height: 50%;
                        text-align: center;
                        justify-content: center;
                    }

                        .homepage-teaser .container-fluid .row .col-12.center .cont-module .title {
                            max-width: 436px;
                            margin: 0 auto;
                            margin-bottom: 16px;
                        }

                        .homepage-teaser .container-fluid .row .col-12.center .cont-module .eyebrow {
                            max-width: 436px;
                            margin: 0 auto;
                            margin-bottom: 32px;
                        }

                        .homepage-teaser .container-fluid .row .col-12.center .cont-module a {
                            min-width: 200px;
                            margin: 0 auto;
                        }

                            .homepage-teaser .container-fluid .row .col-12.center .cont-module a.link-arrow, .homepage-teaser .container-fluid .row .col-12.center .cont-module a.link-arrow-orange, .homepage-teaser .container-fluid .row .col-12.center .cont-module a.link-arrow-white {
                                display: none !important;
                            }

                    .homepage-teaser .container-fluid .row .col-12.right .cont-img {
                        height: 496px;
                        overflow: hidden;
                    }

                        .homepage-teaser .container-fluid .row .col-12.right .cont-img img {
                            width: auto;
                            height: 496px;
                            min-width: 100%;
                            overflow: hidden;
                        }

                    .homepage-teaser .container-fluid .row .col-12.right .cont-module {
                        height: 224px;
                        padding: 32px 24px;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-black .title {
                        color: #0f0f0f;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-black a.link-arrow, .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-black a.link-arrow-orange, .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-black a.link-arrow-white {
                        display: flex !important;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-black a.link-arrow-white {
                        display: none !important;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-white .title {
                        color: #fff;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-white a.link-arrow, .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-white a.link-arrow-orange, .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-white a.link-arrow-white {
                        display: none !important;
                    }

                    .homepage-teaser .container-fluid .row .col-12.left .cont-module.title-white a.link-arrow-white {
                        display: flex !important;
                    }

        .homepage-teaser .btn {
            max-width: 202px;
            overflow: hidden;
        }
}
/**************** COMPARE ************************/
/* 320 mobile */
.compare-component {
    padding: 40px 0;
    overflow: hidden;
    position: relative;
}

    .compare-component .bg-gradient {
        height: 180px;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

    .compare-component .container-fluid {
        max-width: 1436px;
        z-index: 1;
    }

    .compare-component .trims {
        background: #fff;
        padding: 32px 16px;
        position: relative;
        box-shadow: 0 2px 3px 0 rgba(51, 48, 46, 0.1);
        overflow: hidden;
        max-width: 440px;
        margin: auto;
    }

        .compare-component .trims .slick-arrow {
            width: 40px;
            height: 40px;
            background-color: #fff;
            border-radius: 2px;
            top: 50%;
        }

            .compare-component .trims .slick-arrow.slick-prev {
                left: 16px;
            }

                .compare-component .trims .slick-arrow.slick-prev:before {
                    content: "";
                    display: block;
                    background: url("main/img/arrow-black.svg") center center no-repeat;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                    width: 8px;
                    height: 16px;
                    opacity: 1;
                    margin: 0 auto;
                }

                .compare-component .trims .slick-arrow.slick-prev.slick-disabled:before {
                    opacity: 1;
                }

                .compare-component .trims .slick-arrow.slick-prev:hover:before {
                    opacity: .4;
                }

            .compare-component .trims .slick-arrow.slick-next {
                right: 16px;
            }

                .compare-component .trims .slick-arrow.slick-next:before {
                    content: "";
                    display: block;
                    background: url("main/img/arrow-black.svg") center center no-repeat;
                    width: 8px;
                    height: 16px;
                    opacity: 1;
                    margin: 0 auto;
                }

                .compare-component .trims .slick-arrow.slick-next.slick-disabled:before {
                    opacity: 1;
                }

                .compare-component .trims .slick-arrow.slick-next:hover:before {
                    opacity: .4;
                }

        .compare-component .trims .title {
            font-size: 25px;
            line-height: 32px;
            font-family: "SeatBlack",sans-serif;
            max-height: 64px;
            overflow: hidden;
            color: #0f0f0f;
            text-align: center;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            max-width: 256px;
        }

        .compare-component .trims .trim-bullets {
            padding-top: 16px;
            padding-bottom: 24px;
            background: #fff;
            z-index: 2;
        }

            .compare-component .trims .trim-bullets ul {
                list-style-type: none;
                list-style: none;
                text-align: center;
                margin: 0;
                padding: 0;
                font-size: 0;
                white-space: nowrap;
                display: block;
            }

                .compare-component .trims .trim-bullets ul li.bullet {
                    display: inline-block;
                    margin: 0 4px 0 4px;
                    width: 20px;
                    height: 2px;
                    background-color: #33302E;
                    opacity: .2;
                    text-align: center;
                    padding: 0;
                }

                    .compare-component .trims .trim-bullets ul li.bullet.active {
                        opacity: 1;
                    }

            .compare-component .trims .trim-bullets.sticky-trim {
                width: calc(100% - 32px) !important;
                max-width: 440px;
                margin-left: 0;
            }

                .compare-component .trims .trim-bullets.sticky-trim.fixed {
                    margin-left: -16px;
                }

        .compare-component .trims .container-trims.slick-slider .slick-track, .compare-component .trims .container-trims.slick-slider .slick-list {
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important;
            transform: none !important;
        }

        .compare-component .trims .container-trims.slick-slider .slick-list {
            width: 100%;
        }

        .compare-component .trims .container-trims .slick-track.allWidth {
            width: 100% !important;
            display: flex;
        }

        .compare-component .trims .container-trims .trim {
            outline: none;
        }

            .compare-component .trims .container-trims .trim .trim-content {
                max-width: 256px;
                margin: 0 auto;
            }

                .compare-component .trims .container-trims .trim .trim-content .trim-title {
                    background: #fff;
                    font-size: 20px;
                    line-height: 26px;
                    font-family: "SeatBlack",sans-serif;
                    min-height: 26px;
                    max-height: 52px;
                    overflow: hidden;
                    color: #0f0f0f;
                    margin: 0;
                    z-index: 2;
                    padding-bottom: 8px;
                    width: 100% !important;
                    max-width: 440px;
                }

                    .compare-component .trims .container-trims .trim .trim-content .trim-title.sticky-trim {
                        margin-left: -8px;
                        padding-left: 16px;
                        width: calc(100% - 32px) !important;
                        max-width: 440px;
                    }

                .compare-component .trims .container-trims .trim .trim-content .trim-description {
                    font-size: 16px;
                    line-height: 30px;
                    font-family: "SeatMedium",sans-serif;
                    max-height: 60px;
                    overflow: hidden;
                    color: #0f0f0f;
                    margin-bottom: 16px;
                }

                .compare-component .trims .container-trims .trim .trim-content .trim-highlights {
                    padding: 0;
                    margin: 0;
                    list-style: none;
                }

                    .compare-component .trims .container-trims .trim .trim-content .trim-highlights li {
                        font-size: 14px;
                        line-height: 26px;
                        color: rgba(15, 15, 15, 0.6);
                        font-family: "SeatRegular",sans-serif;
                        letter-spacing: 0;
                        margin: 0 0 0 16px;
                        position: relative;
                        list-style-position: inside;
                    }

                        .compare-component .trims .container-trims .trim .trim-content .trim-highlights li div {
                            max-height: calc(26px*4 + 1px);
                            overflow: hidden;
                        }

                        .compare-component .trims .container-trims .trim .trim-content .trim-highlights li:before {
                            padding: 0;
                            display: inline-block;
                            position: absolute;
                            width: 6px;
                            height: 6px;
                            border-radius: 50%;
                            content: "";
                            background-color: rgba(15, 15, 15, 0.6);
                            font-family: "SeatRegular",sans-serif;
                            top: 10px;
                            left: -16px;
                        }

                .compare-component .trims .container-trims .trim .trim-content .price {
                    margin-top: 8px;
                    margin-bottom: 0;
                    font-size: 18px;
                    line-height: 30px;
                    min-height: 30px;
                    white-space: nowrap;
                    overflow: hidden;
                    color: #0f0f0f;
                    font-family: "SeatBold",sans-serif;
                    margin-bottom: 0;
                    margin-top: auto;
                }

                .compare-component .trims .container-trims .trim .trim-content .block-highlights {
                    margin-top: 24px;
                }

                    .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-title {
                        font-size: 16px;
                        font-family: "SeatMedium",sans-serif;
                        line-height: 30px;
                        overflow: hidden;
                        max-height: 60px;
                        color: #0f0f0f;
                        margin-bottom: 16px;
                    }

                    .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list {
                        padding: 0;
                        margin: 0;
                        list-style: none;
                    }

                        .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list li {
                            font-size: 14px;
                            line-height: 26px;
                            color: #0f0f0f;
                            font-family: "SeatRegular",sans-serif;
                            letter-spacing: 0;
                            margin: 0 0 8px 24px;
                            position: relative;
                            list-style-position: inside;
                        }

                            .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list li:last-child {
                                margin-bottom: 0;
                            }

                            .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list li div {
                                max-height: 78px;
                                overflow: hidden;
                            }

                            .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list li:before {
                                position: absolute;
                                display: inline-block;
                                width: 16px;
                                height: 16px;
                                border-radius: 50%;
                                left: -24px;
                                top: 5px;
                                content: "";
                                background-color: #0f0f0f;
                                font-family: "SeatRegular",sans-serif;
                            }

                            .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list li.check-ok:before {
                                background-color: #00afac;
                                background: url("main/img/icon-check-ok.svg") center center;
                            }

                            .compare-component .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list li.check-ko:before {
                                background-color: rgba(15, 15, 15, 0.2);
                                background: url("main/img/icon-check-ko.svg") center center;
                            }

                .compare-component .trims .container-trims .trim .trim-content .block-bt-primary {
                    margin: 24px 0 0 0;
                }

                    .compare-component .trims .container-trims .trim .trim-content .block-bt-primary a {
                        width: 100%;
                        height: 48px;
                    }

        .compare-component .trims .seeMore-container {
            z-index: 3;
            cursor: pointer;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            align-content: center;
            flex-flow: row;
            background: #fff;
            border-top: 1px solid rgba(15, 15, 15, 0.2);
            padding: 16px 0;
            height: 72px;
        }

            .compare-component .trims .seeMore-container .seeMore-button {
                border: 2px solid rgba(15, 15, 15, 0.2);
                border-radius: 50%;
                width: 48px;
                height: 48px;
                display: flex;
                justify-content: center;
                align-content: center;
                align-self: center;
                position: relative;
            }

                .compare-component .trims .seeMore-container .seeMore-button img {
                    width: 16px;
                    transform: rotate(90deg);
                }

                    .compare-component .trims .seeMore-container .seeMore-button img.open {
                        transform: rotate(-90deg);
                    }

            .compare-component .trims .seeMore-container span {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 22px;
                color: #0f0f0f;
                align-self: center;
                padding-left: 16px;
            }

    .compare-component *::-ms-backdrop, .compare-component.compare-component .seeMore-container .seeMore-button img {
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px);
    }

    .compare-component .slick-track {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start !important;
    }

        .compare-component .slick-track.justify-content-center {
            justify-content: center !important;
        }

        .compare-component .slick-track .slick-slide {
            display: flex;
            height: auto;
            flex: 0 0 auto;
            max-width: 100%;
        }

            .compare-component .slick-track .slick-slide .trim-content {
                max-width: 100% !important;
                width: 100%;
                margin: 0 !important;
            }

                .compare-component .slick-track .slick-slide .trim-content .trim-visible {
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                }

                    .compare-component .slick-track .slick-slide .trim-content .trim-visible .price {
                        margin-bottom: 0;
                        margin-top: auto;
                        padding-top: 16px;
                    }

                .compare-component .slick-track .slick-slide .trim-content .block-bt-primary {
                    height: 48px;
                }

    .compare-component .container-trims .trim .trim-content {
        max-width: 100% !important;
        width: 100%;
        margin: 0 !important;
    }

        .compare-component .container-trims .trim .trim-content .trim-visible {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

            .compare-component .container-trims .trim .trim-content .trim-visible .price {
                margin-bottom: 0;
                margin-top: auto;
                padding-top: 16px;
            }

        .compare-component .container-trims .trim .trim-content .block-bt-primary {
            height: 48px;
        }

    /* SCNC-1172 */
    .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims:not(.noSlider) .slick-track {
        width: 100% !important;
    }

    .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims:not(.noSlider) .trim {
        flex-grow: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }

@media (min-width: 764px) {
    .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims:not(.noSlider) .trim {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1016px) {
    .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims:not(.noSlider) .trim {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (min-width: 1436px) {
    .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims:not(.noSlider) .trim {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.compare-component:not(.long) .container-fluid .trims .trims-content .container-trims.noSlider .slick-list {
    width: 100%;
}

.compare-component:not(.long) .container-fluid .trims .trims-content .container-trims.noSlider .trim {
    flex: 0 0 auto;
    max-width: auto;
    flex-grow: 1;
    width: 100%;
}

    .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims.noSlider .trim .trim-content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .compare-component:not(.long) .container-fluid .trims .trims-content .container-trims.noSlider .trim .trim-content .trim-visible {
            flex-grow: 1;
        }

/* Tablet */
@media (min-width: 764px) {
    .compare-component {
        padding: 56px 0;
    }

        .compare-component .bg-gradient {
            height: 224px;
        }

        .compare-component.long .trims .slick-arrow {
            top: calc(50% - 40px);
        }

        .compare-component .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .compare-component .trims {
            max-width: 100%;
            padding: 40px 0px;
        }

            .compare-component .trims .trim-bullets {
                padding: 0;
                margin: 0;
                width: 100%;
            }

                .compare-component .trims .trim-bullets.sticky-trim {
                    width: 100% !important;
                    max-width: 100%;
                    padding-left: 0px;
                    margin-left: 0px;
                }

            .compare-component .trims .title {
                max-width: 456px;
                max-height: 32px;
                margin-bottom: 24px;
            }

            .compare-component .trims .container-trims {
                margin-top: 32px;
            }

                .compare-component .trims .container-trims .trim .trim-content {
                    max-width: 212px;
                }

                    .compare-component .trims .container-trims .trim .trim-content .trim-title {
                        margin: 0 0 8px 0;
                        width: 100%;
                        padding: 0;
                        padding-left: 0px;
                        margin-left: 0px;
                    }

                        .compare-component .trims .container-trims .trim .trim-content .trim-title.sticky-trim {
                            padding-left: 0px;
                            margin-left: 0px;
                        }

                    .compare-component .trims .container-trims .trim .trim-content .block-highlights {
                        margin-top: 32px;
                    }

                    .compare-component .trims .container-trims .trim .trim-content .block-bt-primary {
                        margin: 32px 0 0 0;
                    }

                .compare-component .trims .container-trims.noSlider {
                    display: flex;
                    justify-content: center;
                }

                    .compare-component .trims .container-trims.noSlider .trim-visible {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                    }

                        .compare-component .trims .container-trims.noSlider .trim-visible .price {
                            margin-bottom: 0;
                            margin-top: auto;
                            padding-top: 16px;
                        }

                    .compare-component .trims .container-trims.noSlider .slick-list .slick-track {
                        justify-content: center !important;
                    }

        .compare-component .noSlider {
            display: flex;
            justify-content: center;
        }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .compare-component .container-fluid .trims .trims-content .container-trims.noSlider .trim {
        max-width: 50%;
        flex: 0 0 50%;
    }
}
/* desktop */
@media (min-width: 1016px) {
    .compare-component {
        padding: 64px 0;
    }

        .compare-component .trims {
            padding: 48px 0px;
        }

            .compare-component .trims .title {
                font-size: 30px;
                line-height: 38px;
                max-height: 38px;
                max-width: 788px;
            }

            .compare-component .trims .container-trims {
                margin-top: 40px;
            }

                .compare-component .trims .container-trims .trim .trim-content {
                    max-width: 242px;
                }

                    .compare-component .trims .container-trims .trim .trim-content .trim-description {
                        margin-bottom: 24px;
                    }

            .compare-component .trims .seeMore-container span {
                font-size: 16px;
            }
}
/* XL */
@media (min-width: 1436px) {
    .compare-component .trims .container-trims .trim .trim-content {
        max-width: 260px;
    }
}

@media (min-width: 320px) and (max-width: 763px) {
    .compare-component.long .trims .trims-content:not(.open) .container-trims .trim-title {
        margin-left: 0;
        width: 100% !important;
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-component.long .trims .trims-content.open .container-trims .trim-title:not(.fixed) {
        margin-left: 0;
        width: calc(100% - 32px) !important;
        max-width: 440px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-component.long .trims .trims-content.open .container-trims .trim-title.fixed {
        margin-left: 0;
        padding-left: 16px;
        width: calc(100% - 32px) !important;
        max-width: 440px;
    }

    .compare-component.long .trims .container-trims .trim .trim-content .trim-description,
    .compare-component.long .trims .container-trims .trim .trim-content .trim-highlights,
    .compare-component.long .trims .container-trims .trim .trim-content .price,
    .compare-component.long .trims .container-trims .trim .trim-content .block-highlights,
    .compare-component.long .trims .container-trims .trim .trim-content .block-bt-primary {
        padding-left: 16px;
        padding-right: 16px;
    }

    .compare-component.long .trims .trim-bullets.sticky-trim {
        width: 100% !important;
        max-width: 440px;
        margin-left: 0;
        margin-right: 0;
    }

        .compare-component.long .trims .trim-bullets.sticky-trim.fixed {
            width: calc(100% - 32px) !important;
        }

    .compare-component.long .trims .trim-bullets.fixedPosition {
        position: fixed;
        top: 0;
        width: calc(100% - 32px);
        max-width: 440px;
        margin-left: -16px;
    }

    .compare-component.long .slick-list .slick-track .trim {
        padding: 0;
    }
}

.compare-component.long .trims .container-trims .trim .trim-content {
    position: relative;
}

    .compare-component.long .trims .container-trims .trim .trim-content .trim-visible ul.trim-highlights li div {
        max-height: calc(26px*2);
    }

    .compare-component.long .trims .container-trims .trim .trim-content .block-highlights {
        padding-bottom: 64px;
    }

        .compare-component.long .trims .container-trims .trim .trim-content .block-highlights .block-highlights-list {
            height: 100% !important;
        }

    .compare-component.long .trims .container-trims .trim .trim-content .block-bt-primary {
        bottom: 0;
        position: absolute;
        width: 100%;
    }

.findDealerRating {
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
    height: calc(100vh - 110px);
    overflow: hidden;
}

@keyframes a-slideup {
    from {
        bottom: 0;
    }

    to {
        bottom: calc(100% - 56px);
    }
}

@keyframes a-slidedown {
    from {
        top: 0;
    }

    to {
        top: calc(100% - 52px);
    }
}

.findDealerRating .a-slideup {
    animation: 0.4s linear a-slideup;
}

.findDealerRating .a-slidedown {
    animation: 0.4s linear a-slidedown;
}

.findDealerRating *::-ms-backdrop,
.findDealerRating .a-slideup {
    top: 0;
}

.findDealerRating *::-ms-backdrop,
.findDealerRating .a-slideup {
    bottom: 0;
}

.findDealerRating .setTop {
    top: 0;
}

.findDealerRating #map-fd {
    width: 100%;
    height: calc(100vh - 58px);
    overflow: hidden;
}

    .findDealerRating #map-fd .cluster-icon-container {
        background-repeat: no-repeat;
    }

        .findDealerRating #map-fd .cluster-icon-container .cluster-number {
            position: absolute;
            top: 0px;
            right: 9px;
            width: 16px;
            height: 16px;
            text-align: center;
            display: block;
            line-height: 18px;
        }

.findDealerRating .cont-module {
    padding: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
}

    .findDealerRating .cont-module #map-fd {
        max-height: 800px;
    }

    .findDealerRating .cont-module .searcherBox {
        position: relative;
        background: #fff;
        padding: 0px;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        width: 100%;
    }

        .findDealerRating .cont-module .searcherBox h3 {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            color: #0f0f0f;
            margin: 16px 16px 24px;
            display: none;
            max-width: 100%;
            overflow: hidden;
            max-height: 28px;
        }

        .findDealerRating .cont-module .searcherBox .searcherBoxInputs {
            padding: 8px 0;
            display: flex;
            flex-direction: row;
            height: 52px;
            /* input.ClearButton[style="display: inline;"] {
                    margin-left: -16px;

                }*/
        }

            .findDealerRating .cont-module .searcherBox .searcherBoxInputs input {
                background: transparent;
                border: 0;
            }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input:focus {
                    outline: none;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input::-ms-clear {
                    display: none;
                    width: 0;
                    height: 0;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="button"] {
                    min-width: 14px;
                    min-height: 14px;
                    padding: 8px 24px 8px 8px;
                    box-sizing: unset;
                    cursor: pointer;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.GPSButton[type="button"] {
                    background: url("main/img/fd-position.svg") center center no-repeat;
                    border-right: 1px solid #dedad4;
                    min-width: 14px;
                    min-height: 14px;
                    border-radius: 0%;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.ClearButton[type="button"] {
                    background: url("main/img/icon_close_menu.svg") center center no-repeat;
                    background-size: 10px 10px;
                    padding: 8px 0 8px;
                    display: none;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.SearchButton[type="button"] {
                    background: url("main/img/icon_search.svg") center center no-repeat;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                    width: 100%;
                    padding: 0 0 0 12px;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.ClearButton[style="display: inline;"] ~ input.SearchButton {
                    padding: 8px;
                }

        .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs {
            border-top: 1px solid #dedad4;
            padding: 16px;
            display: block;
            max-width: 375px;
            overflow: hidden;
        }

    .findDealerRating .cont-module .ListResultsBox {
        position: relative;
        background: #fff;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        z-index: 2;
    }

        .findDealerRating .cont-module .ListResultsBox ul {
            margin: 0;
            padding: 0;
        }

            .findDealerRating .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;
            }

                .findDealerRating .cont-module .ListResultsBox ul li p {
                    margin: 0;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    max-height: calc(26px * 2 + 1px);
                    overflow: hidden;
                }

                .findDealerRating .cont-module .ListResultsBox ul li:hover {
                    background-color: #dedad4;
                }

                    .findDealerRating .cont-module .ListResultsBox ul li:hover p {
                        font-weight: bold;
                    }

    .findDealerRating .cont-module .noResultsBox {
        position: relative;
        z-index: 10;
        background: transparent;
        background-color: #fff;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        flex-direction: column;
        justify-content: end;
        text-align: left;
        padding: 16px;
        display: none;
    }

        .findDealerRating .cont-module .noResultsBox p {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            margin: 0;
        }

    .findDealerRating .cont-module .flex-c {
        display: flex;
    }

.findDealerRating .toggled {
    height: 110px !important;
}

.findDealerRating .content-list {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    line-height: 52px;
    color: rgba(15, 15, 15, 0.6);
}

    .findDealerRating .content-list .map {
        display: none;
    }

    .findDealerRating .content-list.up .list {
        display: none;
    }

    .findDealerRating .content-list.up .map {
        display: inline;
    }

    .findDealerRating .content-list.up .arrow {
        transform: rotate(180deg);
        padding-left: 16px;
    }

    .findDealerRating .content-list .searcherBoxCheckboxsMobile {
        border-top: 1px solid #dedad4;
        padding: 16px;
        background: #fff;
        max-width: 100%;
        overflow: hidden;
    }

    .findDealerRating .content-list .forza {
        font-size: 14px;
        color: #0f0f0f;
        font-family: "SeatMedium",sans-serif;
        margin-right: 8px;
    }

    .findDealerRating .content-list .arrow {
        justify-self: flex-end;
        float: right;
        padding-right: 16px;
    }

    .findDealerRating .content-list .left-content {
        width: 100%;
    }

    .findDealerRating .content-list .header-mobile {
        cursor: pointer;
        display: flex;
        align-content: center;
        height: 52px;
        background: #fff;
        padding: 0 16px;
        flex-direction: row;
        align-items: center;
    }

        .findDealerRating .content-list .header-mobile span {
            line-height: 26px;
            margin-bottom: 0;
        }

    .findDealerRating .content-list .toggleIcon {
        padding-left: 16px;
        border-left: 1px solid #dedad4;
    }

    .findDealerRating .content-list .showCheck {
        display: block;
    }

    .findDealerRating .content-list .hideCheck {
        display: none;
    }

    .findDealerRating .content-list .center {
        flex: 1 1 auto;
        font-size: 14px;
    }

    .findDealerRating .content-list .itemSkeleton {
        display: none;
    }

    .findDealerRating .content-list .item-list {
        display: none;
        height: calc(100vh - 110px);
        z-index: 1;
        position: absolute;
        overflow: auto;
        width: 100%;
    }

        .findDealerRating .content-list .item-list .item {
            background: #fff;
            margin: 1px 0px;
            padding: 8px 16px;
            cursor: pointer;
        }

            .findDealerRating .content-list .item-list .item h3 {
                line-height: 26px;
                font-size: 14px;
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f;
                margin: 0;
            }

            .findDealerRating .content-list .item-list .item .star-container {
                width: 100%;
            }

                .findDealerRating .content-list .item-list .item .star-container .nota {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 18px;
                    line-height: 30px;
                    color: #ea5d1a;
                    display: inline-block;
                    margin-right: 8px;
                }

                .findDealerRating .content-list .item-list .item .star-container .stars-comment {
                    display: inline-flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: nowrap;
                }

                    .findDealerRating .content-list .item-list .item .star-container .stars-comment .stars-item {
                        margin-right: 16px;
                    }

                        .findDealerRating .content-list .item-list .item .star-container .stars-comment .stars-item img {
                            display: inline-block;
                        }

                    .findDealerRating .content-list .item-list .item .star-container .stars-comment .reviews {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: #0f0f0f;
                    }

            .findDealerRating .content-list .item-list .item p {
                font-family: "SeatRegular",sans-serif;
                color: rgba(15, 15, 15, 0.6);
                font-size: 12px;
                line-height: 22px;
                margin: 0;
            }

            .findDealerRating .content-list .item-list .item .tlf {
                color: rgba(15, 15, 15, 0.6);
                font-size: 12px;
                line-height: 22px;
            }

                .findDealerRating .content-list .item-list .item .tlf a {
                    color: rgba(15, 15, 15, 0.6);
                    font-size: 12px;
                    text-decoration: underline;
                }

            .findDealerRating .content-list .item-list .item .available {
                font-family: "SeatMedium",sans-serif;
                color: #00afac;
            }

            .findDealerRating .content-list .item-list .item .iconList {
                display: flex;
                padding: 8px 0;
            }

                .findDealerRating .content-list .item-list .item .iconList span {
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    margin-right: 16px;
                }

                    .findDealerRating .content-list .item-list .item .iconList span img {
                        margin-right: 8px;
                    }

                .findDealerRating .content-list .item-list .item .iconList .dn {
                    display: none;
                }

                .findDealerRating .content-list .item-list .item .iconList .show {
                    display: inline-block;
                }

                .findDealerRating .content-list .item-list .item .iconList .car-icon {
                    margin-right: 16px;
                }

                .findDealerRating .content-list .item-list .item .iconList .services-icon {
                    margin-right: 16px;
                }

            .findDealerRating .content-list .item-list .item:hover, .findDealerRating .content-list .item-list .item.selected {
                background: #F8F8F8;
            }

.findDealerRating .checks {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .findDealerRating .checks .filter-element {
        /* The container */
        /* Hide the browser's default checkbox */
        /* Create a custom checkbox */
        /* On mouse-over, add a grey background color */
        /* Create the checkmark/indicator (hidden when not checked) */
        /* Show the checkmark when checked */
        /* Style the checkmark/indicator */
    }

        .findDealerRating .checks .filter-element .lc {
            display: block;
            position: relative;
            padding-left: 36px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 14px;
            line-height: 26px;
            font-family: "SeatRegular",sans-serif;
            margin: 0;
            z-index: 1;
            color: rgba(15, 15, 15, 0.6);
        }

            .findDealerRating .checks .filter-element .lc div {
                max-height: calc(26px * 2);
                overflow: hidden;
            }

            .findDealerRating .checks .filter-element .lc input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                z-index: 1;
            }

        .findDealerRating .checks .filter-element .checkmark {
            position: absolute;
            top: 3px;
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 4px;
            border: 2px solid #82807f;
            background-color: #fff;
            z-index: 1;
        }

        .findDealerRating .checks .filter-element .lc:hover input ~ .checkmark {
            border-color: #000;
            background-color: #000;
        }

        .findDealerRating .checks .filter-element .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            z-index: 1;
            left: 5px;
            width: 7px;
            height: 13px;
        }

        .findDealerRating .checks .filter-element .lc input:checked ~ .checkmark:after {
            display: block;
        }

        .findDealerRating .checks .filter-element .lc input:checked ~ .checkmark {
            background-color: #000;
            border-color: #000;
        }

        .findDealerRating .checks .filter-element .lc .checkmark:after {
            left: 4px;
            top: 0px;
            width: 9px;
            height: 13px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: 1;
        }

.findDealerRating .dealerInfoWrapper {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 26%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 26%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 26%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    position: absolute;
    top: 136px;
    min-height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
    display: none;
    overflow: scroll;
}

    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton {
        overflow: visible;
        height: 100%;
        z-index: 1;
        position: relative;
    }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones {
            display: flex;
            flex-direction: row;
            width: 100%;
        }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones a {
                background-color: #fff;
                display: inline-block;
                margin: 1px 0;
                width: 33.3%;
                border-right: 1px solid #dedad4;
                text-align: center;
                padding: 32px 0 8px;
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 24px;
                color: rgba(15, 15, 15, 0.6);
                height: 56px;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones a.callButton {
                    background: url("main/img/fd-icon_telephone.svg") no-repeat #fff;
                    background-size: 14px 16px;
                    background-position: center 16px;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones a.indicationButton {
                    background: url("main/img/fd-icon_indications.svg") no-repeat #fff;
                    background-size: 22px 19px;
                    background-position: center 16px;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones a.webButton {
                    background: url("main/img/fd-icon_world.svg") no-repeat #fff;
                    background-size: 17px 18px;
                    background-position: center 16px;
                    border: none;
                }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content {
            background: #fff;
            padding: 16px;
        }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content h2 {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
                padding: 0;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container {
                display: flex;
                padding-top: 8px;
                margin-bottom: 11px;
                align-content: baseline;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .nota {
                    font-family: "SeatRegular",sans-serif;
                    color: #ea5d1a;
                    font-size: 38px;
                    margin-right: 24px;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .star-reviews .stars-launcher {
                    width: 100%;
                    display: block;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .star-reviews .stars-launcher .star {
                        width: 24px;
                        height: 24px;
                    }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .star-reviews .reviews {
                    font-size: 14px;
                    line-height: 26px;
                    width: auto;
                    float: left;
                    border-bottom: 2px solid #0f0f0f;
                }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul {
                margin: 0 0 16px;
                padding: 0;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li {
                    list-style: none;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    padding-left: 32px;
                    margin-bottom: 8px;
                    color: #0f0f0f;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li a {
                        color: #0f0f0f;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li a:hover {
                            text-decoration: none;
                        }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.address {
                        background: url("main/img/fd-icon_positionMarker.svg") no-repeat 4px center;
                        color: rgba(15, 15, 15, 0.6);
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail {
                        background: url("main/img/fd-icon_mail.svg") no-repeat 4px center;
                        position: relative;
                        display: block;
                        width: -moz-fit-content;
                        width: fit-content;
                        color: #0f0f0f;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail a {
                            cursor: pointer;
                            border-bottom: 2px solid #000;
                        }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.phone {
                        background: url("main/img/fd-icon_telephone.svg") no-repeat 4px center;
                        color: #0f0f0f;
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.opennow {
                        background: url("main/img/fd-icon_mail.svg") no-repeat 4px center;
                        font-family: "SeatMedium",sans-serif;
                        color: #e63a2b;
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.webIcon {
                        background: url("main/img/fd-icon_web.svg") no-repeat 4px center;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.webIcon a {
                            text-decoration: none;
                            word-break: break-all;
                            width: 100%;
                            display: block;
                        }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content a.btn {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                width: 100%;
                margin-bottom: 8px;
                height: 48px;
                padding: 10px;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content a.btn.test {
                    margin-bottom: 0px;
                }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion {
                margin-top: 16px;
                margin-bottom: 24px;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button {
                    position: relative;
                    width: 100%;
                    background: transparent;
                    border: 0;
                    text-align: left;
                    cursor: pointer;
                    font-family: "SeatBold",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #0f0f0f;
                    border-bottom: 1px solid #dedad4;
                    padding: 16px 16px 16px 32px;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button:active, .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button:focus {
                        outline: none;
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button:after {
                        content: "";
                        background: url("main/img/arrowup-icon-select-gray.svg") center center no-repeat;
                        display: block;
                        width: 15px;
                        height: 9px;
                        position: absolute;
                        right: 16px;
                        top: 46%;
                        transform: rotate(180deg);
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button[aria-expanded="true"]:after {
                        transform: rotate(0deg);
                    }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body {
                    padding: 16px;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .contactInfo h6 {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(15, 15, 15, 0.6);
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule h6 {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(15, 15, 15, 0.6);
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul {
                        margin: 0;
                        padding: 0;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li {
                            margin: 0 0 16px 0;
                            padding: 0;
                            font-size: 14px;
                            line-height: 26px;
                        }

                            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li span {
                                font-family: "SeatMedium",sans-serif;
                                font-size: 14px;
                                line-height: 26px;
                                color: #0f0f0f;
                                display: inline-block;
                                width: 100%;
                            }

                            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li .hours {
                                font-family: "SeatRegular",sans-serif;
                                font-size: 14px;
                                line-height: 26px;
                                color: #0f0f0f;
                                margin-bottom: 0px;
                            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.showroom button {
                    background: url(main/img/fd-icon_services.svg) no-repeat 8px center;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.after-sales {
                    display: none;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.after-sales button {
                        background: url(main/img/fd-icon_car.svg) no-repeat 8px center;
                    }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.express {
                    display: none;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.express button {
                        background: url(main/img/fd-icon_express_services.svg) no-repeat 8px center;
                    }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .s-disclaimer {
                margin-bottom: 48px;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .s-disclaimer h5 {
                    color: #0f0f0f;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .s-disclaimer p {
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note h5 {
                color: #0f0f0f;
                font-family: "SeatRegular",sans-serif;
                font-size: 18px;
                line-height: 30px;
                text-align: center;
                width: 100%;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .g-nota {
                color: #ea5d1a;
                font-family: "SeatMedium",sans-serif;
                font-size: 38px;
                line-height: 40px;
                text-align: center;
                width: 100%;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .stars {
                margin: 12px auto;
                width: 152px;
                display: flex;
                justify-content: space-between;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .star {
                width: 24px;
                height: 24px;
                margin-right: 0px;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .review-resume {
                display: flex;
                justify-content: space-between;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .review-resume h6 {
                    color: #0f0f0f;
                    font-family: "SeatMedium",sans-serif;
                    font-size: 16px;
                    line-height: 45px;
                    overflow: hidden;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .review-resume .r-container .nota {
                    color: #0f0f0f;
                    font-family: "SeatMedium",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    display: inline-block;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .review-resume .r-container .stars {
                    display: inline-block;
                    width: auto;
                    margin-right: 16px;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .review-resume .r-container .stars .star {
                        width: 16px;
                        height: 16px;
                    }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .global-note .review {
                margin-bottom: 16px;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list {
                margin-top: 8px;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .filter {
                    height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    overflow: hidden;
                    text-align: justify;
                    display: none;
                    padding-bottom: 16px;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .filter a {
                        color: #0f0f0f;
                        font-family: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        border-bottom: 2px solid #0f0f0f;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .filter a:hover {
                            text-decoration: none;
                        }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card {
                    background: #ffffff;
                    border-bottom: 1px solid rgba(15, 15, 15, 0.2);
                    padding-bottom: 16px;
                    margin-bottom: 16px;
                    position: relative;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card h6 {
                        font-family: "SeatMedium",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                    }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .flex-content {
                        display: flex;
                        justify-content: space-between;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .flex-content .date {
                            font-family: "SeatRegular",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                        }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .comment {
                        max-height: calc(26px * 5);
                        text-overflow: ellipsis;
                        overflow: hidden;
                        transition: all ease-out 0.3s 0s;
                        position: relative;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .comment p {
                            color: rgba(15, 15, 15, 0.6);
                            font-family: "SeatRegular",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                        }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .dealer-response {
                        display: none;
                        padding: 16px 16px 16px 8px;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .dealer-response h4 {
                            max-height: 26px;
                            color: #0f0f0f;
                            font-family: "SeatMedium",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                        }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .dealer-response .c-limit {
                            max-height: calc(26px * 5);
                            overflow: hidden;
                        }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .dealer-response p {
                            color: rgba(15, 15, 15, 0.6);
                            font-family: "SeatRegular",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                            border-left: 1px solid #0f0f0f;
                            padding-left: 8px;
                            padding-top: 8px;
                            margin-bottom: 0px;
                            overflow: hidden;
                        }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .read-cta {
                        display: none;
                        text-align: right;
                        width: 50%;
                        background: #fff;
                        text-align: justify;
                        float: right;
                        left: auto;
                        bottom: 0px;
                        position: absolute;
                        right: 0;
                        justify-content: space-between;
                    }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .read-cta .readmore {
                            text-decoration: none;
                            color: #0f0f0f;
                            font-size: 14px;
                            line-height: 26px;
                            max-height: 26px;
                            border-bottom: 2px solid #0f0f0f;
                            display: block;
                        }

                        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .comment-card .read-cta .points {
                            display: block;
                            color: rgba(15, 15, 15, 0.6);
                            font-size: 14px;
                            line-height: 26px;
                        }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .filter-title {
                    height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 26px;
                    overflow: hidden;
                }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .checks {
                    justify-content: flex-start;
                    margin-top: 8px;
                    margin-bottom: 16px;
                }

                    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .comments .comment-list .checks .filter-element {
                        margin-right: 24px;
                    }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .load-more {
                text-align: center;
                padding: 8px 0px 16px 0px;
                width: 100%;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .load-more .arrow img {
                    transform: rotate(90deg);
                }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .back {
            cursor: pointer;
        }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .backSection {
            display: none;
            background: #fff;
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .backSection img {
                transform: rotate(180deg);
                margin-right: 8px;
                width: 22px;
                height: 15px;
                align-self: center;
            }

    .findDealerRating .dealerInfoWrapper.show {
        display: block;
    }

.findDealerRating .mobileInfoWindow {
    display: none;
    min-height: 89px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 16px;
}

    .findDealerRating .mobileInfoWindow h5 {
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
    }

    .findDealerRating .mobileInfoWindow a {
        background: url(main/img/fd-icon_telephone.svg) no-repeat 4px center;
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        padding-left: 24px;
        color: #0f0f0f;
    }

.findDealerRating .return {
    cursor: pointer;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
    margin: 8px;
    line-height: 44px;
    display: none;
    justify-content: center;
    align-items: center;
    display: none;
    text-align: center;
}

    .findDealerRating .return img {
        transform: rotate(-180deg);
        margin-left: -2px;
    }

    .findDealerRating .return span {
        display: none;
    }

.findDealerRating .gm-style-iw h5 {
    font-family: "SeatMedium",sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #0f0f0f;
    margin-bottom: 0;
}

    .findDealerRating .gm-style-iw h5 + a {
        text-decoration: none;
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
    }

.findDealerRating .gm-style-iw div.icon-services-list {
    margin-top: 8px;
}

    .findDealerRating .gm-style-iw div.icon-services-list span {
        margin-right: 16px;
        width: 19px;
        height: 22px;
    }

    .findDealerRating .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;
    }

    .findDealerRating .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;
    }

    .findDealerRating .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;
    }

.findDealerRating .gm-style-iw .tel-infoWindow {
    height: 26px;
    color: rgba(15, 15, 15, 0.6);
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
}

.findDealerRating .gm-style-iw .star-container {
    width: 100%;
}

    .findDealerRating .gm-style-iw .star-container .nota {
        font-family: "SeatRegular",sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: #ea5d1a;
        display: inline-block;
        margin-right: 8px;
    }

    .findDealerRating .gm-style-iw .star-container .stars-comment {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

        .findDealerRating .gm-style-iw .star-container .stars-comment .stars-item {
            margin-right: 16px;
        }

            .findDealerRating .gm-style-iw .star-container .stars-comment .stars-item img {
                display: inline-block;
            }

        .findDealerRating .gm-style-iw .star-container .stars-comment .reviews {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
        }

.findDealerRating .available-infoWindow {
    font-family: "SeatMedium",sans-serif;
    color: #00afac;
    display: inline-block;
    margin-left: 72px;
}

.findDealerRating *::-ms-backdrop,
.findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail {
    display: inline-block;
    overflow-x: hidden;
}

    .findDealerRating *::-ms-backdrop,
    .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail a {
        display: inline;
        width: auto;
        float: left;
    }

.findDealerRating .graphics {
    flex: 0 0 110px;
}

    .findDealerRating .graphics .starline-container {
        padding: 4px 0;
        display: flex;
        align-items: center;
    }

        .findDealerRating .graphics .starline-container .per {
            margin-left: 8px;
            color: rgba(15, 15, 15, 0.6);
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            display: inline-block;
            min-width: 28px;
            text-align: right;
            height: 26px;
            text-align: right;
        }

    .findDealerRating .graphics .star-line {
        margin-left: 8px;
        flex: 1 1 160px;
        height: 8px;
        background: rgba(222, 218, 212, 0.4);
        display: inline-block;
    }

        .findDealerRating .graphics .star-line .fill {
            background: #ea5d1a;
            height: 8px;
            max-width: 100%;
        }

.findDealerRating .backdrop {
    background: rgba(0, 0, 0, 0.6) center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.findDealerRating .star-modal {
    display: none;
    background: #fff;
    position: absolute;
    top: 32px;
    left: 64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 620px;
    height: calc(100% - 64px);
    overflow-y: auto;
}

    .findDealerRating .star-modal .modal-content {
        padding: 32px 24px;
        border: none;
        border-radius: 0px;
    }

        .findDealerRating .star-modal .modal-content h2 {
            height: 32px;
            color: #0f0f0f;
            font-family: "SeatBold",sans-serif;
            font-size: 25px;
            line-height: 32px;
            text-align: center;
            margin-bottom: 48px;
        }

        .findDealerRating .star-modal .modal-content h6 {
            font-family: "SeatRegular",sans-serif;
            font-size: 20px;
            font-weight: 400;
            line-height: 26px;
            text-align: center;
            margin-bottom: 16px;
        }

        .findDealerRating .star-modal .modal-content .col-med-6 {
            flex: 1 1 50%;
            max-width: 50%;
        }

        .findDealerRating .star-modal .modal-content .modal-resume {
            padding: 0 16px;
        }

        .findDealerRating .star-modal .modal-content .g-nota {
            color: #ea5d1a;
            font-family: "SeatMedium",sans-serif;
            font-size: 50px;
            line-height: 54px;
            text-align: center;
            display: block;
        }

        .findDealerRating .star-modal .modal-content .stars {
            margin: 8px auto 16px auto;
            text-align: center;
        }

            .findDealerRating .star-modal .modal-content .stars .star {
                height: 32px;
                width: 32px;
            }

        .findDealerRating .star-modal .modal-content .reviews {
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
            text-align: center;
            width: auto;
            border-bottom: 2px solid #0f0f0f;
            margin: 0 auto 48px auto;
            display: inline-block;
        }

        .findDealerRating .star-modal .modal-content .v-flex {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .findDealerRating .star-modal .modal-content .m-r {
            padding-right: 12px;
        }

        .findDealerRating .star-modal .modal-content .m-l {
            padding-left: 12px;
        }

        .findDealerRating .star-modal .modal-content ul {
            margin: 0 0 16px;
            padding: 0;
        }

            .findDealerRating .star-modal .modal-content ul li {
                list-style: none;
                color: #0f0f0f;
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                padding-left: 32px;
                margin-bottom: 8px;
            }

                .findDealerRating .star-modal .modal-content ul li a {
                    color: #0f0f0f;
                }

                    .findDealerRating .star-modal .modal-content ul li a:hover {
                        text-decoration: none;
                    }

                .findDealerRating .star-modal .modal-content ul li.address {
                    background: url("main/img/fd-icon_positionMarker.svg") no-repeat 4px 8px;
                    color: rgba(15, 15, 15, 0.6);
                    line-height: 30px;
                }

                .findDealerRating .star-modal .modal-content ul li.mail {
                    background: url("main/img/fd-icon_mail.svg") no-repeat 4px center;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    position: relative;
                    display: block;
                }

                    .findDealerRating .star-modal .modal-content ul li.mail a {
                        cursor: pointer;
                        text-decoration: underline;
                    }

                .findDealerRating .star-modal .modal-content ul li.phone {
                    background: url("main/img/fd-icon_telephone.svg") no-repeat 4px center;
                    color: #0f0f0f;
                }

                .findDealerRating .star-modal .modal-content ul li.webIcon {
                    background: url("main/img/fd-icon_web.svg") no-repeat 4px center;
                }

                    .findDealerRating .star-modal .modal-content ul li.webIcon a {
                        text-decoration: none;
                        word-break: break-all;
                        width: 100%;
                        display: block;
                        text-decoration: underline;
                    }

        .findDealerRating .star-modal .modal-content .modal-accordeons {
            padding-top: 42px;
            padding-bottom: 48px;
        }

            .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .header button {
                position: relative;
                width: 100%;
                background: transparent;
                border: 0;
                text-align: left;
                cursor: pointer;
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: #0f0f0f;
                border-bottom: 1px solid #dedad4;
                padding: 16px 16px 16px 32px;
            }

                .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .header button:active, .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .header button:focus {
                    outline: none;
                }

                .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .header button:after {
                    content: "";
                    background: url("main/img/arrowup-icon-select-gray.svg") center center no-repeat;
                    display: block;
                    width: 15px;
                    height: 9px;
                    position: absolute;
                    right: 16px;
                    top: 46%;
                    transform: rotate(180deg);
                }

                .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .header button[aria-expanded="true"]:after {
                    transform: rotate(0deg);
                }

            .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body {
                padding: 16px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }

                .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .contactInfo,
                .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule {
                    width: 50%;
                }

                    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .contactInfo h6,
                    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule h6 {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(15, 15, 15, 0.6);
                        text-align: left;
                    }

@media (min-width: 764px) {
    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .contactInfo h6,
    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule h6 {
        font-size: 14px;
        line-height: 26px;
    }
}

.findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule ul {
    margin: 0;
    padding: 0;
}

    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule ul li {
        margin: 0 0 16px 0;
        padding: 0;
        font-size: 14px;
        line-height: 26px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule ul li span {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            width: 50%;
        }

        .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule ul li .hours {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            margin-bottom: 0px;
            width: 50%;
        }

            .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .card-body .schedule ul li .hours:last-child {
                margin-right: 0;
                margin-left: auto;
            }

.findDealerRating .star-modal .modal-content .modal-accordeons .acc-element.showroom button {
    background: url(main/img/fd-icon_car.svg) no-repeat 8px center;
}

.findDealerRating .star-modal .modal-content .modal-accordeons .acc-element.after-sales {
    display: none;
}

    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element.after-sales button {
        background: url(main/img/fd-icon_services.svg) no-repeat 8px center;
    }

.findDealerRating .star-modal .modal-content .modal-accordeons .acc-element.express {
    display: none;
}

    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element.express button {
        background: url(main/img/fd-icon_express_services.svg) no-repeat 8px center;
    }

.findDealerRating .star-modal .modal-content .star-services-container {
    display: flex;
}

    .findDealerRating .star-modal .modal-content .star-services-container .sales-stars {
        padding-left: 0px;
        padding-right: 12px;
    }

    .findDealerRating .star-modal .modal-content .star-services-container .aftersales-stars {
        padding-right: 0px;
        padding-left: 12px;
    }

.findDealerRating .star-modal .modal-content .filter {
    color: rgba(15, 15, 15, 0.6);
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    text-align: justify;
    display: none;
    padding-bottom: 16px;
}

    .findDealerRating .star-modal .modal-content .filter a {
        color: #0f0f0f;
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        border-bottom: 2px solid #0f0f0f;
        margin-left: 16px;
    }

        .findDealerRating .star-modal .modal-content .filter a:hover {
            text-decoration: none;
        }

.findDealerRating .star-modal .modal-content .modal-disclaimer h5 {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    color: #0f0f0f;
    line-height: 26px;
}

.findDealerRating .star-modal .modal-content .modal-disclaimer p {
    font-family: "SeatRegular",sans-serif;
    font-size: 12px;
    line-height: 22px;
    color: rgba(15, 15, 15, 0.6);
}

.findDealerRating .star-modal .modal-content .review-resume {
    padding-bottom: 40px;
}

    .findDealerRating .star-modal .modal-content .review-resume .resume-header {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-content: center;
        margin-bottom: 8px;
    }

        .findDealerRating .star-modal .modal-content .review-resume .resume-header h5 {
            display: inline-block;
            margin-bottom: 0px;
            font-family: "SeatMedium",sans-serif;
            font-size: 16px;
            display: inline-block;
            line-height: 30px;
        }

        .findDealerRating .star-modal .modal-content .review-resume .resume-header .ar {
            flex: 1 1 auto;
            text-align: right;
        }

            .findDealerRating .star-modal .modal-content .review-resume .resume-header .ar .stars {
                margin: 0px;
                flex: 1 1 auto;
                line-height: 30px;
                margin-right: 16px;
                display: inline-block;
            }

                .findDealerRating .star-modal .modal-content .review-resume .resume-header .ar .stars .star {
                    width: 16px;
                    height: 16px;
                }

            .findDealerRating .star-modal .modal-content .review-resume .resume-header .ar .nota {
                color: #0f0f0f;
                font-family: "SeatMedium",sans-serif;
                font-size: 16px;
                line-height: 30px;
                display: inline-block;
            }

.findDealerRating .star-modal .modal-content .modal-review-list .comment-card {
    border-bottom: 1px solid #ccc;
    position: relative;
}

    .findDealerRating .star-modal .modal-content .modal-review-list .comment-card h6 {
        font-family: "SeatMedium",sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: #0f0f0f;
        margin-bottom: 8px;
    }

    .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .stars .star {
        width: 16px;
        height: 16px;
    }

    .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .comment p {
        color: rgba(15, 15, 15, 0.6);
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
    }

    .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .read-cta {
        width: 34.7%;
        display: none;
        background: #fff;
        text-align: justify;
        float: right;
        left: auto;
        bottom: 16px;
        position: absolute;
        right: 0;
        justify-content: space-between;
    }

        .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .read-cta .readmore {
            color: #0f0f0f;
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            border-bottom: 2px solid #0f0f0f;
        }

            .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .read-cta .readmore:hover {
                text-decoration: none;
            }

        .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .read-cta .points {
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
        }

    .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .dealer-response {
        margin-left: 8px;
        padding: 0 8px;
        border-left: 1px solid #0f0f0f;
        display: none;
        margin-top: 16px;
    }

        .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .dealer-response h4 {
            overflow: hidden;
            color: #0f0f0f;
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 0px;
        }

        .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .dealer-response .c-limit {
            max-height: calc(26px * 4);
            overflow: hidden;
        }

        .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .dealer-response p {
            color: rgba(15, 15, 15, 0.6);
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            border-color: rgba(15, 15, 15, 0.6);
        }

.findDealerRating .star-modal .btn-container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
}

    .findDealerRating .star-modal .btn-container .btn {
        display: block;
        width: 258px;
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        height: 48px;
        line-height: 30px;
        padding: 0px;
        padding: 6px 12px;
    }

        .findDealerRating .star-modal .btn-container .btn.btn-orange {
            border: 2px solid #ea5d1a;
        }

            .findDealerRating .star-modal .btn-container .btn.btn-orange:hover {
                border-color: #f08d5f;
            }

.findDealerRating .star-modal .comment-card {
    padding: 16px 0px;
}

    .findDealerRating .star-modal .comment-card h6 {
        font-family: "SeatMedium",sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: #0f0f0f;
        text-align: left;
    }

    .findDealerRating .star-modal .comment-card .flex-content {
        display: flex;
        justify-content: space-between;
    }

        .findDealerRating .star-modal .comment-card .flex-content .stars {
            margin: 0;
            margin-bottom: 5px;
        }

    .findDealerRating .star-modal .comment-card .comment {
        max-height: 132px;
        overflow: hidden;
    }

.findDealerRating .star-modal .modal-reviews {
    margin-bottom: 24px;
}

.findDealerRating .star-modal .load-more {
    text-align: center;
}

    .findDealerRating .star-modal .load-more a {
        display: inline-block;
        font-family: "SeatBold",sans-serif;
        font-size: 16px;
        line-height: 30px;
    }

    .findDealerRating .star-modal .load-more .arrow img {
        transform: rotate(90deg);
    }

.findDealerRating .star-modal .acciones {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #dedad4;
    margin-left: -24px;
    margin-right: -24px;
}

    .findDealerRating .star-modal .acciones a {
        background-color: #fff;
        display: inline-block;
        margin: 1px 0;
        width: 50%;
        border-right: 1px solid #dedad4;
        text-align: center;
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 24px;
        color: rgba(15, 15, 15, 0.6);
        height: 56px;
        line-height: 56px;
    }

        .findDealerRating .star-modal .acciones a img {
            margin-right: 16px;
        }

        .findDealerRating .star-modal .acciones a.indicationButton {
            border-right: none;
        }

.findDealerRating .stars-filter {
    cursor: pointer;
    border-bottom: 1px solid #0f0f0f;
    color: #0f0f0f;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    display: block;
    white-space: nowrap;
}

.findDealerRating .close-modal {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    left: auto;
    z-index: 2;
    display: none;
    width: 40px;
    height: 40px;
    background: url("main/img/modal-FD-close.svg") center center no-repeat;
}

.findDealerRating .star {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 8px;
    background-size: contain;
    background-repeat: no-repeat;
}

    .findDealerRating .star:last-child {
        margin-right: 0;
    }

    .findDealerRating .star.full {
        background-image: url("main/img/fullstar.svg");
    }

    .findDealerRating .star.half {
        background-image: url("main/img/halfstar.svg");
    }

    .findDealerRating .star.empty {
        background-image: url("main/img/emptystar.svg");
    }

.findDealerRating .scrollto {
    cursor: pointer;
}

.pac-container {
    left: 0 !important;
    width: 100% !important;
    padding-right: 8px;
    padding-left: 8px;
    background: transparent;
    box-shadow: none;
    border: none;
    z-index: 11;
    top: 60px !important;
}

    .pac-container .pac-item {
        background: #fff;
        padding: 8px 24px 8px 40px;
        list-style: none;
        background: url("main/img/icon-location.svg") 16px center no-repeat #fff !important;
        background-size: 10px 15px !important;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        border: none;
        cursor: pointer;
    }

        .pac-container .pac-item .pac-icon {
            display: none;
        }

        .pac-container .pac-item span {
            margin: 0;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            max-height: calc(26px * 2 + 1px);
            overflow: hidden;
        }

        .pac-container .pac-item .pac-item-query {
            font-weight: 100;
        }

            .pac-container .pac-item .pac-item-query .pac-matched {
                font-weight: 100;
            }

        .pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected {
            background-color: #f8f8f6 !important;
        }

            .pac-container .pac-item:hover .pac-item-query, .pac-container .pac-item.pac-item-selected .pac-item-query {
                font-weight: bolder;
            }

                .pac-container .pac-item:hover .pac-item-query .pac-matched, .pac-container .pac-item.pac-item-selected .pac-item-query .pac-matched {
                    font-weight: bolder;
                }

        .pac-container .pac-item:last-child {
            border-bottom: 1px solid #e6e6e6;
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        }

    .pac-container:after {
        display: none;
    }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .container {
        max-width: 1015px;
    }

    .findDealerRating {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 800px;
    }

        .findDealerRating #map-fd {
            height: 800px;
        }

        .findDealerRating .cont-module {
            padding: 8px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: auto;
            height: auto;
        }

            .findDealerRating .cont-module .searcherBox {
                background: #fff;
                padding: 0px;
                box-shadow: 0 2px 4px 0 rgba(15, 15, 15, 0.2);
                width: 320px;
            }

                .findDealerRating .cont-module .searcherBox h3 {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 18px;
                    line-height: 30px;
                    color: #0f0f0f;
                    margin: 16px 16px 8px;
                    display: inline-block;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs {
                    padding: 8px 0;
                    display: flex;
                    flex-direction: row;
                }

                    .findDealerRating .cont-module .searcherBox .searcherBoxInputs input {
                        background: transparent;
                        border: 0;
                        font-family: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: rgba(15, 15, 15, 0.6);
                    }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="button"] {
                            min-width: 14px;
                            min-height: 14px;
                            padding: 8px 16px;
                            box-sizing: unset;
                            cursor: pointer;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.GPSButton[type="button"] {
                            border-right: 1px solid #dedad4;
                            min-width: 14px;
                            min-height: 14px;
                            border-radius: 0%;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.ClearButton[type="button"] {
                            background-size: 10px 10px;
                            padding: 8px 0 8px;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                            width: 70%;
                            padding: 0 0 0 14px;
                        }

                .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxsMobile {
                    display: none;
                }

            .findDealerRating .cont-module .ListResultsBox {
                position: relative;
                background: #fff;
                box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
                margin-top: -64px;
            }

                .findDealerRating .cont-module .ListResultsBox ul {
                    margin: 0;
                    padding: 0;
                }

                    .findDealerRating .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;
                    }

                        .findDealerRating .cont-module .ListResultsBox ul li p {
                            margin: 0;
                            font-size: 14px;
                            line-height: 26px;
                            color: rgba(15, 15, 15, 0.6);
                            max-height: calc(26px * 2 + 1px);
                            overflow: hidden;
                        }

                        .findDealerRating .cont-module .ListResultsBox ul li:hover {
                            background-color: #dedad4;
                        }

                            .findDealerRating .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold;
                            }

            .findDealerRating .cont-module .noResultsBox {
                background: url(main/img/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;
            }

                .findDealerRating .cont-module .noResultsBox p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

        .findDealerRating .content-list {
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
            top: 160px;
            left: 8px;
            width: 320px;
        }

            .findDealerRating .content-list .header-mobile {
                cursor: default;
            }

                .findDealerRating .content-list .header-mobile .forza,
                .findDealerRating .content-list .header-mobile .arrow {
                    display: none;
                }

            .findDealerRating .content-list .toggleIcon {
                display: none;
            }

            .findDealerRating .content-list .item-list {
                display: block;
                height: 588px;
            }

                .findDealerRating .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 24px;
                    cursor: pointer;
                }

                    .findDealerRating .content-list .item-list .item.active {
                        background: #f8f8f8;
                    }

                    .findDealerRating .content-list .item-list .item h3 {
                        line-height: 22px;
                        font-size: 16px;
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                        margin: 8px 0 4px;
                    }

                    .findDealerRating .content-list .item-list .item p {
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 14px;
                        line-height: 26px;
                        margin: 0;
                    }

                    .findDealerRating .content-list .item-list .item .direction {
                        line-height: 22px;
                    }

                    .findDealerRating .content-list .item-list .item .tlf {
                        color: #0f0f0f;
                        font-size: 14px;
                        line-height: 26px;
                    }

                        .findDealerRating .content-list .item-list .item .tlf a {
                            color: #0f0f0f;
                        }

        .findDealerRating .dealerInfoWrapper {
            background: none;
            top: 165px;
            width: 320px;
            left: 8px;
            overflow: auto;
            height: auto;
            max-height: 635px;
            min-height: 635px;
        }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .backSection {
                display: flex;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .nota {
                font-size: 38px;
                line-height: 40px;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .star-reviews {
                width: 100%;
                display: block;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content .star-container .star-reviews .stars-launcher .star {
                    width: 24px;
                    height: 24px;
                }

        .findDealerRating .return {
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealerRating .return span {
                padding-left: 4px;
                display: inline-block;
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

        .findDealerRating .col-med-6 {
            flex: 1 1 50%;
            max-width: 50%;
        }

    .pac-container {
        top: 114px !important;
        width: 336px !important;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .container {
        max-width: 1435px;
    }

    .findDealerRating {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 800px;
    }

        .findDealerRating .star-modal .modal-content .review-resume .resume-header .ar .stars {
            margin-right: 8px;
        }

        .findDealerRating .star-modal .btn-container .btn {
            font-size: 16px;
            line-height: 30px;
            height: 48px;
            padding: 6px 12px;
        }

        .findDealerRating #map-fd {
            height: 800px;
        }

        .findDealerRating .maxi-col-wrapper {
            z-index: 3;
            position: absolute;
            top: 0;
            right: auto;
            left: 0;
        }

        .findDealerRating .cont-module {
            padding: 8px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: auto;
            height: auto;
        }

            .findDealerRating .cont-module .searcherBox {
                background: #fff;
                padding: 0px;
                box-shadow: 0 2px 4px 0 rgba(15, 15, 15, 0.2);
                width: 344px;
            }

                .findDealerRating .cont-module .searcherBox h3 {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 20px;
                    line-height: 26px;
                    color: #0f0f0f;
                    margin: 24px 16px 16px;
                    display: inline-block;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs {
                    padding: 8px 0;
                    display: flex;
                    flex-direction: row;
                }

                    .findDealerRating .cont-module .searcherBox .searcherBoxInputs input {
                        background: transparent;
                        border: 0;
                    }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="button"] {
                            min-width: 14px;
                            min-height: 14px;
                            padding: 8px 16px;
                            box-sizing: unset;
                            cursor: pointer;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.GPSButton[type="button"] {
                            border-right: 1px solid #dedad4;
                            min-width: 14px;
                            min-height: 14px;
                            border-radius: 0%;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.ClearButton[type="button"] {
                            background-size: 10px 10px;
                            padding: 8px 0 8px;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                            width: 70%;
                            padding: 0 0 0 14px;
                            font-size: 16px;
                            line-height: 30px;
                        }

                .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block;
                }

                    .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                        font-size: 16px;
                        line-height: 30px;
                        padding-right: 16px;
                    }

                        .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc div {
                            max-height: calc(30px * 1);
                            overflow: hidden;
                        }

            .findDealerRating .cont-module .searcherBoxCheckboxsMobile {
                display: none;
            }

            .findDealerRating .cont-module .ListResultsBox {
                position: relative;
                background: #fff;
                box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
                margin-top: -64px;
            }

                .findDealerRating .cont-module .ListResultsBox ul {
                    margin: 0;
                    padding: 0;
                }

                    .findDealerRating .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;
                    }

                        .findDealerRating .cont-module .ListResultsBox ul li p {
                            margin: 0;
                            font-size: 14px;
                            line-height: 26px;
                            color: rgba(15, 15, 15, 0.6);
                            max-height: calc(26px * 2 + 1px);
                            overflow: hidden;
                        }

                        .findDealerRating .cont-module .ListResultsBox ul li:hover {
                            background-color: #dedad4;
                        }

                            .findDealerRating .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold;
                            }

            .findDealerRating .cont-module .noResultsBox {
                background: url(main/img/icon_no_result.svg) center 4px no-repeat;
                background-color: #fff;
                background-size: 44px 44px;
                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;
            }

                .findDealerRating .cont-module .noResultsBox p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

        .findDealerRating .content-list {
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
            top: 178px;
            left: 8px;
            width: 344px;
        }

            .findDealerRating .content-list .header-mobile {
                cursor: default;
            }

                .findDealerRating .content-list .header-mobile .forza,
                .findDealerRating .content-list .header-mobile .arrow {
                    display: none;
                }

                .findDealerRating .content-list .header-mobile span {
                    font-size: 16px;
                    font-family: "SeatMedium",sans-serif;
                }

            .findDealerRating .content-list .toggleIcon {
                display: none;
            }

            .findDealerRating .content-list .searcherBoxCheckboxsMobile {
                display: none;
            }

            .findDealerRating .content-list .item-list {
                display: block;
                height: 588px;
            }

                .findDealerRating .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 24px;
                }

                    .findDealerRating .content-list .item-list .item h3 {
                        line-height: 30px;
                        font-size: 18px;
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                        margin: 8px 0 4px;
                    }

                    .findDealerRating .content-list .item-list .item p {
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 14px;
                        line-height: 26px;
                        margin: 0;
                    }

                    .findDealerRating .content-list .item-list .item .direction {
                        line-height: 22px;
                    }

                    .findDealerRating .content-list .item-list .item .tlf {
                        color: #0f0f0f;
                        font-size: 14px;
                        line-height: 26px;
                        margin: 8px 0 8px;
                    }

                        .findDealerRating .content-list .item-list .item .tlf a {
                            color: #0f0f0f;
                            pointer-events: none;
                            text-decoration: none;
                        }

        .findDealerRating .dealerInfoWrapper {
            background: none;
            top: 194px;
            width: 344px;
            left: 8px;
            overflow: auto;
            height: auto;
            max-height: 635px;
            min-height: unset;
        }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .backSection {
                display: flex;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones {
                display: none;
            }

            .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content {
                margin-top: 1px;
            }

                .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content a.btn {
                    font-size: 16px;
                    line-height: 30px;
                }

        .findDealerRating .return {
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealerRating .return span {
                padding-left: 4px;
                display: inline-block;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

        .findDealerRating .star-modal {
            left: calc(50% + 180px);
            width: 552px;
            height: 763px;
        }

            .findDealerRating .star-modal .btn-container .btn {
                width: 240px;
                height: 48px;
            }

            .findDealerRating .star-modal .modal-content .modal-accordeons {
                padding-top: 0px;
            }

            .findDealerRating .star-modal .acciones {
                display: none;
            }

        .findDealerRating .close-modal {
            right: 8px;
        }

    .pac-container {
        top: 127px !important;
        width: 360px !important;
    }

        .pac-container .pac-item {
            padding: 8px 24px 8px 40px;
        }

            .pac-container .pac-item span {
                margin: 0;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
                max-height: calc(30px * 2 + 1px);
                overflow: hidden;
            }

    .tel-infoWindow {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (min-width: 1016px) {
    .findDealerRating .star-modal .comment-card .comment {
        max-height: calc(26px * 4);
    }

    .findDealerRating .star-modal .modal-content .modal-review-list .comment-card .read-cta {
        width: 35.7%;
    }

    .findDealerRating .gm-style .gm-style-iw-c {
        width: 350px;
        padding: 16px 24px;
    }
}
/* Large Desktop */
@media (min-width: 1436px) {
    .findDealerRating {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 800px;
    }

        .findDealerRating #map-fd {
            height: 800px;
        }

        .findDealerRating .maxi-col-wrapper {
            z-index: 3;
            position: absolute;
            top: 0;
            right: auto;
            left: 0;
        }

        .findDealerRating .cont-module {
            padding: 8px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: auto;
            height: auto;
        }

            .findDealerRating .cont-module .searcherBox {
                background: #fff;
                padding: 0px;
                box-shadow: 0 2px 4px 0 rgba(15, 15, 15, 0.2);
                width: 344px;
            }

                .findDealerRating .cont-module .searcherBox h3 {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 20px;
                    line-height: 26px;
                    color: #0f0f0f;
                    margin: 24px 16px 16px;
                    display: inline-block;
                }

                .findDealerRating .cont-module .searcherBox .searcherBoxInputs {
                    padding: 8px 0;
                    display: flex;
                    flex-direction: row;
                }

                    .findDealerRating .cont-module .searcherBox .searcherBoxInputs input {
                        background: transparent;
                        border: 0;
                    }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="button"] {
                            min-width: 14px;
                            min-height: 14px;
                            padding: 8px 16px;
                            box-sizing: unset;
                            cursor: pointer;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.GPSButton[type="button"] {
                            border-right: 1px solid #dedad4;
                            min-width: 14px;
                            min-height: 14px;
                            border-radius: 0%;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input.ClearButton[type="button"] {
                            background-size: 10px 10px;
                            padding: 8px 0 8px;
                        }

                        .findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                            font-size: 16px;
                            line-height: 30px;
                            width: 70%;
                            padding: 0 0 0 14px;
                        }

                .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block;
                }

                    .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                        font-size: 16px;
                        line-height: 30px;
                        padding-right: 16px;
                    }

                        .findDealerRating .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc div {
                            max-height: calc(30px * 1);
                            overflow: hidden;
                        }

            .findDealerRating .cont-module .ListResultsBox {
                position: relative;
                background: #fff;
                box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
                margin-top: -64px;
            }

                .findDealerRating .cont-module .ListResultsBox ul {
                    margin: 0;
                    padding: 0;
                }

                    .findDealerRating .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;
                    }

                        .findDealerRating .cont-module .ListResultsBox ul li p {
                            margin: 0;
                            font-size: 14px;
                            line-height: 26px;
                            color: rgba(15, 15, 15, 0.6);
                            max-height: calc(26px * 2 + 1px);
                            overflow: hidden;
                        }

                        .findDealerRating .cont-module .ListResultsBox ul li:hover {
                            background-color: #dedad4;
                        }

                            .findDealerRating .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold;
                            }

            .findDealerRating .cont-module .noResultsBox {
                background: url(main/img/icon_no_result.svg) center 24px no-repeat;
                background-color: #fff;
                background-size: 44px 44px;
                box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
                flex-direction: column;
                justify-content: end;
                text-align: center;
                padding: 80px 16px 24px;
            }

                .findDealerRating .cont-module .noResultsBox p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

        .findDealerRating .content-list {
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
            top: 178px;
            left: 8px;
            width: 344px;
        }

            .findDealerRating .content-list .header-mobile {
                cursor: default;
            }

                .findDealerRating .content-list .header-mobile .forza,
                .findDealerRating .content-list .header-mobile .arrow {
                    display: none;
                }

                .findDealerRating .content-list .header-mobile .toggleIcon {
                    display: none;
                }

                .findDealerRating .content-list .header-mobile span {
                    font-size: 16px;
                    font-family: "SeatMedium",sans-serif;
                }

            .findDealerRating .content-list .searcherBoxCheckboxsMobile {
                display: none;
            }

            .findDealerRating .content-list .item-list {
                display: block;
                height: 588px;
            }

                .findDealerRating .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 24px;
                }

                    .findDealerRating .content-list .item-list .item h3 {
                        line-height: 30px;
                        font-size: 18px;
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                        margin: 8px 0 4px;
                    }

                    .findDealerRating .content-list .item-list .item p {
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 14px;
                        line-height: 26px;
                        margin: 0;
                    }

                    .findDealerRating .content-list .item-list .item .direction {
                        line-height: 22px;
                    }

                    .findDealerRating .content-list .item-list .item .tlf {
                        color: #0f0f0f;
                        font-size: 14px;
                        line-height: 26px;
                        margin: 4px 0 0;
                    }

                        .findDealerRating .content-list .item-list .item .tlf a {
                            font-size: 14px;
                            pointer-events: none;
                            text-decoration: none;
                            color: #0f0f0f;
                        }

                    .findDealerRating .content-list .item-list .item .iconList {
                        margin: 8px 0 16px;
                    }

        .findDealerRating .dealerInfoWrapper {
            background: none;
            top: 190px;
            width: 344px;
            left: 8px;
            overflow: auto;
            height: auto;
            max-height: 635px;
            min-height: unset;
        }

        .findDealerRating .return {
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealerRating .return span {
                padding-left: 4px;
                display: inline-block;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

        .findDealerRating .tel-infoWindow {
            font-size: 14px;
            line-height: 26px;
        }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .backSection {
            display: flex;
        }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones {
            display: none;
        }

        .findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .content {
            margin-top: 1px;
        }

        .findDealerRating .star-modal {
            left: calc(50% + 180px);
            right: 147px;
            width: 787px;
        }

            .findDealerRating .star-modal .modal-content {
                padding: 32px 48px;
            }

                .findDealerRating .star-modal .modal-content h2 {
                    font-size: 25px;
                    line-height: 32px;
                    margin-bottom: 40px;
                }

                .findDealerRating .star-modal .modal-content .modal-accordeons {
                    padding-top: 0px;
                    padding-bottom: 48px;
                }

                    .findDealerRating .star-modal .modal-content .modal-accordeons .acc-element .header button {
                        padding-left: 52px;
                        background-position-x: 16px;
                    }

                .findDealerRating .star-modal .modal-content ul li {
                    line-height: 26px;
                }

                    .findDealerRating .star-modal .modal-content ul li.address {
                        color: rgba(15, 15, 15, 0.6);
                    }

                .findDealerRating .star-modal .modal-content .btn {
                    width: 240px;
                    height: 48px;
                    font-size: 16px;
                }

                .findDealerRating .star-modal .modal-content .modal-disclaimer {
                    margin-bottom: 40px;
                    padding: 0 16px;
                }

                    .findDealerRating .star-modal .modal-content .modal-disclaimer h5 {
                        color: #0f0f0f;
                        font-family: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                    }

                    .findDealerRating .star-modal .modal-content .modal-disclaimer p,
                    .findDealerRating .star-modal .modal-content .modal-disclaimer ol,
                    .findDealerRating .star-modal .modal-content .modal-disclaimer ul {
                        color: rgba(15, 15, 15, 0.6);
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                    }

                .findDealerRating .star-modal .modal-content .modal-reviews {
                    margin-bottom: 16px;
                }

                .findDealerRating .star-modal .modal-content .star-services-container {
                    padding: 0 16px;
                }

                .findDealerRating .star-modal .modal-content .modal-review-list {
                    padding: 0 16px;
                }

                .findDealerRating .star-modal .modal-content .filter {
                    padding: 0 16px 16px 0px;
                    margin-left: 16px;
                }

                .findDealerRating .star-modal .modal-content .filine {
                    height: 1px;
                    background: #ccc;
                    width: 100%;
                }

                .findDealerRating .star-modal .modal-content .m-r {
                    padding-right: 16px;
                }

                .findDealerRating .star-modal .modal-content .m-l {
                    padding-left: 16px;
                }

                .findDealerRating .star-modal .modal-content .btn {
                    width: 329px;
                    height: 48px;
                    font-size: 16px;
                    line-height: 30px;
                    padding: 6px 12px;
                }

                .findDealerRating .star-modal .modal-content ul li {
                    line-height: 26px;
                }

                    .findDealerRating .star-modal .modal-content ul li.address {
                        color: rgba(15, 15, 15, 0.6);
                    }

            .findDealerRating .star-modal .acciones {
                display: none;
            }

        .findDealerRating .close-modal {
            top: 16px;
            right: 16px;
        }

    .pac-container {
        top: 127px !important;
        width: 360px !important;
    }

        .pac-container .pac-item {
            padding: 8px 24px 8px 40px;
        }

            .pac-container .pac-item span {
                margin: 0;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
                max-height: calc(30px * 2 + 1px);
                overflow: hidden;
            }
}
/* SCNC-1282 */
@media (max-width: 763px) {
    .findDealer,
    .findDealerRating {
        height: calc(100vh - 56px);
        height: calc((var(--vh, 1vh) * 100) - 56px);
    }
}

.findDealer {
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
    height: calc(100vh - 58px);
    overflow: hidden;
}

@keyframes a-slideup {
    from {
        bottom: 0;
    }

    to {
        bottom: calc(100% - 56px);
    }
}

@keyframes a-slidedown {
    from {
        top: 0;
    }

    to {
        top: calc(100% - 52px);
    }
}

.findDealer .a-slideup {
    animation: 0.4s linear a-slideup;
}

.findDealer .a-slidedown {
    animation: 0.4s linear a-slidedown;
}

.findDealer *::-ms-backdrop,
.findDealer .a-slideup {
    top: 0;
}

.findDealer *::-ms-backdrop,
.findDealer .a-slideup {
    bottom: 0;
}

.findDealer .setTop {
    top: 0;
}

.findDealer #map-fd {
    width: 100%;
    height: calc(100vh - 58px);
    overflow: hidden;
}

    .findDealer #map-fd .cluster-icon-container {
        background-repeat: no-repeat;
    }

        .findDealer #map-fd .cluster-icon-container .cluster-number {
            position: absolute;
            top: 0px;
            right: 9px;
            width: 16px;
            height: 16px;
            text-align: center;
            display: block;
            line-height: 18px;
        }

.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 {
        position: relative;
        background: #fff;
        padding: 0px;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        width: 100%;
    }

        .findDealer .cont-module .searcherBox h3 {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            color: #0f0f0f;
            margin: 16px 16px 24px;
            display: none;
            max-width: 100%;
            overflow: hidden;
            max-height: 28px;
        }

        .findDealer .cont-module .searcherBox .searcherBoxInputs {
            padding: 8px 0;
            display: flex;
            flex-direction: row;
            height: 52px;
            /* input.ClearButton[style="display: inline;"] {
                    margin-left: -16px;

                }*/
        }

            .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-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/icon_close_menu.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/icon_search.svg") center center no-repeat;
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input[type="text"] {
                    width: 100%;
                    padding: 0 0 0 12px;
                }

                .findDealer .cont-module .searcherBox .searcherBoxInputs input.ClearButton[style="display: inline;"] ~ input.SearchButton {
                    padding: 8px;
                }

        .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
            border-top: 1px solid #dedad4;
            padding: 16px;
            display: block;
            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;
            }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element {
                    /* The container */
                    /* Hide the browser's default checkbox */
                    /* Create a custom checkbox */
                    /* On mouse-over, add a grey background color */
                    /* Create the checkmark/indicator (hidden when not checked) */
                    /* Show the checkmark when checked */
                    /* Style the checkmark/indicator */
                }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                        display: block;
                        position: relative;
                        padding-left: 36px;
                        cursor: pointer;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        font-size: 14px;
                        line-height: 26px;
                        font-family: "SeatRegular",sans-serif;
                        margin: 0;
                        z-index: 1;
                        color: rgba(15, 15, 15, 0.6);
                    }

                        .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-radius: 4px;
                        border: 2px solid #82807f;
                        background-color: #fff;
                        z-index: 1;
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc:hover input ~ .checkmark {
                        border-color: #000;
                        background-color: #000;
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .checkmark:after {
                        content: "";
                        position: absolute;
                        display: none;
                        z-index: 1;
                        left: 5px;
                        width: 7px;
                        height: 13px;
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc input:checked ~ .checkmark:after {
                        display: block;
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc input:checked ~ .checkmark {
                        background-color: #000;
                        border-color: #000;
                    }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc .checkmark:after {
                        left: 4px;
                        top: 0px;
                        width: 9px;
                        height: 13px;
                        border: solid #fff;
                        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(15, 15, 15, 0.6);
                    max-height: calc(26px*2 + 1px);
                    overflow: hidden;
                }

                .findDealer .cont-module .ListResultsBox ul li:hover {
                    background-color: #dedad4;
                }

                    .findDealer .cont-module .ListResultsBox ul li:hover p {
                        font-weight: bold;
                    }

    .findDealer .cont-module .noResultsBox {
        position: relative;
        z-index: 10;
        background: transparent;
        background-color: #fff;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        flex-direction: column;
        justify-content: end;
        text-align: left;
        padding: 16px;
        display: none;
    }

        .findDealer .cont-module .noResultsBox p {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            margin: 0;
        }

    .findDealer .cont-module .flex-c {
        display: flex;
    }

.findDealer .content-list {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 52px;
    line-height: 52px;
    color: rgba(15, 15, 15, 0.6);
}

    .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;
        color: #0f0f0f;
        font-family: "SeatMedium",sans-serif;
        margin-right: 8px;
    }

    .findDealer .content-list .arrow {
        justify-self: flex-end;
    }

    .findDealer .content-list .header-mobile {
        cursor: pointer;
        display: flex;
        align-content: center;
        height: 52px;
        background: #fff;
        padding: 0 16px;
        flex-direction: row;
        align-items: center;
    }

        .findDealer .content-list .header-mobile span {
            line-height: 26px;
            margin-bottom: 0;
        }

    .findDealer .content-list .center {
        flex: 1 1 auto;
        font-size: 14px;
    }

    .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%;
    }

        .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: 14px;
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f;
                margin: 0;
            }

            .findDealer .content-list .item-list .item p {
                font-family: "SeatRegular",sans-serif;
                color: rgba(15, 15, 15, 0.6);
                font-size: 12px;
                line-height: 22px;
                margin: 0;
            }

            .findDealer .content-list .item-list .item .tlf {
                color: rgba(15, 15, 15, 0.6);
            }

                .findDealer .content-list .item-list .item .tlf a {
                    color: rgba(15, 15, 15, 0.6);
                    font-size: 12px;
                    line-height: 22px;
                    text-decoration: underline;
                }

            .findDealer .content-list .item-list .item .available {
                font-family: "SeatMedium",sans-serif;
                color: #00afac;
            }

            .findDealer .content-list .item-list .item .iconList {
                display: flex;
                padding: 8px 0;
            }

                .findDealer .content-list .item-list .item .iconList span {
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    margin-right: 16px;
                }

                    .findDealer .content-list .item-list .item .iconList span img {
                        margin-right: 8px;
                    }

                .findDealer .content-list .item-list .item .iconList .dn {
                    display: none;
                }

                .findDealer .content-list .item-list .item .iconList .show {
                    display: inline-block;
                }

                .findDealer .content-list .item-list .item .iconList .car-icon {
                    margin-right: 16px;
                }

                .findDealer .content-list .item-list .item .iconList .services-icon {
                    margin-right: 16px;
                }

            .findDealer .content-list .item-list .item:hover, .findDealer .content-list .item-list .item.selected {
                background: #f3f3f0;
            }

.findDealer .checks {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .findDealer .checks .filter-element {
        /* The container */
        /* Hide the browser's default checkbox */
        /* Create a custom checkbox */
        /* On mouse-over, add a grey background color */
        /* Create the checkmark/indicator (hidden when not checked) */
        /* Show the checkmark when checked */
        /* Style the checkmark/indicator */
    }

        .findDealer .checks .filter-element .lc {
            display: block;
            position: relative;
            padding-left: 36px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 14px;
            line-height: 26px;
            font-family: "SeatRegular",sans-serif;
            margin: 0;
            z-index: 1;
            color: rgba(15, 15, 15, 0.6);
        }

            .findDealer .checks .filter-element .lc div {
                max-height: calc(26px*2);
                overflow: hidden;
            }

            .findDealer .checks .filter-element .lc input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                z-index: 1;
            }

        .findDealer .checks .filter-element .checkmark {
            position: absolute;
            top: 3px;
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 4px;
            border: 2px solid #82807f;
            background-color: #fff;
            z-index: 1;
        }

        .findDealer .checks .filter-element .lc:hover input ~ .checkmark {
            border-color: #000;
            background-color: #000;
        }

        .findDealer .checks .filter-element .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            z-index: 1;
            left: 5px;
            width: 7px;
            height: 13px;
        }

        .findDealer .checks .filter-element .lc input:checked ~ .checkmark:after {
            display: block;
        }

        .findDealer .checks .filter-element .lc input:checked ~ .checkmark {
            background-color: #000;
            border-color: #000;
        }

        .findDealer .checks .filter-element .lc .checkmark:after {
            left: 4px;
            top: 0px;
            width: 9px;
            height: 13px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: 1;
        }

.findDealer .dealerInfoWrapper {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 26%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 26%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 26%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    position: absolute;
    top: 136px;
    min-height: calc(100vh - 190px);
    max-height: calc(100vh - 190px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
    display: none;
    overflow: scroll;
}

    .findDealer .dealerInfoWrapper .dealerInfoSkeleton {
        overflow: visible;
        height: 100%;
        z-index: 1;
        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;
                width: 33.3%;
                border-right: 1px solid #dedad4;
                text-align: center;
                padding: 32px 0 8px;
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 24px;
                color: rgba(15, 15, 15, 0.6);
                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_indications.svg") no-repeat #fff;
                    background-size: 22px 19px;
                    background-position: center 16px;
                }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones a.webButton {
                    background: url("main/img/fd-icon_world.svg") no-repeat #fff;
                    background-size: 17px 18px;
                    background-position: center 16px;
                    border: none;
                }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
            background: #fff;
            padding: 16px;
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content h2 {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
                padding: 0;
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul {
                margin: 0 0 16px;
                padding: 0;
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li {
                    list-style: none;
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 22px;
                    padding-left: 32px;
                    margin-bottom: 8px;
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li a {
                        color: #0f0f0f;
                    }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li a:hover {
                            text-decoration: none;
                        }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.address {
                        background: url("main/img/fd-icon_positionMarker.svg") no-repeat 4px center;
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail {
                        background: url("main/img/fd-icon_mail.svg") no-repeat 4px center;
                        font-family: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 22px;
                        position: relative;
                        display: block;
                        width: -moz-fit-content;
                        width: fit-content;
                        color: #0f0f0f;
                    }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail a {
                            cursor: pointer;
                            border-bottom: 2px solid #000;
                        }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.phone {
                        background: url("main/img/fd-icon_telephone.svg") no-repeat 4px center;
                        color: #0f0f0f;
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.opennow {
                        background: url("main/img/fd-icon_mail.svg") no-repeat 4px center;
                        font-family: "SeatMedium",sans-serif;
                        color: #e63a2b;
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.webIcon {
                        background: url("main/img/fd-icon_web.svg") no-repeat 4px center;
                    }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.webIcon a {
                            text-decoration: none;
                            word-break: break-all;
                            width: 100%;
                            display: block;
                        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content a.btn {
                font-family: "SeatBold",sans-serif;
                width: 100%;
                margin-bottom: 8px;
                height: 48px;
                padding: 10px;
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion {
                margin-top: 16px;
            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header {
                    cursor: pointer;
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button {
                        position: relative;
                        width: 100%;
                        background: transparent;
                        border: 0;
                        text-align: left;
                        cursor: pointer;
                        pointer-events: none;
                        font-family: "SeatBold",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: #0f0f0f;
                        border-bottom: 1px solid #dedad4;
                        padding: 16px 16px 16px 32px;
                    }

                        .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 .header button:after {
                            content: '';
                            background: url("main/img/arrowup-icon-select-gray.svg") center center no-repeat;
                            display: block;
                            width: 15px;
                            height: 9px;
                            position: absolute;
                            right: 16px;
                            top: 46%;
                            transform: rotate(180deg);
                        }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .header button[aria-expanded="true"]:after {
                            transform: rotate(0deg);
                        }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body {
                    padding: 16px;
                }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .contactInfo h6 {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(15, 15, 15, 0.6);
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule h6 {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        color: rgba(15, 15, 15, 0.6);
                    }

                    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul {
                        margin: 0;
                        padding: 0;
                    }

                        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li {
                            margin: 0 0 16px 0;
                            padding: 0;
                            font-size: 14px;
                            line-height: 26px;
                        }

                            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li span {
                                font-family: "SeatMedium",sans-serif;
                                font-size: 14px;
                                line-height: 26px;
                                color: #0f0f0f;
                            }

                            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element .card-body .schedule ul li .hours {
                                font-family: "SeatRegular",sans-serif;
                                font-size: 14px;
                                line-height: 26px;
                                color: #0f0f0f;
                                margin-bottom: 0px;
                            }

                .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content #accordion .acc-element.showroom button {
                    background: url(main/img/fd-icon_car.svg) no-repeat 8px 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 8px 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 .back {
            cursor: pointer;
        }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .backSection {
            display: none;
            background: #fff;
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .backSection img {
                transform: rotate(180deg);
                margin-right: 8px;
                width: 22px;
                height: 15px;
                align-self: center;
            }

    .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: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
    }

    .findDealer .mobileInfoWindow a {
        background: url(main/img/fd-icon_telephone.svg) no-repeat 4px center;
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        padding-left: 24px;
        color: #0f0f0f;
    }

.findDealer .return {
    cursor: pointer;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
    margin: 8px;
    line-height: 44px;
    display: none;
    justify-content: center;
    align-items: center;
    display: none;
    text-align: center;
}

    .findDealer .return img {
        transform: rotate(-180deg);
        margin-left: -2px;
    }

    .findDealer .return span {
        display: none;
    }

.findDealer .gm-style-iw h5 {
    font-family: "SeatMedium",sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #0f0f0f;
    margin-bottom: 0;
}

    .findDealer .gm-style-iw h5 + a {
        text-decoration: none;
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
    }

.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 {
    font-family: "SeatMedium",sans-serif;
    color: #00afac;
    display: inline-block;
    margin-left: 72px;
}

.findDealer *::-ms-backdrop,
.findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail {
    display: inline-block;
    overflow-x: hidden;
}

    .findDealer *::-ms-backdrop,
    .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content ul li.mail a {
        display: inline;
        width: auto;
        float: left;
    }

.pac-container {
    left: 0 !important;
    width: 100% !important;
    padding-right: 8px;
    padding-left: 8px;
    background: transparent;
    box-shadow: none;
    border: none;
    z-index: 11;
    top: 60px !important;
}

    .pac-container .pac-item {
        background: #fff;
        padding: 8px 24px 8px 40px;
        list-style: none;
        background: url(main/img/icon-location.svg) 16px center no-repeat #fff !important;
        background-size: 10px 15px !important;
        box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        border: none;
        cursor: pointer;
    }

        .pac-container .pac-item .pac-icon {
            display: none;
        }

        .pac-container .pac-item span {
            margin: 0;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            max-height: calc(26px*2 + 1px);
            overflow: hidden;
        }

        .pac-container .pac-item .pac-item-query {
            font-weight: 100;
        }

            .pac-container .pac-item .pac-item-query .pac-matched {
                font-weight: 100;
            }

        .pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected {
            background-color: #f8f8f6 !important;
        }

            .pac-container .pac-item:hover .pac-item-query, .pac-container .pac-item.pac-item-selected .pac-item-query {
                font-weight: bolder;
            }

                .pac-container .pac-item:hover .pac-item-query .pac-matched, .pac-container .pac-item.pac-item-selected .pac-item-query .pac-matched {
                    font-weight: bolder;
                }

        .pac-container .pac-item:last-child {
            border-bottom: 1px solid #e6e6e6;
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
        }

    .pac-container:after {
        display: none;
    }

/* Tablet */
@media (min-width: 764px) and (max-width: 1015px) {
    .container {
        max-width: 1015px;
    }

    .findDealer {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 800px;
    }

        .findDealer #map-fd {
            height: 800px;
        }

        .findDealer .cont-module {
            padding: 8px;
            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: 320px;
            }

                .findDealer .cont-module .searcherBox h3 {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 18px;
                    line-height: 30px;
                    color: #0f0f0f;
                    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: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: rgba(15, 15, 15, 0.6);
                    }

                        .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;
                            border-radius: 0%;
                        }

                        .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: 70%;
                            padding: 0 0 0 14px;
                        }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block;
                }

            .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(15, 15, 15, 0.6);
                            max-height: calc(26px*2 + 1px);
                            overflow: hidden;
                        }

                        .findDealer .cont-module .ListResultsBox ul li:hover {
                            background-color: #dedad4;
                        }

                            .findDealer .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold;
                            }

            .findDealer .cont-module .noResultsBox {
                background: url(main/img/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: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

        .findDealer .content-list {
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
            top: 160px;
            left: 8px;
            width: 320px;
        }

            .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 {
                display: block;
                height: 588px;
            }

                .findDealer .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 24px;
                    cursor: pointer;
                }

                    .findDealer .content-list .item-list .item h3 {
                        line-height: 22px;
                        font-size: 16px;
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                        margin: 8px 0 4px;
                    }

                    .findDealer .content-list .item-list .item p {
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 14px;
                        line-height: 26px;
                        margin: 0;
                    }

                    .findDealer .content-list .item-list .item .tlf {
                        color: #0f0f0f;
                    }

                        .findDealer .content-list .item-list .item .tlf a {
                            color: #0f0f0f;
                            font-size: 14px;
                            line-height: 26px;
                        }

        .findDealer .dealerInfoWrapper {
            background: none;
            top: 165px;
            width: 320px;
            left: 8px;
            overflow: auto;
            height: auto;
            max-height: 635px;
            min-height: 635px;
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .backSection {
                display: flex;
            }

        .findDealer .return {
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealer .return span {
                padding-left: 4px;
                display: inline-block;
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

    .pac-container {
        top: 114px !important;
        width: 336px !important;
    }
}
/* Desktop */
@media (min-width: 1016px) and (max-width: 1435px) {
    .container {
        max-width: 1435px;
    }

    .findDealer {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 800px;
    }

        .findDealer #map-fd {
            height: 800px;
        }

        .findDealer .cont-module {
            padding: 8px;
            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: 344px;
            }

                .findDealer .cont-module .searcherBox h3 {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 20px;
                    line-height: 26px;
                    color: #0f0f0f;
                    margin: 24px 16px 16px;
                    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;
                    }

                        .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;
                            border-radius: 0%;
                        }

                        .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: 70%;
                            padding: 0 0 0 14px;
                            font-size: 16px;
                            line-height: 30px;
                        }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block;
                }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                        font-size: 16px;
                        line-height: 30px;
                        padding-right: 16px;
                    }

                        .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc div {
                            max-height: calc(30px*1);
                            overflow: hidden;
                        }

            .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(15, 15, 15, 0.6);
                            max-height: calc(26px*2 + 1px);
                            overflow: hidden;
                        }

                        .findDealer .cont-module .ListResultsBox ul li:hover {
                            background-color: #dedad4;
                        }

                            .findDealer .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold;
                            }

            .findDealer .cont-module .noResultsBox {
                background: url(main/img/icon_no_result.svg) center 4px no-repeat;
                background-color: #fff;
                background-size: 44px 44px;
                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: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

        .findDealer .content-list {
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
            top: 178px;
            left: 8px;
            width: 344px;
        }

            .findDealer .content-list .header-mobile {
                cursor: default;
            }

                .findDealer .content-list .header-mobile .forza,
                .findDealer .content-list .header-mobile .arrow {
                    display: none;
                }

                .findDealer .content-list .header-mobile span {
                    font-size: 16px;
                    font-family: "SeatMedium",sans-serif;
                }

            .findDealer .content-list .item-list {
                display: block;
                height: 588px;
            }

                .findDealer .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 24px;
                }

                    .findDealer .content-list .item-list .item h3 {
                        line-height: 30px;
                        font-size: 18px;
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                        margin: 8px 0 4px;
                    }

                    .findDealer .content-list .item-list .item p {
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 14px;
                        line-height: 26px;
                        margin: 0;
                    }

                    .findDealer .content-list .item-list .item .tlf {
                        color: #0f0f0f;
                        margin: 8px 0 8px;
                    }

                        .findDealer .content-list .item-list .item .tlf a {
                            color: #0f0f0f;
                            font-size: 14px;
                            line-height: 26px;
                            pointer-events: none;
                            text-decoration: none;
                        }

                            .findDealer .content-list .item-list .item .tlf a:hover {
                                color: rgba(15, 15, 15, 0.6);
                            }

        .findDealer .dealerInfoWrapper {
            background: none;
            top: 194px;
            width: 344px;
            left: 8px;
            overflow: auto;
            height: auto;
            max-height: 635px;
            min-height: unset;
        }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .backSection {
                display: flex;
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones {
                display: none;
            }

            .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
                margin-top: 1px;
            }

        .findDealer .return {
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealer .return span {
                padding-left: 4px;
                display: inline-block;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

    .pac-container {
        top: 127px !important;
        width: 360px !important;
    }

        .pac-container .pac-item {
            padding: 8px 24px 8px 40px;
        }

            .pac-container .pac-item span {
                margin: 0;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
                max-height: calc(30px*2 + 1px);
                overflow: hidden;
            }

    .tel-infoWindow {
        font-size: 14px;
        line-height: 26px;
    }
}
/* Large Desktop */
@media (min-width: 1436px) {
    .findDealer {
        width: 100%;
        max-width: 100%;
        margin: auto;
        height: 800px;
    }

        .findDealer #map-fd {
            height: 800px;
        }

        .findDealer .cont-module {
            padding: 8px;
            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: 344px;
            }

                .findDealer .cont-module .searcherBox h3 {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 20px;
                    line-height: 26px;
                    color: #0f0f0f;
                    margin: 24px 16px 16px;
                    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;
                    }

                        .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;
                            border-radius: 0%;
                        }

                        .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"] {
                            font-size: 16px;
                            line-height: 30px;
                            width: 70%;
                            padding: 0 0 0 14px;
                        }

                .findDealer .cont-module .searcherBox .searcherBoxCheckboxs {
                    display: block;
                }

                    .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc {
                        font-size: 16px;
                        line-height: 30px;
                        padding-right: 16px;
                    }

                        .findDealer .cont-module .searcherBox .searcherBoxCheckboxs .checks .filter-element .lc div {
                            max-height: calc(30px*1);
                            overflow: hidden;
                        }

            .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(15, 15, 15, 0.6);
                            max-height: calc(26px*2 + 1px);
                            overflow: hidden;
                        }

                        .findDealer .cont-module .ListResultsBox ul li:hover {
                            background-color: #dedad4;
                        }

                            .findDealer .cont-module .ListResultsBox ul li:hover p {
                                font-weight: bold;
                            }

            .findDealer .cont-module .noResultsBox {
                background: url(main/img/icon_no_result.svg) center 24px no-repeat;
                background-color: #fff;
                background-size: 44px 44px;
                box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
                flex-direction: column;
                justify-content: end;
                text-align: center;
                padding: 80px 16px 24px;
            }

                .findDealer .cont-module .noResultsBox p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

        .findDealer .content-list {
            box-shadow: 0 4px 4px 0 rgba(15, 15, 15, 0.2);
            top: 178px;
            left: 8px;
            width: 344px;
        }

            .findDealer .content-list .header-mobile {
                cursor: default;
            }

                .findDealer .content-list .header-mobile .forza,
                .findDealer .content-list .header-mobile .arrow {
                    display: none;
                }

                .findDealer .content-list .header-mobile span {
                    font-size: 16px;
                    font-family: "SeatMedium",sans-serif;
                }

            .findDealer .content-list .item-list {
                display: block;
                height: 588px;
            }

                .findDealer .content-list .item-list .item {
                    background: #fff;
                    margin: 1px 0px;
                    padding: 8px 24px;
                }

                    .findDealer .content-list .item-list .item h3 {
                        line-height: 30px;
                        font-size: 18px;
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                        margin: 8px 0 4px;
                    }

                    .findDealer .content-list .item-list .item p {
                        font-family: "SeatRegular",sans-serif;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 14px;
                        line-height: 26px;
                        margin: 0;
                    }

                    .findDealer .content-list .item-list .item .tlf {
                        color: #0f0f0f;
                        margin: 4px 0 0;
                    }

                        .findDealer .content-list .item-list .item .tlf a {
                            color: #0f0f0f;
                            font-size: 14px;
                            line-height: 26px;
                            pointer-events: none;
                            text-decoration: none;
                        }

                            .findDealer .content-list .item-list .item .tlf a:hover {
                                color: rgba(15, 15, 15, 0.6);
                            }

                    .findDealer .content-list .item-list .item .iconList {
                        margin: 8px 0 16px;
                    }

        .findDealer .dealerInfoWrapper {
            background: none;
            top: 190px;
            width: 344px;
            left: 8px;
            overflow: auto;
            height: auto;
            max-height: 635px;
            min-height: unset;
        }

        .findDealer .return {
            width: 100%;
            border-radius: 0px;
            margin: 0;
            align-content: flex-start;
            justify-content: flex-start;
            padding: 16px;
        }

            .findDealer .return span {
                padding-left: 4px;
                display: inline-block;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
            }

        .findDealer .tel-infoWindow {
            font-size: 14px;
            line-height: 26px;
        }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .backSection {
            display: flex;
        }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .acciones {
            display: none;
        }

        .findDealer .dealerInfoWrapper .dealerInfoSkeleton .content {
            margin-top: 1px;
        }

    .pac-container {
        top: 127px !important;
        width: 360px !important;
    }

        .pac-container .pac-item {
            padding: 8px 24px 8px 40px;
        }

            .pac-container .pac-item span {
                margin: 0;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
                max-height: calc(30px*2 + 1px);
                overflow: hidden;
            }
}
/* SCNC-1282 */
@media (max-width: 763px) {
    .findDealer,
    .findDealerRating {
        height: calc(100vh - 56px);
        height: calc((var(--vh, 1vh) * 100) - 56px);
    }
}
/****************************** COUNTRY LANGUAGE *****************************/
/* 320 mobile */
.country-language {
    padding: 24px 0 16px 0;
}

    .country-language .header .country-flag {
        margin-bottom: 24px;
    }

        .country-language .header .country-flag .icon-flag {
            width: 48px;
            height: 28px;
        }

    .country-language .header .country-website {
        margin-bottom: 10px;
    }

        .country-language .header .country-website .title {
            font-family: "SeatBlack",sans-serif;
            font-size: 30px;
            line-height: 38px;
            max-height: 80px;
            overflow: hidden;
            color: #0f0f0f;
            margin: 0;
            padding-bottom: 6px;
        }

    .country-language .header hr {
        border-top: 1px solid #82807f;
        margin: 0;
    }

    .country-language .countries-cta {
        margin: 32px 0 0 0;
    }

        .country-language .countries-cta .country-cta {
            margin-bottom: 24px;
            text-align: left;
        }

            .country-language .countries-cta .country-cta a {
                width: 100%;
                height: 48px;
                max-width: 320px;
            }

    .country-language .disclaimer-cont {
        margin-top: 24px;
    }

        .country-language .disclaimer-cont .disclaimer-language.richtext {
            margin-bottom: 24px;
        }

            .country-language .disclaimer-cont .disclaimer-language.richtext p {
                color: rgba(15, 15, 15, 0.6);
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 22px;
                margin: 0;
            }

            .country-language .disclaimer-cont .disclaimer-language.richtext:last-child {
                margin-bottom: 0;
            }

/* tablet*/
@media (min-width: 764px) {
    .country-language {
        padding: 72px 0 0 0;
        height: 100vh;
        overflow: auto;
    }

        .country-language .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
            height: 100%;
        }

        .country-language .row {
            height: 100%;
        }

        .country-language .header .country-website {
            margin-bottom: 18px;
        }

            .country-language .header .country-website .title {
                font-size: 38px;
                line-height: 40px;
                white-space: nowrap;
                max-height: 46px;
            }

        .country-language .countries-cta {
            margin: 56px 0 0 0;
        }

            .country-language .countries-cta .country-cta {
                margin-bottom: 32px;
                text-align: center;
            }

        .country-language .col-12:last-child {
            margin-top: auto;
            margin-bottom: 64px;
        }

        .country-language .disclaimer-cont {
            margin-top: auto;
        }
}
/* desktop*/
@media (min-width: 1016px) {
    .country-language {
        padding: 64px 0 0px 0;
    }

        .country-language .col-12:last-child {
            margin-top: auto;
            margin-bottom: 56px;
        }

        .country-language .header .country-website .title {
            font-size: 50px;
            line-height: 54px;
            max-height: 60px;
        }

        .country-language .disclaimer-cont .disclaimer-language.richtext p {
            font-size: 14px;
            line-height: 26px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .country-language {
        padding: 72px 0 0 0;
    }

        .country-language .container-fluid {
            max-width: 1436px;
        }

        .country-language .col-12:last-child {
            margin-top: auto;
            margin-bottom: 64px;
        }

        .country-language .countries-cta {
            margin: 64px 0 0 0;
        }
}
/****************************** END COUNTRY LANGUAGE *****************************/
/* FORM STATES UNIFY FORMS */
.formStates {
    font-family: "SeatRegular",sans-serif;
    margin-bottom: 40px;
    /** input + icon **/
    /** input checkbox **/
    /** input radio **/
    /** label question & disabled state **/
    /** dropdown **/
    /** text area **/
    /** distance **/
    /*bootstrap-datepicker - customization*/
    /*intl-input - customization*/
}

@keyframes slideUp {
    0% {
        opacity: 0;
    }

    100% {
        top: -20px;
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -20px;
    }

    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-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(15, 15, 15, 0.3);
}

.formStates .hidden {
    display: none !important;
    visibility: hidden !important;
}

.formStates .clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.formStates .subtitle {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #0f0f0f;
    margin-bottom: 40px;
}

    .formStates .subtitle.text-black-60 {
        color: rgba(15, 15, 15, 0.6);
    }

.formStates .richtext-block {
    margin-bottom: 32px;
}

.formStates .richtext {
    color: rgba(15, 15, 15, 0.6);
    line-height: 30px;
}

    .formStates .richtext p {
        color: rgba(15, 15, 15, 0.6);
    }

    .formStates .richtext a {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        font-weight: 700;
        color: #0f0f0f;
        padding-bottom: 8px;
        border-bottom: 2px solid #0f0f0f;
        white-space: nowrap;
    }

        .formStates .richtext a:hover, .formStates .richtext a.hover {
            text-decoration: none;
            color: rgba(15, 15, 15, 0.6);
            border-bottom: 2px solid rgba(51, 48, 46, 0.6);
        }

        .formStates .richtext a:active, .formStates .richtext a.active {
            border-bottom: 2px solid #393634;
        }

        .formStates .richtext a.disabled {
            color: rgba(15, 15, 15, 0.2);
            border-bottom: solid 2px rgba(15, 15, 15, 0.2);
            opacity: 1;
        }

    .formStates .richtext.subtitle {
        margin-bottom: 16px;
        color: #0f0f0f;
    }

        .formStates .richtext.subtitle.text-black-60 {
            color: rgba(15, 15, 15, 0.6);
        }

        .formStates .richtext.subtitle.special-m-secondary-subtitle {
            margin-bottom: 32px;
        }

        .formStates .richtext.subtitle.margin-bottom-64 {
            margin-bottom: 64px;
        }

.formStates .disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

    .formStates .disabled .titleDropDown {
        opacity: 0.4;
    }

.formStates .error {
    position: absolute;
    font-family: "SeatRegular",sans-serif;
    font-size: 12px;
    line-height: 26px;
    color: #e63a2b;
}

.formStates .errorText {
    font-family: "SeatMedium",sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #e63a2b;
}

.formStates .form-group,
.formStates .input-group {
    position: relative;
    margin-bottom: 56px;
    margin-bottom: calc(32px + 24px);
    text-align: left;
    /* Change Autocomplete styles in Chrome*/
}

    .formStates .form-group.margin-bottom-40,
    .formStates .input-group.margin-bottom-40 {
        margin-bottom: 40px;
    }

    .formStates .form-group input[type="text"],
    .formStates .form-group input[type="email"],
    .formStates .form-group input[type="tel"],
    .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 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 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 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;
            border-color: rgba(15, 15, 15, 0.6);
        }

        .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 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 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 .input-group input[type="text"]::-ms-clear,
        .formStates .input-group input[type="email"]::-ms-clear,
        .formStates .input-group input[type="tel"]::-ms-clear {
            display: none;
        }

        .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: #0f0f0f !important;
        }

    .formStates .form-group label,
    .formStates .input-group label {
        font-family: "SeatMedium",sans-serif;
        font-size: 16px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        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.active, .formStates .form-group label.fixed,
        .formStates .input-group label.active,
        .formStates .input-group label.fixed {
            top: -24px;
            font-size: 12px;
            line-height: 22px;
        }

    .formStates .form-group .inputDescription,
    .formStates .input-group .inputDescription {
        position: absolute;
        font-size: 12px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        bottom: auto;
        max-height: 52px;
        overflow: hidden;
    }

    .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;
            min-width: 22px;
            width: 22px;
            height: 24px;
            margin-bottom: 16px;
        }

        .formStates .input-group .input-group-btn .geolocating {
            background: transparent url("main/img/icon-location.svg") no-repeat scroll top left;
        }

        .formStates .input-group .input-group-btn .icon-calendar {
            background: transparent url("main/img/icon-calendar.svg") no-repeat scroll top left;
        }

        .formStates .input-group .input-group-btn .eye {
            min-width: 24px;
            width: 24px;
            height: 24px;
            background: transparent url("main/img/icon_hide_pass.svg") no-repeat scroll top left;
            background-size: 24px 24px;
            margin-top: 8px;
        }

            .formStates .input-group .input-group-btn .eye.open {
                background: transparent url("main/img/icon_show_pass.svg") no-repeat scroll top left;
                background-size: 24px 24px;
            }

        .formStates .input-group .input-group-btn .block {
            width: 14px;
            height: 24px;
            background: transparent url("main/img/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/icon_clock.svg") no-repeat scroll top left;
            cursor: pointer;
        }

        .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 8px;
        }

        .formStates .input-group .input-group-btn .getGeoLocation {
            padding: 0px;
            width: 22px;
            height: 24px;
        }

    .formStates .input-group .inputDescription {
        bottom: auto;
        top: 100%;
        left: 0px;
    }

    .formStates .input-group *::-ms-backdrop,
    .formStates .input-group .input-group-btn .eye.open {
        background-size: 24px 17px;
        background-position-y: center;
    }

    .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;
        cursor: default;
    }

        .formStates .input-group.date .input-group-addon .btn,
        .formStates .input-group.time .input-group-addon .btn {
            cursor: default;
        }

.formStates legend {
    font-family: "SeatMedium",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: rgba(15, 15, 15, 0.6);
    margin-bottom: 16px;
}

.formStates .form-control {
    font-family: "SeatRegular",sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #0f0f0f;
    position: relative;
    padding: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(15, 15, 15, 0.2);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    transition: border-bottom 100ms ease;
    padding-bottom: 4px;
    height: 34px;
    min-height: 34px;
}

    .formStates .form-control::-webkit-input-placeholder {
        color: rgba(15, 15, 15, 0.6);
    }

    .formStates .form-control::-moz-placeholder {
        color: rgba(15, 15, 15, 0.6);
    }

    .formStates .form-control:-ms-input-placeholder {
        color: rgba(15, 15, 15, 0.6);
    }

    .formStates .form-control:-moz-placeholder {
        color: rgba(15, 15, 15, 0.6);
    }

    .formStates .form-control.error {
        position: relative;
        border-bottom: 1px solid #e63a2b;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
    }

    .formStates .form-control.valid {
        border-bottom: 1px solid #00afac;
    }

.formStates .form-control-feedback,
.formStates .form-control-block {
    display: block;
    position: absolute;
    bottom: 16px;
    right: 0;
    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(15, 15, 15, 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 .inputDescription {
        position: absolute;
        font-size: 12px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        left: 0;
        bottom: unset;
        max-height: 52px;
        overflow: hidden;
    }

    .formStates .checkbox-inline.margin-bottom-64 {
        margin-bottom: 64px;
    }

    .formStates .checkbox-inline .error {
        padding-left: 32px;
        position: initial;
    }

    .formStates .checkbox-inline a,
    .formStates .checkbox-inline .link {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        font-weight: 700;
        color: #0f0f0f;
        padding-bottom: 8px;
        border-bottom: 2px solid #0f0f0f;
        white-space: nowrap;
    }

        .formStates .checkbox-inline a:hover,
        .formStates .checkbox-inline .link:hover {
            text-decoration: none;
            color: rgba(15, 15, 15, 0.6);
            border-bottom: 2px solid rgba(51, 48, 46, 0.6);
        }

.formStates .checkbox {
    position: relative;
    display: inline-block;
    margin: 0;
}

    .formStates .checkbox:focus {
        outline: none;
    }

    .formStates .checkbox label {
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding: 0 0 0 32px;
    }

        .formStates .checkbox label p {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
        }

        .formStates .checkbox label:focus {
            outline: none;
        }

        .formStates .checkbox label.error {
            color: #e63a2b;
            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: 6px;
            left: 0;
            content: "";
            display: block;
            border-radius: 4px;
            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 rgba(15, 15, 15, 0.2);
        }

        .formStates .checkbox input[type="checkbox"]:not(:checked) + label:after, .formStates .checkbox input[type="checkbox"]:checked + label:after {
            width: 20px;
            height: 20px;
            background: #0f0f0f url("main/img/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.disabled {
        cursor: default;
        color: rgba(15, 15, 15, 0.2);
        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: rgba(15, 15, 15, 0.2);
        }

        .formStates .checkbox.disabled label {
            cursor: default;
            color: rgba(15, 15, 15, 0.2);
        }

    .formStates .checkbox.indeterminate input[type="checkbox"]:not(:checked) + label:after, .formStates .checkbox.indeterminate input[type="checkbox"]:checked + label:after {
        content: '';
        background: #0f0f0f url("main/img/icon-check-indeterminate.svg") left center no-repeat;
        padding-top: 1px;
    }

    .formStates .checkbox.indeterminate label {
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: rgba(15, 15, 15, 0.6);
    }

.formStates .radio-inline {
    padding-left: 0;
    margin-bottom: 48px;
    position: relative;
}

    .formStates .radio-inline .radio label {
        margin-bottom: 0;
    }

    .formStates .radio-inline.radio-column .radio {
        display: block;
        margin-bottom: 8px;
    }

    .formStates .radio-inline .inputDescription {
        position: absolute;
        font-size: 12px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        left: 0;
        bottom: unset;
        max-height: 52px;
        overflow: hidden;
    }

.formStates .radio {
    position: relative;
    display: inline-block;
    margin: 0 40px 0 0;
}

    .formStates .radio label {
        font-family: "SeatMedium",sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: rgba(15, 15, 15, 0.6);
        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: #e63a2b;
            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: #fafaf9;
                width: 24px;
                height: 24px;
                border: 2px solid rgba(15, 15, 15, 0.2);
            }

            .formStates .radio input[type="radio"]:not(:checked) + label:after, .formStates .radio input[type="radio"]:checked + label:after {
                top: 4px;
                left: 2px;
                background: #0f0f0f;
                width: 20px;
                height: 20px;
                border: 5px solid #fafaf9;
            }

            .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: "SeatMedium",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: rgba(15, 15, 15, 0.6);
            opacity: .50;
        }

    .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: "SeatRegular",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: #0f0f0f;
        }

.formStates .radio-list {
    display: block;
}

.formStates .panel-group label.question,
.formStates .question {
    font-family: "SeatBold",sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #0f0f0f;
    text-align: left;
    display: block;
    margin: 0 0 32px 0;
}

    .formStates .panel-group label.question.disabled,
    .formStates .question.disabled {
        color: rgba(15, 15, 15, 0.2);
    }

.formStates .question-xtra {
    font-family: "SeatBold",sans-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(15, 15, 15, 0.3);
    }

        .formStates .panel-body .btn-group .btn {
            min-width: 136px;
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            text-decoration: none;
            background-color: transparent;
            border: none;
            border-radius: 0;
            padding: 8px 16px;
        }

            .formStates .panel-body .btn-group .btn.active {
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f !important;
                border-bottom: 1px solid #0f0f0f;
            }

.formStates .btn-lineBottom {
    min-width: 136px;
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: rgba(15, 15, 15, 0.6);
    text-decoration: none;
    background-color: transparent;
    border-bottom: 2px solid rgba(15, 15, 15, 0.6);
    border-radius: 0;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 8px 16px;
}

.formStates .filterContainer .titleDropDown {
    font-family: "SeatBold",sans-serif;
    color: rgba(15, 15, 15, 0.6);
    font-family: "SeatMedium",sans-serif;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    top: -24px;
}

.formStates .filterContainer .special-drop {
    display: none;
}

    .formStates .filterContainer .special-drop .dropdown-toggle {
        position: relative;
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: #0f0f0f;
        text-align: left;
        background: url("main/img/arrowdown-icon-select-gray.svg") center no-repeat;
        background-position-x: 99%;
        background-position-y: 40%;
        background-size: 15px 9px;
        display: block;
        width: 100%;
        min-height: 40px;
        padding: 0 24px 8px 0;
        border: none;
        border-bottom: 1px solid rgba(15, 15, 15, 0.2);
        border-radius: 0;
        transition: all .2s ease-in;
        cursor: pointer;
    }

        .formStates .filterContainer .special-drop .dropdown-toggle:focus {
            outline: none;
        }

        .formStates .filterContainer .special-drop .dropdown-toggle.valid {
            border-color: #00afac;
        }

        .formStates .filterContainer .special-drop .dropdown-toggle.error {
            border-color: #e63a2b;
        }

        .formStates .filterContainer .special-drop .dropdown-toggle::after {
            display: none;
        }

    .formStates .filterContainer .special-drop .dropdown-menu {
        width: 100%;
        max-height: 375px;
        overflow-y: auto;
        border-color: #ccc;
        z-index: 49;
    }

        .formStates .filterContainer .special-drop .dropdown-menu::-webkit-scrollbar {
            margin-top: 15px;
            width: 11px;
            background-color: #fff;
            border-radius: 8px;
        }

        .formStates .filterContainer .special-drop .dropdown-menu::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .formStates .filterContainer .special-drop .dropdown-menu::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: rgba(15, 15, 15, 0.1);
        }

    .formStates .filterContainer .special-drop .dropdown-item {
        white-space: normal;
        padding: 8px 16px 8px 16px;
    }

        .formStates .filterContainer .special-drop .dropdown-item:first-child {
            font-family: "SeatMedium",sans-serif;
            color: rgba(15, 15, 15, 0.6);
            background: url("main/img/arrowup-icon-select-gray.svg") center no-repeat;
            background-size: 15px 9px;
            background-position-x: 94%;
            background-position-y: 40%;
            padding-bottom: 16px;
            cursor: not-allowed;
            pointer-events: 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-dropdown.svg") center no-repeat;
            background-position-x: 94%;
            background-position-y: 50%;
        }

            .formStates .filterContainer .special-drop .dropdown-item.selected:hover {
                background-color: rgba(222, 218, 212, 0.2);
            }

        .formStates .filterContainer .special-drop .dropdown-item:active {
            color: #0f0f0f;
            text-decoration: none;
            background-color: #f8f9fa;
        }

    .formStates .filterContainer .special-drop .anim-slideUp {
        animation: slideUp 0.3s;
    }

    .formStates .filterContainer .special-drop .anim-slidedown {
        animation: slideDown 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/arrowdown-icon-select-gray.svg") center no-repeat;
    background-position-x: 99%;
    background-position-y: 40%;
    background-size: 15px 9px;
    background-color: #fafaf9;
    border: none;
    border-bottom: 1px solid rgba(15, 15, 15, 0.2);
    border-radius: 0;
    font-family: "SeatRegular",sans-serif;
    color: #0f0f0f;
    font-size: 16px;
    line-height: 26px;
    padding: 0 16px 8px 0;
    height: auto;
}

    .formStates .filterContainer select.form-control.valid {
        border-color: #00afac;
    }

    .formStates .filterContainer select.form-control.error {
        border-color: #e63a2b;
    }

.formStates textarea.form-control {
    width: 100%;
    height: 34px;
    min-height: 34px;
    box-sizing: border-box;
    overflow: hidden;
    resize: none;
    padding: 8px 0 6px 0;
}

.formStates .radiogroup .form-group p {
    font-family: "SeatMedium",sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: rgba(15, 15, 15, 0.6);
}

.formStates .distance {
    position: relative;
    height: 56px;
    width: calc(100% - 69px);
    padding-left: 0;
    margin-bottom: 0;
}

    .formStates .distance .line {
        position: absolute;
        top: 1px;
        left: 8px;
        width: 100%;
        height: 10px;
        border-bottom: 2px solid rgba(15, 15, 15, 0.2);
    }

    .formStates .distance .legend {
        position: absolute;
        bottom: 0;
        right: -80px;
        font-weight: normal;
        font-size: 20px;
        color: #0f0f0f;
    }

    .formStates .distance .radio,
    .formStates .distance .checkboxfield {
        position: absolute;
        margin: 0;
        display: inline-block;
        padding-top: 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: 3px;
                top: -2px;
            }

            .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: 5px;
                top: 0;
            }

        .formStates .distance .radio label,
        .formStates .distance .checkboxfield label {
            display: inline-block;
            padding: 32px 0 0 0;
            margin-bottom: 0;
        }

    .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 .datetimepicker-time .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 320px;
}

.formStates .datetimepicker-date .bootstrap-datetimepicker-widget.dropdown-menu,
.formStates .datetimepicker-time .bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 49;
}

.formStates .bootstrap-datetimepicker-widget .icon {
    display: inline-block;
    width: 16px;
    height: 23px;
    flex-basis: auto;
}

.formStates .bootstrap-datetimepicker-widget .icon-up {
    background: url("main/img/ico-next-gray.svg") no-repeat;
    background-size: 12px 12px;
    background-position: right center;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.formStates .bootstrap-datetimepicker-widget .icon-down {
    background: url("main/img/ico-next-gray.svg") no-repeat;
    background-size: 12px 12px;
    background-position: right center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.formStates .bootstrap-datetimepicker-widget .icon-next {
    background: url("main/img/ico-next-gray.svg") no-repeat;
    background-size: 12px 12px;
    background-position: right center;
}

.formStates .bootstrap-datetimepicker-widget .icon-previous {
    background: url("main/img/ico-next-gray.svg") no-repeat;
    background-size: 12px 12px;
    background-position: left center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.formStates .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 368px;
    margin: 0px 0 0 0;
    padding: 16px;
    border-radius: 4px;
    border-color: #dedad4;
}

    .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: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(15, 15, 15, 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(15, 15, 15, 0.05);
        }

    .formStates .bootstrap-datetimepicker-widget table th.picker-switch {
        font-family: "SeatBlack",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
    }

        .formStates .bootstrap-datetimepicker-widget table th.picker-switch:hover {
            background: rgba(15, 15, 15, 0.05);
        }

.formStates .bootstrap-datetimepicker-widget table td.day {
    width: 54px;
    height: 48px;
    font-family: "SeatRegular",sans-serif;
    font-size: 16px;
    line-height: 29px;
}

    .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(15, 15, 15, 0.05);
    }

.formStates .bootstrap-datetimepicker-widget table td.disabled, .formStates .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: rgba(15, 15, 15, 0.32);
}

.formStates .bootstrap-datetimepicker-widget table td.active, .formStates .bootstrap-datetimepicker-widget table td.active:hover {
    font-family: "SeatBold",sans-serif;
    background-color: #ea5d1a;
    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(15, 15, 15, 0.4);
}

.formStates .bootstrap-datetimepicker-widget table td span.active {
    background-color: #ea5d1a;
}

.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 {
    font-family: "SeatRegular",sans-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 {
        background: rgba(15, 15, 15, 0.05);
    }

.formStates .intl-tel-input .country-list {
    font-family: "SeatRegular",sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: rgba(15, 15, 15, 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(15, 15, 15, 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/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;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
}

    .formStates .btn span {
        overflow: hidden;
        flex-basis: 100%;
        -ms-flex: 1 1 auto;
    }

    .formStates .btn.disabled {
        opacity: 1;
    }

    .formStates .btn:focus {
        outline: 0;
    }

.formStates .btn-continue {
    margin-top: 40px;
}

.formStates .icon-ok {
    content: '';
    vertical-align: middle;
    border: none;
    position: absolute;
    top: 8px;
    right: 8px;
    background: url(main/img/icon-ok.svg) center center no-repeat;
    height: 16px;
    width: 16px;
}

.formStates .dropdownlistComponent .filterDropDown .form-group .uplabelTransition {
    top: -24px;
    font-size: 12px !important;
    line-height: 22px !important;
    padding-bottom: 40px !important;
    transition: all .2s ease-in;
}

.formStates input.form-control.datetimepicker-input:hover {
    cursor: pointer;
}

/* Tablet */
_:-ms-fullscreen, :root .formStates .checkbox-inline .error {
    position: static;
}

@media (min-width: 764px) {
    .formStates {
        margin-bottom: 72px;
        /** distance **/
    }

        .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-block {
            margin-bottom: 32px;
        }

        .formStates .form-group,
        .formStates .input-group {
            margin-bottom: 64px;
            margin-bottom: calc(40px + 24px);
        }

        .formStates .checkbox {
            margin: 0 32px 0 0;
        }

        .formStates .distance {
            width: calc(80% - 22px);
        }

        .formStates .btn {
            max-width: 264px;
        }

        .formStates .btn-block {
            margin-top: 32px;
        }

        .formStates .btn-continue {
            margin-top: 64px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .formStates {
        margin-bottom: 88px;
        /** label question & disabled state **/
        /** text area **/
    }

        .formStates .subtitle {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: #0f0f0f;
            margin-bottom: 32px;
        }

        .formStates .link {
            font-size: 16px;
            line-height: 30px;
        }

        .formStates .checkbox-inline a,
        .formStates .checkbox-inline .link {
            font-size: 16px;
            line-height: 30px;
        }

        .formStates .richtext a {
            font-size: 16px;
            line-height: 30px;
        }

        .formStates .richtext.subtitle.special-m-secondary-subtitle {
            margin-bottom: 40px;
        }

        .formStates .form-group label,
        .formStates .input-group label {
            font-family: "SeatMedium",sans-serif;
            font-size: 16px;
            line-height: 26px;
        }

        .formStates legend {
            font-size: 16px;
            line-height: 30px;
        }

        .formStates .form-control {
            font-size: 16px;
            line-height: 30px;
            height: 40px;
            min-height: 40px;
            padding-bottom: 8px;
        }

            .formStates .form-control.error {
                font-size: 16px;
                line-height: 30px;
            }

        .formStates .checkbox label {
            font-size: 16px;
            line-height: 30px;
        }

            .formStates .checkbox label p {
                font-size: 16px;
                line-height: 30px;
            }

        .formStates .checkbox.indeterminate label {
            font-size: 16px;
            line-height: 30px;
        }

        .formStates .panel-group label.question,
        .formStates .question {
            font-size: 16px;
            line-height: 30px;
            margin: 0 0 32px 0;
        }

        .formStates .filterContainer .titleDropDown {
            display: none;
        }

        .formStates .filterContainer select.form-control {
            display: none;
        }

        .formStates .filterContainer .special-drop {
            display: block;
            cursor: pointer;
        }

        .formStates textarea.form-control {
            height: 40px;
            min-height: 40px;
        }

        .formStates .btn-block {
            margin-top: 40px;
        }

        .formStates .distance {
            width: calc(100% - 125px);
        }
}
/* XL */
@media (min-width: 1436px) {
    .formStates {
        /** distance **/
    }

        .formStates .distance {
            width: calc(100% - 184px);
        }

        .formStates .richtext.subtitle {
            margin-bottom: 40px;
        }

        .formStates .richtext.special-m-secondary-subtitle {
            margin-top: 0;
        }

        .formStates .btn {
            max-width: 287px;
        }
}
/*Dynamic form hero*/
/* 320 mobile */
.dynamic-form-hero {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    background-color: #fafaf9;
}

    .dynamic-form-hero .container-fluid {
        max-width: 1436px;
    }

    .dynamic-form-hero .eyebrow {
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 26px;
    }

    .dynamic-form-hero .title {
        margin: 0;
        padding-bottom: 4px;
        font-size: 38px;
        line-height: 40px;
        overflow: hidden;
        max-height: 164px;
    }

    .dynamic-form-hero.with-image .cont-module, .dynamic-form-hero.without-image .cont-module {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
    }

        .dynamic-form-hero.with-image .cont-module .flex-column, .dynamic-form-hero.without-image .cont-module .flex-column {
            height: 100%;
        }

            .dynamic-form-hero.with-image .cont-module .flex-column .align-items-center, .dynamic-form-hero.without-image .cont-module .flex-column .align-items-center {
                height: 100%;
            }

        .dynamic-form-hero.with-image .cont-module .infos-block, .dynamic-form-hero.without-image .cont-module .infos-block {
            margin: auto;
            text-align: center;
        }

            .dynamic-form-hero.with-image .cont-module .infos-block.white-text, .dynamic-form-hero.without-image .cont-module .infos-block.white-text {
                color: #fff;
            }

            .dynamic-form-hero.with-image .cont-module .infos-block.black-text, .dynamic-form-hero.without-image .cont-module .infos-block.black-text {
                color: #0f0f0f;
            }

    .dynamic-form-hero.with-image .cont-img {
        overflow: hidden;
        margin: 0;
        width: 100%;
        height: 240px;
        max-height: 240px;
    }

        .dynamic-form-hero.with-image .cont-img img {
            object-fit: cover;
            object-position: 0 0;
            width: auto;
            height: 100%;
            min-width: 100%;
            max-width: none;
            max-height: 240px;
        }

    .dynamic-form-hero.with-image .eyebrow {
        margin-top: -16px;
    }

    .dynamic-form-hero.with-image + .dynamicformbuilder.section {
        padding-top: 40px;
        background-color: #fafaf9;
    }

    .dynamic-form-hero.no-img-s {
        background-color: #fafaf9;
        color: #0f0f0f;
    }

        .dynamic-form-hero.no-img-s .cont-img img {
            display: none;
        }

        .dynamic-form-hero.no-img-s .eyebrow {
            margin-top: -16px;
        }

        .dynamic-form-hero.no-img-s .cont-module .infos-block.black-text, .dynamic-form-hero.no-img-s .cont-module .infos-block.white-text {
            color: #0f0f0f;
        }

    .dynamic-form-hero.without-image {
        padding-top: 40px;
        padding-bottom: 36px;
    }

        .dynamic-form-hero.without-image .cont-module {
            position: relative;
            height: auto;
        }

            .dynamic-form-hero.without-image .cont-module .infos-block {
                padding: 0;
            }

/* Tablet */
@media (min-width: 764px) {
    .dynamic-form-hero .eyebrow {
        margin-top: 0;
    }

    .dynamic-form-hero .title {
        max-height: 84px;
    }

    .dynamic-form-hero.with-image .cont-module .infos-block, .dynamic-form-hero.without-image .cont-module .infos-block {
        padding-left: 16px;
        padding-right: 16px;
    }

    .dynamic-form-hero.with-image .cont-img {
        height: 400px;
        max-height: 400px;
    }

        .dynamic-form-hero.with-image .cont-img img {
            max-height: 400px;
        }

    .dynamic-form-hero.with-image .eyebrow {
        margin-top: 0;
    }

    .dynamic-form-hero.with-image .cont-module {
        max-height: 400px;
    }

    .dynamic-form-hero.with-image + .dynamicformbuilder.section {
        padding-top: 72px;
        background-color: #fafaf9;
    }

    .dynamic-form-hero.no-img-s .cont-img img {
        display: block;
    }

    .dynamic-form-hero.no-img-s .eyebrow {
        margin-top: 0;
    }

    .dynamic-form-hero.no-img-s .cont-module {
        max-height: 400px;
    }

        .dynamic-form-hero.no-img-s .cont-module .infos-block.black-text {
            color: #0f0f0f;
        }

        .dynamic-form-hero.no-img-s .cont-module .infos-block.white-text {
            color: #fff;
        }

    .dynamic-form-hero.without-image {
        padding-top: 72px;
        padding-bottom: 68px;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .dynamic-form-hero .eyebrow {
        font-size: 16px;
        line-height: 30px;
    }

    .dynamic-form-hero .title {
        font-size: 50px;
        line-height: 54px;
        max-height: 112px;
    }

    .dynamic-form-hero.with-image .cont-module .infos-block, .dynamic-form-hero.without-image .cont-module .infos-block {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1016px) and (max-width: 1436px) {
    .dynamic-form-hero .col-lg-10-custom {
        flex: 0 0 94%;
        max-width: 94%;
    }
}
/*END Dynamic form hero*/
/*-------------------------- DYNAMIC FORM - ONE STEP -------------------------*/
/* 320 mobile */
.dynamic-form-one-step {
    position: relative;
    background-color: #fafaf9;
    font-family: "SeatRegular",sans-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 {
        margin-bottom: 40px;
    }

        .dynamic-form-one-step .formStates .container-fluid:first-child {
            padding-left: 0;
            padding-right: 0;
        }

        .dynamic-form-one-step .formStates .btn {
            max-width: 287px;
        }

        .dynamic-form-one-step .formStates .richtext-block {
            margin-bottom: 40px;
        }

        .dynamic-form-one-step .formStates .btn-block {
            margin-top: 24px;
        }

/* Tablet */
@media (min-width: 764px) {
    .dynamic-form-one-step .formStates {
        margin-bottom: 72px;
    }

        .dynamic-form-one-step .formStates .container-fluid:first-child {
            padding-left: 16px;
            padding-right: 16px;
        }

        .dynamic-form-one-step .formStates .form-control-feedback {
            right: 32px;
        }

        .dynamic-form-one-step .formStates .btn {
            max-width: 180px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .dynamic-form-one-step .formStates {
        margin-bottom: 88px;
    }

        .dynamic-form-one-step .formStates .btn {
            max-width: 264px;
        }
}
/* XL */
@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 {
        max-width: 287px;
    }

    .dynamic-form-one-step .formStates .btn-block {
        margin-top: 32px;
    }
}
/*-------------------------- END DYNAMIC FORM - ONE STEP -------------------------*/
/*-------------------------- DYNAMIC FORM - MULTI STEP -------------------------*/
/* 320 mobile */
.dynamic-form-multi-step {
    position: relative;
    background-color: #fafaf9;
    font-family: "SeatRegular",sans-serif;
}

    .dynamic-form-multi-step .container-fluid {
        max-width: 1436px;
    }

    .dynamic-form-multi-step .newBookTestDrive {
        position: relative;
        padding-bottom: 40px;
    }

        .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 .btn.send {
            margin-top: 16px;
        }

        .dynamic-form-multi-step .newBookTestDrive .hidden {
            display: none !important;
            visibility: hidden !important;
        }

        .dynamic-form-multi-step .newBookTestDrive .error {
            color: #e63a2b;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel.panel-default.disabled {
            opacity: 1;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading {
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
            background: transparent;
            border-bottom: 1px solid rgba(15, 15, 15, 0.2);
            padding: 24px 0;
        }

            .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number {
                display: inline-block;
                font-family: "SeatMedium",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(15, 15, 15, 0.6);
                width: 24px;
                height: 24px;
                background: #fafaf9;
                border: 1px solid rgba(15, 15, 15, 0.6);
                border-radius: 50%;
                text-align: center;
                padding: 0 8px;
                margin-right: 24px;
            }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.active {
                    border: 1px solid #0f0f0f;
                    color: #0f0f0f;
                }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.valid {
                    border: 1px solid #00afac;
                    position: absolute;
                    left: 0;
                    top: 27px;
                }

                    .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.valid img {
                        width: 13px;
                        height: 9px;
                        margin: -2px 0 0 -3px;
                    }

            .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title {
                font-family: "SeatBold",sans-serif;
                font-size: 18px;
                line-height: 30px;
                color: #0f0f0f;
                text-align: left;
                margin-bottom: 0;
                padding: 0;
                overflow: hidden;
                max-height: calc(30px*2);
                cursor: pointer;
                display: inline-block;
                width: calc(100% - 32px);
            }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title a {
                    display: block;
                }

                .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title > span {
                    display: inline;
                    padding-left: 0px;
                    padding-right: 32px;
                }

                    .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title > span:before {
                        content: '';
                        background: url("main/img/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: 16px;
                        height: 16px;
                        transform: rotate(180deg);
                        top: 44%;
                    }

                    .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: 64px 0 40px 0;
        }

            .dynamic-form-multi-step .newBookTestDrive .panel-body .col-12:first-child .richtext-block {
                margin-top: 0;
            }

            .dynamic-form-multi-step .newBookTestDrive .panel-body .col-12:first-child.richtext-block {
                margin-top: 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(15, 15, 15, 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;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    text-align: center;
                    text-decoration: none;
                    background-color: transparent;
                    border: none;
                    border-radius: 0;
                    cursor: pointer;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    appearance: none;
                    padding: 8px 16px;
                }

                    .dynamic-form-multi-step .newBookTestDrive .panel-body .btn-group .btn.active,
                    .dynamic-form-multi-step .newBookTestDrive .panel-body .btn-group a[type=button].active {
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f !important;
                        border-bottom: 1px solid #0f0f0f;
                    }

        .dynamic-form-multi-step .newBookTestDrive .single-step .panel-heading .panel-title {
            cursor: auto;
        }

            .dynamic-form-multi-step .newBookTestDrive .single-step .panel-heading .panel-title > span:before {
                display: none;
            }

        .dynamic-form-multi-step .newBookTestDrive .input-label {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            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 .vehicle {
            list-style: none;
            padding: 0;
            margin-bottom: 0;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -32px;
        }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li {
                background-color: transparent;
                -webkit-transition: all .1s ease-in;
                -moz-transition: all .1s ease-in;
                transition: all .1s ease-in;
                text-align: center;
                padding: 8px;
                -ms-flex: 0 0 calc(50% - 24px);
                flex: 0 0 calc(50% - 24px);
                max-width: calc(50% - 24px);
                margin-right: 16px;
            }

                .dynamic-form-multi-step .newBookTestDrive .vehicle li:nth-child(2n) {
                    margin-right: 0;
                }

                .dynamic-form-multi-step .newBookTestDrive .vehicle li.selected, .dynamic-form-multi-step .newBookTestDrive .vehicle li:hover {
                    background-color: rgba(222, 218, 212, 0.2);
                }

                .dynamic-form-multi-step .newBookTestDrive .vehicle li a {
                    outline: none;
                    font-family: "SeatBold",sans-serif;
                    color: #0f0f0f;
                    font-size: 14px;
                    line-height: 26px;
                }

                    .dynamic-form-multi-step .newBookTestDrive .vehicle li a:hover {
                        text-decoration: none;
                    }

                    .dynamic-form-multi-step .newBookTestDrive .vehicle li a:hover, .dynamic-form-multi-step .newBookTestDrive .vehicle li a:focus {
                        outline: none;
                    }

                .dynamic-form-multi-step .newBookTestDrive .vehicle li img {
                    margin: 0 auto;
                    width: 100%;
                    min-width: auto;
                    max-width: none;
                    height: auto;
                }

                .dynamic-form-multi-step .newBookTestDrive .vehicle li p {
                    margin-top: 8px;
                    margin-bottom: 0;
                    overflow: hidden;
                    max-height: calc(26px*2);
                }

        .dynamic-form-multi-step .newBookTestDrive .form-model {
            min-height: 32px;
        }

        .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 .richtext-block {
            margin-bottom: 32px;
        }

            .dynamic-form-multi-step .newBookTestDrive .richtext-block .subtitle {
                margin-bottom: 16px;
            }

        .dynamic-form-multi-step .newBookTestDrive .terms-conditions {
            margin-top: 32px;
        }

        .dynamic-form-multi-step .newBookTestDrive .selectYourCar .panel-body {
            padding: 32px 0 40px 0;
        }

        .dynamic-form-multi-step .newBookTestDrive .selectYourCar .btn-continue {
            margin-top: 32px;
        }

        .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 .panel-body {
                padding: 40px 0 0 0;
            }

            .dynamic-form-multi-step .newBookTestDrive .personalInformation .question {
                line-height: 30px;
                margin-top: 0;
            }

                .dynamic-form-multi-step .newBookTestDrive .personalInformation .question.margin-bottom-64 {
                    margin-bottom: 64px;
                }

            .dynamic-form-multi-step .newBookTestDrive .personalInformation span.email-control {
                position: absolute;
                right: 13px;
                top: 38px;
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list {
            margin-top: 40px;
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .tabs-panel .tab {
                padding-left: 0;
                padding-right: 0;
            }

                .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .tabs-panel .tab.tab2 {
                    display: none;
                }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .tabs-button {
                width: 100%;
                max-width: 468px;
                margin-top: 0;
            }

                .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .tabs-button .btn,
                .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .tabs-button a[type=button] {
                    width: 50%;
                    padding: 8px 16px 0 16px;
                    height: 40px;
                }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list {
                overflow-y: auto;
                min-height: 300px;
            }

                .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 .radio {
                        margin-right: 0;
                    }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list label {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
                margin-bottom: 0;
                padding-left: 40px;
                padding-top: 0;
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .direction {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
                margin-left: 40px;
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
            height: 324px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .itemSkeleton {
            display: none;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .date-time {
            margin-top: 40px;
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .date-time .question {
                margin-top: 0;
                margin-bottom: 56px;
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.searcherBoxInputs {
            margin-bottom: 32px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .input-group.nativeDatePicker {
            margin-bottom: 56px;
        }

            .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 .container-form-elements {
        padding-top: 64px;
    }

    .dynamic-form-multi-step .newBookTestDrive .selectYourCar .container-form-elements + .options .btn-continue {
        margin-top: 0;
    }

    .dynamic-form-multi-step .newBookTestDrive .container-form-elements + .options .btn-continue {
        margin-top: 0;
    }

    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements,
    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .options {
        padding-left: 0;
        padding-right: 0;
    }

    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements {
        padding-top: 56px;
    }

    .dynamic-form-multi-step .container-form-elements {
        padding-left: 0;
        padding-right: 0;
    }

/* Tablet */
@media (min-width: 764px) {
    .dynamic-form-multi-step .newBookTestDrive {
        padding-bottom: 72px;
    }

        .dynamic-form-multi-step .newBookTestDrive .cont-module {
            top: 50%;
            transform: translate(0, -50%);
        }

        .dynamic-form-multi-step .newBookTestDrive .btn.send {
            width: 180px;
            margin-top: 32px;
        }

        .dynamic-form-multi-step .newBookTestDrive .btn-continue {
            width: 264px;
            margin-top: 40px;
            margin-left: 16px;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number {
            left: 8px;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title {
            overflow: hidden;
            max-height: 30px;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-body {
            padding: 64px 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 .vehicle li {
            padding: 16px;
            -ms-flex: 0 0 calc(33.33333% - 32px);
            flex: 0 0 calc(33.33333% - 32px);
            max-width: calc(33.33333% - 32px);
            margin-right: 32px;
            margin-bottom: 8px;
        }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li:nth-child(2n) {
                margin-right: 32px;
            }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li:nth-child(3n) {
                margin-right: 0;
            }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li p {
                margin-top: 16px;
            }

        .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: "SeatRegular",sans-serif;
            font-size: 17px;
        }

        .dynamic-form-multi-step .newBookTestDrive .modal-body p {
            font-size: 35px;
        }

        .dynamic-form-multi-step .newBookTestDrive .richtext-block {
            margin-bottom: 40px;
        }

        .dynamic-form-multi-step .newBookTestDrive .selectYourCar .panel-body {
            padding-top: 48px;
        }

        .dynamic-form-multi-step .newBookTestDrive .selectYourCar .btn-continue {
            margin-top: 24px;
        }

        .dynamic-form-multi-step .newBookTestDrive .personalInformation .question {
            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;
        }

            .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 .tabs-panel .tab.tab2 {
                display: block !important;
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .tabs-button {
                display: none;
            }

            .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: 32px;
            margin-right: 16px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .date-time {
            margin-top: 64px;
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .date-time .question {
                margin-bottom: 64px;
            }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .btn-continue {
            margin-top: 0;
            margin-left: 0;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements {
            padding-top: 0;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .dynamic-form-multi-step .container,
    .dynamic-form-multi-step .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
    }

    .dynamic-form-multi-step .newBookTestDrive {
        padding-bottom: 88px;
    }

        .dynamic-form-multi-step .newBookTestDrive > .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }

        .dynamic-form-multi-step .newBookTestDrive .col-12 {
            padding-right: 16px;
            padding-left: 16px;
        }

        .dynamic-form-multi-step .newBookTestDrive .btn.send {
            width: 264px;
        }

        .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: 30px;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-title {
            font-size: 20px;
            line-height: 26px;
            overflow: hidden;
            max-height: 26px;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-heading .panel-number.valid {
            top: 25px;
        }

        .dynamic-form-multi-step .newBookTestDrive .panel-body {
            padding: 64px 0;
        }

        .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 .vehicle {
            padding-left: 40px;
            padding-right: 40px;
        }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li p {
                font-size: 16px;
                line-height: 29px;
            }

        .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: "SeatMedium",sans-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: "SeatBold",sans-serif;
                padding-top: 20px;
            }

                .dynamic-form-multi-step .newBookTestDrive .border-left-number .panel-title:first-child {
                    padding-top: 0;
                }

            .dynamic-form-multi-step .newBookTestDrive .border-left-number .panel-number {
                position: absolute;
                padding: 0 7px 5px 7px;
                font-family: "SeatRegular",sans-serif;
                background: #ccc;
                color: white;
                font-size: 1em;
                border-radius: 2px;
                left: -35px;
            }

                .dynamic-form-multi-step .newBookTestDrive .border-left-number .panel-number.active {
                    background: #e63a2b;
                }

        .dynamic-form-multi-step .newBookTestDrive .btn-continue {
            width: 264px;
            margin-top: 24px;
        }

        .dynamic-form-multi-step .newBookTestDrive .terms-conditions {
            margin-top: 40px;
        }

        .dynamic-form-multi-step .newBookTestDrive .personalInformation .personal-information-content .col-8,
        .dynamic-form-multi-step .newBookTestDrive .personalInformation .personal-information-content .col-9,
        .dynamic-form-multi-step .newBookTestDrive .personalInformation .personal-information-content .col-12 {
            padding-right: 32px;
            padding-left: 32px;
        }

        .dynamic-form-multi-step .newBookTestDrive .personalInformation .panel-body {
            padding-top: 64px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-fluid {
            padding-left: 16px;
            padding-right: 16px;
        }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-fluid.date-time, .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-fluid.general-ws {
                padding-left: 0;
                padding-right: 0;
            }

            .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-fluid .col-12 {
                padding-right: 32px;
                padding-left: 32px;
            }

        .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: 30px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .dealers-list .item-list {
            margin-right: 32px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
            height: 346px;
        }

        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements,
        .dynamic-form-multi-step .newBookTestDrive .findDealer-form .options {
            padding-left: 0;
            padding-right: 0;
        }

    .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;
    }
}
/* XL */
@media (min-width: 1436px) {
    .dynamic-form-multi-step .newBookTestDrive .btn.send {
        width: 287px;
    }

    .dynamic-form-multi-step .newBookTestDrive .btn-continue {
        width: 287px;
    }

    .dynamic-form-multi-step .newBookTestDrive .vehicle {
        padding-left: 0;
        padding-right: 0;
        margin-right: -32px;
    }

        .dynamic-form-multi-step .newBookTestDrive .vehicle li {
            -ms-flex: 0 0 calc(25% - 32px);
            flex: 0 0 calc(25% - 32px);
            max-width: calc(25% - 32px);
            margin-bottom: 0;
        }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li:nth-child(3n) {
                margin-right: 32px;
            }

            .dynamic-form-multi-step .newBookTestDrive .vehicle li:nth-child(4n) {
                margin-right: 0;
            }

    .dynamic-form-multi-step .newBookTestDrive .findDealer-form #map-df {
        height: 404px;
    }

    .dynamic-form-multi-step .newBookTestDrive .findDealer-form .container-form-elements {
        padding-top: 0;
    }
}
/*-------------------------- END DYNAMIC FORM - MULTI STEP -------------------------*/
/*Dynamic form - Error page*/
/* 320 mobile */
.dynamic-form-error-page {
    padding-right: 0 !important;
}

    .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: "SeatRegular",sans-serif;
        text-align: center;
    }

        .dynamic-form-error-page .modal-content .modal-body {
            padding: 48px 16px 32px 16px;
        }

            .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: 80px;
                    height: 80px;
                    margin: 0 auto 40px auto;
                }

            .dynamic-form-error-page .modal-content .modal-body .error-title {
                font-family: "SeatBlack",sans-serif;
                font-size: 20px;
                line-height: 26px;
                color: #0f0f0f;
                overflow: hidden;
                margin-bottom: 16px;
                max-height: calc(26px*4 + 1px);
            }

            .dynamic-form-error-page .modal-content .modal-body .error-message {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
                overflow: hidden;
                margin-bottom: 0;
                max-height: calc(30px*4 + 1px);
            }

    .dynamic-form-error-page .modal-footer {
        border-top: 0;
        padding: 0 0 48px 0;
    }

        .dynamic-form-error-page .modal-footer .btn {
            margin: auto;
            width: 212px;
            height: 48px;
            display: inline-flex;
            flex-direction: row;
            justify-content: center;
        }

            .dynamic-form-error-page .modal-footer .btn span {
                overflow: hidden;
                flex-basis: 100%;
            }

        .dynamic-form-error-page .modal-footer .modal-header {
            padding: 0;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            border-bottom: 0;
            height: 0;
        }

            .dynamic-form-error-page .modal-footer .modal-header .close {
                padding: 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;
            }

                .dynamic-form-error-page .modal-footer .modal-header .close:hover {
                    cursor: pointer;
                }

                    .dynamic-form-error-page .modal-footer .modal-header .close:hover img {
                        opacity: .4;
                    }

                .dynamic-form-error-page .modal-footer .modal-header .close img {
                    position: unset;
                    margin: 0 auto;
                    display: block;
                    width: 100%;
                    height: 100%;
                }

        .dynamic-form-error-page .modal-footer .modal-content .modal-title {
            font-family: "SeatBlack",sans-serif;
            font-size: 25px;
            line-height: 32px;
            margin-top: 0;
            margin-bottom: 16px;
        }

    .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;
    }

.modal-backdrop.show {
    opacity: .9;
    background-color: #33302e;
}

/* Tablet */
@media (min-width: 764px) {
    .dynamic-form-error-page .modal-dialog {
        max-width: 456px;
        padding: 0;
    }

    .dynamic-form-error-page .modal-content .modal-body {
        padding: 56px 32px 32px 32px;
    }

        .dynamic-form-error-page .modal-content .modal-body .error-title {
            max-height: calc(26px*2 + 1px);
        }

        .dynamic-form-error-page .modal-content .modal-body .error-message {
            max-height: calc(30px*2 + 1px);
        }

    .dynamic-form-error-page .modal-footer {
        padding: 0 0 56px 0;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .dynamic-form-error-page .modal-dialog {
        max-width: 460px;
    }

    .dynamic-form-error-page .modal-content .modal-body .error-title {
        font-size: 25px;
        line-height: 32px;
        max-height: calc(32px*2 + 1px);
    }

    .dynamic-form-error-page .modal-content .modal-body .error-message {
        font-size: 18px;
        line-height: 30px;
        max-height: calc(30px*2 + 1px);
    }

    .dynamic-form-error-page .modal-content .modal-footer .btn {
        margin: auto;
        width: 196px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .dynamic-form-error-page .modal-dialog {
        max-width: 436px;
    }

    .dynamic-form-error-page .modal-content .modal-footer .btn {
        margin: auto;
        max-width: 202px;
    }
}
/*END Dynamic form - Error page*/
/*Dynamic form - Confirmation screen*/
/* 320 mobile */
.dynamic-form-confirmation-screen {
    padding: 72px 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: "SeatBlack",sans-serif;
        font-size: 38px;
        line-height: 40px;
        color: #0f0f0f;
        overflow: hidden;
        margin-bottom: 28px;
        padding-bottom: 4px;
        max-height: calc(40px*4 + 4px);
    }

    .dynamic-form-confirmation-screen .message {
        font-family: "SeatRegular",sans-serif;
        font-size: 18px;
        line-height: 30px;
        color: rgba(15, 15, 15, 0.6);
        overflow: hidden;
        margin-bottom: 39px;
        max-height: calc(30px*4 + 1px);
    }

    .dynamic-form-confirmation-screen .btn {
        width: 100%;
        max-width: 288px;
        height: 48px;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
    }

        .dynamic-form-confirmation-screen .btn span {
            overflow: hidden;
            flex-basis: 100%;
        }

/* Tablet */
@media (min-width: 764px) {
    .dynamic-form-confirmation-screen {
        padding: 160px 0;
    }

        .dynamic-form-confirmation-screen .title {
            max-height: calc(40px*2 + 4px);
        }

        .dynamic-form-confirmation-screen .message {
            margin-bottom: 48px;
            max-height: calc(30px*2 + 1px);
        }

        .dynamic-form-confirmation-screen .btn {
            min-width: 212px;
            width: auto;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .dynamic-form-confirmation-screen {
        padding: 144px 0;
    }

        .dynamic-form-confirmation-screen .title {
            font-size: 50px;
            line-height: 54px;
            max-height: calc(54px*2 + 4px);
        }

        .dynamic-form-confirmation-screen .message {
            font-size: 20px;
            line-height: 26px;
            margin-bottom: 56px;
            max-height: calc(26px*2 + 1px);
        }

        .dynamic-form-confirmation-screen .btn {
            min-width: 196px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .dynamic-form-confirmation-screen {
        padding: 240px 0;
    }

        .dynamic-form-confirmation-screen .btn {
            min-width: 266px;
        }
}
/*END Dynamic form - Confirmation screen*/
/*Dynamic form - Pop-up*/
/*320 mobile*/
.modal.dynamic-form-popup {
    padding-right: 0 !important;
    margin: 0;
}

    .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: 20px;
                    line-height: 26px;
                    font-family: "SeatBlack",sans-serif;
                    color: #0f0f0f;
                }

                .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body .description * {
                    font-size: 14px;
                    line-height: 26px;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                    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;
                    }

/* tablet */
@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;
            }
}
/*desktop*/
@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: 25px;
        line-height: 32px;
    }

    .modal.dynamic-form-popup .modal-dialog .modal-content .modal-body .description {
        font-size: 16px;
        line-height: 30px;
    }
}
/*XL*/
@media (min-width: 1436px) {
    .modal.dynamic-form-popup .modal-dialog .modal-content {
        padding: 64px 48px;
    }
}
/****************************** COUNTRY LANGUAGE *****************************/
/* 320 mobile */
.country-languagev2 .interior-modal {
    padding: 24px 0 16px 0;
}

.country-languagev2 .header .country-flag {
    margin-bottom: 24px;
}

    .country-languagev2 .header .country-flag .icon-flag {
        width: 48px;
        height: 28px;
    }

.country-languagev2 .header .country-website {
    margin-bottom: 10px;
}

    .country-languagev2 .header .country-website .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 30px;
        line-height: 38px;
        max-height: 80px;
        overflow: hidden;
        color: #0f0f0f;
        margin: 0;
        padding-bottom: 6px;
    }

.country-languagev2 .header hr {
    text-align: center;
    border-top: 1px solid #82807f;
    margin: 0;
}

.country-languagev2 .countries-cta {
    margin: 32px 0 0 0;
}

    .country-languagev2 .countries-cta .country-cta {
        margin-bottom: 24px;
        text-align: left;
    }

        .country-languagev2 .countries-cta .country-cta a {
            width: 100%;
            height: 48px;
            max-width: 320px;
        }

.country-languagev2 .disclaimer-cont {
    margin-top: 24px;
}

    .country-languagev2 .disclaimer-cont .disclaimer-language.richtext {
        margin-bottom: 24px;
    }

        .country-languagev2 .disclaimer-cont .disclaimer-language.richtext p {
            color: rgba(15, 15, 15, 0.6);
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            line-height: 22px;
            margin: 0;
        }

        .country-languagev2 .disclaimer-cont .disclaimer-language.richtext:last-child {
            margin-bottom: 0;
        }

.country-languagev2 .modal-content {
    background: #fafaf9;
}

/* tablet*/
@media (min-width: 764px) {
    .country-languagev2 {
        height: 100%;
        overflow: auto;
    }

        .country-languagev2 .interior-modal {
            padding: 72px 0 0 0;
        }

        .country-languagev2 .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
            height: 100%;
        }

        .country-languagev2 .row {
            height: 100%;
        }

        .country-languagev2 .header .country-website {
            margin-bottom: 18px;
        }

            .country-languagev2 .header .country-website .title {
                font-size: 38px;
                line-height: 40px;
                white-space: nowrap;
                max-height: 46px;
            }

        .country-languagev2 .countries-cta {
            margin: 56px 0 0 0;
        }

            .country-languagev2 .countries-cta .country-cta {
                margin-bottom: 32px;
                text-align: center;
            }

        .country-languagev2 .col-12:last-child {
            margin-top: auto;
            margin-bottom: 64px;
        }

        .country-languagev2 .disclaimer-cont {
            margin-top: auto;
        }
}
/* desktop*/
@media (min-width: 1016px) {
    .country-languagev2 .interior-modal {
        padding: 64px 0 0px 0;
    }

    .country-languagev2 .col-12:last-child {
        margin-top: auto;
        margin-bottom: 56px;
    }

    .country-languagev2 .header .country-website .title {
        font-size: 50px;
        line-height: 54px;
        max-height: 60px;
    }

    .country-languagev2 .disclaimer-cont .disclaimer-language.richtext p {
        font-size: 14px;
        line-height: 26px;
    }

    .country-languagev2 .modal-dialog {
        max-width: 100%;
    }

    .country-languagev2 .modal-content {
        background: #fafaf9;
    }
}
/* XL */
@media (min-width: 1436px) {
    .country-languagev2 .interior-modal {
        padding: 72px 0 0 0;
    }

    .country-languagev2 .col-12:last-child {
        margin-top: auto;
        margin-bottom: 64px;
    }

    .country-languagev2 .countries-cta {
        margin: 64px 0 0 0;
    }

    .country-languagev2 .modal-dialog {
        max-width: 1436px;
    }

    .country-languagev2 .modal-content {
        background: #fafaf9;
    }
}
/****************************** END COUNTRY LANGUAGE *****************************/
/* SP5 */
/****************************** CONVERSION *****************************/
/* 320 mobile */
.conversion {
    padding: 40px 0;
}

    .conversion .container-fluid {
        max-width: 1436px;
    }

    .conversion .cont-title {
        max-width: 288px;
        margin: 0 auto;
        margin-bottom: 12px;
    }

        .conversion .cont-title .title {
            padding-bottom: 4px;
            text-align: center;
            color: #0f0f0f;
            font-size: 30px;
            line-height: 38px;
            max-height: 80px;
            font-family: "SeatBlack",sans-serif;
            overflow: hidden;
            margin: 0;
        }

    .conversion .col-12:last-child .conversion-element {
        border: none;
    }

    .conversion .conversion-element {
        border-bottom: 1px solid #cccccc;
        padding: 8px;
        position: relative;
    }

        .conversion .conversion-element .navigation-element span {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .conversion .conversion-element .icon {
            flex-basis: 48px;
            flex-shrink: 0;
            height: 48px;
            margin-right: 24px;
        }

            .conversion .conversion-element .icon img {
                width: 40px;
                height: 40px;
            }

        .conversion .conversion-element .mobile-cta {
            overflow: hidden;
        }

        .conversion .conversion-element .link-arrow, .conversion .conversion-element .link-arrow-orange, .conversion .conversion-element .link-arrow-white {
            pointer-events: none;
            display: flex;
            flex-direction: row;
        }

            .conversion .conversion-element .link-arrow span:not(.arrow), .conversion .conversion-element .link-arrow-orange span:not(.arrow), .conversion .conversion-element .link-arrow-white span:not(.arrow) {
                overflow: hidden;
            }

/* tablet */
@media (min-width: 764px) {
    .conversion {
        padding: 56px 0;
    }

        .conversion .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .conversion .cont-title {
            max-width: 700px;
            margin-bottom: 44px;
        }

            .conversion .cont-title .title {
                max-height: 42px;
            }

        .conversion .conversion-element {
            border: none;
            padding: 0;
            height: 100%;
        }

            .conversion .conversion-element .icon {
                margin: 0 auto 16px auto;
                width: 72px;
                height: 72px;
                flex-basis: 72px;
            }

                .conversion .conversion-element .icon img {
                    width: 54px;
                    height: 54px;
                }

            .conversion .conversion-element.test-drive .icon img {
                width: 54px;
                height: 39px;
            }

            .conversion .conversion-element.find-dealer .icon img {
                width: 35px;
                height: 48px;
            }

            .conversion .conversion-element.configure .icon img {
                width: 54px;
                height: 54px;
            }

            .conversion .conversion-element.contact .icon img {
                width: 36px;
                height: 49px;
            }

            .conversion .conversion-element .description {
                width: 100%;
                margin-bottom: 16px;
                max-height: 78px;
                overflow: hidden;
            }

                .conversion .conversion-element .description p {
                    text-align: center;
                    margin: 0;
                    font-size: 14px;
                    line-height: 26px;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                }

            .conversion .conversion-element .cta {
                margin-top: auto;
                width: 100%;
                z-index: 2;
            }

                .conversion .conversion-element .cta a {
                    width: 100%;
                    height: 48px;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                }

                    .conversion .conversion-element .cta a span {
                        overflow: hidden;
                    }

                .conversion .conversion-element .cta .btn-standard {
                    padding: 8px 14px;
                }
}
/* desktop */
@media (min-width: 1016px) {
    .conversion {
        padding: 64px 0 48px 0;
    }

        .conversion .cont-title {
            max-width: 788px;
            margin-bottom: 36px;
        }

            .conversion .cont-title .title {
                font-size: 38px;
                line-height: 40px;
                max-height: 44px;
            }

        .conversion .conversion-element {
            padding: 16px 8px;
        }

            .conversion .conversion-element:hover {
                background-color: rgba(222, 218, 212, 0.2);
            }

                .conversion .conversion-element:hover .icon img.visible {
                    display: none !important;
                }

                .conversion .conversion-element:hover .icon img.hidden {
                    display: block !important;
                }

            .conversion .conversion-element .description {
                margin-bottom: 16px;
                max-height: 90px;
                overflow: hidden;
            }

                .conversion .conversion-element .description p {
                    font-size: 16px;
                    line-height: 30px;
                }

        .conversion .icon img {
            height: 54px;
            width: 54px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .conversion .cont-title {
        max-width: 904px;
    }

    .conversion .conversion-element .description {
        max-height: 60px;
    }
}
/****************************** END CONVERSION *****************************/
/****************************** COUNTRY SELECTOR *****************************/
/* 320 mobile */
.country-selector .modal-country-selector .modal-dialog {
    min-height: 100vh;
    max-width: none;
    margin: 0;
    background: #fafaf9;
}

    .country-selector .modal-country-selector .modal-dialog .modal-content {
        background: none;
        border: none;
        position: relative;
    }

        .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body {
            padding: 40px 0;
        }

            .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body .row {
                display: block;
            }

            .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body button.close {
                position: absolute;
                padding: 10px 13px;
                opacity: 1;
                width: 40px;
                height: 40px;
                border-radius: 4px;
                top: 16px;
                right: 0;
                background-color: #fff;
                -webkit-appearance: none;
                -moz-appearance: none;
                border: none;
                z-index: 1;
            }

                .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body button.close:hover {
                    cursor: pointer;
                }

                    .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body button.close:hover img {
                        opacity: .4;
                    }

                .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body button.close img {
                    position: unset;
                    margin: 0 auto;
                    display: block;
                    width: 100%;
                    height: 100%;
                }

.country-selector .modal-country-selector .search-content {
    max-width: 288px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(15, 15, 15, 0.2);
}

    .country-selector .modal-country-selector .search-content .title {
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 16px;
        color: #0f0f0f;
    }

    .country-selector .modal-country-selector .search-content .countries-input {
        font-size: 18px;
        line-height: 30px;
        font-family: "SeatRegular",sans-serif;
        background: none;
        width: 100%;
        border: none;
        outline: none;
        color: #0f0f0f;
        padding: 0;
    }

        .country-selector .modal-country-selector .search-content .countries-input::placeholder {
            opacity: .2;
        }

        .country-selector .modal-country-selector .search-content .countries-input:-ms-input-placeholder {
            opacity: .2;
        }

        .country-selector .modal-country-selector .search-content .countries-input:-ms-input-placeholder {
            opacity: .2;
        }

.country-selector .modal-country-selector .countries-container .countries-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

    .country-selector .modal-country-selector .countries-container .countries-list .country {
        margin-top: 24px;
        min-height: 32px;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .country-selector .modal-country-selector .countries-container .countries-list .country a {
            display: inline-block;
            text-decoration: none;
            color: #0f0f0f;
            font-size: 18px;
            line-height: 30px;
            font-family: "SeatBold",sans-serif;
            margin-right: 16px;
            padding-left: 56px;
        }

            .country-selector .modal-country-selector .countries-container .countries-list .country a:hover {
                color: rgba(15, 15, 15, 0.6);
            }

            .country-selector .modal-country-selector .countries-container .countries-list .country a img {
                margin-left: -56px;
                margin-right: 24px;
                width: 32px;
                height: 19px;
            }

        .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language {
            list-style: none;
            padding: 0;
            margin: 0;
            display: inline-block;
        }

            .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language li {
                display: inline;
            }

                .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language li:after {
                    content: " / ";
                    color: rgba(15, 15, 15, 0.6);
                    font-size: 16px;
                }

                .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language li:last-child:after {
                    content: "";
                }

                .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language li a {
                    padding: 0;
                    color: rgba(15, 15, 15, 0.6);
                    font-size: 16px;
                    line-height: 30px;
                    font-family: "SeatRegular",sans-serif;
                    margin: 0;
                }

/* tablet*/
@media (min-width: 764px) {
    .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body {
        padding: 64px 0;
    }

        .country-selector .modal-country-selector .modal-dialog .modal-content .modal-body button.close {
            top: 32px;
        }

    .country-selector .modal-country-selector .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
        max-width: 1436px;
    }

    .country-selector .modal-country-selector .search-content {
        max-width: 700px;
    }

        .country-selector .modal-country-selector .search-content .countries-input {
            font-size: 25px;
            line-height: 32px;
        }

    .country-selector .modal-country-selector .countries-container .countries-list .country:first-child {
        margin-top: 40px;
    }

    .country-selector .modal-country-selector .countries-container .countries-list .country a {
        font-size: 20px;
        line-height: normal;
    }
}
/* desktop*/
@media (min-width: 1016px) {
    .country-selector .modal-country-selector .search-content {
        max-width: 706px;
    }

        .country-selector .modal-country-selector .search-content .title {
            font-size: 16px;
            line-height: 30px;
        }

        .country-selector .modal-country-selector .search-content .countries-input {
            font-size: 30px;
            line-height: 38px;
        }

    .country-selector .modal-country-selector .countries-container .countries-list .country:first-child {
        margin-top: 48px;
    }

    .country-selector .modal-country-selector .countries-container .countries-list .country a {
        font-size: 25px;
        line-height: 32px;
    }

        .country-selector .modal-country-selector .countries-container .countries-list .country a img {
            vertical-align: baseline;
        }

    .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language li:after {
        font-size: 20px;
    }

    .country-selector .modal-country-selector .countries-container .countries-list .country ul.country-list-language li a {
        font-size: 20px;
        line-height: 26px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .country-selector .modal-country-selector .search-content {
        max-width: 670px;
    }
}
/****************************** END COUNTRY SELECTOR **************************/
.vehicleSelection {
    padding: 40px 0px;
    /*Animations */
    /*end of animations*/
}

@keyframes slideUp {
    0% {
        opacity: 0;
    }

    100% {
        top: -2px;
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.vehicleSelection .v-none {
    visibility: hidden;
}

.vehicleSelection .eyebrow {
    color: rgba(15, 15, 15, 0.6);
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 16px;
    text-align: center;
}

.vehicleSelection .title {
    color: #0f0f0f;
    overflow: hidden;
    line-height: 38px;
    max-height: calc(38px * 2 + 2px);
    margin-bottom: 24px;
    text-align: center;
}

.vehicleSelection .description {
    color: rgba(15, 15, 15, 0.6);
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 48px;
    max-width: 288px;
    margin-left: auto;
    margin-right: auto;
}

.vehicleSelection .select-container {
    margin-bottom: 32px;
}

    .vehicleSelection .select-container select::-ms-expand {
        display: none;
    }

.vehicleSelection .label {
    display: block;
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 8px;
}

.vehicleSelection select.form-control {
    color: #0f0f0f;
    height: 49px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: "SeatMedium",sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: rgba(51, 48, 46, 0.6);
    text-align: left;
    background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
    background-position-x: 99%;
    display: block;
    width: 100%;
    padding: 8px 0px;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    margin-bottom: 16px;
}

    .vehicleSelection select.form-control:selected {
        border-color: #84c497;
    }

    .vehicleSelection select.form-control:focus {
        border-color: #84c497;
    }

.vehicleSelection .cont-img {
    margin-bottom: 24px;
    overflow: hidden;
    padding: 0 8px;
}

    .vehicleSelection .cont-img img {
        width: 100%;
    }

.vehicleSelection .btn {
    width: 100%;
    font-family: "SeatBold",sans-serif;
    text-align: center;
    height: 48px;
    line-height: 34px;
    font-size: 14px;
}

    .vehicleSelection .btn.disabled {
        pointer-events: none;
        margin-top: 8px;
    }

/* tablet */
@media (min-width: 764px) {
    .vehicleSelection {
        padding: 64px 0px;
    }

        .vehicleSelection .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .vehicleSelection .title {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 32px;
            max-height: calc(38px * 1 + 2px);
        }

        .vehicleSelection .description {
            margin-bottom: 48px;
            max-width: 700px;
        }

        .vehicleSelection .car-tab {
            padding: 16px;
        }

            .vehicleSelection .car-tab .btn {
                margin-top: 16px;
                visibility: hidden;
            }

            .vehicleSelection .car-tab .cont-img {
                padding: 0px;
                width: 100%;
                margin-bottom: 8px;
            }

        .vehicleSelection .special-drop .specs-select {
            font-family: "SeatMedium",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: rgba(51, 48, 46, 0.6);
            text-align: left;
            background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
            background-position-x: 99%;
            display: block;
            width: 100%;
            padding: 8px 0px;
            border: none;
            border-bottom: 1px solid #ced4da;
            border-radius: 0px;
        }

            .vehicleSelection .special-drop .specs-select:focus {
                outline: none;
            }

            .vehicleSelection .special-drop .specs-select:selected {
                border-color: #84c497;
            }

        .vehicleSelection .special-drop .dropdown-menu {
            width: 100%;
            border-radius: 4px;
            background-color: #fff;
            border: solid 1px #cccccc;
            padding: 16px 0 8px 0;
            max-height: 380px;
            overflow-y: auto;
        }

            .vehicleSelection .special-drop .dropdown-menu > a:first-child {
                background: url("main/img/icon-arrowup-black.svg") center no-repeat;
                background-size: 10px 6px;
                font-family: "SeatMedium",sans-serif;
                font-size: 16px;
                line-height: 30px;
                background-position-x: 94%;
                background-position-y: 40%;
                padding: 0 16px 8px 16px;
                margin: 0;
                cursor: not-allowed;
                pointer-events: none;
            }

        .vehicleSelection .special-drop .anim-slideUp {
            animation: slideUp 0.3s;
        }

        .vehicleSelection .special-drop .anim-slidedown {
            animation: slideDown 0.3s;
        }

        .vehicleSelection .special-drop .dropdown-item {
            padding: 8px 16px;
            margin: 0;
            color: rgba(15, 15, 15, 0.6);
            font-size: 16px;
            line-height: 29px;
            font-family: "SeatRegular",sans-serif;
        }

            .vehicleSelection .special-drop .dropdown-item:hover {
                background-color: rgba(222, 218, 212, 0.2);
            }

            .vehicleSelection .special-drop .dropdown-item.selected {
                background: url("main/img/icon-check-dropdown.svg") center no-repeat;
                background-position-x: 94%;
                background-position-y: 50%;
            }

                .vehicleSelection .special-drop .dropdown-item.selected:hover {
                    background-color: rgba(222, 218, 212, 0.2);
                }

            .vehicleSelection .special-drop .dropdown-item:active {
                color: #16181b;
                text-decoration: none;
                background-color: #f8f9fa;
            }

        .vehicleSelection .active {
            background-color: #fff;
        }

            .vehicleSelection .active .specs-select {
                color: #0f0f0f;
            }

            .vehicleSelection .active .btn {
                visibility: visible;
            }
}
/* Desktop */
@media (min-width: 1016px) {
    .vehicleSelection .eyebrow {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
        max-width: 788px;
        margin-left: auto;
        margin-right: auto;
    }

    .vehicleSelection .title {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 32px;
        max-width: 788px;
        max-height: calc(46px * 1 + 4px);
        margin-left: auto;
        margin-right: auto;
    }

    .vehicleSelection .description {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 64px;
        max-width: 788px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .vehicleSelection .container-fluid {
        max-width: 1436px;
        margin: 0 auto;
    }

    .vehicleSelection .eyebrow {
        max-width: 904px;
        margin-left: auto;
        margin-right: auto;
    }

    .vehicleSelection .title {
        max-width: 904px;
        margin-left: auto;
        margin-right: auto;
    }

    .vehicleSelection .description {
        max-width: 904px;
    }
}
/****************************** DEVICE SELECTION *****************************/
/* 320 mobile*/
.device-selection {
    padding: 24px 0 40px 0;
}

    .device-selection .container-fluid {
        max-width: 1436px;
    }

    .device-selection .device-selection-head .title {
        color: #0f0f0f;
        font-family: "SeatBlack",sans-serif;
        font-size: 30px;
        line-height: 38px;
        text-align: center;
        overflow: hidden;
        max-height: 76px;
        margin-bottom: 16px;
    }

    .device-selection .device-selection-head .subtitle {
        color: #0f0f0f;
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        color: rgba(15, 15, 15, 0.6);
        margin-bottom: 48px;
    }

    .device-selection .device-selection-search .device-selection-search-title {
        color: #0f0f0f;
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
        margin-bottom: 32px;
    }

    .device-selection .device-selection-search .filterDropDown .titleDropDown {
        color: rgba(15, 15, 15, 0.6);
        font-family: "SeatMedium",sans-serif;
        font-size: 12px;
        line-height: 22px;
    }

    .device-selection .device-selection-search .filterDropDown select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
        font-family: "SeatRegular",sans-serif;
        text-align: left;
        background: url("main/img/arrow-down.svg") center no-repeat;
        background-position-x: 99%;
        background-position-y: 40%;
        background-size: 10px 6px;
        display: block;
        width: 100%;
        padding: 0 0 8px 0;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #cccccc;
        border-radius: 0px;
        margin: 0;
    }

        .device-selection .device-selection-search .filterDropDown select:focus {
            outline: none;
        }

        .device-selection .device-selection-search .filterDropDown select option {
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
            font-family: "SeatRegular",sans-serif;
        }

    .device-selection .device-selection-search .filterDropDown .special-drop .device-select {
        font-family: "SeatRegular",sans-serif;
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
        background-position-x: 99%;
        display: block;
        width: 100%;
        padding: 0 0 8px 0;
        color: #0f0f0f;
        border: none;
        border-bottom: 1px solid #cccccc;
        border-radius: 0;
    }

        .device-selection .device-selection-search .filterDropDown .special-drop .device-select:focus {
            outline: none;
        }

    .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu {
        width: 100%;
        border-radius: 4px;
        background-color: #fff;
        border: solid 1px #cccccc;
        padding: 16px 0 0 0;
    }

        .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu .dropdown-item {
            padding: 8px 16px;
            margin: 0;
            color: rgba(15, 15, 15, 0.6);
            font-size: 16px;
            line-height: 29px;
            font-family: "SeatRegular",sans-serif;
        }

            .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu .dropdown-item:hover {
                background-color: rgba(222, 218, 212, 0.2);
            }

            .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu .dropdown-item.selected {
                background: url("main/img/icon-check-dropdown.svg") center no-repeat;
                background-position-x: 94%;
                background-position-y: 50%;
            }

                .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu .dropdown-item.selected:hover {
                    background-color: rgba(222, 218, 212, 0.2);
                }

        .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu > a:first-child {
            background: url("main/img/icon-arrowup-black.svg") center no-repeat;
            background-size: 10px 6px;
            font-family: "SeatMedium",sans-serif;
            font-size: 16px;
            line-height: 30px;
            background-position-x: 94%;
            background-position-y: 40%;
            padding: 0 16px 8px 16px;
            margin: 0;
            cursor: not-allowed;
            pointer-events: none;
        }

        .device-selection .device-selection-search .filterDropDown .special-drop .dropdown-menu > a:last-child {
            margin: 0;
        }

    .device-selection .device-selection-search .filterDropDown .special-drop .anim-slideUp {
        animation: slideUp 0.3s;
    }

    .device-selection .device-selection-search .filterDropDown .special-drop .anim-slidedown {
        animation: slideDown 0.3s;
    }

    .device-selection .device-selection-search .filterDropDown.valid select, .device-selection .device-selection-search .filterDropDown.valid .device-select {
        border-bottom: 1px solid #00afac;
    }

    .device-selection .device-selection-search .filterDropDown.empty select {
        font-size: 14px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        font-family: "SeatMedium",sans-serif;
    }

    .device-selection .device-selection-search .filterDropDown.empty .device-select {
        font-size: 16px;
        line-height: 30px;
        color: rgba(15, 15, 15, 0.6);
        font-family: "SeatMedium",sans-serif;
    }

    .device-selection .device-selection-search .mobile-brand {
        margin-bottom: 8px;
    }

    .device-selection .device-selection-search .search-cta {
        margin-top: 40px;
    }

        .device-selection .device-selection-search .search-cta a {
            height: 48px;
            width: 100%;
        }

/* tablet */
@media (min-width: 764px) {
    .device-selection {
        padding: 64px 0 72px 0;
    }

        .device-selection .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .device-selection .device-selection-head {
            max-width: 700px;
            margin: 0 auto;
        }

            .device-selection .device-selection-head .title {
                max-height: 38px;
                margin-bottom: 24px;
            }

            .device-selection .device-selection-head .subtitle {
                font-size: 16px;
                line-height: 30px;
            }

        .device-selection .device-selection-search .device-selection-search-title {
            margin-bottom: 24px;
            font-size: 16px;
            line-height: 30px;
            margin-bottom: 24px;
            max-width: 624px;
        }

        .device-selection .device-selection-search .filterDropDown select {
            font-size: 16px;
            line-height: 30px;
        }

            .device-selection .device-selection-search .filterDropDown select option {
                font-size: 16px;
                line-height: 30px;
            }

        .device-selection .device-selection-search .filterDropDown.empty select {
            font-size: 16px;
            line-height: 30px;
        }

        .device-selection .device-selection-search .mobile-brand {
            margin-bottom: 0;
        }

        .device-selection .device-selection-search .search-cta {
            margin-top: 16px;
        }
}
/* desktop */
@media (min-width: 1016px) {
    .device-selection .device-selection-head {
        max-width: 904px;
    }
}
/**************************** END DEVICE SELECTION ***************************/
/*Continue reading*/
/* 320 mobile */
.continue-reading {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    letter-spacing: 0;
    text-align: center;
    background: #fafaf9 !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

    .continue-reading .container-fluid {
        max-width: 1436px;
    }

    .continue-reading .cont-img {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto 24px auto;
        width: 100%;
        max-width: 200px;
        height: auto;
    }

        .continue-reading .cont-img img {
            max-width: 100%;
            height: auto;
        }

    .continue-reading .richtext {
        max-width: 288px;
        margin: auto;
    }

        .continue-reading .richtext p {
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            overflow: hidden;
            max-height: 60px;
            margin-bottom: 24px;
        }

            .continue-reading .richtext p b {
                font-family: "SeatBold",sans-serif;
                color: #0f0f0f;
            }

    .continue-reading .btn-block a {
        font-size: 16px;
        line-height: 24px;
    }

/* Tablet */
@media (min-width: 764px) {
    .continue-reading {
        text-align: left;
        padding-top: 64px;
        padding-bottom: 64px;
    }

        .continue-reading .image-block {
            padding-left: 0;
            padding-right: 32px;
        }

        .continue-reading .info-block {
            padding-left: 0;
            padding-right: 0;
        }

        .continue-reading .cont-img {
            max-width: 160px;
            margin: 0 0 0 auto;
        }

        .continue-reading .richtext {
            max-width: 319px;
            margin: 0;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .continue-reading .cont-img {
        max-width: 202px;
    }

    .continue-reading .richtext p {
        font-size: 18px;
    }

    .continue-reading .btn-block a {
        font-size: 18px;
        line-height: 24px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .continue-reading .image-block {
        padding-right: 16px;
    }

    .continue-reading .info-block {
        padding-left: 16px;
    }
}
/*END Continue reading*/
/**************** CONNECTIVITY ************************/
/* 320 mobile */
.connectivity {
    padding: 32px 0 24px 0;
}

    .connectivity .custom-container {
        max-width: 1372px;
        margin: 0 auto;
    }

    .connectivity .accordion .header {
        padding: 16px 0 16px 16px;
        border-bottom: solid 1px rgba(51, 48, 46, 0.2);
    }

        .connectivity .accordion .header.sticky-accordion-tab {
            position: sticky;
            position: -webkit-sticky;
            z-index: 1;
        }

        .connectivity .accordion .header h5 {
            font-family: "SeatBold",sans-serif;
            color: #0f0f0f;
            font-size: 14px;
            line-height: 26px;
            padding: 0;
            margin: 0;
            position: relative;
            cursor: pointer;
        }

            .connectivity .accordion .header h5:before {
                content: '';
                background: url("main/img/specs-export-arrow-up.svg") center center no-repeat;
                position: absolute;
                right: 20px;
                bottom: 10px;
                height: 9px;
                width: 16px;
                transform: rotate(180deg);
            }

            .connectivity .accordion .header h5[aria-expanded=true]:before {
                transform: rotate(0deg);
            }

    .connectivity .accordion .features {
        padding: 24px 0 8px 0;
    }

    .connectivity .accordion .feature {
        margin: 16px;
        border-bottom: solid 1px rgba(51, 48, 46, 0.2);
    }

        .connectivity .accordion .feature:last-child {
            border-bottom: none;
        }

        .connectivity .accordion .feature .holder {
            margin-bottom: 0;
            font-size: 14px;
            line-height: 26px;
            font-family: "SeatRegular",sans-serif;
            color: rgba(15, 15, 15, 0.6);
        }

            .connectivity .accordion .feature .holder img {
                width: 20px;
                height: 20px;
            }

        .connectivity .accordion .feature .title {
            font-size: 14px;
            font-family: "SeatMedium",sans-serif;
            line-height: 26px;
            color: #0f0f0f;
            margin-bottom: 8px;
        }

        .connectivity .accordion .feature .description {
            font-size: 14px;
            font-family: "SeatRegular",sans-serif;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 0;
            max-width: 208px;
        }

        .connectivity .accordion .feature .sliders {
            height: 100%;
        }

            .connectivity .accordion .feature .sliders div {
                outline: none;
            }

                .connectivity .accordion .feature .sliders div .holder {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 100%;
                }

    .connectivity .information-header {
        margin-bottom: 32px;
    }

        .connectivity .information-header .title {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
            margin: 0;
        }

        .connectivity .information-header .phone-model {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            color: #0f0f0f;
            margin-bottom: 8px;
        }

        .connectivity .information-header .change-cta a {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 30px;
        }

    .connectivity .legend, .connectivity .legend-small {
        padding: 0 32px;
        margin-bottom: 48px;
    }

        .connectivity .legend .legend-item, .connectivity .legend-small .legend-item {
            border: 1px solid #dedad4;
            padding: 0;
        }

            .connectivity .legend .legend-item:nth-child(2), .connectivity .legend-small .legend-item:nth-child(2) {
                border-left: none;
            }

            .connectivity .legend .legend-item:nth-child(3), .connectivity .legend-small .legend-item:nth-child(3) {
                border-top: none;
            }

            .connectivity .legend .legend-item:nth-child(4), .connectivity .legend-small .legend-item:nth-child(4) {
                border-left: none;
                border-top: none;
            }

            .connectivity .legend .legend-item .indicator, .connectivity .legend-small .legend-item .indicator {
                width: 20px;
                height: 20px;
                margin: 8px auto 0 auto;
                border: 1.5px solid transparent;
            }

                .connectivity .legend .legend-item .indicator img, .connectivity .legend-small .legend-item .indicator img {
                    width: 100%;
                    height: 100%;
                    vertical-align: top;
                }

            .connectivity .legend .legend-item .label, .connectivity .legend-small .legend-item .label {
                font-family: "SeatRegular",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: rgba(15, 15, 15, 0.6);
                text-align: center;
            }

    .connectivity .container-devices-small .device-bullets {
        padding-top: 16px;
        padding-bottom: 24px;
        z-index: 2;
    }

        .connectivity .container-devices-small .device-bullets ul {
            list-style-type: none;
            list-style: none;
            text-align: center;
            margin: 0;
            padding: 0;
            font-size: 0;
            white-space: nowrap;
            display: block;
        }

            .connectivity .container-devices-small .device-bullets ul li.bullet {
                display: inline-block;
                margin: 0 4px 0 4px;
                width: 20px;
                height: 2px;
                background-color: #33302E;
                opacity: .2;
                text-align: center;
                padding: 0;
            }

                .connectivity .container-devices-small .device-bullets ul li.bullet.active {
                    opacity: 1;
                }

    .connectivity .container-devices-small.row {
        margin: 0;
    }

    .connectivity .container-devices-small .device {
        outline: none;
        margin-bottom: 16px;
    }

        .connectivity .container-devices-small .device:last-child {
            margin-bottom: 0;
        }

        .connectivity .container-devices-small .device .device-head {
            margin-bottom: 32px;
        }

            .connectivity .container-devices-small .device .device-head .device-name.device-sticky-head {
                margin-top: 0;
                background-color: #fafaf9;
                z-index: 2;
                padding: 8px 0;
                box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.6), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
                width: 100% !important;
                left: 0 !important;
            }

            .connectivity .container-devices-small .device .device-head .device-img {
                width: 160px;
                height: 96px;
                margin: 0 auto;
            }

                .connectivity .container-devices-small .device .device-head .device-img img {
                    width: 160px;
                    height: 96px;
                }

            .connectivity .container-devices-small .device .device-head .device-name {
                margin-top: 16px;
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 30px;
                text-align: center;
                margin-bottom: 0;
            }

        .connectivity .container-devices-small .device .device-info .accordion .feature {
            padding-bottom: 16px;
        }

            .connectivity .container-devices-small .device .device-info .accordion .feature .link-terms {
                margin-top: 24px;
                text-align: center;
                margin-bottom: 8px;
            }

    .connectivity .sticky-header {
        position: sticky;
        position: -webkit-sticky;
        top: 72px;
        padding: 16px;
        background: #fafaf9;
        z-index: 3;
        box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.6), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        max-width: none;
        flex: none;
    }

        .connectivity .sticky-header.no-secondary {
            top: 0;
        }

        .connectivity .sticky-header .row {
            margin: 0;
        }

        .connectivity .sticky-header .change-cta, .connectivity .sticky-header .device .device-head .device-img {
            display: none;
        }

        .connectivity .sticky-header .information-header {
            padding-top: 0;
            margin-bottom: 0;
        }

            .connectivity .sticky-header .information-header .phone-model {
                margin-bottom: 0;
            }

        .connectivity .sticky-header .container-devices-small {
            margin-top: 16px;
        }

            .connectivity .sticky-header .container-devices-small .device-bullets {
                padding-top: 32px;
                padding-bottom: 0;
            }

            .connectivity .sticky-header .container-devices-small .device {
                margin: 0;
            }

                .connectivity .sticky-header .container-devices-small .device .device-head {
                    margin-bottom: 0;
                }

                    .connectivity .sticky-header .container-devices-small .device .device-head .device-img {
                        width: 0;
                        height: 0;
                    }

                    .connectivity .sticky-header .container-devices-small .device .device-head .device-name {
                        margin-top: 0;
                    }

    .connectivity .modal.modal-general-terms .modal-dialog {
        margin: 0;
        max-width: none;
    }

        .connectivity .modal.modal-general-terms .modal-dialog .modal-content {
            background: #fafaf9;
            border: none;
            border-radius: 0;
            padding: 64px 0;
            position: relative;
        }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content .container-fluid {
                padding-right: 32px;
                padding-left: 32px;
            }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body {
                position: initial;
                padding: 0;
            }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body button.close {
                    position: absolute;
                    opacity: 1;
                    width: 17px;
                    height: 17px;
                    top: 20px;
                    right: 20px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    border: none;
                    z-index: 1;
                    outline: none;
                }

                    .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body button.close:hover {
                        cursor: pointer;
                    }

                        .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body button.close:hover img {
                            opacity: .4;
                        }

                    .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body button.close img {
                        position: unset;
                        margin: 0 auto;
                        display: block;
                        width: 100%;
                        height: 100%;
                    }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body h3 {
                    font-size: 25px;
                    line-height: 32px;
                    font-family: "SeatBlack",sans-serif;
                    color: #0f0f0f;
                    margin-bottom: 24px;
                }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body .description {
                    font-size: 14px;
                    line-height: 26px;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                }

    .connectivity .link-orange {
        font-weight: 100;
        padding-bottom: 0px;
        border-bottom: 1px solid #EA5D1A;
    }

/* tablet */
@media (min-width: 764px) {
    .connectivity {
        padding: 48px 0 0 0;
    }

        .connectivity .modal.modal-general-terms .modal-dialog {
            margin: 112px 72px 0 72px;
        }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content {
                background: #fff;
                padding: 72px 0 64px 0;
                box-shadow: 0 1px 2px 0 rgba(51, 48, 46, 0.1), inset 0 1px 0 0 rgba(51, 48, 46, 0.1);
            }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .container-fluid {
                    padding-right: 64px;
                    padding-left: 64px;
                }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body button.close {
                    width: 15px;
                    height: 15px;
                    top: 27px;
                    right: 27px;
                }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body h3 {
                    font-size: 20px;
                    line-height: 26px;
                    font-family: "SeatBold",sans-serif;
                    margin-bottom: 24px;
                }

        .connectivity .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .connectivity .accordion {
            margin-bottom: 24px;
        }

            .connectivity .accordion .header {
                background: #fafaf9;
                z-index: 2;
            }

                .connectivity .accordion .header h5 {
                    font-size: 16px;
                    line-height: 30px;
                }

            .connectivity .accordion .slick-list.draggable, .connectivity .accordion .slick-track, .connectivity .accordion .slick-slide {
                height: 100%;
            }

            .connectivity .accordion .features {
                padding: 16px 0 8px 0;
            }

            .connectivity .accordion .feature {
                margin: 0;
                padding: 16px 0;
            }

                .connectivity .accordion .feature .title {
                    font-size: 16px;
                    line-height: 30px;
                }

        .connectivity .information-header {
            padding-top: 16px;
        }

            .connectivity .information-header .title, .connectivity .information-header .phone-model, .connectivity .information-header .change-cta {
                max-width: 319px;
            }

            .connectivity .information-header .phone-model {
                line-height: 32px;
                margin-bottom: 16px;
            }

            .connectivity .information-header .change-cta a {
                font-size: 14px;
                line-height: 26px;
            }

        .connectivity .legend {
            padding: 0;
            margin-bottom: 24px;
            z-index: 2;
        }

            .connectivity .legend.legend-stick {
                position: sticky;
                position: -webkit-sticky;
                bottom: 0;
            }

                .connectivity .legend.legend-stick .legend-container {
                    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.1);
                }

            .connectivity .legend *::-ms-backdrop, .connectivity .legend.legend-stick {
                position: fixed;
                right: 0;
                margin-bottom: 0;
            }

            .connectivity .legend .legend-container {
                padding: 16px 48px;
                background: #fafaf9;
                width: calc(100% + 32px);
                margin-left: -16px;
            }

            .connectivity .legend .legend-item {
                padding: 8px 16px;
                min-width: 150px;
                width: auto;
                text-align: center;
                /*&:nth-child(2) {
        width: 160px;
    }*/
            }

                .connectivity .legend .legend-item:nth-child(3) {
                    border-left: none;
                }

                .connectivity .legend .legend-item:nth-child(3), .connectivity .legend .legend-item:nth-child(4) {
                    border-top: 1px solid #dedad4;
                }

                .connectivity .legend .legend-item .indicator, .connectivity .legend .legend-item .label {
                    display: inline-block;
                    margin: 0;
                }

                .connectivity .legend .legend-item .indicator {
                    text-align: left;
                }

                    .connectivity .legend .legend-item .indicator img {
                        vertical-align: sub;
                    }

                .connectivity .legend .legend-item .label {
                    text-align: center;
                }

        .connectivity .container-devices-small .device {
            margin-bottom: 24px;
        }

            .connectivity .container-devices-small .device .device-head {
                margin: 0;
            }

                .connectivity .container-devices-small .device .device-head .device-name {
                    max-width: 212px;
                    margin: 16px auto 0 auto;
                }

        .connectivity .container-devices-info {
            margin-top: 24px;
        }

        .connectivity .accordion .header h5 span {
            max-width: 298px;
            display: block;
        }

        .connectivity .accordion .feature .col-md-8 {
            padding-right: 0;
        }

        .connectivity .accordion .feature .description, .connectivity .accordion .feature .title {
            max-width: 198px;
        }

        .connectivity .accordion .feature .sliders {
            padding-right: 0;
        }
}
/* desktop */
@media (min-width: 1016px) {
    .connectivity {
        padding: 56px 0 8px 0;
    }

        .connectivity .modal.modal-general-terms .modal-dialog {
            margin: 112px 82px 0 82px;
        }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content {
                padding: 72px 0 96px 0;
            }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .container-fluid {
                    padding-right: 80px;
                    padding-left: 80px;
                }

                .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body h3 {
                    font-size: 25px;
                    line-height: 32px;
                }

        .connectivity .accordion {
            margin-bottom: 32px;
        }

        .connectivity .information-header .phone-model {
            font-size: 25px;
        }

        .connectivity .information-header .change-cta a {
            font-size: 16px;
            line-height: 30px;
        }

        .connectivity .container-devices-small {
            padding: 0;
        }

            .connectivity .container-devices-small .device {
                padding-left: 32px;
                padding-right: 32px;
            }

                .connectivity .container-devices-small .device .device-head .device-name {
                    max-width: 182px;
                }

        .connectivity .sticky-header {
            padding-top: 24px;
            padding-bottom: 24px;
        }

        .connectivity .container-devices-info {
            margin-top: 40px;
        }

            .connectivity .container-devices-info .feature .col-md-4 {
                padding-right: 24px;
            }

            .connectivity .container-devices-info .feature .col-md-8 {
                padding-left: 8px;
            }
}
/* XL */
@media (min-width: 1436px) {
    .connectivity .information-header .title, .connectivity .information-header .phone-model, .connectivity .information-header .change-cta {
        max-width: 319px;
    }

    .connectivity .container-devices-small .device .device-head .device-name {
        max-width: 287px;
    }

    .connectivity .modal.modal-general-terms .modal-dialog {
        width: 1138px;
        margin: auto;
    }

        .connectivity .modal.modal-general-terms .modal-dialog .modal-content {
            padding: 64px 0 104px 0;
        }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content .container-fluid {
                padding-right: 64px;
                padding-left: 64px;
            }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body h3 {
                margin-bottom: 56px;
            }

            .connectivity .modal.modal-general-terms .modal-dialog .modal-content .modal-body .description {
                font-size: 16px;
                line-height: 30px;
            }

    .connectivity .sticky-header {
        padding-top: 32px;
        padding-bottom: 32px;
    }

        .connectivity .sticky-header .information-header {
            padding-left: 0;
            padding-right: 24px;
        }

    .connectivity .accordion .features {
        padding: 24px 0 16px 0;
    }

    .connectivity .accordion .feature .description, .connectivity .accordion .feature .title {
        max-width: 302px;
    }

    .connectivity .container-devices-info {
        margin-top: 32px;
    }
}
/************** END CONNECTIVITY **********************/
.offercard {
    font-family: "SeatRegular",sans-serif;
    overflow: hidden;
    position: relative;
}

    .offercard h2.title {
        max-height: 76px;
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 8px;
        overflow: hidden;
        margin-top: 16px;
    }

    .offercard .description {
        font-size: 14px;
        line-height: 26px;
        max-height: calc(26px*3 + 4px);
        overflow: hidden;
    }

    .offercard .cont-img {
        width: 100%;
        margin: 32px 0;
    }

        .offercard .cont-img img {
            width: 100%;
            height: auto;
            max-width: 260px;
        }

    .offercard .cart {
        background: #fff;
        padding: 16px 16px;
    }

        .offercard .cart .item {
            display: flex;
            justify-content: space-between;
            padding: 8px 0;
            font-size: 14px;
            line-height: 26px;
            border-bottom: 1px solid #cccccc;
        }

            .offercard .cart .item strong {
                color: #0f0f0f;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                max-height: 26px;
                overflow: hidden;
                max-width: 70%;
                font-weight: normal;
            }

            .offercard .cart .item:last-child {
                border: none;
            }

    .offercard .price {
        font-size: 14px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
    }

    .offercard .line {
        text-decoration-line: line-through;
    }

    .offercard .accent {
        font-family: "SeatMedium",sans-serif;
        color: #0f0f0f;
    }

    .offercard .bg-ccc {
        background: rgba(204, 204, 204, 0.2);
        padding-bottom: 24px;
    }

    .offercard .cart-footer {
        padding-top: 24px;
    }

        .offercard .cart-footer strong {
            font-size: 14px;
            font-family: "SeatMedium",sans-serif;
            line-height: 26px;
            color: #0f0f0f;
            max-height: 26px;
            overflow: hidden;
            max-width: 70%;
            font-weight: normal;
        }

        .offercard .cart-footer div {
            display: flex;
            justify-content: space-between;
        }

        .offercard .cart-footer .divider {
            border-bottom: 2px solid #0f0f0f;
            padding-bottom: 8px;
        }

        .offercard .cart-footer .total {
            margin-top: 8px;
        }

        .offercard .cart-footer .price-total {
            color: #0f0f0f;
            font-size: 18px;
            font-family: "SeatMedium",sans-serif;
            line-height: 30px;
        }

    .offercard .p-none {
        padding: 0;
    }

    .offercard .buttons {
        margin-top: 24px;
    }

        .offercard .buttons .btn {
            width: 100%;
            margin: 0 0 24px 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

            .offercard .buttons .btn span {
                overflow: hidden;
            }

            .offercard .buttons .btn.alone {
                width: 100%;
                max-width: 100%;
                margin-left: 0px !important;
                margin-right: 0px;
            }

        .offercard .buttons .link-arrow, .offercard .buttons .link-arrow-orange, .offercard .buttons .link-arrow-white {
            margin: 12px;
            display: flex;
            text-align: center;
            flex-direction: row;
            justify-content: center;
        }

            .offercard .buttons .link-arrow span:not(.arrow), .offercard .buttons .link-arrow-orange span:not(.arrow), .offercard .buttons .link-arrow-white span:not(.arrow) {
                overflow: hidden;
            }

            .offercard .buttons .link-arrow > *, .offercard .buttons .link-arrow-orange > *, .offercard .buttons .link-arrow-white > * {
                display: inline;
            }

    .offercard .info-block {
        padding: 32px 0;
    }

        .offercard .info-block .col-12:first-child h3.title {
            margin-top: 0;
        }

    .offercard h3.title {
        margin-bottom: 16px;
        height: auto;
        font-size: 25px;
        line-height: 32px;
    }

    .offercard .richtext {
        color: rgba(15, 15, 15, 0.6);
        margin-bottom: 32px;
    }

        .offercard .richtext p {
            color: rgba(15, 15, 15, 0.6);
        }

        .offercard .richtext ul {
            list-style-position: outside;
            padding: 0;
        }

            .offercard .richtext ul li {
                margin-left: 18px;
            }

    /* v2 */
    .offercard .box-sticky-v2 .cart {
        padding: 24px;
        padding-bottom: 16px;
    }

    .offercard .box-sticky-v2 .formStates {
        margin-bottom: 8px;
    }

        .offercard .box-sticky-v2 .formStates .container-fluid {
            padding: 0;
        }

        .offercard .box-sticky-v2 .formStates h3 {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            max-height: 26px;
            overflow: hidden;
            margin: 0;
        }

        .offercard .box-sticky-v2 .formStates h4 {
            font-family: "SeatMedium",sans-serif;
            font-size: 18px;
            line-height: 30px;
            max-height: 30px;
            overflow: hidden;
            margin-bottom: 30px;
        }

        .offercard .box-sticky-v2 .formStates .btn {
            max-width: unset;
            max-width: inherit;
        }

        .offercard .box-sticky-v2 .formStates .btn-block {
            margin-top: 0;
        }

            .offercard .box-sticky-v2 .formStates .btn-block .btn-continue {
                margin-top: 0;
            }

        .offercard .box-sticky-v2 .formStates .error {
            position: relative;
        }

        .offercard .box-sticky-v2 .formStates .icon-ok {
            right: 0;
        }

        .offercard .box-sticky-v2 .formStates .form-group {
            margin-bottom: 16px;
        }

            .offercard .box-sticky-v2 .formStates .form-group .intl-tel-input {
                position: relative;
                display: block;
            }

            .offercard .box-sticky-v2 .formStates .form-group .inputDescription,
            .offercard .box-sticky-v2 .formStates .form-group .inputDescription-v2 {
                position: relative;
                bottom: inherit;
                font-size: 12px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
            }

            .offercard .box-sticky-v2 .formStates .form-group .form-control-feedback {
                right: 16px;
                top: 0;
                bottom: unset;
                bottom: inherit;
            }

            .offercard .box-sticky-v2 .formStates .form-group .form-control.error {
                border-bottom: 1px solid #e63a2b;
            }

    .offercard .box-sticky-v2 .bg-ccc {
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .offercard .box-sticky-v2 .cart-footer {
        max-height: 183px;
        overflow: auto;
        padding-top: 0;
    }

        .offercard .box-sticky-v2 .cart-footer.richtext {
            margin-bottom: 0;
            padding-left: 24px;
            padding-right: 24px;
        }

        .offercard .box-sticky-v2 .cart-footer p {
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            line-height: 17px;
            color: rgba(15, 15, 15, 0.6);
            margin-bottom: 16px;
        }

        .offercard .box-sticky-v2 .cart-footer a {
            font-size: 12px;
            line-height: 17px;
        }

    .offercard .box-sticky-v2 .cart.message {
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: #0f0f0f;
        height: 285px;
        padding: 0 24px;
        padding-bottom: 0;
    }

        .offercard .box-sticky-v2 .cart.message h6 {
            font-family: "SeatBlack",sans-serif;
            font-size: 20px;
            line-height: 26px;
            text-align: center;
            max-height: calc(26px*3 + 4px);
            overflow: hidden;
            margin-bottom: 0;
            margin-block-start: 0;
            margin-block-end: 0;
        }

        .offercard .box-sticky-v2 .cart.message img {
            width: 56px;
            height: 56px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 32px;
            margin-bottom: 32px;
        }

        .offercard .box-sticky-v2 .cart.message span {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            text-align: center;
            max-height: calc(26px*3 + 4px);
            overflow: hidden;
        }

    .offercard .box-sticky-v2 .hidden {
        display: none !important;
        visibility: hidden !important;
    }

@media (min-width: 764px) {
    .offercard .medium-padding {
        padding: 32px;
    }

    .offercard .medium-wrap {
        padding: 0 32px;
        margin-bottom: 32px;
    }

        .offercard .medium-wrap .box {
            overflow: hidden;
            box-shadow: 0 1px 4px 0 rgba(51, 48, 46, 0.2);
            border-radius: 4px;
            margin: 0 auto;
        }

    .offercard h2.title {
        width: 460px;
        font-size: 38px;
        line-height: 40px;
        max-height: calc(40px*2 + 4px);
        padding-bottom: 4px;
        margin-top: 0px;
        margin-bottom: 16px;
    }

    .offercard .description {
        width: 460px;
        font-size: 14px;
        line-height: 26px;
        max-height: calc(26px*2 + 4px);
        overflow: hidden;
    }

    .offercard .cont-img {
        max-height: 258px;
        margin: 46px 0;
    }

        .offercard .cont-img img {
            max-width: 631px;
        }

    .offercard .info-block {
        padding: 64px 16px;
    }

        .offercard .info-block .col-12:first-child h3.title {
            margin-top: 0;
        }

    .offercard .richtext {
        margin-bottom: 64px;
        overflow: hidden;
    }

        .offercard .richtext ul {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            margin-bottom: 0px;
            max-height: 296px;
        }

            .offercard .richtext ul li {
                max-width: 319px;
                margin-right: 32px;
            }

    .offercard .ancho {
        width: 700px;
    }

    .offercard .cart {
        border-radius: 4px 4px 0 0;
        padding: 24px;
    }

    .offercard .bg-ccc {
        border-radius: 0 0 4px 4px;
    }

    .offercard .cart-footer {
        padding: 24px;
    }

        .offercard .cart-footer .total {
            margin-top: 16px;
        }

        .offercard .cart-footer .price-total {
            font-size: 25px;
        }

    .offercard .buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 24px;
        padding-right: 24px;
        margin-top: 0px;
    }

        .offercard .buttons .btn {
            max-width: 310px;
        }

            .offercard .buttons .btn:nth-child(2) {
                margin-left: 32px;
            }

        .offercard .buttons a:not(.btn) {
            overflow: hidden;
            margin: 0 auto;
        }

        .offercard .buttons .sec {
            flex: 1 0 100%;
            margin: auto;
        }

    .offercard .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        max-height: none;
    }

    *::-ms-backdrop, .offercard .richtext ul {
        height: 296px;
        overflow: hidden;
        width: 700px;
    }

    /* v2 */
    .offercard .box-sticky-v2 .ancho {
        width: 65.145%;
    }

    .offercard .box-sticky-v2 .cart {
        padding-bottom: 16px;
    }

    .offercard .box-sticky-v2 .formStates .row {
        margin-right: 0;
        margin-left: 0;
    }

    .offercard .box-sticky-v2 .formStates .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .offercard .box-sticky-v2 .formStates h3 {
        font-size: 25px;
        line-height: 32px;
        max-height: 32px;
    }

    .offercard .box-sticky-v2 .formStates h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .offercard .box-sticky-v2 .cart-footer {
        height: 127px;
        max-height: 127px;
    }

        .offercard .box-sticky-v2 .cart-footer p {
            margin-bottom: 18px;
        }

    .offercard .box-sticky-v2 .cart.message {
        height: 454px;
    }
}

@media (min-width: 1016px) {
    .offercard .medium-wrap {
        margin-top: 32px;
        padding: 0 32px 0 0;
    }

        .offercard .medium-wrap .box {
            z-index: 5;
        }

    .offercard .description {
        font-size: 16px;
    }

    .offercard .box-sticky {
        z-index: 10;
    }

    .offercard .ancho {
        width: 378px;
        margin-left: 12px;
    }

    .offercard .cart .item:first-child {
        padding-top: 0px;
    }

    .offercard .cart .item:last-child {
        padding-bottom: 0px;
    }

    .offercard .cart-footer {
        padding: 24px 24px 0 24px;
    }

        .offercard .cart-footer .price {
            font-size: 14px;
            line-height: 26px;
        }

        .offercard .cart-footer .divider strong {
            font-size: 14px;
            line-height: 26px;
        }

        .offercard .cart-footer .total strong {
            font-size: 14px;
            line-height: 26px;
        }

        .offercard .cart-footer .total .price-total {
            font-size: 25px;
            line-height: 32px;
        }

    .offercard .buttons {
        padding: 0 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 24px;
    }

        .offercard .buttons .btn {
            display: inline-flex;
            max-width: 157px;
        }

            .offercard .buttons .btn:nth-child(2) {
                margin-left: 0;
            }

        .offercard .buttons a:not(.btn) {
            font-size: 16px;
            line-height: 29px;
            margin: 0 auto;
        }

    .offercard .richtext {
        margin-bottom: 64px;
    }

        .offercard .richtext ul {
            max-height: 100%;
        }

    /* v2 */
    .offercard .box-sticky-v2 .ancho {
        width: auto;
        margin-left: 12px;
        max-width: 552px;
        width: calc(99.661% - 12px);
    }

    .offercard .box-sticky-v2 .formStates .row {
        margin-right: 0;
        margin-left: 0;
    }

    .offercard .box-sticky-v2 .formStates .col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .offercard .box-sticky-v2 .formStates h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .offercard .box-sticky-v2 .formStates h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .offercard .box-sticky-v2 .bg-ccc {
        padding-bottom: 16px;
        padding-top: 16px;
    }

    .offercard .box-sticky-v2 .cart-footer {
        height: 120px;
        max-height: 120px;
    }

        .offercard .box-sticky-v2 .cart-footer p {
            margin-bottom: 18px;
        }

    .offercard .box-sticky-v2 .cart.message {
        height: 451px;
    }
}

@media (min-width: 1436px) {
    .offercard .medium-padding {
        padding: 32px;
    }

    .offercard .container-fluid {
        max-width: 1436px;
    }

    .offercard h2.title {
        width: 554px;
        font-size: 50px;
        line-height: 54px;
        max-height: 114px;
    }

    .offercard .description {
        margin-top: 16px;
        width: 436px;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 64px;
        max-height: calc(30px*2 + 4px);
        overflow: hidden;
    }

    .offercard .cont-img {
        max-width: 100%;
        margin: 0;
        max-height: 305px;
        margin-bottom: 32px;
    }

        .offercard .cont-img img {
            max-width: 746px;
        }

    .offercard .medium-wrap {
        margin-top: 94px;
    }

    .offercard .ancho {
        width: 436px;
    }

    .offercard .bg-ccc {
        padding-bottom: 32px;
    }

    .offercard .info-block {
        flex-direction: column;
        padding-top: 80px;
    }

        .offercard .info-block h3.title {
            font-size: 30px;
            line-height: 38px;
        }

        .offercard .info-block p {
            margin-bottom: 32px;
        }

    .offercard .richtext {
        margin-bottom: 80px;
    }

        .offercard .richtext ul {
            max-height: 296px;
        }

            .offercard .richtext ul li {
                max-width: 304px;
                display: list-item;
            }

    .offercard .buttons {
        padding: 0 24px;
    }

        .offercard .buttons .btn {
            display: inline-flex;
            max-width: 186px;
        }

        .offercard .buttons a:not(.btn) {
            font-size: 16px;
            line-height: 29px;
        }

    .offercard .gallery-module .carousel .carousel-inner .carousel-item .cont-img {
        max-height: none;
    }

    /* v2 */
    .offercard .box-sticky-v2 .ancho {
        width: auto;
        margin-left: 12px;
        max-width: 436px;
        width: 436px;
    }

    .offercard .box-sticky-v2 .cart-footer {
        height: 128px;
        max-height: 128px;
    }

    .offercard .box-sticky-v2 .cart.message {
        height: 459px;
    }

    *::-ms-backdrop,
    .offercard .info-block {
        flex-direction: row;
        padding-top: 80px;
    }

        *::-ms-backdrop,
        .offercard .info-block .col-xl-6 {
            max-width: 100%;
        }
}

.notificationBanner a {
    padding: 40px 32px;
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.notificationBanner span.sec {
    display: inline-flex;
    font-family: "SeatBlack",sans-serif;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    white-space: normal;
    max-height: calc(26px * 4 + 4px);
    overflow: hidden;
    margin: auto;
}

    .notificationBanner span.sec img {
        margin-left: 8px;
    }

.notificationBanner .link-arrow, .notificationBanner .link-arrow-orange, .notificationBanner .link-arrow-white {
    align-self: flex-end;
}

/** Tablet */
@media (min-width: 764px) {
    .notificationBanner span.sec {
        margin: auto;
        max-width: 464px;
        font-size: 20px;
        line-height: 26px;
        max-height: calc(26px * 2 + 4px);
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .notificationBanner a {
        padding: 64px 0px;
    }

    .notificationBanner span.sec {
        margin: auto;
        max-width: 580px;
        font-size: 25px;
        line-height: 32px;
        max-height: calc(32px * 2 + 4px);
    }

        .notificationBanner span.sec img {
            width: auto;
            height: 20px;
            vertical-align: sub;
        }
}
/* offer grid */
/* 320 mobile */
.offer-grid {
    height: 100%;
}

    .offer-grid h5.offer-title {
        font-family: "SeatBlack",sans-serif;
        font-size: 20px;
        line-height: 26px;
        max-height: 52px;
        overflow: hidden;
        color: #0f0f0f;
        max-width: 267px;
        margin: 32px 0 32px 16px;
        direction: rtl;
    }

/* only for new slider in AEM -> homepage-slider with two-columns-hero-offer into carousel-item in mobile*/
@media (max-width: 763px) {
    .offer-grid .homepage-slider .carousel .carousel-inner .carousel-item {
        max-height: 547px;
        height: 547px;
    }

        .offer-grid .homepage-slider .carousel .carousel-inner .carousel-item .two-columns-hero-offer .cont-module .infos-block {
            height: 320px;
        }
}
/* end new slider in AEM */
.offer-small-card-block .col-12 {
    padding-left: 0;
    padding-right: 0;
}

/* tablet */
@media (min-width: 764px) {
    .offer-grid h5.offer-title {
        margin: 32px auto;
        max-height: 30px;
    }

    .offer-small-card-block .col-md-6:nth-child(1) {
        padding-right: 0;
        padding-left: 16px;
    }

    .offer-small-card-block .col-md-6:nth-child(2) {
        padding-left: 0;
        padding-right: 16px;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .offer-grid h5.offer-title {
        margin: 32px auto 40px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .offer-grid h5.offer-title {
        margin: 32px auto;
    }

    .offer-small-card-block {
        max-width: 1436px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }

        .offer-small-card-block .col-md-6:nth-child(1) {
            padding-left: 32px;
            padding-right: 16px;
        }

        .offer-small-card-block .col-md-6:nth-child(2) {
            padding-left: 16px;
            padding-right: 32px;
        }
}
/* offer small card */
/* 320 mobile */
.offer-small-card {
    padding: 16px;
    margin-bottom: 32px;
    transition: background-color .25s ease-in-out;
}

    .offer-small-card .container-tags {
        display: flex;
        justify-content: flex-end;
        padding-bottom: 24px;
    }

        .offer-small-card .container-tags .seat-tag {
            margin-left: 8px;
            min-width: 85px;
        }

    .offer-small-card .cont-img {
        margin-bottom: 24px;
    }

        .offer-small-card .cont-img img {
            height: auto;
            width: 100%;
            max-width: 229px;
        }

    .offer-small-card .title {
        font-family: "SeatBold",sans-serif;
        font-size: 16px;
        line-height: 22px;
        max-height: 44px;
        overflow: hidden;
        color: #0f0f0f;
        margin-bottom: 8px;
        padding-left: 0;
    }

    .offer-small-card .subtitle {
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        max-height: 44px;
        overflow: hidden;
        color: rgba(15, 15, 15, 0.6);
        margin-bottom: 8px;
        padding-left: 0;
    }

    .offer-small-card .container-tags-icon {
        padding-left: 0;
        display: flex;
        align-items: center;
        height: 22px;
    }

        .offer-small-card .container-tags-icon .seat-tag-icon {
            font-family: "SeatRegular",sans-serif;
            font-size: 12px;
            line-height: 22px;
            color: #0f0f0f;
            margin-right: 16px;
        }

        .offer-small-card .container-tags-icon img {
            margin-right: 8px;
        }

    .offer-small-card hr {
        border-top: 1px solid #0f0f0f;
        opacity: .1;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .offer-small-card .price {
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: #0f0f0f;
    }

        .offer-small-card .price .text-bold {
            font-family: "SeatBold",sans-serif;
            font-size: 14px;
            margin-right: 8px;
        }

        .offer-small-card .price .before-price {
            text-decoration: line-through;
            opacity: .5;
        }

    .offer-small-card .price-per-month {
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        max-height: 22px;
        max-width: 256px;
        overflow: hidden;
    }

    .offer-small-card .text-emerald {
        color: #00afac;
    }

    .offer-small-card .container-price {
        margin-bottom: 8px;
        padding-left: 0;
    }

    .offer-small-card .primary-btn a {
        width: 280px;
    }

    .offer-small-card .btn {
        height: 48px;
    }

    .offer-small-card .primary-btn {
        padding-left: 0;
    }

    .offer-small-card .btn-standard {
        font-size: 16px;
    }

/* tablet */
@media (min-width: 763px) {
    .offer-small-card {
        margin-bottom: 0;
    }

        .offer-small-card .container-tags {
            padding-bottom: 32px;
            padding-right: 16px;
            padding-top: 16px;
        }

        .offer-small-card .cont-img img {
            height: auto;
            width: 100%;
            max-width: 274px;
        }

        .offer-small-card .title {
            font-size: 20px;
            line-height: 26px;
            max-height: 26px;
            max-width: 334px;
            padding-left: 0;
        }

        .offer-small-card .subtitle {
            font-size: 14px;
            line-height: 26px;
            max-height: 26px;
            max-width: 334px;
            padding-left: 0;
        }

        .offer-small-card .container-tags-icon {
            padding-left: 0;
        }

            .offer-small-card .container-tags-icon .seat-tag-icon {
                color: rgba(15, 15, 15, 0.6);
            }

        .offer-small-card .container-price {
            padding-left: 0;
        }

        .offer-small-card .price .text-bold {
            font-size: 16px;
        }

        .offer-small-card .price .befor-price {
            font-size: 14px;
            line-height: 26px;
            color: rgba(51, 48, 46, 0.6);
        }

        .offer-small-card .price-per-month {
            max-width: 97px;
        }

        .offer-small-card .primary-btn a {
            width: 167px;
        }

        .offer-small-card hr {
            margin-top: 16px;
            margin-bottom: 16px;
        }

        .offer-small-card .offer-footer {
            display: flex;
            justify-content: space-between;
        }

        .offer-small-card .seat-tag {
            font-size: 12px;
            line-height: 22px;
            padding: 1px 8px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .offer-small-card .container-tags {
        padding-bottom: 24px;
        padding-right: 16px;
        padding-top: 0;
    }

    .offer-small-card .cont-img {
        margin-bottom: 8px;
    }

        .offer-small-card .cont-img img {
            height: auto;
            width: 100%;
            max-width: 321px;
        }

    .offer-small-card .title {
        max-width: 420px;
        padding-left: 24px;
    }

    .offer-small-card .subtitle {
        max-width: 420px;
        padding-left: 24px;
    }

    .offer-small-card .container-tags-icon {
        padding-left: 24px;
    }

    .offer-small-card hr {
        margin-left: 24px;
        margin-right: 16px;
    }

    .offer-small-card .offer-footer {
        padding-left: 24px;
        padding-right: 16px;
    }

    .offer-small-card .primary-btn a {
        width: 245px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .offer-small-card .cont-module {
        padding-left: 11.66667%;
        padding-right: 13.33334%;
    }

    .offer-small-card .container-tags {
        padding-top: 0;
        padding-bottom: 16px;
        padding-right: 16px;
    }

    .offer-small-card .cont-img {
        padding: 16px 32px 0 32px;
    }

        .offer-small-card .cont-img img {
            height: auto;
            width: 100%;
            max-width: 400px;
        }

    .offer-small-card .primary-btn a {
        width: 204px;
    }
}
/*-------------------------- OFFER BIG CARD -------------------------*/
/* 320 mobile */
.offer-big-card {
    margin-bottom: 32px;
}

    .offer-big-card .container-fluid {
        max-width: 1436px;
        padding: 16px 32px;
        margin: 0 auto;
    }

    .offer-big-card .cont-img {
        width: 100%;
        position: relative;
        height: 168px;
        max-height: 168px;
        overflow: hidden;
    }

        .offer-big-card .cont-img span img.f-right {
            left: calc(100% + 32px);
        }

        .offer-big-card .cont-img span img.f-left {
            left: -32px;
        }

        .offer-big-card .cont-img .container-tags {
            position: absolute;
            top: 8px;
            z-index: 1;
            font-size: 0;
            right: 0;
        }

            .offer-big-card .cont-img .container-tags .seat-tag {
                background: #fff;
                border-radius: 4px;
                font-size: 12px;
                line-height: 22px;
                font-family: "SeatMedium",sans-serif;
                padding: 0 8px;
                margin-right: 8px;
            }

                .offer-big-card .cont-img .container-tags .seat-tag.discount {
                    font-family: "SeatRegular",sans-serif;
                }

                    .offer-big-card .cont-img .container-tags .seat-tag.discount .percent-discount {
                        font-family: "SeatBold",sans-serif;
                    }

        .offer-big-card .cont-img span img {
            position: relative;
            height: 168px;
            max-height: 168px;
            width: auto;
            max-width: none;
        }

    .offer-big-card .cont-module {
        padding: 24px 16px;
    }

        .offer-big-card .cont-module .content {
            margin: 0 auto;
            max-width: 440px;
        }

            .offer-big-card .cont-module .content .title {
                font-size: 25px;
                line-height: 32px;
                font-family: "SeatBlack",sans-serif;
                color: #0f0f0f;
                max-height: 64px;
                overflow: hidden;
                margin-bottom: 16px;
                letter-spacing: 0;
            }

            .offer-big-card .cont-module .content .subtitle {
                font-size: 14px;
                line-height: 26px;
                font-family: "SeatRegular",sans-serif;
                color: #0f0f0f;
                max-height: 52px;
                overflow: hidden;
                margin-bottom: 8px;
            }

            .offer-big-card .cont-module .content .container-tags-icon {
                display: flex;
                align-items: center;
                height: 22px;
                margin-bottom: 16px;
            }

                .offer-big-card .cont-module .content .container-tags-icon .seat-tag-icon {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                    color: #0f0f0f;
                    margin-right: 16px;
                }

                .offer-big-card .cont-module .content .container-tags-icon img {
                    margin-right: 8px;
                    vertical-align: sub;
                }

            .offer-big-card .cont-module .content .description {
                overflow: hidden;
                max-height: 176px;
                margin-bottom: 24px;
            }

                .offer-big-card .cont-module .content .description p {
                    margin: 0;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    color: #0f0f0f;
                    line-height: 22px;
                }

            .offer-big-card .cont-module .content .richtext {
                font-size: 12px;
                line-height: 22px;
            }

                .offer-big-card .cont-module .content .richtext a {
                    font-size: 12px;
                    line-height: 22px;
                    color: #0f0f0f;
                }

                    .offer-big-card .cont-module .content .richtext a:hover, .offer-big-card .cont-module .content .richtext a.hover {
                        color: rgba(15, 15, 15, 0.6) !important;
                        border-bottom: 1px solid rgba(15, 15, 15, 0.6);
                    }

            .offer-big-card .cont-module .content .price {
                font-size: 0;
                margin-bottom: 8px;
            }

                .offer-big-card .cont-module .content .price span {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: #0f0f0f;
                }

                .offer-big-card .cont-module .content .price .text-bold {
                    font-family: "SeatBold",sans-serif;
                    font-size: 20px;
                    margin-right: 8px;
                }

                .offer-big-card .cont-module .content .price .before-price {
                    text-decoration: line-through;
                    vertical-align: top;
                }

            .offer-big-card .cont-module .content .price-per-month {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
                overflow: hidden;
                white-space: nowrap;
                margin-bottom: 16px;
            }

            .offer-big-card .cont-module .content .primary-btn {
                max-width: 256px;
            }

                .offer-big-card .cont-module .content .primary-btn a {
                    height: 48px;
                    width: 100%;
                }

/* tablet */
@media (min-width: 764px) {
    .offer-big-card {
        margin-bottom: 0;
    }

        .offer-big-card .container-fluid {
            padding: 24px 48px;
        }

        .offer-big-card.side-right .container-tags {
            left: 16px;
        }

        .offer-big-card .cont-img {
            height: 448px;
            max-height: 448px;
        }

            .offer-big-card .cont-img span img {
                height: 448px;
                max-height: 448px;
            }

            .offer-big-card .cont-img .container-tags {
                top: 16px;
                right: 8px;
            }

        .offer-big-card .cont-module {
            padding: 16px 24px;
        }

            .offer-big-card .cont-module .content {
                margin: 0;
                max-width: none;
                position: relative;
                height: 100%;
            }

                .offer-big-card .cont-module .content .title {
                    white-space: nowrap;
                    max-height: 32px;
                }

                .offer-big-card .cont-module .content .subtitle {
                    white-space: nowrap;
                    max-height: 26px;
                }

                .offer-big-card .cont-module .content .description {
                    max-height: 154px;
                }

                .offer-big-card .cont-module .content .primary-btn {
                    max-width: 176px;
                }

                .offer-big-card .cont-module .content .offer-footer {
                    position: absolute;
                    bottom: 0;
                }
}
/* desktop */
@media (min-width: 1016px) {
    .offer-big-card .container-fluid {
        padding: 32px 48px;
    }

    .offer-big-card .cont-img {
        height: 440px;
        max-height: 440px;
        max-width: calc(58.33333% - 16px);
        flex: 0 0 calc(58.33333% - 16px);
    }

        .offer-big-card .cont-img span img {
            height: 440px;
            max-height: 440px;
        }

    .offer-big-card .cont-module {
        padding: 24px 24px 16px 24px;
        max-width: calc(41.66667% + 16px);
        flex: 0 0 calc(41.66667% + 16px);
    }

        .offer-big-card .cont-module .content .title {
            font-size: 30px;
            line-height: 38px;
            max-height: 38px;
        }

        .offer-big-card .cont-module .content .description {
            max-height: 132px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .offer-big-card.side-right .content {
        margin-left: auto;
    }

    .offer-big-card .cont-img {
        max-width: calc(58.33333% + 16px);
        flex: 0 0 calc(58.33333% + 16px);
    }

    .offer-big-card .cont-module {
        max-width: calc(41.66667% - 16px);
        flex: 0 0 calc(41.66667% - 16px);
        padding: 24px 32px;
    }

        .offer-big-card .cont-module .content {
            max-width: 489px;
        }

            .offer-big-card .cont-module .content .description {
                max-height: 88px;
            }

            .offer-big-card .cont-module .content .primary-btn {
                max-width: 200px;
            }
}
/*-------------------------- END OFFER BIG CARD -------------------------*/
/* SP6 */
/* 320 mobile */
.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: 100%;
    position: fixed;
    z-index: 1001;
    bottom: 0;
}

    .floating-buttons.open {
        background-color: rgba(51, 48, 46, 0.8);
        width: 100%;
        height: 100%;
    }

        .floating-buttons.open .fbuttons .floatButton .floating-title {
            display: block;
        }

        .floating-buttons.open.first-open {
            background-color: unset;
            height: 0;
        }

            .floating-buttons.open.first-open .fbuttons .floatButton .floating-title {
                display: none;
            }

        .floating-buttons.open .fbuttons .floatButton {
            height: 40px;
            width: 40px;
            margin-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: #ee7d05;
            }

                .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: 2560px;
        padding: 0;
        height: 100%;
        position: relative;
        right: 0;
    }

    .floating-buttons .fbuttons {
        width: 56px;
        position: absolute;
        align-items: center;
        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%;
                border-radius: 50px;
                background-color: #FF0036;
                box-shadow: 1px 1px 3px 0 rgba(51, 48, 46, 0.6);
                text-decoration: none;
                overflow: hidden;
            }

                .floating-buttons .fbuttons .floatButton a .info {
                    font-size: 14px;
                    line-height: 26px;
                    font-family: "SeatMedium",sans-serif;
                    color: #fff;
                    white-space: nowrap;
                }

                .floating-buttons .fbuttons .floatButton a.link-rounded {
                    border-radius: 40px !important;
                }

            .floating-buttons .fbuttons .floatButton.show-more {
                width: 48px;
                height: 48px;
                -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: 100%;
                    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: 100%;
                height: 100%;
            }

                .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;
                }

            .floating-buttons .fbuttons .floatButton .floating-title {
                -webkit-transition: none;
                -moz-transition: none;
                -ms-transition: none;
                -o-transition: none;
                transition: none;
                display: none;
                position: absolute;
                right: 48px;
                top: calc(50% - 11px);
                white-space: nowrap;
                background: #fff;
                border-radius: 4px;
                padding: 0 8px;
                box-shadow: 1px 1px 3px 0 rgba(51, 48, 46, 0.2);
            }

                .floating-buttons .fbuttons .floatButton .floating-title p {
                    line-height: 22px;
                    font-size: 12px;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                    margin: 0;
                }

/* Tablet */
@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: 48px;
            }

                .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;
                        margin-right: 8px;
                        -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 .fbuttons {
            width: auto;
            display: table;
            right: 32px;
            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: 16px;
                transition: none;
                width: 100%;
                height: 48px;
                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;
                    border-radius: 24px;
                }

                    .floating-buttons .fbuttons .floatButton a .info {
                        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: 48px;
                        height: 48px;
                        padding: 8px;
                    }

                        .floating-buttons .fbuttons .floatButton a .floatButton-img-cont .floatButton-img {
                            max-width: 100%;
                            max-height: 100%;
                        }
}

@media (min-width: 320px) and (max-width: 763px) {
    .d-mobile {
        display: block !important;
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .d-tablet {
        display: block !important;
    }
}

@media (min-width: 1016px) and (max-width: 1435px) {
    .d-small-desktop {
        display: block !important;
    }
}

@media (min-width: 1436px) {
    .d-large-desktop {
        display: block !important;
    }
}

.stacked {
    padding: 16px;
}

    .stacked .container-fluid {
        padding: 0px;
        max-width: 2560px;
    }

        .stacked .container-fluid > .row {
            margin: 0px;
            padding: 0px;
        }

    .stacked .cont-img {
        height: 208px;
        overflow: hidden;
    }

        .stacked .cont-img img {
            height: 208px;
        }

        .stacked .cont-img .play-block img {
            height: 14px;
            left: 50%;
            top: 50%;
            margin: 0;
        }

    .stacked .max-container {
        max-width: 440px;
        margin: 0 auto;
    }

    .stacked .eyebrow {
        font-size: 14px;
        line-height: 26px;
        max-height: 26px;
        overflow: hidden;
        margin-bottom: 16px;
        margin-top: 32px;
        max-width: 288px;
    }

    .stacked .content .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 30px;
        line-height: 38px;
        max-height: calc(38px*5 + 4px);
        overflow: hidden;
        margin-bottom: 32px;
    }

    .stacked .description {
        font-size: 14px;
        line-height: 26px;
        max-height: calc(26px*9 + 4px);
        overflow: hidden;
        margin-bottom: 32px;
    }

    .stacked .tercera-col {
        padding: 0px;
    }

        .stacked .tercera-col .description {
            margin-top: -32px;
            margin-bottom: 32px;
        }

    .stacked .feature-list ul {
        display: block;
        list-style: none;
        list-style-position: outside;
        padding: 0;
    }

        .stacked .feature-list ul li {
            font-family: "SeatMedium",sans-serif;
            margin-bottom: 24px;
            font-size: 14px;
            line-height: 26px;
            display: flex;
        }

    .stacked .feature-list .icon {
        margin-right: 16px;
        display: inline-block;
    }

        .stacked .feature-list .icon svg {
            min-width: 32px;
            max-width: 32px;
        }

        .stacked .feature-list .icon img {
            min-width: 32px;
            max-width: 32px;
        }

    .stacked .texto {
        display: inline-block;
    }

    .stacked .cta-list a {
        display: block;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 24px;
    }

    .stacked .cta-container {
        padding-bottom: 16px;
    }

        .stacked .cta-container .btn {
            font-family: "SeatBold",sans-serif;
            width: 100%;
            max-width: 288px;
            height: 48px;
            font-size: 16px;
            line-height: 32px;
        }

        .stacked .cta-container .btn-black,
        .stacked .cta-container .btn-orange,
        .stacked .cta-container .btn-outline-white {
            color: #fff;
        }

        .stacked .cta-container .btn-outline-orange {
            color: #ea5d1a;
        }

        .stacked .cta-container .btn-standard {
            font-family: "SeatBold",sans-serif;
            font-size: 14px;
            line-height: 26px;
            height: 48px;
            text-align: center;
            border-radius: 4px;
            font-weight: 700;
            padding: 9px 20px;
            min-width: 108px;
            border: 2px solid transparent;
            white-space: nowrap;
        }

            .stacked .cta-container .btn-standard:focus, .stacked .cta-container .btn-standard.focus {
                outline: 0;
                box-shadow: none;
            }

        .stacked .cta-container .btn-orange {
            background-color: #ea5d1a;
            color: #fff;
        }

            .stacked .cta-container .btn-orange:hover, .stacked .cta-container .btn-orange.hover {
                background-color: #f08d5f;
                color: #fff;
            }

            .stacked .cta-container .btn-orange:active, .stacked .cta-container .btn-orange.active {
                background-color: #d7581c;
            }

            .stacked .cta-container .btn-orange.disabled {
                background-color: #ec743b;
                color: rgba(255, 255, 255, 0.6);
                opacity: 1;
            }

        .stacked .cta-container .btn-black {
            background-color: #0f0f0f;
            color: #fff;
        }

            .stacked .cta-container .btn-black:hover, .stacked .cta-container .btn-black.hover {
                background-color: rgba(15, 15, 15, 0.6);
                color: #fff;
            }

            .stacked .cta-container .btn-black:active, .stacked .cta-container .btn-black.active {
                background-color: #393634;
            }

            .stacked .cta-container .btn-black.disabled {
                background-color: rgba(15, 15, 15, 0.2);
                color: rgba(255, 255, 255, 0.6);
                opacity: 1;
            }

        .stacked .cta-container .btn-outline-black {
            background-color: transparent;
            color: #0f0f0f;
            border: 2px solid #0f0f0f;
        }

            .stacked .cta-container .btn-outline-black:hover, .stacked .cta-container .btn-outline-black.hover {
                border: solid 2px rgba(15, 15, 15, 0.6);
                color: #0f0f0f;
            }

            .stacked .cta-container .btn-outline-black:active, .stacked .cta-container .btn-outline-black.active {
                background-color: #c8c8c8;
            }

            .stacked .cta-container .btn-outline-black.disabled {
                background-color: transparent;
                color: #c7c7c7;
                border: solid 2px #c7c7c7;
                opacity: 1;
            }

        .stacked .cta-container .btn-outline-white {
            background-color: transparent;
            color: #fff;
            border: 2px solid #fff;
        }

            .stacked .cta-container .btn-outline-white:hover, .stacked .cta-container .btn-outline-white.hover {
                border: solid 2px rgba(255, 255, 255, 0.8);
                color: #fff;
            }

            .stacked .cta-container .btn-outline-white:active, .stacked .cta-container .btn-outline-white.active {
                background-color: rgba(255, 255, 255, 0.6);
            }

            .stacked .cta-container .btn-outline-white.disabled {
                background-color: transparent;
                color: rgba(255, 255, 255, 0.6);
                border: solid 2px rgba(255, 255, 255, 0.6);
                opacity: 1;
            }

        .stacked .cta-container .btn-outline-orange {
            background-color: transparent;
            color: #ea5d1a;
            border: 2px solid #ea5d1a;
        }

            .stacked .cta-container .btn-outline-orange:hover, .stacked .cta-container .btn-outline-orange.hover {
                border: solid 2px #F08D5F;
                color: #ea5d1a;
            }

            .stacked .cta-container .btn-outline-orange:active, .stacked .cta-container .btn-outline-orange.active {
                background-color: #f8ceba;
            }

            .stacked .cta-container .btn-outline-orange.disabled {
                background-color: transparent;
                color: #f8ceba;
                border: solid 2px #f8ceba;
                opacity: 1;
            }

    .stacked.color .eyebrow {
        color: #0f0f0f;
    }

    .stacked.color .richtext {
        color: #0f0f0f;
    }

        .stacked.color .richtext p {
            color: #0f0f0f;
        }

    .stacked.color .feature-list ul li {
        color: #0f0f0f;
    }

    .stacked.color .copy-block-version.richtext p {
        color: #0f0f0f;
    }

    .stacked.color .description {
        color: #0f0f0f;
    }

        .stacked.color .description p {
            color: #0f0f0f;
        }

    .stacked .stackedColCenter {
        max-width: 440px;
        margin: auto;
    }

    .stacked .copy-block-version.richtext h2 {
        font-family: "SeatBlack",sans-serif;
        font-size: 30px;
        line-height: 38px;
        max-height: calc(38px*5 + 4px);
        overflow: hidden;
        margin-bottom: 32px;
    }

    .stacked .copy-block-version.richtext p {
        max-height: calc(26px*18 + 28px);
        overflow: hidden;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 32px;
    }

    .stacked .richtext {
        color: inherit;
    }

        .stacked .richtext p {
            color: inherit;
        }

/* tablet */
@media (min-width: 764px) {
    .stacked {
        padding: 32px;
    }

        .stacked .cont-img {
            height: 248px;
        }

            .stacked .cont-img img {
                height: 248px;
            }

        .stacked .max-container {
            max-width: 668px;
            margin: 0 auto;
        }

        .stacked .eyebrow {
            max-width: 334px;
        }

        .stacked .content .title {
            font-size: 38px;
            line-height: 48px;
            margin-bottom: 24px;
            max-height: calc(48px*6 + 4px);
        }

        .stacked .content .description {
            max-height: calc(26px*9 + 4px);
            margin-bottom: 0px;
        }

        .stacked .tercera-col {
            padding-left: 18px;
        }

            .stacked .tercera-col .description {
                margin-top: 0px;
            }

        .stacked .cta-list a {
            display: block;
            font-size: 14px;
            line-height: 26px;
            margin-bottom: 24px;
        }

        .stacked .cta-container {
            padding-bottom: 0px;
        }

            .stacked .cta-container .btn {
                width: 212px;
                height: 48px;
            }

        .stacked .stackedColCenter {
            max-width: none;
        }

        .stacked .copy-block-version.richtext {
            font-size: 14px;
            line-height: 26px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 33px;
            -moz-column-gap: 33px;
            column-gap: 33px;
        }

            .stacked .copy-block-version.richtext h2 {
                font-size: 38px;
                line-height: 48px;
                margin-bottom: 24px;
                max-height: calc(48px*6 + 4px);
            }

            .stacked .copy-block-version.richtext p {
                max-height: inherit;
                overflow: inherit;
                font-size: 14px;
                line-height: 26px;
                margin-bottom: 32px;
            }

        .stacked .richtext {
            color: inherit;
        }

            .stacked .richtext p {
                color: inherit;
            }
}
/*Desktop*/
@media (min-width: 1016px) {
    .stacked {
        padding: 0px;
    }

        .stacked .max-container {
            max-width: auto;
            height: 100%;
        }

        .stacked .cont-img {
            height: 660px;
            max-width: 467px;
        }

            .stacked .cont-img img {
                height: 660px;
            }

        .stacked .stackedColCenter {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            padding: 0 32px;
        }

        .stacked .max-container {
            max-width: calc(296px*2 + 4px);
            justify-content: center;
            align-items: center;
        }

            .stacked .max-container .col-md-6 {
                flex: 0 0 296px;
            }

            .stacked .max-container .col-lg-6 {
                flex: 0 0 50%;
            }

        .stacked .eyebrow {
            margin-top: 0;
            font-size: 16px;
            line-height: 30px;
            max-height: 30px;
            max-width: 296px;
        }

        .stacked .content .title {
            font-size: 38px;
            line-height: 48px;
            max-height: calc(48px*6 + 4px);
        }

        .stacked .content .description {
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px*9 + 4px);
        }

        .stacked .tercera-col {
            margin-top: 0;
            padding-left: 32px;
            padding-right: 0px;
        }

            .stacked .tercera-col .feature-list ul {
                margin: 0px;
                display: block;
            }

                .stacked .tercera-col .feature-list ul li {
                    margin-bottom: 24px;
                    font-size: 14px;
                    line-height: 30px;
                }

            .stacked .tercera-col .cta-list a {
                font-size: 16px;
                line-height: 29px;
                margin-bottom: 24px;
            }

        .stacked.left .reverse {
            order: 1;
        }

        .stacked .copy-block-version.richtext {
            font-size: 16px;
            line-height: 30px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 56px;
            -moz-column-gap: 56px;
            column-gap: 56px;
        }

            .stacked .copy-block-version.richtext h2 {
                font-size: 38px;
                line-height: 48px;
                margin-bottom: 24px;
                max-height: calc(48px*6 + 4px);
            }

            .stacked .copy-block-version.richtext p {
                font-size: 16px;
                line-height: 30px;
                margin-bottom: 32px;
            }

        .stacked .richtext {
            color: inherit;
        }

            .stacked .richtext p {
                color: inherit;
            }
}
/* XL */
@media (min-width: 1436px) {
    .stacked {
        padding: 0;
    }

        .stacked .cont-img {
            max-width: 1053px;
        }

        .stacked .stackedColCenter {
            padding: 0 56px;
        }

        .stacked .max-container {
            max-width: calc(404px*2 + 4px);
            padding: 0;
            margin-left: 0;
            margin-right: auto;
        }

            .stacked .max-container .col-md-6 {
                flex: 0 0 404px;
            }

        .stacked .eyebrow {
            max-width: 404px;
        }

        .stacked .content .title {
            max-height: calc(48px*4 + 4px);
        }

        .stacked .content .description {
            max-height: calc(30px*6 + 4px);
        }

        .stacked .tercera-col {
            margin-top: 0;
            padding-left: 56px;
        }

            .stacked .tercera-col .cta-list a {
                font-size: 16px;
                line-height: 29px;
                margin-bottom: 24px;
            }

        .stacked.left .stackedColCenter {
            padding: 0 48px;
        }

        .stacked.left .max-container {
            margin-right: 0px;
            margin-left: auto;
        }

        .stacked .copy-block-version.richtext {
            font-size: 16px;
            line-height: 30px;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 56px;
            -moz-column-gap: 56px;
            column-gap: 56px;
        }

            .stacked .copy-block-version.richtext h2 {
                font-size: 38px;
                line-height: 48px;
                margin-bottom: 24px;
                max-height: calc(48px*4 + 4px);
            }

            .stacked .copy-block-version.richtext p {
                font-size: 16px;
                line-height: 30px;
                margin-bottom: 32px;
            }

        .stacked .richtext {
            color: inherit;
        }

            .stacked .richtext p {
                color: inherit;
            }
}

@media (min-width: 1920px) {
    .stacked .col-xl-4 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .stacked .col-xl-8 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
}

@media (min-width: 2529px) {
    .stacked .col-xl-4 {
        flex: 0 0 41.6669%;
        max-width: 41.6669%;
    }

        .stacked .col-xl-4 .cont-img {
            max-width: 100%;
        }

            .stacked .col-xl-4 .cont-img img {
                width: 100%;
            }
}

.faq {
    padding: 40px 8px;
}

    .faq .container-fluid {
        padding: 0;
    }

        .faq .container-fluid .container {
            padding: 0;
            max-width: 456px;
        }

            .faq .container-fluid .container .row {
                margin: 0;
            }

                .faq .container-fluid .container .row .col-12 {
                    padding: 0;
                }

                    .faq .container-fluid .container .row .col-12 .eyebrow {
                        font-family: "SeatBold",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: rgba(15, 15, 15, 0.6);
                        margin-bottom: 16px;
                        overflow: hidden;
                        max-height: 26px;
                    }

                    .faq .container-fluid .container .row .col-12 .title {
                        font-family: "SeatBlack",sans-serif;
                        font-size: 30px;
                        line-height: 38px;
                        color: #0f0f0f;
                        margin-bottom: 32px;
                        overflow: hidden;
                        max-height: calc(38px*2 + 1px);
                    }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-header {
                        padding: 8px;
                        border-bottom: 1px solid #d6d6d5;
                        cursor: pointer;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-header h5 {
                            font-family: "SeatBold",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                            color: #0f0f0f;
                            width: 85%;
                            margin: 0;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-header .faq-header-arrow {
                            transform: rotate(90deg);
                            margin-right: 12px;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-header[aria-expanded="true"] .faq-header-arrow {
                            transform: rotate(-90deg);
                            margin-right: 12px;
                        }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext {
                        padding: 8px;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext p,
                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext li {
                            color: rgba(15, 15, 15, 0.6);
                            font-family: "SeatRegular",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext ul,
                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext ol {
                            margin-top: 8px;
                            padding-left: 32px;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext ul {
                            list-style: none;
                        }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext ul li::before {
                                content: "\2022";
                                color: rgba(15, 15, 15, 0.6);
                                display: inline-block;
                                width: 24px;
                                margin-left: -16px;
                                font-size: 24px;
                            }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext p {
                            margin-bottom: 16px;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody tr:nth-of-type(2n+1) {
                            background-color: transparent;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody tr:nth-of-type(2n) {
                            background-color: #FFF;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody td,
                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody th {
                            min-width: 136px;
                            min-height: 80px;
                            border-bottom: 1px solid #cccccc;
                            border-right: 1px solid #cccccc;
                            text-align: center;
                            padding: 24px 8px;
                            color: rgba(15, 15, 15, 0.6);
                        }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody td:first-child,
                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody th:first-child {
                                font-weight: bold;
                                color: #0f0f0f;
                            }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody th {
                            width: 136px;
                            text-align: center;
                            border-top: none;
                            border-bottom: 1px solid #ccc;
                            border-right: 1px solid #ccc;
                            padding: 24px;
                        }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody th:last-child {
                                border-right: none;
                            }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext .table-striped tbody td:last-child {
                            border-right: none;
                        }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .link-container {
                        padding: 8px;
                        margin-bottom: 16px;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .link-container a {
                            margin-right: 24px;
                        }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion {
                        padding-top: 16px;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header {
                            padding: 8px 16px 8px 8px;
                            display: inline-flex;
                            flex-direction: row;
                            justify-content: space-between;
                            align-items: center;
                            min-width: 100%;
                            cursor: pointer;
                            margin-bottom: 0;
                            position: relative;
                        }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container {
                                z-index: 2;
                                padding-right: 8px;
                                width: auto;
                                max-width: 80%;
                            }

                                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container h6 {
                                    font-family: "SeatMedium",sans-serif;
                                    font-size: 14px;
                                    line-height: 26px;
                                    color: #0f0f0f;
                                    margin: 0;
                                }

                                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container:hover h6 {
                                    color: rgba(15, 15, 15, 0.6);
                                }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header *::-ms-backdrop, .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container {
                                width: auto;
                                max-width: 80%;
                            }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .faq-sub-header-line {
                                background: #d6d6d5;
                                height: 1px;
                                width: 84%;
                                margin: 0 8px;
                                left: 8px;
                                position: absolute;
                                z-index: 1;
                            }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .faq-header-more {
                                width: 12px;
                                height: 12px;
                            }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header[aria-expanded="true"] .faq-header-more {
                                background: rgba(15, 15, 15, 0.6);
                                height: 2px;
                                max-width: 12px;
                                width: 100%;
                            }

                                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header[aria-expanded="true"] .faq-header-more h6 {
                                    color: #0f0f0f;
                                }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header[aria-expanded="false"] h6 {
                                color: rgba(15, 15, 15, 0.6);
                            }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header[aria-expanded="false"]:hover h6 {
                                color: #0f0f0f;
                            }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header.collapsed h6 {
                                color: rgba(15, 15, 15, 0.6);
                            }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header.collapsed:hover h6 {
                                color: #0f0f0f;
                            }

@media (min-width: 764px) {
    .faq {
        padding: 64px 0;
    }

        .faq .container-fluid {
            padding: 0;
        }

            .faq .container-fluid .container {
                max-width: 700px;
            }

                .faq .container-fluid .container .row .col-12 .title {
                    margin-bottom: 48px;
                }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-header {
                    padding: 32px 16px 10px;
                }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-header h5 {
                        font-size: 16px;
                        line-height: 30px;
                    }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext {
                    padding: 16px;
                }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion {
                    padding-top: 24px;
                }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header {
                        padding: 8px 32px 8px 16px;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container {
                            width: unset;
                            max-width: unset;
                        }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .faq-sub-header-line {
                            width: 90%;
                        }
}

@media (min-width: 1016px) {
    .faq {
        padding: 72px 8px 56px;
    }

        .faq .container-fluid {
            padding: 0;
        }

            .faq .container-fluid .container {
                max-width: 788px;
            }

                .faq .container-fluid .container .row .col-12 .eyebrow {
                    font-size: 16px;
                    line-height: 30px;
                    margin-bottom: 18px;
                }

                .faq .container-fluid .container .row .col-12 .title {
                    font-size: 38px;
                    line-height: 48px;
                    margin-bottom: 56px;
                    overflow: hidden;
                    max-height: 48px;
                }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext p,
                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext li {
                    font-size: 16px;
                    line-height: 30px;
                    margin-bottom: 24px;
                }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion {
                    padding-top: 24px;
                }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header {
                        padding: 32px 32px 8px 16px;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container {
                            width: unset;
                            max-width: unset;
                        }

                            .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container h6 {
                                font-family: "SeatBold",sans-serif;
                                font-size: 16px;
                                line-height: 30px;
                            }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .faq-sub-header-line {
                            width: 90%;
                        }
}

@media (min-width: 1436px) {
    .faq {
        padding: 72px 0 56px;
    }

        .faq .container-fluid {
            padding: 0;
        }

            .faq .container-fluid .container {
                max-width: 904px;
            }

                .faq .container-fluid .container .row .col-12 .title {
                    overflow: hidden;
                    max-height: 48px;
                    line-height: 48px;
                }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion {
                    padding-top: 24px;
                }

                    .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header {
                        padding: 32px 32px 8px 16px;
                    }

                        .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .faq-sub-accordion .faq-sub-header .head-container h6 {
                            margin: 0;
                        }

                .faq .container-fluid .container .row .col-12 .faq-accordion .faq-content .richtext p {
                    margin-bottom: 24px;
                }
}
/* Generic Hero Center, Left, Right */
/* S 320 mobile */
.genericHero {
    position: relative;
    max-width: 2560px;
    min-height: 344px;
    margin: 0 auto;
}

    .genericHero .cont-img {
        overflow: hidden;
        height: 560px;
        max-height: 560px;
        width: 100%;
    }

        .genericHero .cont-img img {
            position: relative;
            width: auto;
            max-width: none;
            height: 560px;
            max-height: 560px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .genericHero .cont-module {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 16px;
        padding-bottom: 24px;
        z-index: 1;
    }

        .genericHero .cont-module.background-transparent::before {
            background: rgba(51, 48, 46, 0.5);
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .genericHero .eyebrow {
        font-family: SeatBold,sans-serif;
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        margin-bottom: 16px;
        max-height: calc(26px*1 + 4px);
        overflow: hidden;
    }

    .genericHero .title {
        font-family: SeatBlack,sans-serif;
        font-size: 30px;
        color: #fff;
        line-height: 38px;
        padding-bottom: 4px;
        margin-bottom: 24px;
        max-height: calc(38px*2 + 4px);
        overflow: hidden;
    }

    .genericHero .description {
        margin-bottom: 24px;
        max-height: calc(26px*3 + 4px);
        overflow: hidden;
    }

        .genericHero .description p {
            font-family: SeatRegular,sans-serif;
            font-size: 14px;
            color: #fff;
            line-height: 26px;
            margin: 0;
        }

    .genericHero .btn-standard {
        min-width: 288px;
        height: 48px;
    }

    .genericHero .centercontent {
        max-width: 440px;
        margin: 0 auto;
        text-align: center;
    }

        .genericHero .centercontent > *:last-child {
            margin-bottom: 0;
        }

    .genericHero.hero-left .centercontent, .genericHero.hero-right .centercontent {
        text-align: left;
    }

    .genericHero.hero-left .title, .genericHero.hero-right .title {
        max-height: calc(38px*3 + 4px);
    }

/* M Tablet */
@media (min-width: 764px) {
    .genericHero {
        min-height: 322px;
    }

        .genericHero .cont-img {
            height: 700px;
            max-height: 700px;
        }

            .genericHero .cont-img img {
                height: 700px;
                max-height: 700px;
            }

        .genericHero .cont-module {
            padding-top: 32px;
            padding-bottom: 32px;
        }

        .genericHero .title {
            font-size: 38px;
            line-height: 40px;
            margin-bottom: 32px;
            max-height: calc(40px*1 + 4px);
        }

        .genericHero .description {
            margin-bottom: 32px;
            max-height: calc(26px*2 + 4px);
        }

        .genericHero .btn-standard {
            min-width: 212px;
        }

        .genericHero .centercontent {
            max-width: 950px;
            margin-left: 16px;
            margin-right: 16px;
        }

        .genericHero.hero-left .cont-module, .genericHero.hero-right .cont-module {
            padding-top: 0;
            padding-bottom: 0;
        }

        .genericHero.hero-left .centercontent, .genericHero.hero-right .centercontent {
            min-width: 318px;
            max-width: 443px;
        }

        .genericHero.hero-left .title, .genericHero.hero-right .title {
            max-height: calc(40px*3 + 4px);
        }

        .genericHero.hero-left .description, .genericHero.hero-right .description {
            max-height: calc(26px*3 + 4px);
        }

        .genericHero.hero-left .cont-module.background-transparent {
            height: 100%;
        }

            .genericHero.hero-left .cont-module.background-transparent .container-fluid .col-12 {
                flex: 0 0 50%;
                max-width: 50%;
            }

            .genericHero.hero-left .cont-module.background-transparent .flex-column {
                height: 100%;
            }

                .genericHero.hero-left .cont-module.background-transparent .flex-column .align-items-center {
                    height: 100%;
                }

            .genericHero.hero-left .cont-module.background-transparent::before {
                width: 50%;
                right: 50%;
            }

        .genericHero.hero-right .cont-module.background-transparent {
            height: 100%;
        }

            .genericHero.hero-right .cont-module.background-transparent .container-fluid .col-12 {
                flex: 0 0 50%;
                max-width: 50%;
                left: 50%;
            }

            .genericHero.hero-right .cont-module.background-transparent .flex-column {
                height: 100%;
            }

                .genericHero.hero-right .cont-module.background-transparent .flex-column .align-items-center {
                    height: 100%;
                }

            .genericHero.hero-right .cont-module.background-transparent::before {
                width: 50%;
                left: 50%;
            }
}
/* L Desktop */
@media (min-width: 1016px) {
    .genericHero {
        min-height: 300px;
    }

        .genericHero .cont-img {
            height: 700px;
            max-height: 700px;
        }

            .genericHero .cont-img img {
                height: 700px;
                max-height: 700px;
            }

        .genericHero .eyebrow {
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px*1 + 4px);
        }

        .genericHero .description {
            max-height: calc(26px*1 + 4px);
        }

        .genericHero .btn-standard {
            min-width: 214px;
        }

        .genericHero .centercontent {
            max-width: 788px;
            margin-left: auto;
            margin-right: auto;
        }

        .genericHero.hero-left .centercontent, .genericHero.hero-right .centercontent {
            min-width: 346px;
            max-width: 520px;
        }

        .genericHero.hero-left .title, .genericHero.hero-right .title {
            max-height: calc(40px*2 + 4px);
        }

        .genericHero.hero-left .description, .genericHero.hero-right .description {
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px*3 + 4px);
        }

            .genericHero.hero-left .description p, .genericHero.hero-right .description p {
                font-size: 16px;
                line-height: 30px;
            }

        .genericHero.hero-left .cont-module.background-transparent .container-fluid .col-12 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
            padding-right: 44px;
            padding-left: 32px;
        }

        .genericHero.hero-left .cont-module.background-transparent::before {
            width: 41.66667%;
            width: calc(41.66667% - 12px);
            right: 58.33333%;
        }

        .genericHero.hero-right .cont-module.background-transparent .container-fluid .col-12 {
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
            left: 58.33333%;
            padding-right: 32px;
            padding-left: 44px;
        }

        .genericHero.hero-right .cont-module.background-transparent::before {
            width: calc(41.66667% - 12px);
            left: calc(58.33333% + 12px);
        }
}
/* XL */
@media (min-width: 1436px) {
    .genericHero {
        min-height: 314px;
    }

        .genericHero .cont-img {
            height: 800px;
            max-height: 800px;
        }

            .genericHero .cont-img img {
                height: 800px;
                max-height: 800px;
            }

        .genericHero .title {
            font-size: 50px;
            line-height: 54px;
            max-height: calc(54px*1 + 4px);
        }

        .genericHero .btn-standard {
            min-width: 202px;
        }

        .genericHero .centercontent {
            max-width: 904px;
        }

        .genericHero.hero-left .centercontent, .genericHero.hero-right .centercontent {
            max-width: 436px;
        }

        .genericHero.hero-left .title, .genericHero.hero-right .title {
            max-height: calc(54px*2 + 4px);
        }

        .genericHero.hero-left .description, .genericHero.hero-right .description {
            max-height: calc(30px*2 + 4px);
        }

        .genericHero.hero-left .cont-module.background-transparent .container-fluid {
            max-width: 1436px;
        }

            .genericHero.hero-left .cont-module.background-transparent .container-fluid .col-12 {
                flex: 0 0 33.33333%;
                max-width: 33.33333%;
                padding-right: 16px;
                padding-left: 32px;
            }

        .genericHero.hero-left .cont-module.background-transparent::before {
            width: auto;
            right: calc(66.66667% - 20px);
        }

        .genericHero.hero-right .cont-module.background-transparent .container-fluid {
            max-width: 1436px;
        }

            .genericHero.hero-right .cont-module.background-transparent .container-fluid .col-12 {
                flex: 0 0 33.33333%;
                max-width: 33.33333%;
                left: 66.66667%;
                padding-right: 32px;
                padding-left: 12px;
            }

        .genericHero.hero-right .cont-module.background-transparent::before {
            width: auto;
            left: 66.66667%;
            left: calc( 66.66667% - 20px);
        }
}
/* mode Extra XL 2560 */
@media (min-width: 1600px) {
    .genericHero.hero-left .cont-module.background-transparent::before {
        width: auto;
        right: 58.33333%;
    }

    .genericHero.hero-right .cont-module.background-transparent::before {
        width: auto;
        left: 58.33333%;
    }
}
/**************** COMPATIBILITY ************************/
/* 320 mobile */
.compatibility {
    padding: 40px 0 56px;
}

    .compatibility .container-fluid {
        max-width: 1436px;
    }

        .compatibility .container-fluid > .row {
            padding: 0 16px;
        }

            .compatibility .container-fluid > .row .col-xl-2, .compatibility .container-fluid > .row .col-xl-8, .compatibility .container-fluid > .row .col-12 {
                flex-basis: auto;
                padding: 0;
            }

    .compatibility .compatibility-hero .content {
        max-width: 440px;
        margin: 0 auto;
    }

    .compatibility .compatibility-hero .eyebrow {
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: rgba(15, 15, 15, 0.6);
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        margin-bottom: 16px;
    }

    .compatibility .compatibility-hero .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 38px;
        line-height: 40px;
        color: #0f0f0f;
        max-height: 164px;
        overflow: hidden;
        text-align: center;
        margin-bottom: 28px;
        padding-bottom: 4px;
    }

    .compatibility .compatibility-hero .description {
        max-width: 288px;
        margin: 0 auto;
    }

        .compatibility .compatibility-hero .description p {
            margin-bottom: 0;
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: rgba(15, 15, 15, 0.6);
            max-height: 104px;
            overflow: hidden;
            text-align: center;
        }

    .compatibility .compatibility-search {
        padding-top: 40px;
    }

        .compatibility .compatibility-search .navigation {
            background: #fff;
            max-height: 43px;
            overflow: hidden;
            -webkit-transition: max-height .3s linear;
            -moz-transition: max-height .3s linear;
            -ms-transition: max-height .3s linear;
            -o-transition: max-height .3s linear;
            transition: max-height .3s linear;
        }

            .compatibility .compatibility-search .navigation.open {
                max-height: 440px;
            }

                .compatibility .compatibility-search .navigation.open .title-nav span:after {
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

            .compatibility .compatibility-search .navigation .title-nav {
                margin: 0 auto;
                cursor: pointer;
                border-bottom: 1px solid #cccccc;
                padding: 0 16px;
            }

                .compatibility .compatibility-search .navigation .title-nav span {
                    padding: 0 16px;
                    margin: 0 auto;
                    max-width: 440px;
                    font-size: 14px;
                    line-height: 26px;
                    color: #0f0f0f;
                    font-family: "SeatBold",sans-serif;
                    padding: 8px 24px 8px 0;
                    position: relative;
                    display: block;
                }

                    .compatibility .compatibility-search .navigation .title-nav span:after {
                        content: "";
                        position: absolute;
                        right: 0;
                        top: 16px;
                        background-size: 15px 9px;
                        width: 15px;
                        height: 9px;
                        background: url("main/img/compatibility-icon-see-more.svg");
                    }

                .compatibility .compatibility-search .navigation .title-nav img {
                    position: absolute;
                    right: 0;
                }

        .compatibility .compatibility-search .nav-tabs {
            padding: 8px 0;
            border: none;
            overflow: hidden;
        }

            .compatibility .compatibility-search .nav-tabs .open {
                height: auto;
            }

            .compatibility .compatibility-search .nav-tabs .nav-item {
                cursor: pointer;
                width: 100%;
            }

                .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link {
                    margin: 0 auto;
                    padding: 8px 16px;
                    font-size: 14px;
                    line-height: 26px;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                    border: none;
                }

                    .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link span {
                        display: block;
                        max-width: 440px;
                        margin: 0 auto;
                    }

                    .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link.active {
                        border: none;
                        background-color: rgba(222, 218, 212, 0.2);
                    }

                        .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link.active:hover {
                            border: none;
                        }

                    .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link:hover {
                        border: none;
                    }

                    .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link.active {
                        font-family: "SeatBold",sans-serif;
                        color: #0f0f0f;
                    }

        .compatibility .compatibility-search .tab-pane {
            padding-top: 40px;
        }

            .compatibility .compatibility-search .tab-pane.identification-number .cont-select .filterDropDown {
                padding-top: calc(64px - 22px);
                margin-bottom: 0;
            }

            .compatibility .compatibility-search .tab-pane.car-model .col-12:last-child .filterDropDown {
                margin-bottom: 0;
            }

            .compatibility .compatibility-search .tab-pane .row .col-12 > div {
                max-width: 440px;
                margin: 0 auto;
            }

            .compatibility .compatibility-search .tab-pane .row .col-12 .description.richtext {
                margin-bottom: 64px;
            }

            .compatibility .compatibility-search .tab-pane .richtext p {
                font-size: 14px;
                line-height: 26px;
                font-family: "SeatRegular",sans-serif;
                color: rgba(15, 15, 15, 0.6);
                overflow: hidden;
                max-height: 104px;
                text-align: center;
            }

                .compatibility .compatibility-search .tab-pane .richtext p a {
                    text-decoration: underline;
                    font-family: "SeatBold",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                }

                    .compatibility .compatibility-search .tab-pane .richtext p a:hover {
                        color: #0f0f0f;
                    }

            .compatibility .compatibility-search .tab-pane .filterDropDown {
                margin-bottom: 24px;
            }

                .compatibility .compatibility-search .tab-pane .filterDropDown.disabled select, .compatibility .compatibility-search .tab-pane .filterDropDown.disabled .drop-select {
                    pointer-events: none;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown .titleDropDown {
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatMedium",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown select {
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    appearance: none;
                    font-size: 14px;
                    line-height: 26px;
                    color: #0f0f0f;
                    font-family: "SeatRegular",sans-serif;
                    text-align: left;
                    background: url("main/img/compatibility-icon-select-gray.svg") center no-repeat;
                    background-position-x: 99%;
                    background-position-y: 40%;
                    background-size: 15px 9px;
                    display: block;
                    width: 100%;
                    padding: 0 0 8px 0;
                    background-color: transparent;
                    border: none;
                    border-bottom: 1px solid #cccccc;
                    border-radius: 0px;
                    margin: 0;
                }

                    .compatibility .compatibility-search .tab-pane .filterDropDown select:focus {
                        outline: none;
                    }

                    .compatibility .compatibility-search .tab-pane .filterDropDown select option {
                        font-size: 14px;
                        line-height: 26px;
                        color: #0f0f0f;
                        font-family: "SeatRegular",sans-serif;
                    }

                .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .drop-select {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    text-align: left;
                    background: url("main/img/compatibility-icon-select-gray.svg") center no-repeat;
                    background-position-x: 94%;
                    display: block;
                    width: 100%;
                    padding: 0 0 8px 0;
                    color: #0f0f0f;
                    border: none;
                    border-bottom: 1px solid #cccccc;
                    border-radius: 0;
                }

                    .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .drop-select:focus {
                        outline: none;
                    }

                .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu {
                    width: 100%;
                    border-radius: 4px;
                    background-color: #fff;
                    border: solid 1px #cccccc;
                    padding: 16px 0 0 0;
                    max-height: 290px;
                    overflow-y: auto;
                    z-index: 14;
                }

                    .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu .dropdown-item {
                        padding: 8px 16px;
                        margin: 0;
                        color: rgba(15, 15, 15, 0.6);
                        font-size: 16px;
                        line-height: 29px;
                        max-height: calc(32px * 2);
                        font-family: "SeatRegular",sans-serif;
                    }

                        .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu .dropdown-item:hover {
                            background-color: rgba(222, 218, 212, 0.2);
                        }

                        .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu .dropdown-item.selected {
                            background: url("main/img/icon-check-dropdown.svg") center no-repeat;
                            background-position-x: 94%;
                            background-position-y: 50%;
                        }

                            .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu .dropdown-item.selected:hover {
                                background-color: rgba(222, 218, 212, 0.2);
                            }

                    .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu > a:first-child {
                        background: url("main/img/icon-arrowup-black.svg") center no-repeat;
                        background-size: 15px 9px;
                        font-family: "SeatMedium",sans-serif;
                        font-size: 16px;
                        line-height: 30px;
                        background-position-x: 94%;
                        background-position-y: 40%;
                        padding: 0 16px 8px 16px;
                        margin: 0;
                        cursor: not-allowed;
                        pointer-events: none;
                    }

                    .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .dropdown-menu > a:last-child {
                        margin: 0;
                    }

                .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .anim-slideUp {
                    animation: slideUp 0.3s;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown .special-drop .anim-slidedown {
                    animation: slideDown 0.3s;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown.valid select, .compatibility .compatibility-search .tab-pane .filterDropDown.valid .drop-select {
                    border-bottom: 1px solid #00afac;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown.empty select {
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatMedium",sans-serif;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown.empty .device-select {
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    font-family: "SeatMedium",sans-serif;
                }

            .compatibility .compatibility-search .tab-pane .form-group {
                position: relative;
                margin-bottom: 40px;
                text-align: left;
            }

                .compatibility .compatibility-search .tab-pane .form-group input[type="text"] {
                    transition: border-bottom 100ms ease;
                }

                    .compatibility .compatibility-search .tab-pane .form-group input[type="text"]:focus, .compatibility .compatibility-search .tab-pane .form-group input[type="text"]:hover {
                        outline: none;
                        border-color: rgba(15, 15, 15, 0.6);
                    }

                    .compatibility .compatibility-search .tab-pane .form-group input[type="text"]::-ms-clear {
                        display: none;
                    }

                .compatibility .compatibility-search .tab-pane .form-group label {
                    font-family: "SeatMedium",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    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;
                }

                    .compatibility .compatibility-search .tab-pane .form-group label.active, .compatibility .compatibility-search .tab-pane .form-group label.fixed {
                        top: -24px;
                        font-size: 12px;
                        line-height: 22px;
                    }

            .compatibility .compatibility-search .tab-pane .form-control {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
                position: relative;
                padding: 0;
                border-radius: 0;
                border: 0;
                border-bottom: 1px solid rgba(15, 15, 15, 0.2);
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                background: transparent;
                transition: border-bottom 100ms ease;
                padding-bottom: 4px;
                height: 34px;
                min-height: 34px;
            }

                .compatibility .compatibility-search .tab-pane .form-control::-webkit-input-placeholder {
                    color: rgba(15, 15, 15, 0.6);
                }

                .compatibility .compatibility-search .tab-pane .form-control::-moz-placeholder {
                    color: rgba(15, 15, 15, 0.6);
                }

                .compatibility .compatibility-search .tab-pane .form-control:-ms-input-placeholder {
                    color: rgba(15, 15, 15, 0.6);
                }

                .compatibility .compatibility-search .tab-pane .form-control:-moz-placeholder {
                    color: rgba(15, 15, 15, 0.6);
                }

                .compatibility .compatibility-search .tab-pane .form-control.valid {
                    border-bottom: 1px solid #00afac;
                }

                .compatibility .compatibility-search .tab-pane .form-control.alert {
                    border-bottom: 1px solid #ee7d05;
                }

            .compatibility .compatibility-search .tab-pane .button-container {
                text-align: center;
            }

                .compatibility .compatibility-search .tab-pane .button-container button {
                    width: 100%;
                    max-width: 288px;
                    height: 48px;
                }

    .compatibility .compatibility-support-messages .compatibility-support-message {
        padding-top: 40px;
        max-width: 440px;
        margin: 0 auto;
    }

        .compatibility .compatibility-support-messages .compatibility-support-message .icon-container {
            height: 48px;
            width: 48px;
            margin-bottom: 24px;
            margin-left: auto;
            margin-right: auto;
        }

        .compatibility .compatibility-support-messages .compatibility-support-message .description p {
            color: rgba(15, 15, 15, 0.6);
            font-size: 14px;
            line-height: 26px;
            font-family: "SeatRegular",sans-serif;
            text-align: center;
            margin-bottom: 0;
            max-height: 104px;
            overflow: hidden;
        }

        .compatibility .compatibility-support-messages .compatibility-support-message .cta-container {
            margin-top: 40px;
            text-align: center;
        }

            .compatibility .compatibility-support-messages .compatibility-support-message .cta-container a {
                height: 48px;
                width: 100%;
                max-width: 288px;
                padding: 8px 0;
            }

@media (max-width: 763px) {
    .compatibility .compatibility-search .tab-content .tab-pane .container-fluid .row .col-12.col-xl-10.p-0 .row .col-12.col-md-6.col-lg-3 {
        margin-bottom: 24px;
    }

        .compatibility .compatibility-search .tab-content .tab-pane .container-fluid .row .col-12.col-xl-10.p-0 .row .col-12.col-md-6.col-lg-3:last-child {
            margin-bottom: 0px;
        }

    .compatibility .compatibility-support-messages .col-xl-2, .compatibility .compatibility-support-messages .col-xl-8, .compatibility .compatibility-support-messages .col-12 {
        padding: 0;
    }
}
/* Tablet */
@media (min-width: 764px) {
    .compatibility {
        padding: 72px 0 88px;
    }

        .compatibility .compatibility-hero .container-fluid .row.justify-content-center .col-12.col-lg-10.col-xl-8 {
            padding-bottom: 0;
        }

        .compatibility .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

            .compatibility .container-fluid > .row {
                padding: 0 16px;
            }

                .compatibility .container-fluid > .row .col-xl-2, .compatibility .container-fluid > .row .col-xl-8, .compatibility .container-fluid > .row .col-12 {
                    padding: 0 16px;
                }

                    .compatibility .container-fluid > .row .col-xl-2:nth-child(1),
                    .compatibility .container-fluid > .row .col-xl-8:nth-child(1),
                    .compatibility .container-fluid > .row .col-12:nth-child(1),
                    .compatibility .container-fluid > .row .col-xl-2:nth-child(2),
                    .compatibility .container-fluid > .row .col-xl-8:nth-child(2),
                    .compatibility .container-fluid > .row .col-12:nth-child(2) {
                        padding-bottom: 48px;
                    }

        .compatibility .identification-number .container-fluid > .row .col-xl-2:nth-child(1),
        .compatibility .identification-number .container-fluid > .row .col-xl-8:nth-child(1),
        .compatibility .identification-number .container-fluid > .row .col-12:nth-child(1),
        .compatibility .identification-number .container-fluid > .row .col-xl-2:nth-child(2),
        .compatibility .identification-number .container-fluid > .row .col-xl-8:nth-child(2),
        .compatibility .identification-number .container-fluid > .row .col-12:nth-child(2) {
            padding-bottom: 0;
        }

        .compatibility .compatibility-hero .content {
            max-width: 700px;
        }

        .compatibility .compatibility-hero .title {
            margin-bottom: 36px;
        }

        .compatibility .compatibility-hero .description {
            max-width: none;
        }

            .compatibility .compatibility-hero .description p {
                max-height: 52px;
            }

        .compatibility .compatibility-search {
            padding-top: 64px;
        }

            .compatibility .compatibility-search .navigation {
                max-height: none;
            }

            .compatibility .compatibility-search .nav-tabs {
                padding: 0 32px;
                justify-content: center;
            }

                .compatibility .compatibility-search .nav-tabs .nav-item {
                    width: 50%;
                    max-width: 350px;
                    text-align: center;
                }

                    .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link {
                        padding: 16px 0;
                    }

                        .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link.active {
                            border-bottom: 2px solid #0f0f0f;
                            background-color: transparent;
                        }

                            .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link.active:hover {
                                border-bottom: 2px solid #0f0f0f;
                            }

            .compatibility .compatibility-search .tab-pane {
                padding-top: 56px;
            }

                .compatibility .compatibility-search .tab-pane .richtext p {
                    max-height: 52px;
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown {
                    margin-bottom: 48px;
                }

                .compatibility .compatibility-search .tab-pane .row .col-12 > div {
                    max-width: none;
                }

                .compatibility .compatibility-search .tab-pane .row .col-12 .description.richtext {
                    margin-bottom: 80px;
                }

                .compatibility .compatibility-search .tab-pane .form-group {
                    margin-bottom: 56px;
                }

                .compatibility .compatibility-search .tab-pane.car-model .container-fluid {
                    max-width: 764px;
                }

                .compatibility .compatibility-search .tab-pane.car-model .col-12:nth-last-child(2) .filterDropDown {
                    margin-bottom: 0;
                }

                .compatibility .compatibility-search .tab-pane.identification-number .container-fluid {
                    max-width: 764px;
                }

                .compatibility .compatibility-search .tab-pane.identification-number .cont-select .filterDropDown {
                    padding-top: calc(80px - 22px);
                }

        .compatibility .compatibility-support-messages .compatibility-support-message {
            padding-top: 56px;
            max-width: 700px;
        }

            .compatibility .compatibility-support-messages .compatibility-support-message .description p {
                max-height: 52px;
            }

            .compatibility .compatibility-support-messages .compatibility-support-message .cta-container {
                margin-top: 56px;
            }

                .compatibility .compatibility-support-messages .compatibility-support-message .cta-container a {
                    max-width: 212px;
                }
}
/* Desktop */
@media (min-width: 1016px) {
    .compatibility {
        padding: 72px 0 96px;
    }

        .compatibility .compatibility-hero .content {
            max-width: 788px;
        }

        .compatibility .compatibility-hero .eyebrow {
            font-size: 16px;
            line-height: 30px;
        }

        .compatibility .compatibility-hero .title {
            font-size: 50px;
            line-height: 54px;
            max-height: 112px;
        }

        .compatibility .compatibility-hero .description p {
            font-size: 16px;
            line-height: 30px;
            max-height: 60px;
        }

        .compatibility .compatibility-search {
            padding-top: 72px;
        }

            .compatibility .compatibility-search .nav-tabs .nav-item {
                max-width: 410px;
            }

                .compatibility .compatibility-search .nav-tabs .nav-item a.nav-link {
                    font-size: 16px;
                    line-height: 30px;
                }

            .compatibility .compatibility-search .tab-pane {
                padding-top: 64px;
            }

                .compatibility .compatibility-search .tab-pane.car-model .container-fluid {
                    max-width: none;
                }

                .compatibility .compatibility-search .tab-pane.identification-number .container-fluid {
                    max-width: 1016px;
                }

                .compatibility .compatibility-search .tab-pane.identification-number .col-12 div.description.richtext {
                    margin-bottom: 64px;
                }

                .compatibility .compatibility-search .tab-pane.identification-number .cont-select .filterDropDown {
                    padding-top: calc(88px - 22px);
                }

                .compatibility .compatibility-search .tab-pane .filterDropDown {
                    margin-bottom: 0;
                }

                .compatibility .compatibility-search .tab-pane .richtext p {
                    font-size: 16px;
                    line-height: 30px;
                    max-height: 60px;
                }

                .compatibility .compatibility-search .tab-pane .form-group {
                    margin-bottom: 24px;
                }

                    .compatibility .compatibility-search .tab-pane .form-group .form-control {
                        line-height: 30px;
                        font-size: 16px;
                        margin-bottom: 24px;
                        height: 40px;
                        min-height: 40px;
                    }

                .compatibility .compatibility-search .tab-pane .button-container button {
                    max-width: none;
                }

                .compatibility .compatibility-search .tab-pane .container-fluid .row.justify-content-center .col-12 .row .col-12.col-md-6.col-lg-3 {
                    padding-bottom: 0;
                }

        .compatibility .compatibility-support-messages .compatibility-support-message {
            padding-top: 64px;
            max-width: 788px;
        }

            .compatibility .compatibility-support-messages .compatibility-support-message .description p {
                max-height: 60px;
                font-size: 16px;
                line-height: 30px;
            }

            .compatibility .compatibility-support-messages .compatibility-support-message .cta-container {
                margin-top: 64px;
            }
}
/* XL */
@media (min-width: 1436px) {
    .compatibility .compatibility-hero .content {
        max-width: none;
    }

    .compatibility .compatibility-search .nav-tabs .nav-item {
        max-width: 468px;
    }

    .compatibility .compatibility-search .tab-pane.car-model .container-fluid {
        max-width: 1436px;
    }

    .compatibility .compatibility-search .tab-pane.identification-number .container-fluid {
        max-width: 1436px;
    }

    .compatibility .compatibility-search .tab-pane.identification-number .col-xl-2 {
        padding: 0;
    }

        .compatibility .compatibility-search .tab-pane.identification-number .col-xl-2 .vin-number, .compatibility .compatibility-search .tab-pane.identification-number .col-xl-2 .button-container {
            margin-left: -16px;
            margin-right: -16px;
        }

    .compatibility .compatibility-search .tab-pane.identification-number .cont-select .col-12 {
        padding: 0;
    }

    .compatibility .compatibility-search .tab-pane.identification-number .cont-select .filterDropDown {
        padding-top: calc(72px - 22px);
    }

    .compatibility .compatibility-support-messages .compatibility-support-message {
        max-width: none;
    }

        .compatibility .compatibility-support-messages .compatibility-support-message .cta-container a {
            max-width: 202px;
        }
}
/**************** END COMPATIBILITY ************************/
.glossary-hero {
    max-height: 240px;
}

    .glossary-hero .cont-img, .glossary-hero .cont-module {
        max-height: 240px;
        width: 100%;
    }

        .glossary-hero .cont-module .cont-module-text {
            max-width: 440px;
            margin: auto;
        }

            .glossary-hero .cont-module .cont-module-text h1.title {
                max-height: calc(38px*4 + 2px);
                font-size: 30px;
                line-height: 38px;
                overflow: hidden;
            }

            .glossary-hero .cont-module .cont-module-text h3.eyebrow {
                line-height: 30px;
            }

    .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module {
        display: flex;
        height: 100%;
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

        .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module .cont-module-text {
            margin: 0;
        }

.glossary .container-fluid {
    padding: 0;
}

    .glossary .container-fluid .container {
        max-width: 472px;
        padding: 0 16px;
    }

        .glossary .container-fluid .container .row .col-12 {
            /*.glossary-alphabet {
       max-width:440px;
       margin:auto;
        ul { 
           width: 80%;
           margin: 0 auto;
           padding:0;
           display: flex;
           flex-direction: row;
           flex-wrap: wrap;
           justify-content: flex-start;
           li {
               width: 48px;
               height: 48px;
               display: flex;
               border: 1px solid #d2d2d0;
               //margin: 0 6px 16px;
               margin:0 4px 12px;
               a {
                   font-size: 25px;
                   font-family: $seatRegular;
                   color: $text-black;
                   list-style: none;
                   text-transform: uppercase;
                   text-align: center;
                   line-height: 48px;
                   width: 100%;
                   height: 100%;
                   &:hover {
                       text-decoration: none;
                   }
               }
               &:hover {
                   background: $bg-gray-dark;
                   a {
                       font-family: $seatBold;
                       color: $text-white;
                   }
               }
           }
       }
   }*/
        }

            .glossary .container-fluid .container .row .col-12 .richtext {
                padding: 40px 0 24px;
            }

                .glossary .container-fluid .container .row .col-12 .richtext p {
                    color: rgba(15, 15, 15, 0.6);
                    margin-bottom: 16px;
                }

    .glossary .container-fluid .center-alphabet {
        display: flex;
    }

        .glossary .container-fluid .center-alphabet .center-alphabet-container {
            margin: 0;
            padding: 0;
            max-width: 440px;
            margin: auto;
            width: auto;
            display: inline-block;
            padding: 0 0 0 16px;
            font-size: 0;
        }

            .glossary .container-fluid .center-alphabet .center-alphabet-container a {
                border: 1px solid #d2d2d0;
                display: inline-block;
                width: 48px;
                height: 48px;
                font-size: 25px;
                font-family: "SeatRegular",sans-serif;
                color: #0f0f0f;
                list-style: none;
                text-transform: uppercase;
                text-align: center;
                line-height: 48px;
                margin-right: 12px;
                margin-bottom: 16px;
            }

                .glossary .container-fluid .center-alphabet .center-alphabet-container a:hover {
                    text-decoration: none;
                }

.glossary-results-page .glossary-alphabet {
    background: #fff;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 4;
}

    .glossary-results-page .glossary-alphabet ul {
        margin: 0 auto;
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        overflow-x: auto;
        border-bottom: 1px solid #ccc;
    }

        .glossary-results-page .glossary-alphabet ul li {
            list-style: none;
            padding: 8px 16px;
            border-bottom: 1px solid transparent;
        }

            .glossary-results-page .glossary-alphabet ul li a {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
            }

                .glossary-results-page .glossary-alphabet ul li a:hover {
                    text-decoration: none;
                }

            .glossary-results-page .glossary-alphabet ul li:hover, .glossary-results-page .glossary-alphabet ul li.active {
                border-bottom: 1px solid #0f0f0f;
            }

                .glossary-results-page .glossary-alphabet ul li:hover a, .glossary-results-page .glossary-alphabet ul li.active a {
                    font-family: "SeatMedium",sans-serif;
                    color: #0f0f0f;
                }

.glossary-results-page .container-fluid {
    background: #fafaf9;
}

    .glossary-results-page .container-fluid .container {
        max-width: 440px;
        margin: auto;
        padding: 0;
    }

        .glossary-results-page .container-fluid .container .glossary-index {
            padding: 6px 0 0 0;
            position: -webkit-sticky;
            position: sticky;
            top: 48px;
            background: #fafaf9;
            z-index: 3;
        }

            .glossary-results-page .container-fluid .container .glossary-index span {
                font-family: "SeatMedium",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: #0f0f0f;
                padding: 0 18px;
            }

            .glossary-results-page .container-fluid .container .glossary-index select {
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: #0f0f0f;
                text-align: left;
                background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
                background-position-x: 96%;
                background-color: transparent;
                background-size: 14px 10px;
                display: block;
                width: 100%;
                padding: 0px 40px 8px 16px;
                color: rgba(15, 15, 15, 0.6);
                border: none;
                border-bottom: 1px solid #ced4da;
                border-radius: 0;
                height: 34px;
            }

                .glossary-results-page .container-fluid .container .glossary-index select option {
                    padding: 8px;
                }

                .glossary-results-page .container-fluid .container .glossary-index select::-ms-expand {
                    display: none;
                }

            .glossary-results-page .container-fluid .container .glossary-index ul {
                display: none;
                margin: 0;
                padding: 0 32px;
            }

                .glossary-results-page .container-fluid .container .glossary-index ul li {
                    list-style: none;
                }

                    .glossary-results-page .container-fluid .container .glossary-index ul li a {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 16px;
                        line-height: 30px;
                        color: rgba(15, 15, 15, 0.6);
                        padding: 8px 0;
                        display: inline-block;
                        width: 100%;
                        height: 100%;
                    }

                        .glossary-results-page .container-fluid .container .glossary-index ul li a:hover {
                            font-family: "SeatMedium",sans-serif;
                            color: #0f0f0f;
                            text-decoration: none;
                        }

                    .glossary-results-page .container-fluid .container .glossary-index ul li.active a {
                        font-family: "SeatMedium",sans-serif;
                        color: #0f0f0f;
                        text-decoration: none;
                    }

        .glossary-results-page .container-fluid .container *::-ms-backdrop, .glossary-results-page .container-fluid .container .glossary-index {
            top: 0px;
        }

        .glossary-results-page .container-fluid .container .glossary-article {
            overflow: visible;
        }

            .glossary-results-page .container-fluid .container .glossary-article .richtext {
                padding: 0;
            }

                .glossary-results-page .container-fluid .container .glossary-article .richtext h2, .glossary-results-page .container-fluid .container .glossary-article .richtext p, .glossary-results-page .container-fluid .container .glossary-article .richtext .highlighted-img {
                    margin-bottom: 32px;
                }

                .glossary-results-page .container-fluid .container .glossary-article .richtext .cont-img {
                    line-height: 0;
                }

                    .glossary-results-page .container-fluid .container .glossary-article .richtext .cont-img > span {
                        display: inline !important;
                    }

                        .glossary-results-page .container-fluid .container .glossary-article .richtext .cont-img > span div {
                            line-height: 0;
                        }

            .glossary-results-page .container-fluid .container .glossary-article .article-single-video {
                margin-bottom: 32px;
            }

                .glossary-results-page .container-fluid .container .glossary-article .article-single-video .play-block a {
                    z-index: 2;
                }

            .glossary-results-page .container-fluid .container .glossary-article .btn {
                margin-left: 0;
                margin-bottom: 32px;
            }

            .glossary-results-page .container-fluid .container .glossary-article .glossary-search {
                margin-top: 32px;
            }

.glossary-search {
    position: relative;
    width: 100%;
    height: 48px;
    margin-bottom: 32px;
}

    .glossary-search label {
        position: absolute;
        bottom: 8px;
        left: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        font-family: "SeatMedium",sans-serif;
        font-size: 14px;
        color: rgba(15, 15, 15, 0.6);
        margin: 0;
        z-index: 1;
    }

    .glossary-search input {
        position: absolute;
        bottom: 0;
        left: 0;
        background: transparent;
        border: none;
        border-bottom: 1px solid #d2d2d0;
        width: 100%;
        height: 36px;
        -webkit-transition: all 1s;
        transition: all 1s;
        z-index: 2;
    }

        .glossary-search input.ui-autocomplete-loading {
            background: transparent url("main/img/ajax-loader.gif") right center no-repeat;
            background-size: 16px 16px;
            background-position-x: 98%;
            transition: none;
        }

        .glossary-search input.active + label {
            bottom: 32px;
            font-size: 12px;
        }

        .glossary-search input:focus {
            outline: none;
        }

        .glossary-search input::-ms-clear {
            display: none;
            width: 0;
            height: 0;
        }

    .glossary-search .glossary-result {
        display: none;
        background: #fff;
        border: 1px solid #d2d2d0;
        padding: 16px 8px;
        position: absolute;
        top: 47px;
        width: 100%;
    }

        .glossary-search .glossary-result ul {
            margin: 0;
            padding: 0;
        }

            .glossary-search .glossary-result ul li {
                list-style: none;
            }

    .glossary-search input:focus + div.glossary-result {
        display: block;
    }

.ui-autocomplete {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    z-index: 2;
    max-height: 500px;
}

    .ui-autocomplete li {
        font-size: 16px;
        line-height: 48px;
        color: rgba(15, 15, 15, 0.6);
        min-height: 48px;
        cursor: pointer;
    }

        .ui-autocomplete li div {
            padding: 0px 16px;
        }

            .ui-autocomplete li div:hover {
                background: rgba(222, 218, 212, 0.2);
            }

    .ui-autocomplete .closeIcon {
        content: " ";
        position: absolute;
        width: 16px;
        height: 16px;
        top: -24px;
        right: 8px;
        background: url("main/img/close.svg") no-repeat;
        z-index: 3;
        cursor: pointer;
    }

        .ui-autocomplete .closeIcon + input.ui-autocomplete-loading {
            background: none;
        }

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete-term {
    font-weight: bold;
    font-family: "SeatBold",sans-serif;
}

@media (min-width: 764px) {
    .glossary .container-fluid .container {
        max-width: 700px;
        padding: 0;
    }

        .glossary .container-fluid .container .row .col-12 .richtext {
            padding: 48px 0 24px;
        }

        .glossary .container-fluid .container .row .col-12 .glossary-alphabet {
            max-width: 700px;
        }

            .glossary .container-fluid .container .row .col-12 .glossary-alphabet ul li {
                width: 72px;
                height: 72px;
                margin: 0 6px 16px;
            }

                .glossary .container-fluid .container .row .col-12 .glossary-alphabet ul li a {
                    line-height: 72px;
                }

    .glossary .container-fluid .center-alphabet {
        display: flex;
        padding-bottom: 48px;
    }

        .glossary .container-fluid .center-alphabet .center-alphabet-container {
            margin: 0;
            padding: 0;
            max-width: 700px;
            margin: auto;
            width: auto;
            display: inline-block;
            padding: 0 0 0 0;
        }

            .glossary .container-fluid .center-alphabet .center-alphabet-container a {
                width: 72px;
                height: 72px;
                line-height: 72px;
                margin-right: 16px;
                margin-bottom: 16px;
            }

                .glossary .container-fluid .center-alphabet .center-alphabet-container a:nth-child(8n) {
                    margin-right: 0;
                }

    .glossary-results-page .container-fluid .container {
        max-width: 700px;
        margin: auto;
    }

        .glossary-results-page .container-fluid .container .glossary-index {
            padding: 8px 16px 0;
        }

            .glossary-results-page .container-fluid .container .glossary-index select {
                height: 32px;
                background-position-x: 97%;
            }

        .glossary-results-page .container-fluid .container .glossary-article {
            overflow: visible;
        }

            .glossary-results-page .container-fluid .container .glossary-article .glossary-search {
                margin-top: 32px;
                margin-bottom: 40px;
            }

            .glossary-results-page .container-fluid .container .glossary-article .btn {
                margin-bottom: 24px;
            }

    .glossary-search {
        padding: 0 32px;
        height: 52px;
        margin-bottom: 48px;
    }

        .glossary-search label {
            bottom: 10px;
        }

    .glossary-hero {
        max-height: 400px;
    }

        .glossary-hero .cont-img, .glossary-hero .cont-module {
            max-height: 400px;
        }

            .glossary-hero .cont-module .cont-module-text {
                max-width: 700px;
                margin: auto;
            }

                .glossary-hero .cont-module .cont-module-text h1.title {
                    max-height: calc(44px*2 + 2px);
                    font-size: 38px;
                    line-height: 44px;
                    overflow: hidden;
                }

                .glossary-hero .cont-module .cont-module-text h3.eyebrow {
                    line-height: 30px;
                }

        .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module {
            display: flex;
            height: 100%;
            width: 100%;
            flex-direction: row;
            align-items: center;
        }

            .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module .cont-module-text {
                margin: 0;
            }
}

@media (min-width: 1016px) {
    .glossary .container-fluid .container {
        max-width: 788px;
        padding: 0;
    }

        .glossary .container-fluid .container .row .col-12 .richtext {
            padding: 64px 0 32px;
        }

        .glossary .container-fluid .container .row .col-12 .glossary-alphabet {
            max-width: 788px;
        }

            .glossary .container-fluid .container .row .col-12 .glossary-alphabet ul li {
                width: 80px;
                height: 80px;
                margin: 0 6px 16px;
            }

                .glossary .container-fluid .container .row .col-12 .glossary-alphabet ul li a {
                    line-height: 80px;
                }

    .glossary .container-fluid .center-alphabet {
        display: flex;
    }

        .glossary .container-fluid .center-alphabet .center-alphabet-container {
            margin: 0;
            padding: 0;
            max-width: 788px;
            margin: auto;
            width: auto;
            display: inline-block;
            padding: 0 0 0 0;
        }

            .glossary .container-fluid .center-alphabet .center-alphabet-container a {
                width: 80px;
                height: 80px;
                line-height: 80px;
                margin-right: 21px;
                margin-bottom: 24px;
            }

                .glossary .container-fluid .center-alphabet .center-alphabet-container a:nth-child(8n) {
                    margin-right: 0;
                }

                .glossary .container-fluid .center-alphabet .center-alphabet-container a:hover {
                    font-family: "SeatBold",sans-serif;
                    color: #fff;
                    background: #33302E;
                }

    .glossary-results-page .glossary-alphabet ul {
        justify-content: center;
    }

        .glossary-results-page .glossary-alphabet ul li {
            padding: 8px 11px;
        }

    .glossary-results-page .container-fluid .container {
        max-width: 952px;
    }

        .glossary-results-page .container-fluid .container .glossary-index {
            position: unset;
            margin-top: 64px;
            padding: 0;
        }

            .glossary-results-page .container-fluid .container .glossary-index span {
                padding: 0 16px;
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: #0f0f0f;
            }

            .glossary-results-page .container-fluid .container .glossary-index select {
                display: none;
            }

            .glossary-results-page .container-fluid .container .glossary-index ul {
                display: block;
                padding: 8px 16px;
            }

            .glossary-results-page .container-fluid .container .glossary-index.offset-lg-1 {
                margin-left: 16px;
            }

        .glossary-results-page .container-fluid .container .glossary-article {
            margin-top: 64px;
            overflow: visible;
        }

            .glossary-results-page .container-fluid .container .glossary-article .glossary-search {
                margin: 0;
                margin-bottom: 44px;
                margin-top: -12px;
            }

            .glossary-results-page .container-fluid .container .glossary-article .richtext {
                margin: 0;
            }

                .glossary-results-page .container-fluid .container .glossary-article .richtext h2 {
                    margin-bottom: 40px;
                }

                .glossary-results-page .container-fluid .container .glossary-article .richtext .highlighted-img {
                    width: 48%;
                    margin: -12px 32px 0 0px;
                }

            .glossary-results-page .container-fluid .container .glossary-article .btn {
                margin-bottom: 32px;
            }

    .glossary-search {
        height: 54px;
        margin-bottom: 64px;
    }

        .glossary-search label {
            bottom: 14px;
            font-size: 16px;
        }

    .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module {
        display: flex;
        height: 100%;
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

        .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module .cont-module-text {
            margin: 0;
        }

    .glossary-hero.article-hero .cont-module .cont-module-text h3.eyebrow {
        width: 100%;
    }
}

@media (min-width: 1436px) {
    .glossary .container-fluid .container {
        max-width: 904px;
    }

        .glossary .container-fluid .container .row .col-12 .glossary-alphabet {
            max-width: 904px;
            margin: 0;
        }

            .glossary .container-fluid .container .row .col-12 .glossary-alphabet ul li {
                width: 80px;
                height: 80px;
                margin: 0 8px 16px;
            }

                .glossary .container-fluid .container .row .col-12 .glossary-alphabet ul li a {
                    line-height: 80px;
                }

    .glossary .container-fluid .center-alphabet {
        display: flex;
    }

        .glossary .container-fluid .center-alphabet .center-alphabet-container {
            margin: 0;
            padding: 0;
            max-width: 904px;
            margin: auto;
            width: auto;
            display: inline-block;
            padding: 0 0 0 0;
        }

            .glossary .container-fluid .center-alphabet .center-alphabet-container a {
                width: 80px;
                height: 80px;
                line-height: 80px;
                margin-right: 23px;
                margin-bottom: 24px;
                font-size: 30px;
            }

                .glossary .container-fluid .center-alphabet .center-alphabet-container a:nth-child(8n) {
                    margin-right: 23px;
                }

                .glossary .container-fluid .center-alphabet .center-alphabet-container a:nth-child(9n) {
                    margin-right: 0;
                }

    .glossary-results-page .container-fluid .container {
        max-width: 1138px;
    }

        .glossary-results-page .container-fluid .container .glossary-index {
            flex: 0 0 30%;
            max-width: 30%;
        }

            .glossary-results-page .container-fluid .container .glossary-index select {
                display: none;
            }

            .glossary-results-page .container-fluid .container .glossary-index ul {
                display: block;
            }

        .glossary-results-page .container-fluid .container .glossary-article {
            margin-top: 64px;
            overflow: visible;
        }

            .glossary-results-page .container-fluid .container .glossary-article .glossary-search {
                margin: 0;
                margin-bottom: 40px;
                margin-top: -12px;
            }

            .glossary-results-page .container-fluid .container .glossary-article .richtext {
                max-width: 100%;
            }

                .glossary-results-page .container-fluid .container .glossary-article .richtext p {
                    padding-top: 0;
                }

                .glossary-results-page .container-fluid .container .glossary-article .richtext .highlighted-img {
                    width: 58%;
                    margin: -20px 32px 16px 0;
                }

            .glossary-results-page .container-fluid .container .glossary-article .btn {
                margin-bottom: 32px;
            }

    .glossary-results-page .glossary-alphabet ul li {
        padding: 8px 15px;
    }

    .glossary-hero .cont-module .cont-module-text {
        max-width: 904px;
    }

        .glossary-hero .cont-module .cont-module-text h1.title {
            max-height: calc(64px*2 + 2px);
            font-size: 50px;
            line-height: 64px;
            overflow: hidden;
        }

        .glossary-hero .cont-module .cont-module-text h3.eyebrow {
            line-height: 30px;
        }

    .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module {
        display: flex;
        height: 100%;
        width: 100%;
        flex-direction: row;
        align-items: center;
    }

        .glossary-hero *::-ms-backdrop, .glossary-hero .cont-module .cont-module-text {
            margin: 0;
        }
}
/* Mobile */
.brochure-download .container-fluid {
    padding: 0;
}

    .brochure-download .container-fluid .container {
        max-width: 472px;
        padding: 40px 16px;
        box-sizing: border-box;
    }

        .brochure-download .container-fluid .container .row {
            display: flex;
            justify-content: center;
        }

            .brochure-download .container-fluid .container .row .eyebrow {
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
                margin-bottom: 16px;
                overflow: hidden;
                max-height: calc(26px*1 + 1px);
                max-width: 440px;
            }

            .brochure-download .container-fluid .container .row .title {
                overflow: hidden;
                max-height: calc(38px*4 + 1px);
                margin-bottom: 24px;
                max-width: 440px;
            }

                .brochure-download .container-fluid .container .row .title h2 {
                    font-size: 30px;
                    line-height: 38px;
                    margin: 0;
                }

            .brochure-download .container-fluid .container .row .description {
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
                max-width: 904px;
                margin: auto;
                max-height: calc(26px*6 + 4px);
                overflow: hidden;
                max-width: 440px;
            }

                .brochure-download .container-fluid .container .row .description p {
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    margin-bottom: 0;
                }

            .brochure-download .container-fluid .container .row .bochure-wrapper {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                justify-content: center;
                margin-top: 16px;
            }

                .brochure-download .container-fluid .container .row .bochure-wrapper .new.section {
                    width: 100%;
                }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card {
                    width: 100%;
                    margin: 16px 0;
                    box-shadow: 0 1px 3px 0 rgba(51, 48, 46, 0.3);
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card > div {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        padding: 16px;
                    }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-title {
                        align-items: left;
                        flex-direction: row;
                        justify-content: flex-start;
                        padding: 10px;
                    }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-title img {
                            width: 36px;
                            height: 36px;
                        }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-title h4 {
                            width: 100%;
                            font-size: 16px;
                            margin: 0;
                            padding-left: 8px;
                            line-height: 30px;
                            max-height: 30px;
                            overflow: hidden;
                        }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-img {
                        padding: 0;
                        min-height: 1px;
                    }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-img span {
                            width: 100%;
                            min-height: 1px;
                        }

                            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-img span img {
                                width: 100%;
                            }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text {
                        padding: 16px 16px 24px;
                    }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text .richtext {
                            width: 100%;
                        }

                            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text .richtext p {
                                font-size: 14px;
                                line-height: 26px;
                                text-align: left;
                                color: rgba(15, 15, 15, 0.6);
                                margin-bottom: 16px;
                                max-height: calc(26px*8 + 1px);
                                overflow: hidden;
                                margin-bottom: 0;
                            }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links {
                        flex-direction: column;
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: flex-start;
                        padding-top: 0;
                        margin-bottom: 0;
                        margin-top: auto;
                    }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links a {
                            width: 100%;
                            margin-bottom: 16px;
                            box-sizing: content-box;
                        }

                            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links a:first-child {
                                padding-top: 16px;
                                margin-bottom: 16px;
                            }

                            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links a:last-child {
                                margin-bottom: 0;
                            }

                            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links a span {
                                max-width: 89%;
                                overflow: hidden;
                                font-size: 14px;
                                line-height: 26px;
                                max-height: calc(26px*1 + 1px);
                                float: left;
                            }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links.brochure-border-top a:first-child {
                            border-top: 1px solid #33302E;
                        }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .cq-placeholder .cq-Editable-dom {
                        width: 100%;
                    }

/* Tablet */
@media (min-width: 764px) {
    .brochure-download .container-fluid .container {
        max-width: 1016px;
    }

        .brochure-download .container-fluid .container .row .eyebrow {
            margin-top: 24px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .brochure-download .container-fluid .container .row .title {
            overflow: hidden;
            max-height: calc(40px*2 + 1px);
            margin-bottom: 36px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

            .brochure-download .container-fluid .container .row .title h2 {
                font-size: 30px;
                line-height: 38px;
                margin: 0;
            }

        .brochure-download .container-fluid .container .row .description {
            padding: 0 16px;
            max-height: calc(26px*2 + 4px);
            max-width: 700px;
        }

        .brochure-download .container-fluid .container .row .bochure-wrapper {
            margin-top: 40px;
        }

            .brochure-download .container-fluid .container .row .bochure-wrapper .new.section {
                width: 45.6%;
            }

            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card {
                margin: 16px;
                width: 45.6%;
            }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-title {
                    padding: 20px 16px;
                }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-title h4 {
                        font-size: 18px;
                    }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text {
                    padding: 24px 16px;
                }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .cq-placeholder .cq-Editable-dom {
                    width: 100%;
                }
}
/* Desktop */
@media (min-width: 1016px) {
    .brochure-download .container-fluid .container {
        max-width: 1436px;
    }

        .brochure-download .container-fluid .container .row .eyebrow,
        .brochure-download .container-fluid .container .row .title,
        .brochure-download .container-fluid .container .row .description {
            margin: auto;
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px*2 + 4px);
        }

            .brochure-download .container-fluid .container .row .eyebrow p,
            .brochure-download .container-fluid .container .row .title p,
            .brochure-download .container-fluid .container .row .description p {
                font-size: 16px;
                line-height: 30px;
            }

        .brochure-download .container-fluid .container .row .eyebrow {
            margin-top: 24px;
            margin-bottom: 16px;
            font-size: 16px;
            line-height: 26px;
            max-height: calc(26px*1 + 1px);
            max-width: 788px;
        }

        .brochure-download .container-fluid .container .row .title {
            overflow: hidden;
            height: 100%;
            max-height: calc(40px*2 + 4px);
            margin-bottom: 30px;
            max-width: 788px;
        }

            .brochure-download .container-fluid .container .row .title h2 {
                font-size: 38px;
                line-height: 40px;
                margin: 0;
            }

        .brochure-download .container-fluid .container .row .description {
            max-width: 788px;
        }

        .brochure-download .container-fluid .container .row .bochure-wrapper {
            margin-top: 56px;
        }

            .brochure-download .container-fluid .container .row .bochure-wrapper .new.section {
                width: 30%;
            }

            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card {
                margin: 16px;
                width: 30%;
            }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .cq-placeholder .cq-Editable-dom {
                    width: 100%;
                }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text .richtext a {
                    font-size: 14px;
                    line-height: 26px;
                }
}
/* XL */
@media (min-width: 1436px) {
    .brochure-download .container-fluid .container {
        max-width: 1436px;
        padding-top: 64px;
    }

        .brochure-download .container-fluid .container .row .eyebrow,
        .brochure-download .container-fluid .container .row .title,
        .brochure-download .container-fluid .container .row .description {
            max-width: 100%;
            margin: auto;
        }

        .brochure-download .container-fluid .container .row .eyebrow {
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 20px;
            max-width: 904px;
        }

        .brochure-download .container-fluid .container .row .title {
            overflow: hidden;
            height: auto;
            max-height: calc(48px*2 + 4px);
            margin-bottom: 32px;
            max-width: 904px;
        }

            .brochure-download .container-fluid .container .row .title h2 {
                font-size: 38px;
                line-height: 48px;
                margin: 0;
            }

        .brochure-download .container-fluid .container .row .description {
            margin: auto;
            max-width: 904px;
        }

        .brochure-download .container-fluid .container .row .bochure-wrapper {
            margin-top: 40px;
        }

            .brochure-download .container-fluid .container .row .bochure-wrapper .new.section {
                width: 31%;
            }

            .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card {
                margin: 16px;
                width: 31%;
            }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-title {
                    padding: 20px 16px;
                }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text {
                    padding: 24px 16px;
                }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text .richtext p {
                        font-size: 14px;
                        line-height: 26px;
                        text-align: left;
                        color: rgba(15, 15, 15, 0.6);
                        max-height: calc(26px*6 + 1px);
                    }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-text .richtext a {
                        font-size: 14px;
                        line-height: 26px;
                    }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links {
                    text-align: left;
                }

                    .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links a {
                        font-size: 16px;
                        line-height: 26px;
                        max-height: calc(26px*1 + 1px);
                    }

                        .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .brochure-links a span {
                            max-width: 94%;
                        }

                .brochure-download .container-fluid .container .row .bochure-wrapper .brochure-card .cq-placeholder .cq-Editable-dom {
                    width: 100%;
                }
}
/*Dealers*/
.dealers-offer {
    padding: 40px 0px;
}

    .dealers-offer .container-fluid {
        padding: 0;
        max-width: 440px;
        margin: auto;
    }

        .dealers-offer .container-fluid .container {
            padding: 0;
        }

            .dealers-offer .container-fluid .container .row {
                margin: 0;
                padding: 0 16px;
            }

                .dealers-offer .container-fluid .container .row .col-12 {
                    padding: 0;
                }

                    .dealers-offer .container-fluid .container .row .col-12.offer-header {
                        text-align: center;
                        margin-bottom: 32px;
                    }

                        .dealers-offer .container-fluid .container .row .col-12.offer-header .eyebrow {
                            color: rgba(15, 15, 15, 0.6);
                        }

                        .dealers-offer .container-fluid .container .row .col-12.offer-header .title {
                            margin-bottom: 0;
                        }

    .dealers-offer .eyebrow {
        max-height: 26px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .dealers-offer .title {
        max-height: calc(38px*3 + 2px);
        overflow: hidden;
    }

    .dealers-offer .card {
        border: 0px;
        flex-direction: column;
        border-radius: 0px;
        align-items: center;
        margin-bottom: 24px;
        display: none;
    }

        .dealers-offer .card.showCard {
            display: flex;
        }

        .dealers-offer .card .cont-img {
            width: 100%;
            border-radius: 0px;
            height: auto;
            max-height: 244px;
            overflow: hidden;
        }

            .dealers-offer .card .cont-img img {
                object-fit: cover;
                width: 100%;
                height: auto;
            }

        .dealers-offer .card .card-body {
            background: #fff;
            margin: -16px 8px 8px;
            padding: 16px 8px;
            box-shadow: 0 1px 3px 0 rgba(51, 48, 46, 0.6);
            position: relative;
            display: flex;
            flex-direction: column;
            max-width: 424px;
            width: calc(100% - 16px);
        }

            .dealers-offer .card .card-body .card-title {
                font-family: "SeatBlack",sans-serif;
                font-size: 16px;
                line-height: 30px;
                max-height: calc(30px*4 + 1px);
                overflow: hidden;
                color: #0f0f0f;
                margin: 0;
            }

            .dealers-offer .card .card-body .card-text {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                max-height: calc(26px*4 + 1px);
                overflow: hidden;
                color: rgba(15, 15, 15, 0.6);
                margin-bottom: 8px;
                padding: 0;
            }

            .dealers-offer .card .card-body .card-price-box {
                display: flex;
                flex-direction: row;
            }

                .dealers-offer .card .card-body .card-price-box .card-price-box-item {
                    width: 50%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-discount {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 12px;
                        line-height: 22px;
                        max-height: calc(22px*2 + 1px);
                        overflow: hidden;
                        color: rgba(15, 15, 15, 0.6);
                    }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-price {
                        font-family: "SeatBold",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        max-height: calc(26px*2 + 1px);
                        overflow: hidden;
                        color: #0f0f0f;
                    }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item:first-child {
                        padding-right: 16px;
                    }

            .dealers-offer .card .card-body p {
                margin: 0;
            }

                .dealers-offer .card .card-body p:last-child {
                    padding-bottom: 0;
                }

            .dealers-offer .card .card-body .buttons {
                display: flex;
                flex-direction: column;
                border-top: 1px solid #ccc;
                margin-top: 16px;
                padding-top: 16px;
            }

                .dealers-offer .card .card-body .buttons .btn-standard {
                    width: 100%;
                }

                    .dealers-offer .card .card-body .buttons .btn-standard:hover {
                        text-decoration: none;
                    }

                    .dealers-offer .card .card-body .buttons .btn-standard:first-child {
                        margin-bottom: 16px;
                    }

                    .dealers-offer .card .card-body .buttons .btn-standard:last-child {
                        margin-bottom: 0;
                    }

    .dealers-offer.offer-see-more {
        padding-left: 0;
        padding-right: 0;
    }

        .dealers-offer.offer-see-more .offer-filters {
            max-width: 100%;
            z-index: 2;
        }

        .dealers-offer.offer-see-more .filters {
            margin: 0 0 32px;
        }

        .dealers-offer.offer-see-more .filters-drop {
            width: 100%;
            height: 56px;
            border: none;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            -ms-appearance: none;
            background: url("main/img/dne-arrowdown.svg") calc(100% - 11px) center no-repeat;
            padding-left: 16px;
        }

@keyframes slideUp {
    0% {
        opacity: 0;
    }

    100% {
        top: -2px;
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -2px;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.dealers-offer.offer-see-more #native {
    display: none;
}

    .dealers-offer.offer-see-more #native.show {
        display: block;
    }

.dealers-offer.offer-see-more .wrapper {
    position: sticky;
    top: 0px;
    z-index: 20;
}

.dealers-offer.offer-see-more .filters .special-drop {
    height: 56px;
    max-width: 440px;
    margin: auto;
}

    .dealers-offer.offer-see-more .filters .special-drop .specs-select {
        height: 100%;
        cursor: pointer;
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 30px;
        text-align: left;
        background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
        background-position-x: 95%;
        display: block;
        width: 100%;
        padding: 8px 16px;
        color: #0f0f0f;
        background-color: #fff;
        border: none;
        border-radius: 0px;
    }

        .dealers-offer.offer-see-more .filters .special-drop .specs-select:focus {
            outline: none;
        }

        .dealers-offer.offer-see-more .filters .special-drop .specs-select:selected {
            border-color: #84c497;
        }

    .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu {
        width: 100%;
    }

        .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .selected {
            position: relative;
        }

            .dealers-offer.offer-see-more .filters .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;
            }

        .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox {
            position: relative;
            display: inline-block;
            margin: 0;
        }

            .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox:focus {
                outline: none;
            }

            .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox label {
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 28px;
                color: #0f0f0f;
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding: 0 0 0 32px;
            }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox label p {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox label:focus {
                    outline: none;
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox label.error {
                    color: #e63a2b;
                    position: relative;
                }

            .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"] {
                visibility: hidden;
                opacity: 0;
                width: 0;
                height: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                left: -9999px;
            }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"][readonly] {
                    cursor: not-allowed;
                    opacity: 0.5;
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:before, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:before, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:after {
                    content: "";
                    position: absolute;
                    top: 2px;
                    left: 0;
                    display: block;
                    border-radius: 4px;
                    cursor: pointer;
                    z-index: 1;
                    transition: all .2s ease;
                    padding: 0;
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:before, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:before {
                    width: 20px;
                    height: 20px;
                    background: #fafaf9;
                    border: 2px solid rgba(15, 15, 15, 0.2);
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:after {
                    width: 20px;
                    height: 20px;
                    background: #0f0f0f url("main/img/icon-check.svg") left center no-repeat;
                    transform: translate(0, 0);
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:not(:checked) + label:after {
                    opacity: 0;
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox input[type="checkbox"]:checked + label:after {
                    opacity: 1;
                }

            .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled {
                cursor: default;
                color: rgba(15, 15, 15, 0.2);
                opacity: .75;
            }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"][disabled], .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:not(:checked) + label:before, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:checked + label:before, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:checked + label:after {
                    cursor: not-allowed;
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled input[type="checkbox"]:checked + label:after {
                    background: rgba(15, 15, 15, 0.2);
                }

                .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.disabled label {
                    cursor: default;
                    color: rgba(15, 15, 15, 0.2);
                }

            .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.indeterminate input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.indeterminate input[type="checkbox"]:checked + label:after {
                content: '';
                background: #0f0f0f url("main/img/icon-check-indeterminate.svg") left center no-repeat;
                padding-top: 1px;
            }

            .dealers-offer.offer-see-more .filters .special-drop .dropdown-menu .checkbox.indeterminate label {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: rgba(15, 15, 15, 0.6);
            }

    .dealers-offer.offer-see-more .filters .special-drop .anim-slideUp {
        animation: slideUp 0.3s;
    }

    .dealers-offer.offer-see-more .filters .special-drop .anim-slidedown {
        animation: slideDown 0.3s;
    }

    .dealers-offer.offer-see-more .filters .special-drop .dropdown-item {
        line-height: 42px;
        min-height: 42px;
    }

        .dealers-offer.offer-see-more .filters .special-drop .dropdown-item:active {
            color: #16181b;
            text-decoration: none;
            background-color: #f8f9fa;
        }

    .dealers-offer.offer-see-more .filters .special-drop a.dropdown-item {
        font-size: 14px;
        font-family: "SeatBold",sans-serif;
    }

.dealers-offer.offer-see-more .rotate-180 {
    transform: rotate(180deg);
}

.dealers-offer.offer-see-more .filters {
    background: #fff;
    z-index: 10;
    background: #FFF;
    margin: 0 0 40px;
}

    .dealers-offer.offer-see-more .filters .ftitle {
        height: 56px;
        padding: 0px 16px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: "SeatBold",sans-serif;
    }

    .dealers-offer.offer-see-more .filters .offer-filters {
        position: sticky;
        top: 0px;
        z-index: 20;
        max-width: 100%;
        padding: 24px 0;
    }

    .dealers-offer.offer-see-more .filters .native-filter {
        display: block;
    }

    .dealers-offer.offer-see-more .filters .checkbox {
        display: none;
        position: relative;
        display: inline-block;
        margin: 0;
    }

        .dealers-offer.offer-see-more .filters .checkbox:focus {
            outline: none;
        }

        .dealers-offer.offer-see-more .filters .checkbox label {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 31px;
            color: #0f0f0f;
            display: inline-block;
            cursor: pointer;
            position: relative;
            padding: 0 0 0 26px;
            margin-right: 24px;
        }

            .dealers-offer.offer-see-more .filters .checkbox label p {
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
            }

            .dealers-offer.offer-see-more .filters .checkbox label:focus {
                outline: none;
            }

            .dealers-offer.offer-see-more .filters .checkbox label.error {
                color: #e63a2b;
                position: relative;
            }

        .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"] {
            visibility: hidden;
            opacity: 0;
            width: 0;
            height: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            left: -9999px;
        }

            .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"][readonly] {
                cursor: not-allowed;
                opacity: 0.5;
            }

            .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:not(:checked) + label:before, .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:checked + label:before, .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:checked + label:after {
                content: "";
                position: absolute;
                top: 6px;
                left: 0;
                display: block;
                border-radius: 4px;
                cursor: pointer;
                z-index: 1;
                transition: all .2s ease;
                padding: 0;
            }

            .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:not(:checked) + label:before, .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:checked + label:before {
                width: 20px;
                height: 20px;
                background: #fff;
                border: 2px solid rgba(15, 15, 15, 0.2);
            }

            .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:checked + label:after {
                width: 20px;
                height: 20px;
                background: #0f0f0f url("main/img/icon-check.svg") left center no-repeat;
                transform: translate(0, 0);
            }

            .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:not(:checked) + label:after {
                opacity: 0;
            }

            .dealers-offer.offer-see-more .filters .checkbox input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

        .dealers-offer.offer-see-more .filters .checkbox.disabled {
            cursor: default;
            color: rgba(15, 15, 15, 0.2);
            opacity: .75;
        }

            .dealers-offer.offer-see-more .filters .checkbox.disabled input[type="checkbox"][disabled], .dealers-offer.offer-see-more .filters .checkbox.disabled input[type="checkbox"]:not(:checked) + label:before, .dealers-offer.offer-see-more .filters .checkbox.disabled input[type="checkbox"]:checked + label:before, .dealers-offer.offer-see-more .filters .checkbox.disabled input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .checkbox.disabled input[type="checkbox"]:checked + label:after {
                cursor: not-allowed;
            }

            .dealers-offer.offer-see-more .filters .checkbox.disabled input[type="checkbox"]:checked + label:after {
                background: rgba(15, 15, 15, 0.2);
            }

            .dealers-offer.offer-see-more .filters .checkbox.disabled label {
                cursor: default;
                color: rgba(15, 15, 15, 0.2);
            }

        .dealers-offer.offer-see-more .filters .checkbox.indeterminate input[type="checkbox"]:not(:checked) + label:after, .dealers-offer.offer-see-more .filters .checkbox.indeterminate input[type="checkbox"]:checked + label:after {
            content: '';
            background: #0f0f0f url("main/img/icon-check-indeterminate.svg") left center no-repeat;
            padding-top: 1px;
        }

        .dealers-offer.offer-see-more .filters .checkbox.indeterminate label {
            font-family: "SeatRegular",sans-serif;
            font-size: 16px;
            line-height: 30px;
            color: rgba(15, 15, 15, 0.6);
        }

.dealers-offer .seeMore-container {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: row;
    background: #fff;
    border: 0;
    padding: 16px 0;
    height: 72px;
}

    .dealers-offer .seeMore-container .seeMore-button {
        border: 2px solid #d8d8d8;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-self: center;
    }

        .dealers-offer .seeMore-container .seeMore-button img {
            width: 16px;
            height: 16px;
            align-self: center;
            transform: rotate(90deg);
        }

            .dealers-offer .seeMore-container .seeMore-button img.open {
                transform: rotate(-90deg);
            }

    .dealers-offer .seeMore-container span {
        font-family: "SeatBold",sans-serif;
        font-size: 16px;
        line-height: 22px;
        color: #0f0f0f;
        align-self: center;
        padding-left: 16px;
    }

.dealers-offer .more-offers-container {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: row;
    border: 0;
    padding: 16px 0;
    height: 72px;
}

.dealers-offer.offer-slider {
    position: relative;
}

    .dealers-offer.offer-slider .card:not(.showCard) {
        display: flex;
    }

    .dealers-offer.offer-slider .controls {
        position: absolute;
        top: unset;
        bottom: calc(50% - 76px);
        transform: translateY(-50%);
        z-index: 1;
        width: 100%;
        height: 40px;
        display: none;
        padding: 0;
        margin: 0 auto;
    }

        .dealers-offer.offer-slider .controls .carousel-control-next,
        .dealers-offer.offer-slider .controls .carousel-control-prev {
            background-color: #fff;
            opacity: 1;
            width: 40px;
            height: 40px;
            border-radius: 4px;
        }

            .dealers-offer.offer-slider .controls .carousel-control-next:hover,
            .dealers-offer.offer-slider .controls .carousel-control-prev:hover {
                opacity: 1;
            }

            .dealers-offer.offer-slider .controls .carousel-control-next span,
            .dealers-offer.offer-slider .controls .carousel-control-prev span {
                width: 8px;
                height: 13px;
            }

        .dealers-offer.offer-slider .controls .carousel-control-next {
            margin-right: 32px;
        }

            .dealers-offer.offer-slider .controls .carousel-control-next:hover img {
                opacity: .4;
            }

        .dealers-offer.offer-slider .controls .carousel-control-prev {
            margin-left: 32px;
        }

            .dealers-offer.offer-slider .controls .carousel-control-prev img {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .dealers-offer.offer-slider .controls .carousel-control-prev:hover img {
                opacity: .4;
            }

    .dealers-offer.offer-slider .carousel-indicators {
        margin-bottom: 0;
        height: 2px;
        bottom: 0;
    }

        .dealers-offer.offer-slider .carousel-indicators li {
            background-color: rgba(51, 48, 46, 0.2);
            max-width: 20px;
            max-height: 2px;
        }

            .dealers-offer.offer-slider .carousel-indicators li.active {
                background-color: #33302E;
            }

@media (min-width: 764px) {
    .dealers-offer {
        padding: 64px 0;
    }

        .dealers-offer .container-fluid {
            padding: 0;
            max-width: 700px;
            margin: auto;
        }

            .dealers-offer .container-fluid .container .row {
                padding: 0;
            }

                .dealers-offer .container-fluid .container .row .col-12.offer-header {
                    text-align: center;
                    margin-bottom: 40px;
                }

        .dealers-offer .card {
            flex-direction: row;
            margin-bottom: 40px;
        }

            .dealers-offer .card .cont-img {
                width: 100%;
                max-width: 297px;
                height: auto;
                max-height: 369px;
            }

            .dealers-offer .card .card-body {
                background: #fff;
                margin: 16px 0 16px -56px;
                padding: 24px 16px;
                height: 100%;
                justify-content: space-between;
                width: 427px;
                max-width: 427px;
                width: 100%;
                max-width: 100%;
                min-height: 333px;
            }

                .dealers-offer .card .card-body .card-title {
                    font-size: 18px;
                    line-height: 30px;
                    max-height: calc(30px*2 + 1px);
                    overflow: hidden;
                    color: #0f0f0f;
                    margin: 0;
                }

                .dealers-offer .card .card-body .card-text {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    max-height: calc(26px*2 + 1px);
                    overflow: hidden;
                    margin-bottom: 24px;
                }

                .dealers-offer .card .card-body .card-price-box {
                    display: flex;
                    flex-direction: row;
                    margin-top: auto;
                    margin-bottom: 0;
                }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item {
                        width: 50%;
                    }

                        .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-discount {
                            font-family: "SeatRegular",sans-serif;
                            font-size: 12px;
                            line-height: 22px;
                            max-height: calc(22px*1 + 1px);
                            overflow: hidden;
                        }

                        .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-price {
                            font-family: "SeatBold",sans-serif;
                            font-size: 18px;
                            line-height: 30px;
                            max-height: calc(30px*1 + 1px);
                            overflow: hidden;
                            color: #0f0f0f;
                        }

                        .dealers-offer .card .card-body .card-price-box .card-price-box-item:first-child {
                            padding-right: 16px;
                        }

                .dealers-offer .card .card-body .buttons {
                    display: flex;
                    flex-direction: row;
                    margin-top: 24px;
                    padding-top: 24px;
                }

                    .dealers-offer .card .card-body .buttons .btn-standard:first-child {
                        margin-bottom: 0;
                        margin-right: 12px;
                    }

                    .dealers-offer .card .card-body .buttons .btn-standard:last-child {
                        margin-bottom: 0;
                        margin-left: 12px;
                    }

            .dealers-offer .card.reverse {
                flex-direction: row-reverse;
            }

                .dealers-offer .card.reverse .card-body {
                    margin: 16px -56px 16px 0;
                }

        .dealers-offer.offer-see-more .offer-filters {
            position: sticky;
            top: 0px;
            max-width: 100%;
        }

            .dealers-offer.offer-see-more .offer-filters .native-filter {
                display: none;
            }

            .dealers-offer.offer-see-more .offer-filters .filters {
                padding: 24px 0 8px;
                margin: 0 0 40px;
            }

                .dealers-offer.offer-see-more .offer-filters .filters .checks {
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                .dealers-offer.offer-see-more .offer-filters .filters .filter-element {
                    margin-bottom: 16px;
                }

                    .dealers-offer.offer-see-more .offer-filters .filters .filter-element .checkbox label {
                        margin-right: 24px;
                    }

                    .dealers-offer.offer-see-more .offer-filters .filters .filter-element:last-child .checkbox label {
                        margin-right: 0;
                    }

        .dealers-offer.offer-slider .carousel-item {
            padding: 0 2px;
        }

        .dealers-offer.offer-slider .card {
            margin-bottom: 32px;
        }
}

@media (min-width: 1016px) {
    .dealers-offer .container-fluid {
        padding: 0;
        max-width: 956px;
        margin: auto;
    }

        .dealers-offer .container-fluid .container .row .col-12.offer-header {
            text-align: center;
            margin-bottom: 56px;
        }

    .dealers-offer .card {
        margin-bottom: 56px;
    }

        .dealers-offer .card .cont-img {
            width: 100%;
            max-width: 378px;
            height: auto;
            max-height: 373px;
        }

        .dealers-offer .card .card-body {
            background: #fff;
            margin: 16px 0 16px -56px;
            padding: 24px 16px;
            width: 624px;
            max-width: 624px;
            min-height: 341px;
            width: 100%;
            max-width: 100%;
        }

            .dealers-offer .card .card-body .card-title {
                font-size: 20px;
                line-height: 26px;
                max-height: calc(26px*2 + 1px);
                overflow: hidden;
                color: #0f0f0f;
                margin: 0;
                margin-bottom: 8px;
            }

            .dealers-offer .card .card-body .card-text {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                line-height: 30px;
                max-height: calc(30px*2 + 1px);
                overflow: hidden;
                margin-bottom: 24px;
            }

            .dealers-offer .card .card-body .card-price-box {
                display: flex;
                flex-direction: row;
            }

                .dealers-offer .card .card-body .card-price-box .card-price-box-item {
                    width: 50%;
                }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-discount {
                        font-family: "SeatRegular",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        max-height: calc(26px*1 + 1px);
                        overflow: hidden;
                    }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-price {
                        font-family: "SeatBlack",sans-serif;
                        font-size: 20px;
                        line-height: 26px;
                        max-height: calc(26px*1 + 1px);
                        overflow: hidden;
                        color: #0f0f0f;
                    }

                    .dealers-offer .card .card-body .card-price-box .card-price-box-item:first-child {
                        padding-right: 16px;
                    }

            .dealers-offer .card .card-body .buttons {
                display: flex;
                flex-direction: row;
            }

                .dealers-offer .card .card-body .buttons a:first-child {
                    margin-right: 12px;
                }

                .dealers-offer .card .card-body .buttons a:last-child {
                    margin-left: 12px;
                }

    .dealers-offer .title {
        max-height: calc(40px*2 + 3px);
        overflow: hidden;
    }

    .dealers-offer.offer-see-more .offer-filters {
        max-width: 100%;
    }

        .dealers-offer.offer-see-more .offer-filters .filters {
            margin: 0 0 56px;
        }

            .dealers-offer.offer-see-more .offer-filters .filters .filter-element .checkbox label {
                margin-right: 32px;
            }

            .dealers-offer.offer-see-more .offer-filters .filters .filter-element:last-child .checkbox label {
                margin-right: 0;
            }

    .dealers-offer.offer-slider {
        padding-left: 0;
        padding-right: 0;
    }

        .dealers-offer.offer-slider .carousel-item {
            padding: 0 2px;
        }

        .dealers-offer.offer-slider .controls {
            display: block;
            opacity: 0;
            max-width: 1016px;
            left: 50%;
            transform: translateX(-50%);
        }

            .dealers-offer.offer-slider .controls .carousel-control-next,
            .dealers-offer.offer-slider .controls .carousel-control-prev {
                position: absolute;
            }

            .dealers-offer.offer-slider .controls .carousel-control-prev {
                margin-left: 16px;
            }

            .dealers-offer.offer-slider .controls .carousel-control-next {
                margin-right: 16px;
            }

        .dealers-offer.offer-slider:hover .controls {
            opacity: 1;
        }
}

@media (min-width: 1436px) {
    .dealers-offer .container-fluid {
        padding: 0;
        max-width: 1140px;
        margin: auto;
    }

        .dealers-offer .container-fluid .container .row .col-12.offer-header {
            margin-bottom: 64px;
        }

    .dealers-offer .eyebrow {
        height: 30px;
    }

    .dealers-offer .card .cont-img {
        width: 100%;
        max-width: 553px;
        height: auto;
        max-height: 373px;
    }

    .dealers-offer .card .card-body {
        background: #fff;
        margin: 16px 0 16px -56px;
        padding: 24px 32px;
        height: 100%;
        width: 670px;
        max-width: 670px;
        min-height: 341px;
        width: 100%;
        max-width: 100%;
    }

        .dealers-offer .card .card-body .card-title {
            font-size: 20px;
            line-height: 26px;
            max-height: calc(26px*2 + 1px);
            overflow: hidden;
            color: #0f0f0f;
            margin: 0;
            margin-bottom: 8px;
        }

        .dealers-offer .card .card-body .card-text {
            font-family: "SeatRegular",sans-serif;
            font-size: 16px;
            line-height: 30px;
            max-height: calc(30px*2 + 1px);
            overflow: hidden;
            margin-bottom: 24px;
        }

        .dealers-offer .card .card-body .card-price-box {
            display: flex;
            flex-direction: row;
        }

            .dealers-offer .card .card-body .card-price-box .card-price-box-item {
                width: 50%;
                max-width: 303px;
            }

                .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-discount {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    max-height: calc(26px*1 + 1px);
                    overflow: hidden;
                }

                .dealers-offer .card .card-body .card-price-box .card-price-box-item .card-price {
                    font-family: "SeatBlack",sans-serif;
                    font-size: 20px;
                    line-height: 26px;
                    max-height: calc(26px*1 + 1px);
                    overflow: hidden;
                    color: #0f0f0f;
                }

                .dealers-offer .card .card-body .card-price-box .card-price-box-item:first-child {
                    padding-right: 16px;
                }

        .dealers-offer .card .card-body .buttons {
            display: flex;
            flex-direction: row;
        }

            .dealers-offer .card .card-body .buttons a:first-child {
                margin-right: 12px;
            }

            .dealers-offer .card .card-body .buttons a:last-child {
                margin-left: 12px;
            }

    .dealers-offer.offer-see-more .offer-filters {
        max-width: 100%;
    }

        .dealers-offer.offer-see-more .offer-filters .filters {
            margin: 0 0 56px;
        }

    .dealers-offer.offer-slider .controls {
        max-width: 1436px;
    }

        .dealers-offer.offer-slider .controls .carousel-control-prev {
            margin-left: 32px;
        }

        .dealers-offer.offer-slider .controls .carousel-control-next {
            margin-right: 32px;
        }
}

.dealers-offer.bg-red .card {
    background-color: #e63a2b;
}

.dealers-offer.bg-red-2 .card {
    background-color: #ec6b5f;
}

.dealers-offer.bg-red-3 .card {
    background-color: #f18c76;
}

.dealers-offer.bg-red-4 {
    background-color: #b11c18;
    color: #ece9e1 !important;
}

    .dealers-offer.bg-red-4 .card {
        background-color: #b11c18 !important;
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-red-4 .richtext,
    .dealers-offer.bg-red-4 .title,
    .dealers-offer.bg-red-4 .description,
    .dealers-offer.bg-red-4 .slider-subtitle,
    .dealers-offer.bg-red-4 .eyebrow,
    .dealers-offer.bg-red-4 p {
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-red-4 h1,
    .dealers-offer.bg-red-4 h2,
    .dealers-offer.bg-red-4 h3,
    .dealers-offer.bg-red-4 h4,
    .dealers-offer.bg-red-4 h5,
    .dealers-offer.bg-red-4 h6,
    .dealers-offer.bg-red-4 .h1,
    .dealers-offer.bg-red-4 .h2,
    .dealers-offer.bg-red-4 .h3,
    .dealers-offer.bg-red-4 .h4,
    .dealers-offer.bg-red-4 .h5,
    .dealers-offer.bg-red-4 .h6 {
        color: #ece9e1 !important;
    }

.dealers-offer.bg-red-5 {
    background-color: #bb3d39;
    color: #ece9e1 !important;
}

    .dealers-offer.bg-red-5 .card {
        background-color: #bb3d39 !important;
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-red-5 .richtext,
    .dealers-offer.bg-red-5 .title,
    .dealers-offer.bg-red-5 .description,
    .dealers-offer.bg-red-5 .slider-subtitle,
    .dealers-offer.bg-red-5 .eyebrow,
    .dealers-offer.bg-red-5 p {
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-red-5 h1,
    .dealers-offer.bg-red-5 h2,
    .dealers-offer.bg-red-5 h3,
    .dealers-offer.bg-red-5 h4,
    .dealers-offer.bg-red-5 h5,
    .dealers-offer.bg-red-5 h6,
    .dealers-offer.bg-red-5 .h1,
    .dealers-offer.bg-red-5 .h2,
    .dealers-offer.bg-red-5 .h3,
    .dealers-offer.bg-red-5 .h4,
    .dealers-offer.bg-red-5 .h5,
    .dealers-offer.bg-red-5 .h6 {
        color: #ece9e1 !important;
    }

.dealers-offer.bg-red-6 {
    background-color: #c8605d;
    color: #190f14 !important;
}

    .dealers-offer.bg-red-6 .card {
        background-color: #c8605d !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-red-6 .richtext,
    .dealers-offer.bg-red-6 .title,
    .dealers-offer.bg-red-6 .description,
    .dealers-offer.bg-red-6 .slider-subtitle,
    .dealers-offer.bg-red-6 .eyebrow,
    .dealers-offer.bg-red-6 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-red-6 h1,
    .dealers-offer.bg-red-6 h2,
    .dealers-offer.bg-red-6 h3,
    .dealers-offer.bg-red-6 h4,
    .dealers-offer.bg-red-6 h5,
    .dealers-offer.bg-red-6 h6,
    .dealers-offer.bg-red-6 .h1,
    .dealers-offer.bg-red-6 .h2,
    .dealers-offer.bg-red-6 .h3,
    .dealers-offer.bg-red-6 .h4,
    .dealers-offer.bg-red-6 .h5,
    .dealers-offer.bg-red-6 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-red-7 {
    background-color: #de6568;
    color: #190f14 !important;
}

    .dealers-offer.bg-red-7 .card {
        background-color: #de6568 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-red-7 .richtext,
    .dealers-offer.bg-red-7 .title,
    .dealers-offer.bg-red-7 .description,
    .dealers-offer.bg-red-7 .slider-subtitle,
    .dealers-offer.bg-red-7 .eyebrow,
    .dealers-offer.bg-red-7 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-red-7 h1,
    .dealers-offer.bg-red-7 h2,
    .dealers-offer.bg-red-7 h3,
    .dealers-offer.bg-red-7 h4,
    .dealers-offer.bg-red-7 h5,
    .dealers-offer.bg-red-7 h6,
    .dealers-offer.bg-red-7 .h1,
    .dealers-offer.bg-red-7 .h2,
    .dealers-offer.bg-red-7 .h3,
    .dealers-offer.bg-red-7 .h4,
    .dealers-offer.bg-red-7 .h5,
    .dealers-offer.bg-red-7 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-orange .card {
    background-color: #ee7d05;
}

.dealers-offer.bg-orange-2 .card {
    background-color: #ed9551;
}

.dealers-offer.bg-orange-3 .card {
    background-color: #f8b877;
}

.dealers-offer.bg-orange-4 .card {
    background-color: #ea5d1a;
}

.dealers-offer.bg-golden .card {
    background-color: #ded1a7;
}

.dealers-offer.bg-golden-2 {
    background-color: #cca681;
    color: #190f14 !important;
}

    .dealers-offer.bg-golden-2 .card {
        background-color: #cca681 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-golden-2 .richtext,
    .dealers-offer.bg-golden-2 .title,
    .dealers-offer.bg-golden-2 .description,
    .dealers-offer.bg-golden-2 .slider-subtitle,
    .dealers-offer.bg-golden-2 .eyebrow,
    .dealers-offer.bg-golden-2 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-golden-2 h1,
    .dealers-offer.bg-golden-2 h2,
    .dealers-offer.bg-golden-2 h3,
    .dealers-offer.bg-golden-2 h4,
    .dealers-offer.bg-golden-2 h5,
    .dealers-offer.bg-golden-2 h6,
    .dealers-offer.bg-golden-2 .h1,
    .dealers-offer.bg-golden-2 .h2,
    .dealers-offer.bg-golden-2 .h3,
    .dealers-offer.bg-golden-2 .h4,
    .dealers-offer.bg-golden-2 .h5,
    .dealers-offer.bg-golden-2 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-yellow .card {
    background-color: #ffde4a;
}

.dealers-offer.bg-yellow-2 .card {
    background-color: #fcc446;
}

.dealers-offer.bg-green .card {
    background-color: #84c497;
}

.dealers-offer.bg-green-2 .card {
    background-color: #b7d8aa;
}

.dealers-offer.bg-green-3 .card {
    background-color: #d8dc48;
}

.dealers-offer.bg-green-4 {
    background-color: #5bbe85;
    color: #190f14 !important;
}

    .dealers-offer.bg-green-4 .card {
        background-color: #5bbe85 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-green-4 .richtext,
    .dealers-offer.bg-green-4 .title,
    .dealers-offer.bg-green-4 .description,
    .dealers-offer.bg-green-4 .slider-subtitle,
    .dealers-offer.bg-green-4 .eyebrow,
    .dealers-offer.bg-green-4 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-green-4 h1,
    .dealers-offer.bg-green-4 h2,
    .dealers-offer.bg-green-4 h3,
    .dealers-offer.bg-green-4 h4,
    .dealers-offer.bg-green-4 h5,
    .dealers-offer.bg-green-4 h6,
    .dealers-offer.bg-green-4 .h1,
    .dealers-offer.bg-green-4 .h2,
    .dealers-offer.bg-green-4 .h3,
    .dealers-offer.bg-green-4 .h4,
    .dealers-offer.bg-green-4 .h5,
    .dealers-offer.bg-green-4 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-olive .card {
    background-color: #809887;
}

.dealers-offer.bg-olive-2 .card {
    background-color: #a0caa1;
}

.dealers-offer.bg-olive-3 .card {
    background-color: #c6dfc6;
}

.dealers-offer.bg-emerald .card {
    background-color: #00afac;
}

.dealers-offer.bg-emerald-2 .card {
    background-color: #8ececf;
}

.dealers-offer.bg-emerald-3 .card {
    background-color: #9fb9ae;
}

.dealers-offer.bg-blue .card {
    background-color: #6baee0;
}

.dealers-offer.bg-blue-2 .card {
    background-color: #95c0d6;
}

.dealers-offer.bg-blue-3 {
    background-color: #366474;
    color: #ece9e1 !important;
}

    .dealers-offer.bg-blue-3 .card {
        background-color: #366474 !important;
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-blue-3 .richtext,
    .dealers-offer.bg-blue-3 .title,
    .dealers-offer.bg-blue-3 .description,
    .dealers-offer.bg-blue-3 .slider-subtitle,
    .dealers-offer.bg-blue-3 .eyebrow,
    .dealers-offer.bg-blue-3 p {
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-blue-3 h1,
    .dealers-offer.bg-blue-3 h2,
    .dealers-offer.bg-blue-3 h3,
    .dealers-offer.bg-blue-3 h4,
    .dealers-offer.bg-blue-3 h5,
    .dealers-offer.bg-blue-3 h6,
    .dealers-offer.bg-blue-3 .h1,
    .dealers-offer.bg-blue-3 .h2,
    .dealers-offer.bg-blue-3 .h3,
    .dealers-offer.bg-blue-3 .h4,
    .dealers-offer.bg-blue-3 .h5,
    .dealers-offer.bg-blue-3 .h6 {
        color: #ece9e1 !important;
    }

.dealers-offer.bg-blue-4 {
    background-color: #5a8292;
    color: #190f14 !important;
}

    .dealers-offer.bg-blue-4 .card {
        background-color: #5a8292 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-blue-4 .richtext,
    .dealers-offer.bg-blue-4 .title,
    .dealers-offer.bg-blue-4 .description,
    .dealers-offer.bg-blue-4 .slider-subtitle,
    .dealers-offer.bg-blue-4 .eyebrow,
    .dealers-offer.bg-blue-4 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-blue-4 h1,
    .dealers-offer.bg-blue-4 h2,
    .dealers-offer.bg-blue-4 h3,
    .dealers-offer.bg-blue-4 h4,
    .dealers-offer.bg-blue-4 h5,
    .dealers-offer.bg-blue-4 h6,
    .dealers-offer.bg-blue-4 .h1,
    .dealers-offer.bg-blue-4 .h2,
    .dealers-offer.bg-blue-4 .h3,
    .dealers-offer.bg-blue-4 .h4,
    .dealers-offer.bg-blue-4 .h5,
    .dealers-offer.bg-blue-4 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-blue-5 {
    background-color: #72929d;
    color: #190f14 !important;
}

    .dealers-offer.bg-blue-5 .card {
        background-color: #72929d !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-blue-5 .richtext,
    .dealers-offer.bg-blue-5 .title,
    .dealers-offer.bg-blue-5 .description,
    .dealers-offer.bg-blue-5 .slider-subtitle,
    .dealers-offer.bg-blue-5 .eyebrow,
    .dealers-offer.bg-blue-5 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-blue-5 h1,
    .dealers-offer.bg-blue-5 h2,
    .dealers-offer.bg-blue-5 h3,
    .dealers-offer.bg-blue-5 h4,
    .dealers-offer.bg-blue-5 h5,
    .dealers-offer.bg-blue-5 h6,
    .dealers-offer.bg-blue-5 .h1,
    .dealers-offer.bg-blue-5 .h2,
    .dealers-offer.bg-blue-5 .h3,
    .dealers-offer.bg-blue-5 .h4,
    .dealers-offer.bg-blue-5 .h5,
    .dealers-offer.bg-blue-5 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-gray .card {
    background-color: #dedad4;
}

.dealers-offer.bg-gray-2 .card {
    background-color: #9f948e;
}

.dealers-offer.bg-gray-3 {
    background-color: #494352;
    color: #ece9e1 !important;
}

    .dealers-offer.bg-gray-3 .card {
        background-color: #494352 !important;
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-gray-3 .richtext,
    .dealers-offer.bg-gray-3 .title,
    .dealers-offer.bg-gray-3 .description,
    .dealers-offer.bg-gray-3 .slider-subtitle,
    .dealers-offer.bg-gray-3 .eyebrow,
    .dealers-offer.bg-gray-3 p {
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-gray-3 h1,
    .dealers-offer.bg-gray-3 h2,
    .dealers-offer.bg-gray-3 h3,
    .dealers-offer.bg-gray-3 h4,
    .dealers-offer.bg-gray-3 h5,
    .dealers-offer.bg-gray-3 h6,
    .dealers-offer.bg-gray-3 .h1,
    .dealers-offer.bg-gray-3 .h2,
    .dealers-offer.bg-gray-3 .h3,
    .dealers-offer.bg-gray-3 .h4,
    .dealers-offer.bg-gray-3 .h5,
    .dealers-offer.bg-gray-3 .h6 {
        color: #ece9e1 !important;
    }

.dealers-offer.bg-gray-4 {
    background-color: #645f6c;
    color: #ece9e1 !important;
}

    .dealers-offer.bg-gray-4 .card {
        background-color: #645f6c !important;
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-gray-4 .richtext,
    .dealers-offer.bg-gray-4 .title,
    .dealers-offer.bg-gray-4 .description,
    .dealers-offer.bg-gray-4 .slider-subtitle,
    .dealers-offer.bg-gray-4 .eyebrow,
    .dealers-offer.bg-gray-4 p {
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-gray-4 h1,
    .dealers-offer.bg-gray-4 h2,
    .dealers-offer.bg-gray-4 h3,
    .dealers-offer.bg-gray-4 h4,
    .dealers-offer.bg-gray-4 h5,
    .dealers-offer.bg-gray-4 h6,
    .dealers-offer.bg-gray-4 .h1,
    .dealers-offer.bg-gray-4 .h2,
    .dealers-offer.bg-gray-4 .h3,
    .dealers-offer.bg-gray-4 .h4,
    .dealers-offer.bg-gray-4 .h5,
    .dealers-offer.bg-gray-4 .h6 {
        color: #ece9e1 !important;
    }

.dealers-offer.bg-gray-5 {
    background-color: #7f7b85;
    color: #190f14 !important;
}

    .dealers-offer.bg-gray-5 .card {
        background-color: #7f7b85 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-gray-5 .richtext,
    .dealers-offer.bg-gray-5 .title,
    .dealers-offer.bg-gray-5 .description,
    .dealers-offer.bg-gray-5 .slider-subtitle,
    .dealers-offer.bg-gray-5 .eyebrow,
    .dealers-offer.bg-gray-5 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-gray-5 h1,
    .dealers-offer.bg-gray-5 h2,
    .dealers-offer.bg-gray-5 h3,
    .dealers-offer.bg-gray-5 h4,
    .dealers-offer.bg-gray-5 h5,
    .dealers-offer.bg-gray-5 h6,
    .dealers-offer.bg-gray-5 .h1,
    .dealers-offer.bg-gray-5 .h2,
    .dealers-offer.bg-gray-5 .h3,
    .dealers-offer.bg-gray-5 .h4,
    .dealers-offer.bg-gray-5 .h5,
    .dealers-offer.bg-gray-5 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-violet .card {
    background-color: #cf7fa1;
}

.dealers-offer.bg-violet-2 .card {
    background-color: #b793a9;
}

.dealers-offer.bg-violet-3 .card {
    background-color: #d1b8c7;
}

.dealers-offer.bg-brown .card {
    background-color: #d4af9c;
}

.dealers-offer.bg-brown-2 .card {
    background-color: #e8d0c1;
}

.dealers-offer.bg-brown-3 {
    background-color: #ba7e74;
    color: #190f14 !important;
}

    .dealers-offer.bg-brown-3 .card {
        background-color: #ba7e74 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-brown-3 .richtext,
    .dealers-offer.bg-brown-3 .title,
    .dealers-offer.bg-brown-3 .description,
    .dealers-offer.bg-brown-3 .slider-subtitle,
    .dealers-offer.bg-brown-3 .eyebrow,
    .dealers-offer.bg-brown-3 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-brown-3 h1,
    .dealers-offer.bg-brown-3 h2,
    .dealers-offer.bg-brown-3 h3,
    .dealers-offer.bg-brown-3 h4,
    .dealers-offer.bg-brown-3 h5,
    .dealers-offer.bg-brown-3 h6,
    .dealers-offer.bg-brown-3 .h1,
    .dealers-offer.bg-brown-3 .h2,
    .dealers-offer.bg-brown-3 .h3,
    .dealers-offer.bg-brown-3 .h4,
    .dealers-offer.bg-brown-3 .h5,
    .dealers-offer.bg-brown-3 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-brown-4 {
    background-color: #c49189;
    color: #190f14 !important;
}

    .dealers-offer.bg-brown-4 .card {
        background-color: #c49189 !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-brown-4 .richtext,
    .dealers-offer.bg-brown-4 .title,
    .dealers-offer.bg-brown-4 .description,
    .dealers-offer.bg-brown-4 .slider-subtitle,
    .dealers-offer.bg-brown-4 .eyebrow,
    .dealers-offer.bg-brown-4 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-brown-4 h1,
    .dealers-offer.bg-brown-4 h2,
    .dealers-offer.bg-brown-4 h3,
    .dealers-offer.bg-brown-4 h4,
    .dealers-offer.bg-brown-4 h5,
    .dealers-offer.bg-brown-4 h6,
    .dealers-offer.bg-brown-4 .h1,
    .dealers-offer.bg-brown-4 .h2,
    .dealers-offer.bg-brown-4 .h3,
    .dealers-offer.bg-brown-4 .h4,
    .dealers-offer.bg-brown-4 .h5,
    .dealers-offer.bg-brown-4 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-brown-5 {
    background-color: #cea49d;
    color: #190f14 !important;
}

    .dealers-offer.bg-brown-5 .card {
        background-color: #cea49d !important;
        color: #190f14 !important;
    }

    .dealers-offer.bg-brown-5 .richtext,
    .dealers-offer.bg-brown-5 .title,
    .dealers-offer.bg-brown-5 .description,
    .dealers-offer.bg-brown-5 .slider-subtitle,
    .dealers-offer.bg-brown-5 .eyebrow,
    .dealers-offer.bg-brown-5 p {
        color: #190f14 !important;
    }

    .dealers-offer.bg-brown-5 h1,
    .dealers-offer.bg-brown-5 h2,
    .dealers-offer.bg-brown-5 h3,
    .dealers-offer.bg-brown-5 h4,
    .dealers-offer.bg-brown-5 h5,
    .dealers-offer.bg-brown-5 h6,
    .dealers-offer.bg-brown-5 .h1,
    .dealers-offer.bg-brown-5 .h2,
    .dealers-offer.bg-brown-5 .h3,
    .dealers-offer.bg-brown-5 .h4,
    .dealers-offer.bg-brown-5 .h5,
    .dealers-offer.bg-brown-5 .h6 {
        color: #190f14 !important;
    }

.dealers-offer.bg-white .card {
    background-color: #fafaf9;
}

.dealers-offer.bg-black .card {
    background-color: #0f0f0f;
}

.dealers-offer.bg-pure-white .card {
    background-color: #fff;
}

.dealers-offer.bg-pure-black .card {
    background-color: #000;
}

.dealers-offer.bg-purple-2 {
    background-color: #5d2c64;
    color: #ece9e1 !important;
}

    .dealers-offer.bg-purple-2 .card {
        background-color: #5d2c64 !important;
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-purple-2 .richtext,
    .dealers-offer.bg-purple-2 .title,
    .dealers-offer.bg-purple-2 .description,
    .dealers-offer.bg-purple-2 .slider-subtitle,
    .dealers-offer.bg-purple-2 .eyebrow,
    .dealers-offer.bg-purple-2 p {
        color: #ece9e1 !important;
    }

    .dealers-offer.bg-purple-2 h1,
    .dealers-offer.bg-purple-2 h2,
    .dealers-offer.bg-purple-2 h3,
    .dealers-offer.bg-purple-2 h4,
    .dealers-offer.bg-purple-2 h5,
    .dealers-offer.bg-purple-2 h6,
    .dealers-offer.bg-purple-2 .h1,
    .dealers-offer.bg-purple-2 .h2,
    .dealers-offer.bg-purple-2 .h3,
    .dealers-offer.bg-purple-2 .h4,
    .dealers-offer.bg-purple-2 .h5,
    .dealers-offer.bg-purple-2 .h6 {
        color: #ece9e1 !important;
    }

.dealers-offer.bg-gray-dark .card {
    background-color: #33302E;
}

.dealerLocation {
    font-family: "SeatRegular",sans-serif;
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 24px;
    padding-top: 32px;
    background: #f7f7f7;
}

    .dealerLocation .container-fluid {
        max-width: 1436px;
        margin: auto;
    }

    .dealerLocation .col-12 {
        text-align: center;
    }

        .dealerLocation .col-12 .card-locator {
            text-align: left;
        }

    .dealerLocation #map-dl {
        width: 100%;
        height: 536px;
    }

    .dealerLocation .mapposition {
        width: 100%;
        height: auto;
        min-height: 540px;
        padding: 16px;
        position: relative;
        max-width: 440px;
        margin: auto;
    }

@media (max-width: 763px) {
    .dealerLocation .mapposition.none {
        display: none;
    }
}

.dealerLocation .btn {
    left: 50%;
    transform: translateX(-50%);
    background-color: #0f0f0f;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    padding: 0 24px;
}

.dealerLocation .listsvg {
    position: absolute;
    bottom: 24px;
}

.dealerLocation .worldsvg {
    position: absolute;
    bottom: 4px;
}

.dealerLocation .eyebrow {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    color: rgba(51, 48, 46, 0.6);
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
}

.dealerLocation .title {
    font-family: "SeatBlack",sans-serif;
    font-size: 30px;
    color: #33302E;
    letter-spacing: 0;
    text-align: center;
    line-height: 38px;
    margin-bottom: 25px;
}

.dealerLocation .eyebrow,
.dealerLocation .title {
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 764px) {
    .dealerLocation .eyebrow,
    .dealerLocation .title {
        max-width: 700px;
    }
}

@media (min-width: 1016px) {
    .dealerLocation .eyebrow,
    .dealerLocation .title {
        max-width: 788px;
    }
}

@media (min-width: 1436px) {
    .dealerLocation .eyebrow,
    .dealerLocation .title {
        max-width: 904px;
    }
}

.dealerLocation .car-icon {
    background: url("main/img/fd-icon_car.svg") no-repeat 0px center;
    padding-left: 32px;
    background-size: 25px 20px;
}

.dealerLocation .taller-icon {
    background: url("main/img/fd-icon_services.svg") no-repeat 0px center;
    padding-left: 30px;
    background-size: 22px 22px;
}

.dealerLocation .rlj-icon {
    background: url("main/img/fd-icon_express_services.svg") no-repeat 0px center;
    padding-left: 24px;
    background-size: 16px 16px;
}

.dealerLocation .tlf-icon {
    background: url("main/img/fd-icon_telephone.svg") no-repeat 0px center;
    padding-left: 24px;
    background-size: 16px 16px;
}

.dealerLocation .list {
    max-width: 440px;
    margin: auto;
    box-shadow: 0 2px 4px 0 rgba(15, 15, 15, 0.2);
}

.dealerLocation .card-locator {
    padding: 16px;
    background: #FFF;
}

    .dealerLocation .card-locator:last-child .separator {
        display: none;
    }

    .dealerLocation .card-locator.active {
        background: rgba(222, 218, 212, 0.2);
    }

    .dealerLocation .card-locator .name {
        font-family: "SeatBold",sans-serif;
        font-size: 16px;
        color: #33302E;
        letter-spacing: 0;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .dealerLocation .card-locator .direction {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        color: rgba(51, 48, 46, 0.6);
        letter-spacing: 0;
        line-height: 26px;
        margin-bottom: 8px;
    }

        .dealerLocation .card-locator .direction .d1, .dealerLocation .card-locator .direction .d2 {
            display: block;
        }

    .dealerLocation .card-locator .link-container {
        margin-bottom: 8px;
    }

    .dealerLocation .card-locator .maplink {
        font-family: "SeatMedium",sans-serif;
        font-size: 14px;
        color: #ea5d1a;
        letter-spacing: 0;
        line-height: 26px;
        text-decoration: underline;
    }

    .dealerLocation .card-locator .tel-container {
        margin-bottom: 8px;
    }

        .dealerLocation .card-locator .tel-container a {
            font-size: 14px;
            color: #0f0f0f;
            line-height: 26px;
        }

    .dealerLocation .card-locator .schedule h4 {
        font-size: 14px;
        color: #0f0f0f;
        letter-spacing: 0;
        line-height: 26px;
        font-weight: bold;
    }

    .dealerLocation .card-locator .schedule p {
        font-size: 14px;
        color: rgba(15, 15, 15, 0.6);
        letter-spacing: 0;
        line-height: 26px;
        padding-left: 24px;
    }

    .dealerLocation .card-locator .separator {
        background: #D8D8D8;
        height: 1px;
        width: 100%;
        display: block;
        margin-top: 16px;
        margin-bottom: -16px;
    }

.dealerLocation .mobileinfo {
    display: none;
    position: absolute;
    width: calc(100% - 32px);
    height: 93px;
    padding: 8px;
    background: #fff;
    flex-direction: column;
    justify-content: space-between;
    bottom: 16px;
    right: 16px;
}

    .dealerLocation .mobileinfo .direction {
        font-size: 12px;
        color: rgba(51, 48, 46, 0.6);
        letter-spacing: 0;
        line-height: 22px;
        flex: 1 1 100%;
    }

    .dealerLocation .mobileinfo .tlf {
        color: #0f0f0f;
        font-size: 12px;
        line-height: 22px;
    }

    .dealerLocation .mobileinfo.show {
        display: flex;
    }

    .dealerLocation .mobileinfo .divFooter {
        display: flex;
        justify-content: space-between;
    }

        .dealerLocation .mobileinfo .divFooter .see-details {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            color: #ea5d1a;
            letter-spacing: 0;
            line-height: 26px;
            text-decoration: underline;
            cursor: pointer;
        }

@media (min-width: 764px) {
    .dealerLocation {
        padding-top: 64px;
        padding-bottom: 64px;
    }

        .dealerLocation .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .dealerLocation .eyebrow {
            font-size: 14px;
            text-align: center;
            line-height: 26px;
        }

        .dealerLocation .title {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 40px;
        }

        .dealerLocation .mapposition {
            display: block;
            height: 752px;
            padding: 0px 16px 0px 0px;
            max-width: none;
        }
}

@media (min-width: 764px) and (min-width: 1016px) {
    .dealerLocation .mapposition {
        padding: 0px 16px 0px 16px;
    }
}

@media (min-width: 764px) {
    .dealerLocation #map-dl {
        height: 100%;
    }

    .dealerLocation .listsvg {
        display: none;
    }

    .dealerLocation .worldsvg {
        display: none;
    }

    .dealerLocation .list {
        height: auto;
        max-height: 752px;
        overflow-y: auto;
        max-width: none;
    }

    .dealerLocation .card-locator .direction {
        margin-bottom: 8px;
    }

    .dealerLocation .card-locator .link-container {
        margin-bottom: 8px;
    }

    .dealerLocation .card-locator .tel-container {
        display: block;
    }

    .dealerLocation .mobileinfo {
        display: none;
    }
}

@media (min-width: 1016px) {
    .dealerLocation .title {
        font-size: 38px;
        color: #0f0f0f;
        text-align: center;
        line-height: 40px;
        font-family: "SeatBlack",sans-serif;
        margin-bottom: 50px;
    }

    .dealerLocation .eyebrow {
        font-size: 16px;
        color: rgba(15, 15, 15, 0.6);
        text-align: center;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .dealerLocation .card-locator {
        padding: 24px;
    }

        .dealerLocation .card-locator .name {
            font-size: 18px;
            color: #33302E;
            line-height: 30px;
            margin-bottom: 16px;
        }

        .dealerLocation .card-locator .direction {
            font-size: 16px;
            color: rgba(51, 48, 46, 0.6);
            line-height: 30px;
            margin-bottom: 16px;
        }

        .dealerLocation .card-locator .link-container {
            margin-bottom: 16px;
        }

        .dealerLocation .card-locator .maplink {
            font-size: 14px;
            line-height: 26px;
        }

        .dealerLocation .card-locator .tel-container {
            margin-bottom: 16px;
        }

            .dealerLocation .card-locator .tel-container a {
                font-size: 14px;
                line-height: 26px;
            }

        .dealerLocation .card-locator .schedule h4 {
            font-size: 14px;
            line-height: 26px;
        }

        .dealerLocation .card-locator .schedule p {
            font-size: 14px;
            color: rgba(15, 15, 15, 0.6);
            line-height: 26px;
        }

        .dealerLocation .card-locator .separator {
            margin-bottom: -24px;
        }
}
/* Three Columns Module */
/* Mobile */
.three-columns {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .three-columns .container-fluid {
        max-width: 472px;
    }

    .three-columns .eyebrow {
        max-height: 26px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .three-columns .title {
        height: auto;
        max-height: calc(38px*4 + 8px);
        overflow: hidden;
        margin-bottom: 32px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .three-columns .description {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 32px;
    }

        .three-columns .description p {
            font-size: 14px;
            line-height: 26px;
        }

        .three-columns .description hr {
            border-top: 1px solid rgba(15, 15, 15, 0.6);
        }

    .three-columns .cta-list a {
        display: block;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 24px;
        color: inherit;
    }

        .three-columns .cta-list a:first-child {
            margin-top: 24px;
        }

        .three-columns .cta-list a:last-child {
            margin-bottom: 0;
        }

    .three-columns .richtext {
        color: inherit;
    }

        .three-columns .richtext ul li, .three-columns .richtext ol li {
            color: inherit;
        }

        .three-columns .richtext p {
            color: inherit;
        }

/* tablet */
@media (min-width: 764px) {
    .three-columns {
        padding: 64px 16px;
    }

        .three-columns .container-fluid {
            max-width: 1436px;
        }

        .three-columns .container-columns {
            column-count: 2;
            column-gap: 32px;
        }

            .three-columns .container-columns div {
                display: inline;
            }

        .three-columns .title {
            font-size: 38px;
            line-height: 40px;
            max-height: calc(40px*2 + 8px);
        }
}
/*Desktop*/
@media (min-width: 1016px) {
    .three-columns .container-columns {
        column-count: 3;
        column-gap: 56px;
    }

    .three-columns .eyebrow {
        font-size: 16px;
        line-height: 30px;
        max-height: 30px;
    }

    .three-columns .description {
        font-size: 16px;
        line-height: 30px;
    }

        .three-columns .description p {
            font-size: 16px;
            line-height: 30px;
        }

    .three-columns .cta-list a {
        font-size: 16px;
        line-height: 30px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .three-columns .container-fluid {
        max-width: 1372px;
        padding-right: 0;
        padding-left: 0;
    }
}

.compare-full {
    padding: 32px 0 0;
    background: #fafaf9;
    position: relative;
    overflow: auto;
    height: 100%;
    /* General dropdown custom styles */
    /* General dropdown custom styles */
}

    .compare-full *:focus {
        outline: none !important;
    }

    .compare-full .btn {
        font-family: "SeatBold",sans-serif;
        font-weight: normal;
    }

@keyframes slideUp {
    0% {
        opacity: 0;
    }

    100% {
        top: -20px;
        opacity: 1;
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        top: -20px;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

@keyframes slideRight {
    0% {
        right: -100%;
    }

    100% {
        right: 0%;
    }
}

@keyframes slideLeft {
    0% {
        left: -100%;
    }

    100% {
        left: 0;
        right: 0%;
    }
}

.compare-full .animation-slide-right {
    animation: slideRight 0.3s;
    position: absolute;
    height: 100vh;
    height: 100%;
}

.compare-full .animation-slide-left {
    animation: slideLeft 0.3s;
    z-index: 10;
    height: 100vh;
    position: absolute;
}

.compare-full .special-drop {
    display: none;
}

    .compare-full .special-drop .specs-select {
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 26px;
        color: #0f0f0f;
        text-align: left;
        background: url("main/img/arrowdown-icon-select-gray.svg") center no-repeat;
        background-position-x: 100%;
        display: block;
        width: 100%;
        padding: 0px 0px 8px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #979797;
        border-radius: 0px;
    }

        .compare-full .special-drop .specs-select:focus {
            outline: none;
        }

        .compare-full .special-drop .specs-select:checked {
            border-color: #84c497;
        }

        .compare-full .special-drop .specs-select:selected {
            border-color: #84c497;
        }

    .compare-full .special-drop .dropdown-menu {
        width: 100%;
        z-index: 15;
    }

        .compare-full .special-drop .dropdown-menu .selected {
            position: relative;
        }

            .compare-full .special-drop .dropdown-menu .selected:after {
                content: '';
                background: url("main/img/icon-check-dropdown.svg") center no-repeat;
                height: 100%;
                width: 32px;
                position: absolute;
                right: 0;
                bottom: 0;
            }

    .compare-full .special-drop .anim-slideUp {
        animation: slideUp 0.3s;
    }

    .compare-full .special-drop .anim-slidedown {
        animation: slideDown 0.3s;
    }

    .compare-full .special-drop .dropdown-item {
        cursor: pointer;
        color: rgba(15, 15, 15, 0.6);
        padding: 8px 24px;
    }

        .compare-full .special-drop .dropdown-item:first-child {
            background: url(main/img/arrowup-icon-select-gray.svg) center no-repeat;
            background-size: 15px 9px;
            background-position-x: 94%;
            background-position-y: 40%;
            padding-bottom: 16px;
            font-family: "SeatMedium",sans-serif;
        }

            .compare-full .special-drop .dropdown-item:first-child:hover {
                background-color: transparent;
            }

        .compare-full .special-drop .dropdown-item:active,
        .compare-full .special-drop .dropdown-item:hover {
            color: rgba(15, 15, 15, 0.6);
            text-decoration: none;
            background-color: #DEDAD4;
        }

.compare-full .form-group {
    margin-bottom: 16px;
}

    .compare-full .form-group .label {
        font-family: "SeatMedium",sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: rgba(15, 15, 15, 0.6);
    }

    .compare-full .form-group span.label.hidden {
        visibility: hidden;
    }

.compare-full select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #0f0f0f;
    text-align: left;
    background: url("main/img/icon-specs-arrowdown-select.svg") center no-repeat;
    background-position-x: 100%;
    display: block;
    width: 100%;
    padding: 8px 0px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    line-height: 1.4em;
    outline: none !important;
    padding-right: 16px;
}

    .compare-full select.form-control:checked {
        border-color: #84c497;
    }

    .compare-full select.form-control:focus {
        border-color: #84c497;
    }

    .compare-full select.form-control::-ms-expand {
        display: none;
    }

.compare-full .compare-header {
    margin-bottom: 24px;
}

    .compare-full .compare-header .compare-title {
        width: 100%;
        margin: auto;
        font-size: 25px;
        line-height: 32px;
        text-align: center;
        max-height: 64px;
        overflow: hidden;
        font-family: "SeatBlack",sans-serif;
        margin-bottom: 16px;
    }

    .compare-full .compare-header .subdescription {
        width: 100%;
        overflow: hidden;
        margin: 0;
        font-family: "SeatRegular",sans-serif;
        color: rgba(15, 15, 15, 0.6);
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        max-height: calc(26px * 4);
        overflow: hidden;
    }

.compare-full .col-6.left .cont-specs .link-arrow.c-model, .compare-full .col-6.left .cont-specs .c-model.link-arrow-orange, .compare-full .col-6.left .cont-specs .c-model.link-arrow-white,
.compare-full .col-6.right .cont-specs .link-arrow.c-model,
.compare-full .col-6.right .cont-specs .c-model.link-arrow-orange,
.compare-full .col-6.right .cont-specs .c-model.link-arrow-white {
    display: none;
}

.compare-full .col-6.left .cont-specs .invisible,
.compare-full .col-6.right .cont-specs .invisible {
    height: 0;
}

.compare-full .car-left,
.compare-full .car-right {
    padding-bottom: 32px;
}

    .compare-full .car-left .caridentifier,
    .compare-full .car-right .caridentifier {
        color: #0f0f0f;
        font-family: "SeatBlack",sans-serif;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }

        .compare-full .car-left .caridentifier.c-model .arrow img,
        .compare-full .car-right .caridentifier.c-model .arrow img {
            transform: rotate(180deg);
            margin-right: 8px;
            margin-bottom: 4px;
        }

    .compare-full .car-left .car-image,
    .compare-full .car-right .car-image {
        width: 100%;
        height: auto;
        max-width: 755px;
        padding-top: 8px;
        margin-bottom: 24px;
    }

        .compare-full .car-left .car-image img,
        .compare-full .car-right .car-image img {
            display: block;
            margin: 0 auto;
            width: 100%;
            height: auto;
            outline: 1px solid rgba(0, 0, 0, 0);
        }

.compare-full div.col-12.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.animation-slide-right > div > .caridentifier {
    cursor: pointer;
}

.compare-full .btn-container {
    margin-top: 32px;
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    outline: 1px solid rgba(255, 255, 255, 0.1) !important;
}

    .compare-full .btn-container .btn {
        width: 288px;
        margin: 0 auto;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .compare-full .btn-container .btn.disabled {
            pointer-events: none;
        }

        .compare-full .btn-container .btn span {
            overflow: hidden;
        }

@media (max-width: 763px) {
    .compare-full .btn-container .btn.hide-s {
        display: none;
    }
}

.compare-full select.disabled {
    pointer-events: none;
}

.compare-full .resumen {
    padding: 32px 0 0;
}

@media (max-width: 763px) {
    .compare-full .resumen {
        padding: 0;
    }
}

.compare-full .resumen .col-6.col-md-6.left {
    padding-left: 0;
    padding-right: 8px;
}

.compare-full .resumen .col-6.col-md-6.right {
    padding-right: 0;
    padding-left: 8px;
}

.compare-full .resumen .col-6.col-md-6.left,
.compare-full .resumen .col-6.col-md-6.right {
    display: flex;
    flex-direction: column;
}

    .compare-full .resumen .col-6.col-md-6.left .cont-img,
    .compare-full .resumen .col-6.col-md-6.right .cont-img {
        margin-bottom: 8px;
    }

        .compare-full .resumen .col-6.col-md-6.left .cont-img img,
        .compare-full .resumen .col-6.col-md-6.right .cont-img img {
            width: 100%;
            height: auto;
        }

    .compare-full .resumen .col-6.col-md-6.left .cont-specs,
    .compare-full .resumen .col-6.col-md-6.right .cont-specs {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

        .compare-full .resumen .col-6.col-md-6.left .cont-specs .model,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs .model {
            margin-top: 0;
            margin-bottom: 16px;
        }

            .compare-full .resumen .col-6.col-md-6.left .cont-specs .model .carname,
            .compare-full .resumen .col-6.col-md-6.right .cont-specs .model .carname {
                color: #0f0f0f;
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 26px;
                max-height: 52px;
                overflow: hidden;
                margin-bottom: 0;
            }

            .compare-full .resumen .col-6.col-md-6.left .cont-specs .model .trim,
            .compare-full .resumen .col-6.col-md-6.right .cont-specs .model .trim {
                color: #0f0f0f;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                max-height: 52px;
                overflow: hidden;
                padding-bottom: 8px;
            }

            .compare-full .resumen .col-6.col-md-6.left .cont-specs .model .engine,
            .compare-full .resumen .col-6.col-md-6.right .cont-specs .model .engine {
                font-size: 12px;
                font-family: "SeatRegular",sans-serif;
                line-height: 22px;
                color: rgba(15, 15, 15, 0.6);
                max-height: 66px;
                overflow: hidden;
                margin-bottom: 16px;
            }

        .compare-full .resumen .col-6.col-md-6.left .cont-specs .dataContainer,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs .dataContainer {
            display: flex;
            flex-wrap: nowrap;
            margin-bottom: 16px;
            align-items: center;
            width: 144px;
            overflow: hidden;
        }

            .compare-full .resumen .col-6.col-md-6.left .cont-specs .dataContainer .icon,
            .compare-full .resumen .col-6.col-md-6.right .cont-specs .dataContainer .icon {
                max-width: 32px;
                max-height: 32px;
                min-width: 32px;
            }

                .compare-full .resumen .col-6.col-md-6.left .cont-specs .dataContainer .icon img,
                .compare-full .resumen .col-6.col-md-6.right .cont-specs .dataContainer .icon img {
                    margin: 0 auto;
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                }

            .compare-full .resumen .col-6.col-md-6.left .cont-specs .dataContainer .data,
            .compare-full .resumen .col-6.col-md-6.right .cont-specs .dataContainer .data {
                flex: 1 1 50%;
            }

                .compare-full .resumen .col-6.col-md-6.left .cont-specs .dataContainer .data .thead,
                .compare-full .resumen .col-6.col-md-6.right .cont-specs .dataContainer .data .thead {
                    display: block;
                    width: 100%;
                    font-size: 12px;
                    font-family: "SeatRegular",sans-serif;
                    line-height: 22px;
                    color: rgba(15, 15, 15, 0.6);
                    white-space: nowrap;
                }

                .compare-full .resumen .col-6.col-md-6.left .cont-specs .dataContainer .data .number,
                .compare-full .resumen .col-6.col-md-6.right .cont-specs .dataContainer .data .number {
                    display: block;
                    width: 100%;
                    font-size: 12px;
                    font-family: "SeatMedium",sans-serif;
                    line-height: 26px;
                    color: #0f0f0f;
                    white-space: nowrap;
                }

        .compare-full .resumen .col-6.col-md-6.left .cont-specs .price-container .from,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs .price-container .from {
            display: block;
            font-size: 12px;
            font-family: "SeatRegular",sans-serif;
            line-height: 22px;
            color: rgba(15, 15, 15, 0.6);
            width: 100%;
        }

        .compare-full .resumen .col-6.col-md-6.left .cont-specs .price-container .price,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs .price-container .price {
            display: inline-block;
            font-size: 20px;
            font-family: "SeatBlack",sans-serif;
            line-height: 32px;
        }

        .compare-full .resumen .col-6.col-md-6.left .cont-specs .price-container .supernumber,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs .price-container .supernumber {
            font-family: "SeatBlack",sans-serif;
            vertical-align: top;
            font-size: 10px;
        }

        .compare-full .resumen .col-6.col-md-6.left .cont-specs .invisible,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs .invisible {
            height: 0;
        }

.compare-full .resumen .btn {
    width: 100%;
    height: 48px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.compare-full .resumen .cta-cont {
    padding-top: 40px;
}

    .compare-full .resumen .cta-cont .btn span {
        overflow: hidden;
    }

.compare-full .resumen .redes {
    padding-bottom: 40px;
    width: 100%;
}

    .compare-full .resumen .redes ul {
        padding: 40px 24px 24px 24px;
        display: flex;
        justify-content: center;
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin: 0;
    }

        .compare-full .resumen .redes ul li {
            display: inline;
            list-style: none;
            padding: 0 16px;
        }

.compare-full .accordion .accordion-title {
    position: relative;
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #0f0f0f;
    text-align: center;
    padding: 16px 0;
    border-bottom: 1px solid rgba(51, 48, 46, 0.2);
    margin: 0;
    cursor: pointer;
}

    .compare-full .accordion .accordion-title::after {
        display: block;
        position: absolute;
        top: 0;
        right: 16px;
        width: 24px;
        height: 100%;
        content: "";
        background: url("main/img/compare-arrow.png") no-repeat;
        background-position: center right;
    }

    .compare-full .accordion .accordion-title[aria-expanded="true"]:after {
        transform: rotate(180deg);
    }

.compare-full .accordion .acordion-specs .fila {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .compare-full .accordion .acordion-specs .fila.h1.h2 {
        display: none;
    }

    .compare-full .accordion .acordion-specs .fila .spec-title {
        display: block;
        width: 100%;
        order: 1;
        text-align: center;
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: rgba(15, 15, 15, 0.6);
        padding-top: 24px;
    }

    .compare-full .accordion .acordion-specs .fila .half {
        display: flex;
        flex-direction: column;
    }

        .compare-full .accordion .acordion-specs .fila .half.left {
            order: 2;
            text-align: left;
        }

        .compare-full .accordion .acordion-specs .fila .half.right {
            order: 3;
            text-align: right;
        }

        .compare-full .accordion .acordion-specs .fila .half span {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 26px;
            color: #0f0f0f;
        }

            .compare-full .accordion .acordion-specs .fila .half span.subtext {
                font-family: "SeatRegular",sans-serif;
            }

.compare-full .accordion:first-child {
    margin-top: 24px;
}

.compare-full .collapse {
    margin-bottom: 16px;
}

.compare-full .sticky-compare {
    background: #fff;
    border-bottom: 1px solid rgba(51, 48, 46, 0.2);
    padding: 0 16px;
    flex-direction: row;
    flex-wrap: nowrap;
    position: fixed;
    z-index: 49;
    top: 0px;
    left: 0;
    width: 100%;
    right: 0px;
    display: none;
}

    .compare-full .sticky-compare .car-name {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .compare-full .sticky-compare .car-name .cont-img {
            display: none;
        }

        .compare-full .sticky-compare .car-name .cont-text {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

            .compare-full .sticky-compare .car-name .cont-text .sticky-model,
            .compare-full .sticky-compare .car-name .cont-text .sticky-trim {
                font-family: "SeatBold",sans-serif;
                font-size: 12px;
                line-height: 22px;
                color: #0f0f0f;
            }

            .compare-full .sticky-compare .car-name .cont-text .sticky-trim {
                font-family: "SeatRegular",sans-serif;
            }

        .compare-full .sticky-compare .car-name.right .sticky-model,
        .compare-full .sticky-compare .car-name.right .sticky-trim {
            padding-right: 8px;
        }

.compare-full .step2 {
    display: none;
}

.compare-full .flex-sticky {
    display: flex;
}

.compare-full .disclaimer-component .container-fluid .container .disclaimer-text {
    color: rgba(15, 15, 15, 0.6);
}

@media (max-width: 763px) {
    .compare-full .sticky-compare .car-name {
        justify-content: flex-start;
    }

    .compare-full .resumen.final {
        padding: 32px 0 0;
        z-index: 1;
        width: 100%;
        background: #fafaf9;
        margin: 0;
    }

        .compare-full .resumen.final .col-6.col-md-6.left {
            padding-left: 0;
        }

        .compare-full .resumen.final .col-6.col-md-6.right {
            padding-right: 0;
        }

    .compare-full .nowrap {
        flex-wrap: nowrap;
        position: relative;
        overflow: hidden;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .compare-full .nowrap .col-12 {
            background: #fafaf9;
            padding: 0;
        }

    .compare-full .col-6.left .cont-specs .link-arrow.c-model, .compare-full .col-6.left .cont-specs .c-model.link-arrow-orange, .compare-full .col-6.left .cont-specs .c-model.link-arrow-white,
    .compare-full .col-6.right .cont-specs .link-arrow.c-model,
    .compare-full .col-6.right .cont-specs .c-model.link-arrow-orange,
    .compare-full .col-6.right .cont-specs .c-model.link-arrow-white {
        display: block;
        cursor: pointer;
    }

    .compare-full .s-steps {
        position: relative;
        flex-wrap: nowrap;
        position: relative;
        overflow: hidden;
        display: flex;
        height: 100%;
        padding-bottom: 32px;
    }

        .compare-full .s-steps .resumen {
            flex: 0 0 100%;
            max-width: 100%;
            background: #fafaf9;
            flex-wrap: wrap;
        }

    .disclaimer-component.compare-full-disclaimer .container-fluid .container .disclaimer-text {
        color: rgba(15, 15, 15, 0.6);
    }
}

@media (max-width: 763px) {
    *::-ms-backdrop,
    .compare-full .s-steps .resumen {
        width: 100%;
    }

    *::-ms-backdrop,
    .compare-full .resumen .col-6.col-md-6.left,
    .compare-full .resumen .col-6.col-md-6.right {
        display: block;
        overflow: hidden;
    }

        *::-ms-backdrop,
        .compare-full .resumen .col-6.col-md-6.left .cont-specs,
        .compare-full .resumen .col-6.col-md-6.right .cont-specs {
            height: auto;
            display: block;
        }
}

@media (min-width: 764px) {
    .compare-full {
        padding: 40px 0;
        /* ajustes de rejilla */
    }

        .compare-full .hidden {
            visibility: hidden;
        }

        .compare-full .sticky-compare {
            height: 80px;
            align-items: center;
        }

            .compare-full .sticky-compare .car-name {
                padding: 16px 0;
            }

                .compare-full .sticky-compare .car-name .cont-img img {
                    width: 105px;
                }

                .compare-full .sticky-compare .car-name .cont-text .sticky-model {
                    font-family: "SeatBold",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                }

                .compare-full .sticky-compare .car-name .cont-text .sticky-trim {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 12px;
                    line-height: 22px;
                }

        .compare-full .s-steps .car-image {
            display: none;
        }

        .compare-full .special-drop {
            display: block;
        }

            .compare-full .special-drop .specs-select {
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 26px;
                color: rgba(15, 15, 15, 0.6);
                cursor: pointer;
                background-position-x: 100%;
                background-position-y: 54%;
                padding-right: 32px !important;
                overflow: hidden;
            }

                .compare-full .special-drop .specs-select.disabled {
                    pointer-events: none;
                }

            .compare-full .special-drop .dropdown-menu {
                width: 100%;
            }

        .compare-full .btn-container {
            margin-top: 24px;
        }

            .compare-full .btn-container .btn.stepButton {
                display: none;
            }

        .compare-full .container-fluid {
            padding: 0 32px;
        }

            .compare-full .container-fluid .d-flex.resumen {
                min-height: 0;
            }

            .compare-full .container-fluid .compare-header {
                margin-bottom: 32px;
            }

                .compare-full .container-fluid .compare-header .compare-title {
                    width: 100%;
                    margin: auto;
                    font-size: 30px;
                    line-height: 38px;
                    text-align: center;
                    max-height: 40px;
                    overflow: hidden;
                    font-family: "SeatBlack",sans-serif;
                    margin-bottom: 16px;
                }

                .compare-full .container-fluid .compare-header .subdescription {
                    width: 100%;
                    overflow: hidden;
                    margin: 0;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                    font-size: 14px;
                    line-height: 26px;
                    text-align: center;
                    max-height: calc(26px * 2);
                    overflow: hidden;
                }

            .compare-full .container-fluid .car-left,
            .compare-full .container-fluid .car-right {
                padding-bottom: 14px;
                max-width: 318px;
                margin-left: auto;
                margin-right: auto;
            }

                .compare-full .container-fluid .car-left .caridentifier,
                .compare-full .container-fluid .car-right .caridentifier {
                    color: #0f0f0f;
                    font-family: "SeatBlack",sans-serif;
                    font-size: 20px;
                    line-height: 26px;
                    text-align: center;
                    display: block;
                    width: 100%;
                    margin-bottom: 16px;
                    display: none;
                }

                .compare-full .container-fluid .car-left .form-control,
                .compare-full .container-fluid .car-right .form-control {
                    display: none;
                }

                .compare-full .container-fluid .car-left .car-image,
                .compare-full .container-fluid .car-right .car-image {
                    width: 100%;
                    padding-top: 8px;
                    margin-bottom: 24px;
                }

                    .compare-full .container-fluid .car-left .car-image img,
                    .compare-full .container-fluid .car-right .car-image img {
                        display: block;
                        margin: 0 auto;
                        width: 100%;
                        height: auto;
                    }

            .compare-full .container-fluid .resumen {
                padding: 32px 0 0;
            }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-img,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-img,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs {
                        max-width: 318px;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-img,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-img {
                        margin-bottom: 8px;
                        width: 100%;
                        height: auto;
                    }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-img img,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-img img {
                            width: 100%;
                            height: auto;
                        }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                    }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model {
                            margin-top: 0;
                            margin-bottom: 0;
                        }

                            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model .carname,
                            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model .carname {
                                color: #0f0f0f;
                                font-family: "SeatBlack",sans-serif;
                                font-size: 20px;
                                line-height: 26px;
                                max-height: 52px;
                                overflow: hidden;
                                margin-bottom: 0;
                            }

                            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model .trim,
                            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model .trim {
                                color: #0f0f0f;
                                font-family: "SeatBold",sans-serif;
                                font-size: 18px;
                                line-height: 30px;
                                max-height: 60px;
                                overflow: hidden;
                                padding-bottom: 8px;
                            }

                            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model .engine,
                            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model .engine {
                                font-size: 14px;
                                font-family: "SeatRegular",sans-serif;
                                line-height: 26px;
                                color: rgba(15, 15, 15, 0.6);
                                max-height: 54px;
                                overflow: hidden;
                                margin-bottom: 16px;
                            }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features {
                            display: flex;
                            flex-direction: row;
                            justify-content: flex-start;
                            margin-bottom: 16px;
                        }

                            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer,
                            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer {
                                display: flex;
                                flex-wrap: nowrap;
                                flex-direction: column;
                                min-height: 64px;
                                width: 85px;
                                margin-right: 32px;
                            }

                                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer:last-child,
                                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer:last-child {
                                    margin-right: 0;
                                }

                                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .icon,
                                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .icon {
                                    margin-right: 8px;
                                }

                                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .icon img,
                                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .icon img {
                                        margin: 0 auto;
                                        object-fit: cover;
                                    }

                                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .data,
                                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .data {
                                    flex: 1 1 50%;
                                }

                                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .data .thead,
                                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .data .thead {
                                        display: block;
                                        width: 100%;
                                        font-size: 12px;
                                        font-family: "SeatRegular",sans-serif;
                                        line-height: 22px;
                                        color: rgba(15, 15, 15, 0.6);
                                    }

                                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .data .number,
                                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .data .number {
                                        display: block;
                                        width: 100%;
                                        font-size: 12px;
                                        font-family: "SeatMedium",sans-serif;
                                        line-height: 22px;
                                        color: #0f0f0f;
                                    }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .price-container .from,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .price-container .from {
                            display: block;
                            font-size: 12px;
                            font-family: "SeatRegular",sans-serif;
                            line-height: 22px;
                            color: rgba(15, 15, 15, 0.6);
                            width: 100%;
                        }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .price-container .price,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .price-container .price {
                            display: inline-block;
                            font-size: 20px;
                            font-family: "SeatBlack",sans-serif;
                            line-height: 26px;
                        }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .price-container .supernumber,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .price-container .supernumber {
                            font-family: "SeatBlack",sans-serif;
                            vertical-align: top;
                            font-size: 10px;
                        }

                .compare-full .container-fluid .resumen .cta-cont {
                    width: 100%;
                    max-width: 318px;
                    padding-top: 40px;
                    text-align: left;
                }

                    .compare-full .container-fluid .resumen .cta-cont .btn {
                        width: 100%;
                        max-width: 212px;
                        margin-bottom: 16px;
                        display: flex;
                    }

                .compare-full .container-fluid .resumen .redes {
                    padding-bottom: 48px;
                    width: 100%;
                }

                    .compare-full .container-fluid .resumen .redes ul {
                        padding: 40px 0 24px 24px;
                        display: flex;
                        justify-content: flex-end;
                        width: 100%;
                        border-bottom: 1px solid #ccc;
                    }

                        .compare-full .container-fluid .resumen .redes ul li {
                            display: inline;
                            list-style: none;
                            padding: 0 16px;
                        }

                            .compare-full .container-fluid .resumen .redes ul li:last-child {
                                padding-right: 8px;
                            }

                .compare-full .container-fluid .resumen:first-child {
                    padding-top: 0;
                }

                .compare-full .container-fluid .resumen.d-flex {
                    padding-top: 0;
                }

            .compare-full .container-fluid .accordion .accordion-title {
                position: relative;
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: #0f0f0f;
                text-align: center;
                padding: 16px 0;
                border-bottom: 1px solid rgba(51, 48, 46, 0.2);
                cursor: pointer;
                margin-bottom: 0;
            }

            .compare-full .container-fluid .accordion .acordion-specs .fila {
                width: 100%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 8px 0;
            }

                .compare-full .container-fluid .accordion .acordion-specs .fila .spec-title {
                    display: block;
                    width: auto;
                    order: 2;
                    text-align: center;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 26px;
                    color: rgba(15, 15, 15, 0.6);
                    width: 30%;
                    padding-top: 0px;
                }

                .compare-full .container-fluid .accordion .acordion-specs .fila .half {
                    display: flex;
                    flex-direction: column;
                    width: 30%;
                }

                    .compare-full .container-fluid .accordion .acordion-specs .fila .half.left {
                        order: 1;
                        text-align: left;
                        flex-direction: row;
                    }

                    .compare-full .container-fluid .accordion .acordion-specs .fila .half.right {
                        order: 3;
                        text-align: right;
                        flex-direction: row;
                        justify-content: flex-end;
                    }

                    .compare-full .container-fluid .accordion .acordion-specs .fila .half span {
                        font-family: "SeatMedium",sans-serif;
                        font-size: 14px;
                        line-height: 26px;
                        color: #0f0f0f;
                    }

                        .compare-full .container-fluid .accordion .acordion-specs .fila .half span.subtext {
                            font-family: "SeatRegular",sans-serif;
                            font-size: 14px;
                            line-height: 26px;
                        }

                .compare-full .container-fluid .accordion .acordion-specs .fila:first-child {
                    margin-top: 32px;
                }

                    .compare-full .container-fluid .accordion .acordion-specs .fila:first-child.h1.h2 + .fila {
                        margin-top: 32px;
                    }

            .compare-full .container-fluid .accordion:first-child {
                margin-top: 40px;
            }

        .compare-full .sticky-compare .car-name .cont-img {
            display: block;
        }

            .compare-full .sticky-compare .car-name .cont-img img {
                width: 105px;
                height: auto;
            }

        .compare-full .sticky-compare .car-name .cont-text {
            padding-left: 16px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .compare-full .sticky-compare .car-name:first-child {
            border-right: 1px solid rgba(51, 48, 46, 0.2);
        }

        .compare-full .resumen .col-6.col-md-6.left,
        .compare-full .resumen .col-6.col-md-6.right {
            padding-right: 24px;
            padding-left: 24px;
        }

        .compare-full .s-steps .d-flex .col-md-6:first-child {
            padding-left: 0;
        }

        .compare-full .s-steps .d-flex .col-md-6:last-child {
            padding-right: 0;
        }

        .compare-full .acordion-specs {
            margin-left: 8px;
            margin-right: 8px;
        }

        .compare-full *::-ms-backdrop,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2.left,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.right,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2.left .cont-img,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.right .cont-img,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2.left .cont-specs,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.right .cont-specs,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2.left .cta-cont,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.right .cta-cont,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2.left .cont-specs .features .dataContainer,
        .compare-full .col-6.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.right .cont-specs .features .dataContainer {
            display: block;
            height: auto;
        }

            .compare-full *::-ms-backdrop,
            .compare-full .col-6.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2.left .cont-specs .features .dataContainer .icon,
            .compare-full .col-6.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2.right .cont-specs .features .dataContainer .icon {
                margin-bottom: 4px;
            }

    .disclaimer-component.compare-full-disclaimer .container-fluid .container .disclaimer-text {
        color: rgba(15, 15, 15, 0.6);
    }
}

@media (min-width: 1016px) {
    .compare-full {
        padding: 56px 0 48px;
        /* ajuste rejilla */
    }

        .compare-full .step2 {
            padding: 0 16px;
        }

        .compare-full select.form-control {
            display: none;
        }

        .compare-full .sticky-compare {
            align-items: center;
            height: 108px;
        }

            .compare-full .sticky-compare .car-name .cont-img img {
                width: 158px;
            }

            .compare-full .sticky-compare .car-name .cont-text .sticky-model {
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 30px;
            }

            .compare-full .sticky-compare .car-name .cont-text .sticky-trim {
                font-family: "SeatRegular",sans-serif;
                font-size: 16px;
                line-height: 30px;
            }

        .compare-full .container-fluid {
            padding-left: 16px;
            padding-right: 16px;
        }

            .compare-full .container-fluid .compare-header {
                margin-bottom: 40px;
            }

                .compare-full .container-fluid .compare-header .compare-title {
                    width: 100%;
                    margin: auto;
                    font-size: 38px;
                    line-height: 40px;
                    text-align: center;
                    max-height: 40px;
                    overflow: hidden;
                    font-family: "SeatBlack",sans-serif;
                    margin-bottom: 16px;
                }

                .compare-full .container-fluid .compare-header .subdescription {
                    width: 100%;
                    overflow: hidden;
                    margin: 0;
                    font-family: "SeatRegular",sans-serif;
                    color: rgba(15, 15, 15, 0.6);
                    font-size: 16px;
                    line-height: 30px;
                    text-align: center;
                    max-height: 60px;
                    overflow: hidden;
                }

            .compare-full .container-fluid .special-drop {
                display: block;
            }

                .compare-full .container-fluid .special-drop .specs-select {
                    font-size: 16px;
                    line-height: 30px;
                }

            .compare-full .container-fluid .accordion .accordion-title {
                position: relative;
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 30px;
                color: #0f0f0f;
                text-align: center;
                padding: 16px 0;
                border-bottom: 1px solid rgba(51, 48, 46, 0.2);
                cursor: pointer;
                margin-bottom: 0;
            }

            .compare-full .container-fluid .accordion .acordion-specs .fila {
                width: 100%;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 8px 0;
            }

                .compare-full .container-fluid .accordion .acordion-specs .fila .spec-title {
                    display: block;
                    width: auto;
                    order: 2;
                    text-align: center;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                    color: rgba(15, 15, 15, 0.6);
                    padding-top: 0px;
                }

                .compare-full .container-fluid .accordion .acordion-specs .fila .half {
                    display: flex;
                    flex-direction: column;
                }

                    .compare-full .container-fluid .accordion .acordion-specs .fila .half.left {
                        order: 1;
                        text-align: left;
                    }

                    .compare-full .container-fluid .accordion .acordion-specs .fila .half.right {
                        order: 3;
                        text-align: right;
                    }

                    .compare-full .container-fluid .accordion .acordion-specs .fila .half span {
                        font-family: "SeatMedium",sans-serif;
                        font-size: 16px;
                        line-height: 30px;
                        color: #0f0f0f;
                    }

                        .compare-full .container-fluid .accordion .acordion-specs .fila .half span.subtext {
                            font-size: 16px;
                            line-height: 30px;
                        }

                .compare-full .container-fluid .accordion .acordion-specs .fila:first-child {
                    margin-top: 32px;
                }

            .compare-full .container-fluid .accordion:first-child {
                margin-top: 56px;
            }

            .compare-full .container-fluid .accordion .acordion-specs .fila .half {
                display: flex;
                flex-direction: row;
            }

                .compare-full .container-fluid .accordion .acordion-specs .fila .half span.subtext {
                    padding-left: 4px;
                    padding-right: 4px;
                    line-height: 30px;
                }

            .compare-full .container-fluid .resumen .redes {
                padding-bottom: 56px;
            }

            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs,
            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model {
                    margin-top: 0;
                    margin-bottom: 0;
                }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model .carname,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model .carname {
                        color: #0f0f0f;
                        font-family: "SeatBlack",sans-serif;
                        font-size: 25px;
                        line-height: 32px;
                        max-height: 64px;
                        overflow: hidden;
                        margin-bottom: 0;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model .trim,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model .trim {
                        color: #0f0f0f;
                        font-family: "SeatBold",sans-serif;
                        font-size: 20px;
                        line-height: 26px;
                        max-height: 52px;
                        overflow: hidden;
                        padding-bottom: 8px;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .model .engine,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .model .engine {
                        font-size: 14px;
                        font-family: "SeatRegular",sans-serif;
                        line-height: 26px;
                        color: rgba(15, 15, 15, 0.6);
                        max-height: 48px;
                        overflow: hidden;
                        margin-bottom: 16px;
                    }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer {
                    display: flex;
                    flex-wrap: nowrap;
                    width: 88px;
                    margin-right: 16px;
                }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer:last-child,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer:last-child {
                        margin-right: 0;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .icon img,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .icon img {
                        margin: 0 auto;
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .data,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .data {
                        flex: 1 1 50%;
                    }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .data .thead,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .data .thead {
                            display: block;
                            width: 100%;
                            font-size: 12px;
                            font-family: "SeatRegular",sans-serif;
                            line-height: 22px;
                            max-height: 22px;
                            overflow: hidden;
                            color: rgba(15, 15, 15, 0.6);
                        }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer .data .number,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer .data .number {
                            display: block;
                            width: 100%;
                            font-size: 12px;
                            font-family: "SeatMedium",sans-serif;
                            line-height: 22px;
                            max-height: 22px;
                            overflow: hidden;
                            color: #0f0f0f;
                        }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .dataContainer,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .dataContainer {
                    display: flex;
                    flex-wrap: nowrap;
                    width: 88px;
                    margin-right: 16px;
                }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .dataContainer:last-child,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .dataContainer:last-child {
                        margin-right: 0;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .dataContainer .icon img,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .dataContainer .icon img {
                        margin: 0 auto;
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                    }

                    .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .dataContainer .data,
                    .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .dataContainer .data {
                        flex: 1 1 50%;
                    }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .dataContainer .data .thead,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .dataContainer .data .thead {
                            display: block;
                            width: 100%;
                            font-size: 12px;
                            font-family: "SeatRegular",sans-serif;
                            line-height: 22px;
                            max-height: 22px;
                            overflow: hidden;
                            color: rgba(15, 15, 15, 0.6);
                        }

                        .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .dataContainer .data .number,
                        .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .dataContainer .data .number {
                            display: block;
                            width: 100%;
                            font-size: 12px;
                            font-family: "SeatMedium",sans-serif;
                            line-height: 22px;
                            max-height: 22px;
                            overflow: hidden;
                            color: #0f0f0f;
                        }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .price-container .from,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .price-container .from {
                    display: block;
                    font-size: 12px;
                    font-family: "SeatRegular",sans-serif;
                    line-height: 22px;
                    color: rgba(15, 15, 15, 0.6);
                    width: 100%;
                }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .price-container .price,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .price-container .price {
                    display: inline-block;
                    font-size: 20px;
                    font-family: "SeatBlack",sans-serif;
                    line-height: 26px;
                }

            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cta-cont .btn,
            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cta-cont .btn {
                max-width: 100%;
            }

        .compare-full .s-steps .d-flex .col-md-6:first-child {
            padding-left: 16px;
        }

        .compare-full .s-steps .d-flex .col-md-6:last-child {
            padding-right: 16px;
        }

        .compare-full .acordion-specs {
            margin-left: 0;
            margin-right: 0;
        }

        .compare-full .resumen .col-6.col-md-6.left,
        .compare-full .resumen .col-6.col-md-6.right {
            padding-right: 16px;
            padding-left: 16px;
        }

        .compare-full .btn-container {
            margin-top: 40px;
            margin-bottom: 104px;
        }

    .disclaimer-component.compare-full-disclaimer .container-fluid .container .disclaimer-text {
        color: rgba(15, 15, 15, 0.6);
    }
}

@media (min-width: 1436px) {
    .compare-full {
        /* ajustes de rejilla */
    }

        .compare-full .sticky-compare {
            height: 108px;
            align-items: center;
        }

            .compare-full .sticky-compare .car-name {
                padding: 8px 0;
            }

                .compare-full .sticky-compare .car-name .cont-img img {
                    width: 202px;
                }

                .compare-full .sticky-compare .car-name .cont-text .sticky-model {
                    font-family: "SeatBold",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                }

                .compare-full .sticky-compare .car-name .cont-text .sticky-trim {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 16px;
                    line-height: 30px;
                }

        .compare-full .container-fluid {
            max-width: 1436px;
            margin: 0 auto;
        }

            .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer,
            .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer {
                width: 85px;
                margin-right: 32px;
            }

                .compare-full .container-fluid .resumen .col-6.col-md-6.left .cont-specs .features .dataContainer:last-child,
                .compare-full .container-fluid .resumen .col-6.col-md-6.right .cont-specs .features .dataContainer:last-child {
                    margin-right: 0;
                }

        .compare-full .step1 .col-xl-8 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .compare-full .btn-container {
            margin-top: 48px;
            margin-bottom: 104px;
        }

    .disclaimer-component.compare-full-disclaimer .container-fluid .container .disclaimer-text {
        color: rgba(15, 15, 15, 0.6);
    }
}

.compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2 > div .form-group:nth-child(4),
.compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2 > div .form-group:nth-child(4) {
    margin-bottom: 24px;
}

@media (min-width: 764px) {
    .compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2 > div .form-group:nth-child(4),
    .compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2 > div .form-group:nth-child(4) {
        margin-bottom: 32px;
    }
}

@media (min-width: 1016px) {
    .compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2 > div .form-group:nth-child(4),
    .compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2 > div .form-group:nth-child(4) {
        margin-bottom: 40px;
    }
}

@media (min-width: 764px) {
    .compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-1.col-xl-3.offset-xl-2 > div .btn-container,
    .compare-full .s-steps .d-flex.nowrap .col-12.col-md-6.col-lg-4.offset-lg-2.col-xl-3.offset-xl-2 > div .btn-container {
        display: none;
    }

    .compare-full .s-steps .d-flex.resumen .btn-container button:not(.hide-s) {
        display: none;
    }
}

body .modal-view-overlay {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
}

    body .modal-view-overlay .modal-view-container {
        background-color: rgba(27, 27, 27, 0.6);
        overflow: hidden;
    }

        body .modal-view-overlay .modal-view-container .modal-load-url {
            padding: 64px 16px;
        }

        body .modal-view-overlay .modal-view-container .modal-view-header {
            width: 100%;
            height: 54px;
            background-color: #fff;
            padding: 16px 16px;
            position: relative;
            border-bottom: 1px solid #d1d1d1;
        }

            body .modal-view-overlay .modal-view-container .modal-view-header .modal-view-title {
                width: 100%;
                height: 74px;
                font-family: 'SeatMedium';
                font-size: 14px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.43;
                letter-spacing: normal;
                text-transform: uppercase;
                color: #000000;
                max-height: 20px;
                overflow: hidden;
            }

        body .modal-view-overlay .modal-view-container .modal-view-icon-close {
            display: block;
            margin: 32px 16px 16px 0px;
            top: 0px;
            right: 0px;
            position: fixed;
            background: url("main/img/close.svg") no-repeat;
            background-size: contain;
            height: 16px;
            width: 16px;
            z-index: 5;
            float: right;
            cursor: pointer;
        }

        body .modal-view-overlay .modal-view-container .modal-view-header + .modal-view-icon-close {
            margin-top: 70px;
        }

        body .modal-view-overlay .modal-view-container .modal-view-container-image {
            position: absolute;
            top: 0px;
            z-index: 2;
        }

        body .modal-view-overlay .modal-view-container .modal-view-dialog {
            position: relative;
            margin: auto;
            z-index: 3;
            overflow: hidden;
        }

    body .modal-view-overlay.modal-view-hide-close .modal-view-container .modal-view-icon-close {
        display: none;
    }

    body .modal-view-overlay.modal-view-full-cover .modal-view-container {
        background-color: #fff;
    }

    body .modal-view-overlay.transition {
        background-color: rgba(51, 48, 46, 0.9);
        /* Transition right to left */
        /* Transition left to right */
        /* Transition up to down */
        /* Transition down to up */
    }

        body .modal-view-overlay.transition .modal-view-container {
            position: relative;
            background-color: #f4f4f3;
        }

@keyframes moveToLeft {
    0% {
        transform: translateX(100%);
    }

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

@keyframes hideToRight {
    0% {
        transform: translateX(0);
    }

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

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

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

@keyframes hideToLeft {
    0% {
        transform: translateX(0);
    }

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

@keyframes moveToDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes hideToUp {
    0% {
        transform: translateY(0);
    }

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

@keyframes moveToUp {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes hideToDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}

body .modal-view-overlay.transition.transition-right.modal-view-close .modal-view-container {
    animation: hideToRight 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-right.modal-view-open .modal-view-container {
    animation: moveToLeft 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-left.modal-view-close .modal-view-container {
    animation: hideToLeft 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-left.modal-view-open .modal-view-container {
    animation: moveToRight 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-up.modal-view-close .modal-view-container {
    animation: hideToUp 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-up.modal-view-open .modal-view-container {
    animation: moveToDown 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-down.modal-view-close .modal-view-container {
    animation: hideToDown 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

body .modal-view-overlay.transition.transition-down.modal-view-open .modal-view-container {
    animation: moveToUp 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

@media (min-width: 764px) {
    body .modal-view-overlay .modal-view-container .modal-load-url {
        padding: 64px 32px;
    }

    body .modal-view-overlay .modal-view-container .modal-view-header {
        height: 74px;
        padding: 27px 32px;
    }

        body .modal-view-overlay .modal-view-container .modal-view-header .modal-view-title {
            height: 74px;
        }

    body .modal-view-overlay .modal-view-container .modal-view-icon-close {
        margin: 24px 24px 16px 0px;
    }

    body .modal-view-overlay .modal-view-container .modal-view-header + .modal-view-icon-close {
        margin-top: 90px;
    }
}

@media (min-width: 1016px) {
    body .modal-view-overlay .modal-view-container .modal-load-url {
        padding: 104px 32px;
    }

    body .modal-view-overlay .modal-view-container .modal-view-header {
        height: 80px;
        padding: 30px 32px;
        position: sticky;
        top: 0;
        z-index: 915;
        border-bottom: 1px solid rgba(27, 27, 27, 0.2);
    }

        body .modal-view-overlay .modal-view-container .modal-view-header .modal-view-title {
            width: 45.27vw;
            font-size: 16px;
            line-height: 1.25;
        }

    body .modal-view-overlay .modal-view-container .modal-view-icon-close {
        margin: 24px 24px 16px 0px;
        height: 16px;
        width: 16px;
    }

    body .modal-view-overlay .modal-view-container .modal-view-header + .modal-view-icon-close {
        margin-top: 96px;
    }
}

@media (min-width: 1436px) {
    body .modal-view-overlay .modal-view-container .modal-load-url {
        padding: 104px 32px;
    }

    body .modal-view-overlay .modal-view-container .modal-view-header .modal-view-title {
        width: 46.67vw;
        font-size: 16px;
        line-height: 1.25;
    }
}

body .modal-view-overlay.modal-view-full .modal-view-container .modal-load-url {
    padding: 0px;
}

/* Banner component*/
.seatComponents-banner {
    background-color: #fee6b4;
}

    .seatComponents-banner .wrapper .banner-icon {
        margin-left: 36px;
        margin-right: 16px;
        height: 23px;
        width: 24px;
        background-image: url("main/img/banner-info-small.png");
    }

@media (min-width: 1436px) {
    .seatComponents-banner .wrapper .banner-icon {
        margin-left: 36px;
        margin-right: 21px;
        height: 30px;
        width: 29px;
        background-image: url("main/img/banner-info-big.png");
    }
}

.seatComponents-banner .wrapper .notice {
    font-family: "SeatMedium",sans-serif;
    color: #190f14;
}

.seatComponents-banner .wrapper .descriptionNotice {
    font-family: "SeatRegular",sans-serif;
    color: #190f14;
}

.seatComponents-banner .wrapper .banner-browsers a.browser-choice p {
    font-family: "SeatRegular",sans-serif;
    color: #190f14;
    max-height: 12px;
    overflow: hidden;
}

.seatComponents-banner .wrapper .banner-close {
    top: 11px;
    right: 19px;
    height: 34px;
    width: 34px;
    background-image: url("main/img/banner-close-small.png");
}

@media (min-width: 1436px) {
    .seatComponents-banner .wrapper .banner-close {
        right: 25px;
        height: 46px;
        width: 46px;
        background-image: url("main/img/banner-close-big.png");
    }
}

/* new components */
/* Feature Details v2*/
.feature-details-v2 .feature-description {
    margin-top: 16px;
    padding-bottom: 0;
}

    .feature-details-v2 .feature-description p {
        margin-bottom: 0;
    }

.feature-details-v2 .feature-buttons {
    margin-top: 24px;
}

    .feature-details-v2 .feature-buttons .btn-outline-orange-v2 {
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 16px;
        background-color: transparent;
        color: #ea5d1a;
        border: 1px solid #ea5d1a;
        border-radius: 2px;
        width: 100%;
        height: 40px;
        padding: 11px 16px 13px;
    }

        .feature-details-v2 .feature-buttons .btn-outline-orange-v2:active,
        .feature-details-v2 .feature-buttons .btn-outline-orange-v2.active {
            background-color: transparent;
        }

        .feature-details-v2 .feature-buttons .btn-outline-orange-v2:hover,
        .feature-details-v2 .feature-buttons .btn-outline-orange-v2.hover {
            border: 2px solid #ea5d1a;
            padding: 10px 16px 13px;
        }

.feature-details-v2 *, .feature-details-v2 a:focus {
    outline: none;
}

.feature-details-v2 .btn.focus, .feature-details-v2 .btn:focus {
    box-shadow: none;
    outline: none;
}

/* Tablet */
@media (min-width: 764px) {
    .feature-details-v2 .feature-description {
        margin-top: 24px;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .feature-details-v2 .feature-buttons .btn-outline-orange-v2 {
        font-size: 16px;
        line-height: 20px;
        height: 48px;
        padding: 13px 16px 15px;
    }

        .feature-details-v2 .feature-buttons .btn-outline-orange-v2:hover,
        .feature-details-v2 .feature-buttons .btn-outline-orange-v2.hover {
            padding: 12px 16px 15px;
        }
}
/* XL */
/* offers v2 */
/* 320 mobile */
.offers-v2 {
    overflow: hidden;
}

@media (min-width: 764px) {
    .offers-v2 {
        padding-bottom: 56px;
    }
}

@media (min-width: 1016px) {
    .offers-v2:hover .swiper-container .swiper-button-next,
    .offers-v2:hover .swiper-container .swiper-button-prev {
        display: block;
    }
}

@media (min-width: 1436px) {
    .offers-v2 {
        padding-bottom: 64px;
    }
}

.offers-v2 .section-title {
    margin-top: 32px;
    margin-bottom: 24px;
}

    .offers-v2 .section-title h2 {
        font-family: "SeatBlack",sans-serif;
        font-size: 24px;
        line-height: 28px;
        color: #190f14;
    }

.offers-v2 .offer-car {
    padding: 16px 0 16px 16px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 24px;
    cursor: pointer;
}

    .offers-v2 .offer-car .cont-data {
        flex: 0 1 100%;
    }

        .offers-v2 .offer-car .cont-data .title {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 20px;
            color: #190f14;
            margin-top: 20px;
        }

        .offers-v2 .offer-car .cont-data .description {
            font-family: "SeatRegular",sans-serif;
            font-size: 14px;
            line-height: 20px;
            color: #747468;
            margin-top: 8px;
        }

        .offers-v2 .offer-car .cont-data .price .text-bold {
            font-family: "SeatBold",sans-serif;
            font-size: 16px;
            line-height: 20px;
            color: #190f14;
            display: block;
            margin-top: 12px;
        }

        .offers-v2 .offer-car .cont-data .price .text-medium {
            font-family: "SeatMedium",sans-serif;
            font-size: 14px;
            line-height: 16px;
            color: #747468;
            display: block;
            margin-top: 4px;
        }

        .offers-v2 .offer-car .cont-data .link-btn {
            margin-top: 16px;
        }

@media (min-width: 20px) {
    .offers-v2 .offer-car .cont-data .link-btn {
        margin-top: 20px;
    }
}

.offers-v2 .offer-car .cont-data .link-btn .link-orange-v2 {
    color: #ea5d1a;
}

    .offers-v2 .offer-car .cont-data .link-btn .link-orange-v2 span {
        font-family: "SeatMedium",sans-serif;
        font-size: 14px;
        line-height: 16px;
        height: 20px;
    }

        .offers-v2 .offer-car .cont-data .link-btn .link-orange-v2 span.arrow img {
            margin-bottom: 2px;
        }

    .offers-v2 .offer-car .cont-data .link-btn .link-orange-v2:hover {
        text-decoration: none;
        opacity: 0.6;
    }

        .offers-v2 .offer-car .cont-data .link-btn .link-orange-v2:hover span.arrow {
            margin-left: 8px;
        }

.offers-v2 .btn-outline-black-v2 {
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    color: #190f14;
    border: 1px solid #190f14;
    border-radius: 2px;
    height: 40px;
    padding: 11px 16px 13px;
    width: 288px;
}

@media (min-width: 764px) {
    .offers-v2 .btn-outline-black-v2 {
        width: 212px;
    }
}

@media (min-width: 1016px) {
    .offers-v2 .btn-outline-black-v2 {
        width: calc(100% - 16px);
    }
}

.offers-v2 .btn-outline-black-v2:active,
.offers-v2 .btn-outline-black-v2.active {
    background-color: transparent;
}

.offers-v2 .btn-outline-black-v2:hover,
.offers-v2 .btn-outline-black-v2.hover {
    border: 2px solid #190f14;
    padding: 10px 16px 13px;
}

.offers-v2 .section-buttons {
    margin: 16px 16px 32px;
}

.offers-v2 .swiper-container {
    max-width: calc(100%);
    margin: 0;
    overflow: visible;
}

@media (min-width: 1015px) {
    .offers-v2 .swiper-container {
        max-width: 100%;
    }
}

.offers-v2 .swiper-container .scrollbar-wrapper {
    max-width: 288px;
    margin: auto auto auto 0;
    overflow: hidden;
}

@media (min-width: 764px) {
    .offers-v2 .swiper-container .scrollbar-wrapper {
        margin: auto;
        max-width: 80%;
    }
}

@media (min-width: 1436px) {
    .offers-v2 .swiper-container .scrollbar-wrapper {
        margin: auto;
        max-width: 60%;
    }
}

.offers-v2 .swiper-container .scrollbar-wrapper .swiper-scrollbar {
    cursor: pointer;
    background: transparent;
    height: 16px;
    opacity: 1 !important;
    left: 50%;
    transform: translateX(-50%);
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 1000;
    position: relative;
}

    .offers-v2 .swiper-container .scrollbar-wrapper .swiper-scrollbar:after {
        content: '';
        position: absolute;
        background: rgba(25, 15, 20, 0.3);
        height: 2px;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1001;
    }

@media (min-width: 764px) {
    .offers-v2 .swiper-container .scrollbar-wrapper .swiper-scrollbar {
        margin-top: 32px;
    }
}

.offers-v2 .swiper-container .scrollbar-wrapper .swiper-scrollbar .swiper-scrollbar-drag {
    position: relative;
    background: transparent;
    background: #190f14;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    height: 2px;
    z-index: 1002;
}

.offers-v2 .swiper-container .swiper-button-next,
.offers-v2 .swiper-container .swiper-button-prev {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("main/img/arrow-black.svg");
    background-size: 7px 13px;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    z-index: 1001;
    display: none;
    top: 60px;
    cursor: pointer;
}

@media (min-width: 1016px) {
    .offers-v2 .swiper-container .swiper-button-next,
    .offers-v2 .swiper-container .swiper-button-prev {
        top: 25%;
    }
}

@media (min-width: 1436px) {
    .offers-v2 .swiper-container .swiper-button-next,
    .offers-v2 .swiper-container .swiper-button-prev {
        top: 25%;
    }
}

.offers-v2 .swiper-container .swiper-button-next::after, .offers-v2 .swiper-container .swiper-button-next::before,
.offers-v2 .swiper-container .swiper-button-prev::after,
.offers-v2 .swiper-container .swiper-button-prev::before {
    display: none;
}

.offers-v2 .swiper-container .swiper-button-next:hover, .offers-v2 .swiper-container .swiper-button-next:active, .offers-v2 .swiper-container .swiper-button-next:focus,
.offers-v2 .swiper-container .swiper-button-prev:hover,
.offers-v2 .swiper-container .swiper-button-prev:active,
.offers-v2 .swiper-container .swiper-button-prev:focus {
    background-image: url("main/img/arrow-black-60.svg");
    background-size: 7px 13px;
    border: none;
    outline: none;
    box-shadow: none;
}

.offers-v2 .swiper-container .swiper-button-next span,
.offers-v2 .swiper-container .swiper-button-prev span {
    width: 8px;
    height: 13px;
}

.offers-v2 .swiper-container .swiper-button-prev {
    left: 32px;
    margin-left: 8px;
    transform: rotate(180deg);
}

.offers-v2 .swiper-container .swiper-button-next {
    right: 16px;
    margin-right: 8px;
}

.offers-v2 .swiper-container .swiper-wrapper {
    margin-left: -16px;
}

    .offers-v2 .swiper-container .swiper-wrapper .swiper-slide .cont-img {
        display: block;
        max-width: 100%;
        max-height: auto;
        position: relative;
        overflow: hidden;
        padding: 0;
        margin: 0;
        padding-top: calc(87 / 176 * 100%);
    }

        .offers-v2 .swiper-container .swiper-wrapper .swiper-slide .cont-img img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
        }

/* tablet */
@media (min-width: 763px) {
    .offers-v2 .container-fluid {
        padding-right: 32px;
        padding-left: 32px;
    }

    .offers-v2 .section-title {
        margin-top: 64px;
        margin-bottom: 32px;
    }

    .offers-v2 .section-buttons {
        margin: 72px 0 0;
        text-align: right;
    }

    .offers-v2 .offer-car {
        margin-right: 32px;
        margin-top: 20px;
    }

        .offers-v2 .offer-car .title {
            margin-top: 24px;
        }

        .offers-v2 .offer-car .price .text-bold {
            margin-top: 16px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .offers-v2 .section-title h2 {
        font-size: 30px;
        line-height: 32px;
        height: 64px;
        margin-bottom: 56px;
    }

    .offers-v2 .offer-car {
        margin-right: 0;
    }

        .offers-v2 .offer-car .title {
            font-size: 20px;
            line-height: 24px;
            margin-top: 32px;
        }

        .offers-v2 .offer-car .description {
            font-size: 16px;
            line-height: 24px;
        }

        .offers-v2 .offer-car .price .text-bold {
            font-size: 20px;
            line-height: 24px;
            margin-top: 20px;
        }

        .offers-v2 .offer-car .price .text-medium {
            font-size: 16px;
            line-height: 20px;
        }

        .offers-v2 .offer-car .link-btn {
            margin-top: 22px;
        }

            .offers-v2 .offer-car .link-btn .link-orange-v2 span {
                font-size: 16px;
                line-height: 20px;
            }

    .offers-v2 .btn-outline-black-v2 {
        font-size: 16px;
        line-height: 20px;
        height: 48px;
        padding: 13px 16px 15px;
    }

        .offers-v2 .btn-outline-black-v2:active,
        .offers-v2 .btn-outline-black-v2.active {
            background-color: transparent;
        }

        .offers-v2 .btn-outline-black-v2:hover,
        .offers-v2 .btn-outline-black-v2.hover {
            border: 2px solid #190f14;
            padding: 12px 16px 15px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .offers-v2 {
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
    }

        .offers-v2 .section-title {
            margin-top: 72px;
            margin-bottom: 64px;
        }

            .offers-v2 .section-title h2 {
                font-size: 48px;
                line-height: 52px;
                height: 104px;
            }
}
/* footer v2 */
/* 320 mobile */
.footer-v2 {
    background-color: #190f14;
    color: #ece9e1;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 16px;
}

    .footer-v2 a {
        color: #ece9e1;
    }

        .footer-v2 a:hover, .footer-v2 a.hover {
            color: #98928f;
            text-decoration: none;
        }

    .footer-v2 .col-2 {
        flex: 0 0 80px;
        max-width: 80px;
    }

    .footer-v2 .section-logo {
        margin-top: 40px;
        margin-right: 40px;
        margin-bottom: 58px;
    }

        .footer-v2 .section-logo img {
            width: 40px;
            height: auto;
        }

    .footer-v2 .section-dealer {
        margin-top: 40px;
        font-weight: normal;
    }

        .footer-v2 .section-dealer a {
            min-height: 24px;
            display: flex;
        }

            .footer-v2 .section-dealer a .text-icon {
                margin: 4px 0 4px 8px;
            }

            .footer-v2 .section-dealer a img {
                width: 24px;
                height: auto;
            }

            .footer-v2 .section-dealer a:hover img {
                opacity: 0.6;
            }

    .footer-v2 .section-title {
        padding-bottom: 16px;
    }

        .footer-v2 .section-title .collapse-btn {
            -webkit-appearance: none;
        }

        .footer-v2 .section-title p {
            padding-top: 16px;
            margin-bottom: 0;
            border-top: 1px solid #ece9e1;
            font-family: "SeatMedium",sans-serif;
            font-weight: 500;
        }

            .footer-v2 .section-title p a:hover {
                color: #ece9e1;
            }

        .footer-v2 .section-title .container-links {
            padding-top: 16px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .footer-v2 .section-title .container-links a {
                width: calc(50% - 8px);
                font-size: 12px;
                line-height: 16px;
                color: #98928f;
                margin-bottom: 8px;
            }

                .footer-v2 .section-title .container-links a:hover {
                    color: #ece9e1;
                }

                .footer-v2 .section-title .container-links a:nth-child(odd) {
                    margin-right: 8px;
                }

                .footer-v2 .section-title .container-links a:nth-child(even) {
                    margin-left: 8px;
                }

                .footer-v2 .section-title .container-links a:nth-last-child(1),
                .footer-v2 .section-title .container-links a:nth-last-child(2) {
                    margin-bottom: 0;
                }

        .footer-v2 .section-title .container-social {
            margin: 8px auto 16px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .footer-v2 .section-title .container-social a {
                margin-right: 24px;
            }

                .footer-v2 .section-title .container-social a:hover {
                    opacity: 0.6;
                }

                .footer-v2 .section-title .container-social a img {
                    width: 24px;
                    height: auto;
                }

                .footer-v2 .section-title .container-social a:last-child {
                    margin-right: 0;
                }

    .footer-v2 .section-links {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .footer-v2 .section-links a {
            width: calc(50% - 8px);
            font-size: 12px;
            line-height: 16px;
            color: #ece9e1;
            margin-bottom: 8px;
        }

            .footer-v2 .section-links a:hover {
                color: #98928f;
            }

            .footer-v2 .section-links a:nth-child(odd) {
                margin-right: 8px;
            }

            .footer-v2 .section-links a:nth-child(even) {
                margin-left: 8px;
            }

    .footer-v2 .section-copyr {
        font-family: "SeatRegular",sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: #98928f;
        margin-top: 12px;
        margin-bottom: 40px;
    }

    .footer-v2 .collapse-btn {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-top: 16px;
        margin-bottom: 0;
        border-top: 1px solid #ece9e1;
        font-family: "SeatMedium",sans-serif;
        font-weight: 500;
    }

        .footer-v2 .collapse-btn .collapse-icon {
            display: block;
            position: relative;
            width: 24px;
            height: 24px;
        }

            .footer-v2 .collapse-btn .collapse-icon span {
                position: absolute;
                top: 50%;
                left: 50%;
                display: block;
                width: 14px;
                height: 2px;
                background-color: #ece9e1;
            }

                .footer-v2 .collapse-btn .collapse-icon span.one {
                    transform: translate(-50%, -50%) rotate(0deg);
                    transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
                }

                .footer-v2 .collapse-btn .collapse-icon span.two {
                    transform: translate(-50%, -50%) rotate(0deg);
                    transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
                }

        .footer-v2 .collapse-btn.collapsed .collapse-icon span.one {
            transform: translate(-50%, -50%) rotate(180deg);
            transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
        }

        .footer-v2 .collapse-btn.collapsed .collapse-icon span.two {
            transform: translate(-50%, -50%) rotate(90deg);
            transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
        }

    .footer-v2 *, .footer-v2 a:focus {
        outline: none;
    }

    .footer-v2 .btn.focus, .footer-v2 .btn:focus {
        box-shadow: none;
        outline: none;
    }

/* tablet */
@media (min-width: 763px) {
    .footer-v2 .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
    }

    .footer-v2 .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .footer-v2 .collapse {
        display: block;
    }

    .footer-v2 .section-logo {
        margin-top: 56px;
        margin-right: 0;
        margin-bottom: 74px;
    }

    .footer-v2 .section-dealer {
        margin-top: 56px;
    }

    .footer-v2 .section-title {
        padding-bottom: 0;
    }

        .footer-v2 .section-title p {
            padding-top: 16px;
            margin-bottom: 16px;
        }

        .footer-v2 .section-title .container-links {
            padding-top: 0;
            display: flex;
            flex-direction: col;
            flex-wrap: no-wrap;
        }

            .footer-v2 .section-title .container-links a {
                width: 100%;
                margin-bottom: 8px;
            }

                .footer-v2 .section-title .container-links a:nth-child(odd) {
                    margin-right: 0;
                }

                .footer-v2 .section-title .container-links a:nth-child(even) {
                    margin-left: 0;
                }

                .footer-v2 .section-title .container-links a:nth-last-child(2) {
                    margin-bottom: 8px;
                }

                .footer-v2 .section-title .container-links a:nth-last-child(1) {
                    margin-bottom: 0;
                }

        .footer-v2 .section-title .container-social {
            margin: 24px 0 16px;
            display: flex;
            justify-content: flex-start;
        }

            .footer-v2 .section-title .container-social a {
                margin-right: 20px;
            }

    .footer-v2 .section-third-block {
        margin-top: 52px;
        padding-bottom: 56px;
    }

    .footer-v2 .section-links {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .footer-v2 .section-links a {
            width: auto;
            margin-right: 24px;
        }

            .footer-v2 .section-links a:nth-child(odd) {
                margin-right: 24px;
            }

            .footer-v2 .section-links a:nth-child(even) {
                margin-left: 0;
            }

    .footer-v2 .section-copyr {
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 100%;
    }
}
/* Desktop */
@media (min-width: 1016px) {
    .footer-v2 .section-title .container-links {
        flex-direction: row;
        flex-wrap: wrap;
    }

        .footer-v2 .section-title .container-links a {
            width: calc(50% - 16px);
        }

            .footer-v2 .section-title .container-links a:nth-child(odd) {
                margin-right: 16px;
            }

            .footer-v2 .section-title .container-links a:nth-child(even) {
                margin-left: 16px;
            }

            .footer-v2 .section-title .container-links a:nth-last-child(1),
            .footer-v2 .section-title .container-links a:nth-last-child(2) {
                margin-bottom: 0;
            }

    .footer-v2 .section-title .container-social a {
        margin-right: 24px;
    }

    .footer-v2 .section-third-block {
        margin-top: 56px;
        padding-bottom: 64px;
    }
}
/* XL */
@media (min-width: 1436px) {
    .footer-v2 .container-fluid {
        max-width: 1436px;
        padding-left: 16px;
        padding-right: 16px;
        margin: 0 auto;
    }

        .footer-v2 .container-fluid .row {
            margin: 0;
        }

    .footer-v2 .section-third-block {
        margin-top: 56px;
    }
}
/* conversion v2 */
/* 320 mobile */
.conversion-v2 {
    background-color: #190f14;
}

    .conversion-v2 a {
        color: #ece9e1;
        font-family: "SeatRegular",sans-serif;
        font-size: 14px;
        line-height: 16px;
        text-decoration: none;
    }

        .conversion-v2 a:hover {
            text-decoration: none;
        }

    .conversion-v2.fixed-bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1060;
    }

        .conversion-v2.fixed-bottom figure {
            background-color: #190f14;
            min-width: 64px;
            padding-top: 12px;
            padding-bottom: 12px;
            margin: 0;
        }

            .conversion-v2.fixed-bottom figure .image-icon {
                display: block;
                text-align: center;
            }

            .conversion-v2.fixed-bottom figure img, .conversion-v2.fixed-bottom figure svg {
                height: 24px;
                width: 24px;
            }

            .conversion-v2.fixed-bottom figure .figure-title {
                font-family: "SeatMedium",sans-serif;
                font-size: 12px;
                line-height: 16px;
                font-weight: 500;
                font-style: normal;
                margin-top: 4px;
                text-align: center;
                margin-bottom: 0;
            }

            .conversion-v2.fixed-bottom figure .figure-description {
                display: none;
            }

    .conversion-v2.footerExists {
        position: absolute;
        height: 71px;
    }

    .conversion-v2 .container-grid {
        display: flex;
        gap: 0;
        grid-auto-flow: column;
    }

    .conversion-v2 .col-md {
        padding-right: 8px;
        padding-left: 8px;
    }

    .conversion-v2 *, .conversion-v2 a:focus {
        outline: none;
    }

    .conversion-v2 .btn.focus, .conversion-v2 .btn:focus {
        box-shadow: none;
        outline: none;
    }

/* tablet */
@media (min-width: 763px) {
    .conversion-v2 {
        background-color: #f9f8f6;
    }

        .conversion-v2 .container-fluid {
            padding-left: 32px;
            padding-right: 32px;
        }

        .conversion-v2 .col-md {
            padding-right: 12px;
            padding-left: 12px;
        }

        .conversion-v2 figure {
            background-color: #f9f8f6;
            min-width: 157px;
            padding-top: 40px;
            padding-bottom: 40px;
            margin: 0;
        }

            .conversion-v2 figure .image-icon {
                display: block;
                text-align: center;
            }

            .conversion-v2 figure img, .conversion-v2 figure svg {
                height: 48px;
                width: 48px;
            }

                .conversion-v2 figure svg path {
                    fill: #2e2a2b;
                }

            .conversion-v2 figure .figure-title {
                color: #190f14;
                font-family: "SeatBold",sans-serif;
                font-size: 14px;
                line-height: 16px;
                font-weight: bold;
                font-style: normal;
                margin-top: 16px;
                text-align: center;
                margin-bottom: 0;
            }

            .conversion-v2 figure .figure-description {
                display: block;
                color: #747468;
                font-family: "SeatRegular",sans-serif;
                font-size: 14px;
                line-height: 20px;
                font-weight: normal;
                font-style: normal;
                text-align: center;
                margin-top: 12px;
                margin-bottom: 0;
            }

        .conversion-v2.fixed-bottom {
            background-color: #190f14;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1060;
        }

            .conversion-v2.fixed-bottom figure {
                background-color: #190f14;
                min-width: 157px;
                padding-top: 16px;
                padding-bottom: 16px;
                margin: 0;
            }

                .conversion-v2.fixed-bottom figure img, .conversion-v2.fixed-bottom figure svg {
                    height: 32px;
                    width: 32px;
                }

                    .conversion-v2.fixed-bottom figure svg path {
                        fill: #fff;
                    }

                .conversion-v2.fixed-bottom figure .figure-title {
                    color: #ece9e1;
                    font-family: "SeatMedium",sans-serif;
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: 500;
                    font-style: normal;
                    margin-top: 8px;
                    text-align: center;
                    margin-bottom: 0;
                }

                .conversion-v2.fixed-bottom figure .figure-description {
                    display: none;
                }

        .conversion-v2.footerExists {
            position: absolute;
            height: 91px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .conversion-v2 .col-md {
        padding-right: 16px;
        padding-left: 16px;
    }

    .conversion-v2 figure {
        min-width: 214px;
        padding-top: 48px;
        padding-bottom: 48px;
        margin: 0;
    }

        .conversion-v2 figure img, .conversion-v2 figure svg {
            height: 56px;
            width: 56px;
        }

        .conversion-v2 figure .figure-title {
            font-size: 16px;
            line-height: 20px;
        }

        .conversion-v2 figure .figure-description {
            font-size: 16px;
            line-height: 24px;
        }
}
/* XL */
@media (min-width: 1436px) {
    .conversion-v2 .container-fluid {
        max-width: 1436px;
        padding-left: 32px;
        padding-right: 32px;
        margin: 0 auto;
    }

    .conversion-v2 .col-md {
        padding-right: 24px;
        padding-left: 24px;
    }

    .conversion-v2 figure {
        min-width: 303px;
    }

    .conversion-v2.fixed-bottom .container-fluid {
        max-width: 1436px;
        padding-left: calc(32px + 16.66667%);
        padding-right: calc(32px + 16.66667%);
        margin: 0 auto;
    }

    .conversion-v2.fixed-bottom .col-md {
        padding-right: 16px;
        padding-left: 16px;
    }
}
/* main-navigation-v2 */
/* 320 mobile */
.main-navigation-v2 .black-bar {
    display: flex;
    align-items: center;
    background-color: #190f14;
    color: #ece9e1;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 16px;
    min-height: 32px;
}

    .main-navigation-v2 .black-bar a {
        color: #ece9e1;
    }

        .main-navigation-v2 .black-bar a:hover, .main-navigation-v2 .black-bar a.hover {
            color: #98928f;
            text-decoration: none;
        }

    .main-navigation-v2 .black-bar .dealer-name p, .main-navigation-v2 .black-bar .dealer-name a {
        font-family: "SeatBold",sans-serif;
        font-size: 12px;
        line-height: 16px;
        margin-top: 8px;
    }

        .main-navigation-v2 .black-bar .dealer-name p span, .main-navigation-v2 .black-bar .dealer-name a span {
            font-family: "SeatRegular",sans-serif;
            margin-left: 12px;
        }

.main-navigation-v2 .menu-bar {
    height: 56px;
}

    .main-navigation-v2 .menu-bar .logo {
        margin-top: 16px;
    }

        .main-navigation-v2 .menu-bar .logo img {
            width: 26px;
            height: 24px;
        }

    .main-navigation-v2 .menu-bar .menu-icon {
        cursor: pointer;
        margin-top: 16px;
    }

        .main-navigation-v2 .menu-bar .menu-icon img {
            width: 24px;
            height: 20px;
        }

.main-navigation-v2 .col {
    display: flex;
    justify-content: space-between;
}

.main-navigation-v2 .list-items {
    display: none;
}

    .main-navigation-v2 .list-items a:hover {
        text-decoration: none;
        color: #747468;
    }

        .main-navigation-v2 .list-items a:hover .title-item {
            color: #747468;
        }

    .main-navigation-v2 .list-items a .title-item {
        font-family: "SeatMedium",sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: #747468;
    }

    .main-navigation-v2 .list-items a .subtitle-item {
        display: none;
    }

.main-navigation-v2 #list-items-mobile {
    background-color: #fff;
    height: 100vh;
    width: 0;
    padding: 0;
    position: fixed;
    z-index: 1102;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .main-navigation-v2 #list-items-mobile.open {
        width: 302px;
    }

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile.open {
        width: 682px;
    }
}

.main-navigation-v2 #list-items-mobile .close-button {
    text-align: right;
    width: 302px;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .close-button {
        width: 682px;
    }
}

.main-navigation-v2 #list-items-mobile .close-button button {
    cursor: pointer;
    background: none;
    border: none;
    box-shadow: none;
    box-sizing: content-box;
    padding: 16px;
    margin-left: auto;
    margin-right: 0;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .close-button button {
        padding: 16px 32px 16px;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 16px;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion {
        padding: 0 72px;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion a.btn-link,
.main-navigation-v2 #list-items-mobile .list-accordion a.link,
.main-navigation-v2 #list-items-mobile .list-accordion a {
    width: 270px;
    display: inline-flex;
    padding: 16px 0;
    margin: 0;
    font-family: "SeatBold",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #190f14;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion a.btn-link,
    .main-navigation-v2 #list-items-mobile .list-accordion a.link,
    .main-navigation-v2 #list-items-mobile .list-accordion a {
        width: 538px;
        font-size: 24px;
        line-height: 28px;
        padding: 22px 0;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion a.btn-link:first-of-type,
.main-navigation-v2 #list-items-mobile .list-accordion a.link:first-of-type,
.main-navigation-v2 #list-items-mobile .list-accordion a:first-of-type {
    padding-top: 0px;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion a.btn-link:first-of-type,
    .main-navigation-v2 #list-items-mobile .list-accordion a.link:first-of-type,
    .main-navigation-v2 #list-items-mobile .list-accordion a:first-of-type {
        padding-top: 32px;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion .btn-link {
    display: inline-block;
    white-space: normal;
    text-align: left;
    justify-content: space-between;
}

    .main-navigation-v2 #list-items-mobile .list-accordion .btn-link img {
        width: 12px;
        transition: transform 0.5s cubic-bezier(0, 1, 0, 1);
    }

    .main-navigation-v2 #list-items-mobile .list-accordion .btn-link[aria-expanded='true'] img {
        transform: rotate(180deg);
        transition: transform 0.5s cubic-bezier(0, 1, 0, 1);
    }

.main-navigation-v2 #list-items-mobile .list-accordion .link {
    border: none;
    text-decoration: none;
    background: url("main/img/ico-next-gray.svg") no-repeat;
    background-position: center right;
    background-size: 12px auto;
}

.main-navigation-v2 #list-items-mobile .list-accordion .collapse,
.main-navigation-v2 #list-items-mobile .list-accordion .collapsing {
    padding-left: 16px;
}

    .main-navigation-v2 #list-items-mobile .list-accordion .collapse p,
    .main-navigation-v2 #list-items-mobile .list-accordion .collapsing p {
        font-family: "SeatMedium",sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: #747468;
        margin-bottom: 20px;
    }

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion .collapse p,
    .main-navigation-v2 #list-items-mobile .list-accordion .collapsing p {
        font-size: 20px;
        line-height: 24px;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion .collapse p:last-of-type,
.main-navigation-v2 #list-items-mobile .list-accordion .collapsing p:last-of-type {
    margin-bottom: 0;
}

.main-navigation-v2 #list-items-mobile .list-accordion .collapse a,
.main-navigation-v2 #list-items-mobile .list-accordion .collapsing a {
    padding: 10px 0;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion .collapse a,
    .main-navigation-v2 #list-items-mobile .list-accordion .collapsing a {
        padding: 16px 0;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion .collapse a:first-of-type,
.main-navigation-v2 #list-items-mobile .list-accordion .collapsing a:first-of-type {
    padding-top: 4px;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion .collapse a:first-of-type,
    .main-navigation-v2 #list-items-mobile .list-accordion .collapsing a:first-of-type {
        padding-top: 18px;
    }
}

.main-navigation-v2 #list-items-mobile .list-accordion .collapse a:last-of-type,
.main-navigation-v2 #list-items-mobile .list-accordion .collapsing a:last-of-type {
    padding-bottom: 16px;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .list-accordion .collapse a:last-of-type,
    .main-navigation-v2 #list-items-mobile .list-accordion .collapsing a:last-of-type {
        padding-bottom: 26px;
    }
}

.main-navigation-v2 #list-items-mobile .cta-container {
    width: 302px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-shrink: 1;
    margin-top: auto;
    margin-bottom: 0;
    padding-bottom: 16px;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .cta-container {
        width: 682px;
        padding-bottom: 72px;
    }
}

.main-navigation-v2 #list-items-mobile .cta-container a.cta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 33.33%;
    height: 44px;
    background: none;
    border: none;
    box-shadow: none;
    font-display: "SeatMedium",sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #ea5d1a;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .cta-container a.cta {
        font-size: 14px;
        line-height: 16px;
    }
}

.main-navigation-v2 #list-items-mobile .cta-container a.cta img {
    max-width: 32px;
    max-height: 32px;
    width: 100%;
    height: auto;
}

@media (min-width: 764px) {
    .main-navigation-v2 #list-items-mobile .cta-container a.cta img {
        margin-bottom: 4px;
    }
}

.main-navigation-v2 .main-nav-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 52;
    background: rgba(39, 42, 43, 0.8);
}

.main-navigation-v2 *, .main-navigation-v2 a:hover, .main-navigation-v2 a:focus {
    outline: none;
    text-decoration: none;
}

.main-navigation-v2 .btn.focus, .main-navigation-v2 .btn:focus, .main-navigation-v2 button:focus {
    box-shadow: none;
    outline: none;
}

/* tablet */
@media (min-width: 763px) {
    .main-navigation-v2 .container-fluid {
        padding-left: 32px;
        padding-right: 32px;
    }

    .main-navigation-v2 .menu-bar {
        height: 64px;
    }

        .main-navigation-v2 .menu-bar .logo {
            margin-top: 20px;
        }

        .main-navigation-v2 .menu-bar .menu-icon {
            margin-top: 22px;
        }
}
/* Desktop */
@media (min-width: 1016px) {
    .main-navigation-v2 {
        border-bottom: 1px solid #ece9e1;
    }

        .main-navigation-v2 .black-bar {
            font-size: 16px;
            line-height: 20px;
            min-height: 40px;
        }

            .main-navigation-v2 .black-bar .dealer-name p, .main-navigation-v2 .black-bar .dealer-name a {
                font-family: "SeatBold",sans-serif;
                font-size: 16px;
                line-height: 20px;
                margin-top: 10px;
            }

                .main-navigation-v2 .black-bar .dealer-name p span, .main-navigation-v2 .black-bar .dealer-name a span {
                    font-family: "SeatRegular",sans-serif;
                    margin-left: 12px;
                }

            .main-navigation-v2 .black-bar .dealer-ctas {
                display: flex;
                justify-content: flex-end;
                margin-top: 12px;
            }

                .main-navigation-v2 .black-bar .dealer-ctas a {
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 16px;
                    margin-right: 32px;
                }

                    .main-navigation-v2 .black-bar .dealer-ctas a:last-child {
                        margin-right: 0;
                    }

        .main-navigation-v2 .row {
            height: 100%;
        }

        .main-navigation-v2 .menu-bar {
            height: 64px;
        }

            .main-navigation-v2 .menu-bar .logo {
                margin-top: 16px;
            }

                .main-navigation-v2 .menu-bar .logo img {
                    width: 34px;
                    height: 32px;
                }

        .main-navigation-v2 .menu-items {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            margin-top: 0;
        }

            .main-navigation-v2 .menu-items a,
            .main-navigation-v2 .menu-items button.main-dropdown {
                cursor: pointer;
                background: none;
                border: none;
                position: relative;
                display: inline-flex;
                align-items: center;
                width: auto;
                height: 100%;
                font-family: "SeatMedium",sans-serif;
                font-size: 14px;
                line-height: 16px;
                color: #190f14;
                padding-left: 16px;
                padding-right: 16px;
            }

                .main-navigation-v2 .menu-items a:focus, .main-navigation-v2 .menu-items a:active,
                .main-navigation-v2 .menu-items button.main-dropdown:focus,
                .main-navigation-v2 .menu-items button.main-dropdown:active {
                    outline: none;
                    border: none;
                    box-shadow: none;
                }

                .main-navigation-v2 .menu-items a:after,
                .main-navigation-v2 .menu-items button.main-dropdown:after {
                    position: absolute;
                    left: 50%;
                    bottom: 0;
                    content: '';
                    height: 2px;
                    width: 2%;
                    background-color: #190f14;
                    transition: all .5s;
                    opacity: 0;
                }

                .main-navigation-v2 .menu-items a:hover, .main-navigation-v2 .menu-items a.selected,
                .main-navigation-v2 .menu-items button.main-dropdown:hover,
                .main-navigation-v2 .menu-items button.main-dropdown.selected {
                    text-decoration: none;
                }

                    .main-navigation-v2 .menu-items a:hover:after, .main-navigation-v2 .menu-items a.selected:after,
                    .main-navigation-v2 .menu-items button.main-dropdown:hover:after,
                    .main-navigation-v2 .menu-items button.main-dropdown.selected:after {
                        left: 0;
                        opacity: 1;
                        width: 100%;
                    }

                .main-navigation-v2 .menu-items a[aria-expanded="true"]:after,
                .main-navigation-v2 .menu-items button.main-dropdown[aria-expanded="true"]:after {
                    display: block;
                }

        .main-navigation-v2 .list-items {
            border-top: 1px solid #ece9e1;
            overflow: hidden;
            position: absolute;
            background: white;
            min-width: 100%;
            z-index: 1000;
        }

            .main-navigation-v2 .list-items > .row {
                max-width: 1436px;
                margin: auto;
                overflow: hidden;
                opacity: 0;
                max-height: 0;
            }

            .main-navigation-v2 .list-items.rowOne {
                height: 152px;
                max-height: 152px;
            }

                .main-navigation-v2 .list-items.rowOne > .row {
                    opacity: 1;
                    max-height: 152px;
                }

            .main-navigation-v2 .list-items.rowTwo {
                height: 256px;
                max-height: 256px;
            }

                .main-navigation-v2 .list-items.rowTwo > .row {
                    opacity: 1;
                    max-height: 256px;
                }

            .main-navigation-v2 .list-items.rowThree {
                height: 360px;
                max-height: 360px;
            }

                .main-navigation-v2 .list-items.rowThree > .row {
                    opacity: 1;
                    max-height: 360px;
                }

            .main-navigation-v2 .list-items .row {
                padding: 48px 32px 0;
            }

                .main-navigation-v2 .list-items .row a:hover {
                    text-decoration: none;
                    color: #747468;
                }

                    .main-navigation-v2 .list-items .row a:hover .title-item {
                        color: #747468;
                    }

                .main-navigation-v2 .list-items .row a .title-item {
                    font-family: "SeatMedium",sans-serif;
                    font-size: 16px;
                    line-height: 20px;
                    color: #190f14;
                }

                .main-navigation-v2 .list-items .row a .subtitle-item {
                    display: block;
                    font-family: "SeatRegular",sans-serif;
                    font-size: 14px;
                    line-height: 20px;
                    color: #747468;
                    margin-top: 12px;
                    margin-bottom: 32px;
                    max-height: 40px;
                    overflow: hidden;
                }

        .main-navigation-v2 .list-items-mobile {
            display: none;
        }
}
/* XL */
@media (min-width: 1436px) {
    .main-navigation-v2 .container-fluid {
        max-width: 1436px;
        padding-left: 32px;
        padding-right: 32px;
        margin: 0 auto;
    }

        .main-navigation-v2 .container-fluid.menu-bar {
            padding-left: 24px;
            padding-right: 24px;
        }

        .main-navigation-v2 .container-fluid.list-items {
            padding: 0;
        }
}

.range-component {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 40px;
    overflow: hidden;
}

@media (min-width: 764px) {
    .range-component {
        padding: 0 0 40px;
    }
}

@media (min-width: 1016px) {
    .range-component {
        padding: 0 0 40px;
    }

        .range-component:hover .range-carousel-wrapper .range-carousel .swiper-button-next-range,
        .range-component:hover .range-carousel-wrapper .range-carousel .swiper-button-prev-range {
            display: block;
        }
}

@media (min-width: 1016px) {
    .range-component {
        padding: 0 0 48px;
    }
}

.range-component > .container-fluid {
    background: linear-gradient(to bottom, #ffffff 0%, #f9f8f6 100%);
    padding-top: 40px;
}

@media (min-width: 764px) {
    .range-component > .container-fluid {
        padding-top: 72px;
    }
}

.range-component > .container-fluid .section-title {
    width: 100%;
    margin-bottom: 12px;
}

@media (min-width: 764px) {
    .range-component > .container-fluid .section-title {
        margin: 0 16px;
        margin-bottom: 16px;
    }
}

@media (min-width: 1016px) {
    .range-component > .container-fluid .section-title {
        width: 706px;
        height: 44px;
    }
}

@media (min-width: 1436px) {
    .range-component > .container-fluid .section-title {
        width: 904px;
        height: 52px;
    }
}

.range-component > .container-fluid .section-title h2 {
    font-family: "SeatBlack",sans-serif;
    font-size: 30px;
    line-height: 32px;
    color: #190f14;
}

@media (min-width: 1016px) {
    .range-component > .container-fluid .section-title h2 {
        font-size: 40px;
        line-height: 44px;
    }
}

@media (min-width: 1436px) {
    .range-component > .container-fluid .section-title h2 {
        font-size: 48px;
        line-height: 52px;
    }
}

.range-component > .container-fluid .section-subtitle {
    margin-bottom: 36px;
}

@media (min-width: 764px) {
    .range-component > .container-fluid .section-subtitle {
        margin: 0 16px;
        margin-bottom: 60px;
    }
}

@media (min-width: 1016px) {
    .range-component > .container-fluid .section-subtitle {
        width: 706px;
        height: 24px;
        margin: 0 16px;
        margin-bottom: 42px;
    }
}

@media (min-width: 1436px) {
    .range-component > .container-fluid .section-subtitle {
        width: 904px;
        height: 24px;
    }
}

.range-component > .container-fluid .section-subtitle h3 {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #747468;
}

@media (min-width: 1016px) {
    .range-component > .container-fluid .section-subtitle h3 {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 1436px) {
    .range-component > .container-fluid .section-subtitle h3 {
        font-size: 20px;
        line-height: 24px;
    }
}

.range-component .range-carousel-wrapper {
    width: 100%;
    background: linear-gradient(to bottom, #f9f8f6 0%, #f9f8f6 50%, #ffffff 51%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

    .range-component .range-carousel-wrapper .range-carousel {
        overflow: visible;
        position: relative;
        max-width: 75%;
        margin: auto;
    }

@media (min-width: 764px) {
    .range-component .range-carousel-wrapper .range-carousel {
        max-width: 55%;
    }
}

@media (min-width: 1016px) {
    .range-component .range-carousel-wrapper .range-carousel {
        max-width: 100%;
    }
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (min-width: 1016px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper {
        padding: 44px 0;
    }
}

@media (min-width: 1436px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper {
        padding: 72px 0;
    }
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide {
    transition: transform .3s ease-in-out;
    overflow: hidden;
    /*                     -webkit-transform: scale(0.8);
                      -moz-transform: scale(0.8);
                      transform: scale(0.8);
                      @media(min-width:764px){
                          -webkit-transform: scale(0.7);
                          -moz-transform: scale(0.7);
                          transform: scale(0.7);
                      }
                      @media(min-width:1016px){
                          -webkit-transform: scale(1.1);
                          -moz-transform: scale(1.1);
                          transform: scale(1.1);
                      } */
}

@media (min-width: 1436px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide {
        transform: none;
    }
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide .cont-img {
    display: block;
    max-width: 100%;
    max-height: auto;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    padding-top: calc(119 / 240 * 100%);
}

@media (min-width: 1016px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide .cont-img {
        padding-top: calc(277 / 560 * 100%);
        max-width: 560px;
        max-height: 277px;
    }
}

@media (min-width: 1436px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide .cont-img {
        padding-top: calc(416 / 840 * 100%);
        max-width: 840px;
    }
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide .cont-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-prev {
    -webkit-transform: scale(0.8) translateX(12.5%);
    -moz-transform: scale(0.8) translateX(12.5%);
    transform: scale(0.8) translateX(12.5%);
}

@media (min-width: 764px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(0.7) translateX(22.5%);
        -moz-transform: scale(0.7) translateX(22.5%);
        transform: scale(0.7) translateX(22.5%);
    }
}

@media (min-width: 1016px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(1.1) translateX(-25%);
        -moz-transform: scale(1.1) translateX(-25%);
        transform: scale(1.1) translateX(-25%);
    }
}

@media (min-width: 1436px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-prev {
        -webkit-transform: scale(1) translateX(-30%);
        -moz-transform: scale(1) translateX(-30%);
        transform: scale(1) translateX(-30%);
    }
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-next {
    -webkit-transform: scale(0.8) translateX(-12.5%);
    -moz-transform: scale(0.8) translateX(-12.5%);
    transform: scale(0.8) translateX(-12.5%);
}

@media (min-width: 764px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-next {
        -webkit-transform: scale(0.7) translateX(-22.5%);
        -moz-transform: scale(0.7) translateX(-22.5%);
        transform: scale(0.7) translateX(-22.5%);
    }
}

@media (min-width: 1016px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-next {
        -webkit-transform: scale(1.1) translateX(25%);
        -moz-transform: scale(1.1) translateX(25%);
        transform: scale(1.1) translateX(25%);
    }
}

@media (min-width: 1436px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-next {
        -webkit-transform: scale(1) translateX(30%);
        -moz-transform: scale(1) translateX(30%);
        transform: scale(1) translateX(30%);
    }
}

.range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

@media (min-width: 764px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-active {
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        transform: scale(1.01);
    }
}

@media (min-width: 1016px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-active {
        -webkit-transform: scale(1.7);
        -moz-transform: scale(1.7);
        transform: scale(1.7);
    }
}

@media (min-width: 1436px) {
    .range-component .range-carousel-wrapper .range-carousel .swiper-wrapper .swiper-slide.swiper-slide-active {
        -webkit-transform: scale(1.79);
        -moz-transform: scale(1.79);
        transform: scale(1.79);
    }
}

.range-component .swiper-scrollbar-range {
    display: block;
    opacity: 1;
    width: calc(100% - 32px);
}

@media (min-width: 764px) {
    .range-component .swiper-scrollbar-range {
        display: none;
    }
}

.range-component .swiper-button-next-range,
.range-component .swiper-button-prev-range {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("main/img/arrow-black.svg");
    background-size: 7px 13px;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    z-index: 2;
    display: none;
    cursor: pointer;
}

    .range-component .swiper-button-next-range::after, .range-component .swiper-button-next-range::before,
    .range-component .swiper-button-prev-range::after,
    .range-component .swiper-button-prev-range::before {
        display: none;
    }

    .range-component .swiper-button-next-range:hover, .range-component .swiper-button-next-range:active, .range-component .swiper-button-next-range:focus,
    .range-component .swiper-button-prev-range:hover,
    .range-component .swiper-button-prev-range:active,
    .range-component .swiper-button-prev-range:focus {
        background-image: url("main/img/arrow-black-60.svg");
        background-size: 7px 14px;
        border: none;
        outline: none;
        box-shadow: none;
    }

    .range-component .swiper-button-next-range span,
    .range-component .swiper-button-prev-range span {
        width: 8px;
        height: 13px;
    }

.range-component .swiper-button-prev-range {
    left: 32px;
    margin-left: 8px;
    transform: rotate(180deg);
}

.range-component .swiper-button-next-range {
    right: 16px;
    margin-right: 8px;
}

.range-component .swiper-scrollbar-range {
    cursor: pointer;
    background: transparent;
    height: 16px;
    opacity: 1 !important;
    left: 50%;
    transform: translateX(-50%);
    flex: 0 0 100%;
    max-width: 100%;
    z-index: 1000;
    position: relative;
}

    .range-component .swiper-scrollbar-range:after {
        content: '';
        position: absolute;
        background: rgba(25, 15, 20, 0.3);
        height: 2px;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1001;
    }

    .range-component .swiper-scrollbar-range .swiper-scrollbar-drag {
        position: relative;
        background: transparent;
        background: #190f14;
        top: calc(50% - 1px);
        transform: translateY(-50%);
        height: 2px;
        z-index: 1002;
    }

.range-component .range-data {
    padding: 16px;
}

@media (min-width: 764px) {
    .range-component .range-data {
        padding: 32px;
    }
}

.range-component .range-data .car-highlight {
    display: none;
}

    .range-component .range-data .car-highlight:first-child {
        display: block;
    }

.range-component .range-data .title-container {
    width: 100%;
}

@media (min-width: 1016px) {
    .range-component .range-data .title-container {
        width: 460px;
        height: 32px;
        margin-bottom: 32px;
    }
}

@media (min-width: 1436px) {
    .range-component .range-data .title-container {
        width: 553px;
        height: 44px;
        margin-bottom: 32px;
    }
}

.range-component .range-data .title-container .title {
    font-family: "SeatBold",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #190f14;
    margin-bottom: 12px;
}

@media (min-width: 764px) {
    .range-component .range-data .title-container .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 24px;
        line-height: 28px;
    }
}

@media (min-width: 1016px) {
    .range-component .range-data .title-container .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 0;
    }
}

@media (min-width: 1436px) {
    .range-component .range-data .title-container .title {
        font-family: "SeatBlack",sans-serif;
        font-size: 40px;
        line-height: 44px;
    }
}

.range-component .range-data .copy {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1016px) {
    .range-component .range-data .copy {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .range-component .range-data .copy .subtitle-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .range-component .range-data .copy .subtitle-container .subtitle {
            width: 100%;
        }

        .range-component .range-data .copy .subtitle-container > p {
            margin: 0 16px 0 0;
        }
}

.range-component .range-data .copy .subtitle-container .subtitle {
    display: inline-block;
    font-family: "SeatMedium",sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #747468;
    margin-bottom: 12px;
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .subtitle-container .subtitle {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
}

.range-component .range-data .copy .subtitle-container p {
    font-family: "SeatRegular",sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #747468;
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .subtitle-container p {
        font-size: 14px;
        line-height: 20px;
    }
}

.range-component .range-data .copy .subtitle-container .tag-container {
    display: flex;
    justify-content: flex-start;
}

    .range-component .range-data .copy .subtitle-container .tag-container .tag {
        border-radius: 2px;
        padding: 4px 8px;
        font-family: "SeatMedium",sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: #190f14;
        margin-right: 12px;
    }

        .range-component .range-data .copy .subtitle-container .tag-container .tag:last-child {
            margin-right: 0;
        }

.range-component .range-data .copy .highlights-container {
    width: 100%;
    border-top: 1px solid #7f7f72;
    margin-top: 32px;
    margin-bottom: 16px;
}

@media (min-width: 764px) {
    .range-component .range-data .copy .highlights-container {
        border-top: 0px;
        margin-top: 0px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .highlights-container {
        width: 50%;
        margin-bottom: 0;
    }
}

@media (min-width: 764px) and (max-width: 1015px) {
    .range-component .range-data .copy .highlights-container .highlights {
        padding-top: 24px;
    }
}

.range-component .range-data .copy .highlights-container .highlights ul {
    padding-left: 16px;
    padding: 0px;
    margin: 0 8px;
    column-count: 1;
}

@media (min-width: 764px) {
    .range-component .range-data .copy .highlights-container .highlights ul {
        column-count: 2;
        column-gap: 32px;
    }
}

.range-component .range-data .copy .highlights-container .highlights ul li {
    position: relative;
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #747468;
    padding-left: 20px;
    margin-bottom: 8px;
    list-style: none;
}

    .range-component .range-data .copy .highlights-container .highlights ul li:before {
        position: absolute;
        left: 0;
        content: '•';
        font-size: 24px;
        line-height: 20px;
    }

@media (min-width: 1016px) {
    .range-component .range-data .copy .highlights-container .highlights ul li {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
    }
}

.range-component .range-data .copy .price-container {
    display: flex;
    flex-direction: column;
}

    .range-component .range-data .copy .price-container .from {
        font-family: "SeatBold",sans-serif;
        font-size: 14px;
        line-height: 16px;
        color: #190f14;
    }

@media (min-width: 1016px) {
    .range-component .range-data .copy .price-container .from {
        font-size: 16px;
        line-height: 20px;
    }
}

.range-component .range-data .copy .price-container .price {
    font-family: "SeatBold",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #190f14;
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .price-container .price {
        font-family: "SeatBlack",sans-serif;
        font-size: 24px;
        line-height: 28px;
    }
}

.range-component .range-data .copy .price-container p {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #747468;
    margin-bottom: 16px;
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .price-container p {
        font-size: 16px;
        line-height: 20px;
    }
}

.range-component .range-data .copy .price-container .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 2px;
    font-family: "SeatBold",sans-serif;
    font-size: 14px;
    line-height: 16px;
    background-color: #190f14;
    padding: 11px 16px 13px 16px;
    color: #ece9e1;
}

@media (min-width: 764px) {
    .range-component .range-data .copy .price-container .btn {
        width: 212px;
        height: 40px;
        padding: 11px 16px 13px 16px;
    }
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .price-container .btn {
        width: 100%;
        height: 48px;
        padding: 13px 16px 15px 16px;
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 1436px) {
    .range-component .range-data .copy .price-container .btn {
        width: 100%;
        height: 48px;
        padding: 13px 16px 15px 16px;
    }
}

.range-component .range-data .copy .price-container .btn:hover {
    background-color: rgba(25, 15, 20, 0.8);
    color: #ece9e1;
}

@media (min-width: 764px) {
    .range-component .range-data .copy .price-container {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
    }

        .range-component .range-data .copy .price-container .from {
            flex: 0 0 100%;
        }

        .range-component .range-data .copy .price-container .price {
            flex: 0 0 auto;
            padding-right: 12px;
        }

        .range-component .range-data .copy .price-container p {
            flex: 0 0 75%;
        }

        .range-component .range-data .copy .price-container .btn {
            flex: 0 0 auto;
        }
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .price-container {
        flex-direction: column;
        flex-wrap: nowrap;
    }

        .range-component .range-data .copy .price-container .from {
            flex: 0 0 auto;
        }

        .range-component .range-data .copy .price-container .price {
            flex: 0 0 auto;
            padding-right: 0;
        }

        .range-component .range-data .copy .price-container p {
            flex: 0 0 auto;
        }

        .range-component .range-data .copy .price-container .btn {
            flex: 0 0 auto;
        }
}

@media (min-width: 1016px) {
    .range-component .range-data .copy .subtitle-container,
    .range-component .range-data .copy .price-container {
        width: calc(25% - 24px);
    }
}

.range-component .collapse-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    font-family: "SeatBold",sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #190f14;
    -webkit-appearance: none;
    appearance: none;
}

@media (min-width: 764px) {
    .range-component .collapse-btn {
        display: none;
    }
}

.range-component .collapse-btn .collapse-icon {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
}

    .range-component .collapse-btn .collapse-icon span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 14px;
        height: 2px;
        background-color: #190f14;
    }

        .range-component .collapse-btn .collapse-icon span.one {
            transform: translate(-50%, -50%) rotate(0deg);
            transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
        }

        .range-component .collapse-btn .collapse-icon span.two {
            transform: translate(-50%, -50%) rotate(0deg);
            transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
        }

.range-component .collapse-btn[aria-expanded="false"] .collapse-icon span.one {
    transform: translate(-50%, -50%) rotate(180deg);
    transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
}

.range-component .collapse-btn[aria-expanded="false"] .collapse-icon span.two {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform 0.25s cubic-bezier(0, 1, 0, 1);
}
.twoCarCenter{
    justify-content: center;
}
@media(max-width:640px){
    .vehicleSelector .carRange {
        padding: 4% 10%;
    }
    
    .carCardPaddingFix{
        padding-top:25px;
    }
    .twoCarCardPaddingFix {
        width: 100% !important;
        margin: 16px 0 !important;
        box-shadow: 0 1px 3px 0 rgb(51 48 46 / 30%) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        background-color: #fff;
    }
    .twoCarRowPaddingFix{
        padding:4% 6% !important;
    }
    .twoCarMarginFix {
        margin-left: -5px;
        margin-right: -5px;
    }

    .threeCarCardPaddingFix {
        width: 100% !important;
        margin: 16px 0 !important;
        box-shadow: 0 1px 3px 0 rgb(51 48 46 / 30%) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        background-color: #fff;
    }

    .threeCarRowPaddingFix {
        padding: 4% 6% !important;
    }

    .threeCarMarginFix {
        margin-left: -5px;
        margin-right: -5px;
    }

    .carDetailButton {
        margin-top: -30px !important;
        margin-left:15px;
        width:90%!important;
    }
}
@media(min-width:641px){
    .carDetailWebButton {
        float: none !important;
        margin-top: -30px !important;
    }
    .carDetailButton {
        margin-top: -15px !important;
        margin-bottom: 30px !important;
        margin-left: 15px;
        width: 90% !important;
    }
    
}
@media(max-width:1024px){
    .textPaddingFix {
        padding: 0 6%;
    }
    .overflowPriceList {
        overflow-x: hidden
    }
}
@media(min-width:1024px) {
    .carDetailWebButton {
        float: none !important;
        margin-top: -30px !important;
        position: absolute;
        bottom: 0;
        width: 93% !important;
    }
    .brochure-card-3car-height {
        padding-bottom: 50px;
    }
        
    .brochure-card-2car-height {
        padding-bottom:50px;
    }
        .brochure-card-2car-height .carDetailWebButton {
            bottom: -10px;
        }
    #brochurecardtext_947 {
        height: 120px;
    }
}
@media(min-width:900px) and (max-width:1024px){
    .brochure-card-2car-height .carDetailWebButton {
        width: 90% !important;
    }
    .brochure-card-3car-height .carDetailWebButton {
        width: 90% !important;
    }
}
@media(min-width:650px) and (max-width:850px) {
    .brochure-card-2car-height .carDetailWebButton {
        width: 91% !important;
    }
    .brochure-card-3car-height {
        height: 975px;
    }
    .car3ipadPadding{
        padding-bottom:25px !important;
    }
    .brochure-card-3car-height .carDetailIpad {
        position: absolute;
        bottom: 0px;
        width: 83% !important;
    }
    #brochurecardtext_947 {
        height: 115px;
    }
}
@media(min-width:641px) and (max-width:1024px){
    .threeCarMarginFix {
        margin-left: -5px;
        margin-right: -5px;
    }
    
}
.detailedPriceList {
    height: 48px;
    width: 200px;
    border-radius: 4px;
    background: #ea5d1a;
    font-size: 14px !important;
    border-color: unset !important;
    font-family: SeatBold,sans-serif;
    line-height: 32px;
    color: #fff;
}

.detailedPriceList:hover {
    background-color: #f08d5f;
    color: #fff;
}

.modelPriceList {
    font-size: 18px !important;
    text-align:center;
}