.heroHomepage.mobileOnly {
    display: none;
    aspect-ratio: 769 / 461;
}

.heroHomepage.desktopOnly {
    display: block;
    aspect-ratio: 1120 / 450;
    background: #eee;
}

@media only screen and (max-width: 63.999em) {
    .heroHomepage.mobileOnly {
        display: block;
    }

    .heroHomepage.desktopOnly {
        display: none;
    }
}

.maincontent {
    max-width: var(--page-width-text);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.table-wrapper {
    margin: 0 auto;
    margin: 2rem auto;
    border-bottom: 0
}

.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    border: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: #fff;
    margin-bottom: 0;
    border-radius: .5rem;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    box-shadow: var(--box-shadow);
}

.fl-table td,.fl-table th {
    text-align: center;
    padding: 8px;
    font-size: 14px;
    text-align: left
}

.fl-table td:first-of-type,.fl-table th {
    font-family: var(--special-font-family)
}

.fl-table td {
    border-right: 1px solid #f8f8f8
}

.fl-table td:first-of-type {
    font-weight: 700
}

.fl-table thead th,.fl-table tr:nth-child(even) {
    background: #f8f8f8
}

.fl-table tr:last-of-type td {
    border-bottom: 0
}

@media(max-width: 767px) {
    .table-wrapper {
        margin: 0;
        overflow: hidden;
        max-width: 100%;
        border-bottom: 0;
    }

    .offers2018 .maincontent>p {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .fl-table {
        display: block;
        width: 100%;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%)
    }

    .fl-table tbody,.fl-table thead,.fl-table thead th {
        display: block
    }

    .fl-table thead th:last-child {
        border-bottom: 0
    }

    .fl-table thead {
        float: left
    }

    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto
    }

    .fl-table td,.fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px
    }

    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
        background: #555;
        color: #fff
    }

    .fl-table tbody tr {
        display: table-cell
    }

    .fl-table tbody tr:nth-child(odd) {
        background: 0
    }

    .fl-table tr:nth-child(even) {
        background: 0
    }

    .fl-table tr td:nth-child(odd) {
        background: #f8f8f8;
        border-right: 1px solid #e6e4e4
    }

    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #e6e4e4
    }

    .fl-table tbody td {
        display: block;
        text-align: center
    }

    .fl-table tbody td:last-of-type {
        border-bottom: 0
    }
}

.chartContainerTable {
    margin-left: -0.5rem
}
}

td.diA {
    text-align: center
}

td.diA:after {
    display: block;
    content: ' days';
    font-size: 10px;
    line-height: 5px
}

.chartContainerTable ul {
    list-style: disc outside;
    padding-left: 2rem;
    margin-top: 1rem
}

.chartContainerTable ul li {
    margin-bottom: .5rem
}

.chartContainerTable td.notReady,.hlRed {
    color: var(--red);
    opacity: .6;
}

.videoPlaceHolder {
    background-color: var(--light);
    margin-bottom: 70px;
    position: relative;
    aspect-ratio: 16 / 9;
    ;overflow: hidden;
    cursor: pointer;
    border-radius: 1rem;
    width: 100%;
    max-width: 790px;
    margin-inline:auto;}

.videoPlaceHolder iframe {
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

/* ========================================
   OFFERS-RELATED STYLES
   ======================================== */
/* Root Variables for Offers */
:root {
    --transmission: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4Ij48cGF0aCBkPSJtNDQ1IDBjLTM2Ljk0NTMxMiAwLTY3IDMwLjA1NDY4OC02NyA2NyAwIDI5Ljk4MDQ2OSAxOS43OTY4NzUgNTUuNDIxODc1IDQ3IDYzLjk0OTIxOXY2NS4wNTA3ODFjMCAyMi4wNTQ2ODgtMTcuOTQ1MzEyIDQwLTQwIDQwaC0xMDd2LTEyMGMwLS4zMzk4NDQtLjAzNTE1Ni0uNjY3OTY5LS4wNTA3ODEtMSAuMDE1NjI1LS4zMzIwMzEuMDUwNzgxLS42NjAxNTYuMDUwNzgxLTEgMC0xMS4wNDY4NzUtOC45NTMxMjUtMjAtMjAtMjAtMTQuODg2NzE5IDAtMjctMTIuMTEzMjgxLTI3LTI3czEyLjExMzI4MS0yNyAyNy0yNyAyNyAxMi4xMTMyODEgMjcgMjdjMCAxMS4wNDY4NzUgOC45NTMxMjUgMjAgMjAgMjBzMjAtOC45NTMxMjUgMjAtMjBjMC0zNi45NDUzMTItMzAuMDU0Njg4LTY3LTY3LTY3cy02NyAzMC4wNTQ2ODgtNjcgNjdjMCAyOS45ODA0NjkgMTkuNzk2ODc1IDU1LjQyMTg3NSA0NyA2My45NDkyMTl2MTA1LjA1MDc4MWgtMTUxdi0xMjBjMC0uMzM5ODQ0LS4wMzUxNTYtLjY2Nzk2OS0uMDUwNzgxLTEgLjAxNTYyNS0uMzMyMDMxLjA1MDc4MS0uNjYwMTU2LjA1MDc4MS0xIDAtMTEuMDQ2ODc1LTguOTUzMTI1LTIwLTIwLTIwLTE0Ljg4NjcxOSAwLTI3LTEyLjExMzI4MS0yNy0yN3MxMi4xMTMyODEtMjcgMjctMjcgMjcgMTIuMTEzMjgxIDI3IDI3YzAgMTEuMDQ2ODc1IDguOTUzMTI1IDIwIDIwIDIwczIwLTguOTUzMTI1IDIwLTIwYzAtMzYuOTQ1MzEyLTMwLjA1NDY4OC02Ny02Ny02N3MtNjcgMzAuMDU0Njg4LTY3IDY3YzAgMjkuOTgwNDY5IDE5Ljc5Njg3NSA1NS40MjE4NzUgNDcgNjMuOTQ5MjE5djI1MC4xMDE1NjJjLTI3LjIwMzEyNSA4LjUyNzM0NC00NyAzMy45Njg3NS00NyA2My45NDkyMTkgMCAzNi45NDUzMTIgMzAuMDU0Njg4IDY3IDY3IDY3IDExLjA0Njg3NSAwIDIwLTguOTUzMTI1IDIwLTIwcy04Ljk1MzEyNS0yMC0yMC0yMGMtMTQuODg2NzE5IDAtMjctMTIuMTEzMjgxLTI3LTI3IDAtMTMuNjUyMzQ0IDEwLjE4NzUtMjQuOTYwOTM4IDIzLjM1NTQ2OS0yNi43NDYwOTQgMS4xODM1OTMuMjE4NzUgMi4zOTg0MzcuMzQ3NjU2IDMuNjQ0NTMxLjM0NzY1NnMyLjQ2MDkzOC0uMTI4OTA2IDMuNjQ0NTMxLS4zNDc2NTZjMTMuMTY3OTY5IDEuNzg1MTU2IDIzLjM1NTQ2OSAxMy4wOTM3NSAyMy4zNTU0NjkgMjYuNzQ2MDk0IDAgMTEuMDQ2ODc1IDguOTUzMTI1IDIwIDIwIDIwczIwLTguOTUzMTI1IDIwLTIwYzAtMjkuOTgwNDY5LTE5Ljc5Njg3NS01NS40MjE4NzUtNDctNjMuOTQ5MjE5di0xMDUuMDUwNzgxaDE1MXYxMDUuMDUwNzgxYy0yNy4yMDMxMjUgOC41MjczNDQtNDcgMzMuOTY4NzUtNDcgNjMuOTQ5MjE5IDAgMzYuOTQ1MzEyIDMwLjA1NDY4OCA2NyA2NyA2NyAxMS4wNDY4NzUgMCAyMC04Ljk1MzEyNSAyMC0yMHMtOC45NTMxMjUtMjAtMjAtMjBjLTE0Ljg4NjcxOSAwLTI3LTEyLjExMzI4MS0yNy0yNyAwLTEzLjY1MjM0NCAxMC4xODc1LTI0Ljk2MDkzOCAyMy4zNTU0NjktMjYuNzQ2MDk0IDEuMTgzNTkzLjIxODc1IDIuMzk4NDM3LjM0NzY1NiAzLjY0NDUzMS4zNDc2NTZzMi40NjA5MzgtLjEyODkwNiAzLjY0NDUzMS0uMzQ3NjU2YzEzLjE2Nzk2OSAxLjc4NTE1NiAyMy4zNTU0NjkgMTMuMDkzNzUgMjMuMzU1NDY5IDI2Ljc0NjA5NCAwIDExLjA0Njg3NSA4Ljk1MzEyNSAyMCAyMCAyMHMyMC04Ljk1MzEyNSAyMC0yMGMwLTI5Ljk4MDQ2OS0xOS43OTY4NzUtNTUuNDIxODc1LTQ3LTYzLjk0OTIxOXYtMTA1LjA1MDc4MWgxMDdjNDQuMTEzMjgxIDAgODAtMzUuODg2NzE5IDgwLTgwdi04MmMwLTExLjA0Njg3NS04Ljk1MzEyNS0yMC0yMC0yMC0xNC44ODY3MTkgMC0yNy0xMi4xMTMyODEtMjctMjdzMTIuMTEzMjgxLTI3IDI3LTI3IDI3IDEyLjExMzI4MSAyNyAyN2MwIDExLjA0Njg3NSA4Ljk1MzEyNSAyMCAyMCAyMHMyMC04Ljk1MzEyNSAyMC0yMGMwLTM2Ljk0NTMxMi0zMC4wNTQ2ODgtNjctNjctNjd6bTAgMCIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPgo=');
    --door: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTguODIsMjA2LjYwN0wzMDUuMzk0LDEzLjE4QzI5Ni44OTUsNC42OCwyODUuNTk0LDAsMjczLjU3NCwwSDQ1QzIwLjE4NywwLDAsMjAuMTg3LDAsNDV2NDIyYzAsMjQuODEzLDIwLjE4Nyw0NSw0NSw0NSAgICBoMjQxYzUuNjgyLDAsMTAuODc1LTMuMjEsMTMuNDE3LTguMjkyQzMzMy42NSw0MzUuMjQsNDA0Ljk5LDM5MSw0ODEuMTY0LDM5MUg0OTdjOC4yODQsMCwxNS02LjcxNiwxNS0xNVYyMzguNDI3ICAgIEM1MTIsMjI2LjQwNyw1MDcuMzE5LDIxNS4xMDcsNDk4LjgyLDIwNi42MDd6IE00ODIsMzYxaC0wLjgzNmMtNDMuMDk4LDAtODUuNDcxLDEyLjE2NC0xMjIuNTM5LDM1LjE3NyAgICBjLTM0LjMwNiwyMS4yOTktNjIuMzksNTAuODQ0LTgxLjY4NSw4NS44MjNINDVjLTguMjcxLDAtMTUtNi43MjktMTUtMTVWNDVjMC04LjI3MSw2LjcyOS0xNSwxNS0xNWgyMjguNTc0ICAgIGM0LjAwNiwwLDcuNzczLDEuNTYsMTAuNjA2LDQuMzk0TDQ3Ny42MDYsMjI3LjgyYzIuODMzLDIuODMzLDQuMzk0LDYuNiw0LjM5NCwxMC42MDdWMzYxeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ0Ni42MzcsMjQwLjI4MkwyNzEuNzc4LDY0LjQyNEMyNjguOTYzLDYxLjU5MiwyNjUuMTM1LDYwLDI2MS4xNDIsNjBINzVjLTguMjg0LDAtMTUsNi43MTYtMTUsMTV2MTgxICAgIGMwLDguMjg0LDYuNzE2LDE1LDE1LDE1aDM2MWM4LjI4NCwwLDE1LTYuNzE2LDE1LTE1di01LjE0MkM0NTEsMjQ2Ljg5NSw0NDkuNDMxLDI0My4wOTIsNDQ2LjYzNywyNDAuMjgyeiBNOTAsMjQxVjkwaDE2NC45MDMgICAgbDE1MC4xNDEsMTUxSDkweiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE2NSwzMzFINzVjLTguMjg0LDAtMTUsNi43MTYtMTUsMTV2MTVjMCwzMy4wODQsMjYuOTE2LDYwLDYwLDYwczYwLTI2LjkxNiw2MC02MHYtMTVDMTgwLDMzNy43MTYsMTczLjI4NCwzMzEsMTY1LDMzMXogICAgIE0xMjAsMzkxYy0xNi41NDIsMC0zMC0xMy41NTgtMzAtMzAuMWg2MEMxNTAsMzc3LjQ0MiwxMzYuNTQyLDM5MSwxMjAsMzkxeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');
    --seat: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNTExLjk5OTgyIDUxMSIgd2lkdGg9IjUxMnB4Ij48cGF0aCBkPSJtNDg5LjcyNjU2MiAzNTAuODI0MjE5Yy0xNy43MTA5MzctMjEuMjQ2MDk0LTQzLjIxMDkzNy0zMy4zNDc2NTctNzAuMTQwNjI0LTMzLjM0NzY1Ny0uNDYwOTM4IDAtLjkyMTg3Ni4wMDM5MDctMS4zNzg5MDcuMDExNzE5LTY0LjY0ODQzNy45OTIxODgtMTQ1Ljk4NDM3NSA0LjY3MTg3NS0yMjEuNDgwNDY5IDIwLjc4NTE1Ny0uODA4NTkzLTguMjI2NTYzLTEuNTU0Njg3LTE2LjgwMDc4Mi0yLjMyMDMxMi0yNS42MzY3MTktNi40OTYwOTQtNzQuOTY0ODQ0LTE2LTE1Mi4yNDIxODgtNjAuMjg5MDYyLTI3Mi44MzIwMzEtMTEuNDAyMzQ0LTMxLjA0Mjk2OS00NS45MzM1OTQtNDcuMDI3MzQ0LTc2Ljk4MDQ2OS0zNS42MjUtMTAuODEyNSAzLjk2ODc1LTM2LjU2NjQwNyAxNS43OTY4NzQtMzkuNDY4NzUgMTcuMTMyODEybC0xNy42Njc5NjkgOC4xMzI4MTIgNy42NDQ1MzEgMTcuODg2NzE5Yy4xMDE1NjMuMjM4MjgxIDEwLjI4MTI1IDI0LjA3ODEyNSAxMy44NjMyODEgMzMuODMyMDMxIDM2LjIzNDM3NiA5OC42NTYyNSA0Ny4wNzgxMjYgMTc0LjYwMTU2MyA1My4zOTg0MzggMjQxLjk3MjY1NyAxLjI0MjE4OCAxMy4yNSAxLjY3MTg3NSAyNi45Njg3NSAyLjA4NTkzOCA0MC4yMzA0NjkgMS4xOTUzMTIgMzguMTc1NzgxIDIuNDMzNTkzIDc3LjY1MjM0MyAyMi44NDc2NTYgMTEyLjY0NDUzMSAxNS42NjAxNTYgMjYuODQ3NjU2IDQ3LjA3NDIxOCAzNi40MTQwNjIgNzEuMjUzOTA2IDM2LjQxNDA2MmgzMjIuNzMwNDY5bDE2LjM2NzE4Ny04Mi4zOTQ1MzFjNS41NzQyMTktMjguMDU0Njg4LTEuODgyODEyLTU2LjkyNTc4MS0yMC40NjQ4NDQtNzkuMjA3MDMxem0tMzU1LjM0NzY1NiAxMDUuMDM5MDYyYy0xNS4zMDQ2ODctMjYuMjM0Mzc1LTE2LjMyODEyNS01OS4wMjczNDMtMTcuNDE3OTY4LTkzLjc0NjA5My0uNDMzNTk0LTEzLjg3ODkwNy0uODgyODEzLTI4LjIyNjU2My0yLjI0MjE4OC00Mi43MTQ4NDQtNi4yNTc4MTItNjYuNzAzMTI1LTE3Ljc2NTYyNS0xNDguODA4NTk0LTU1LjY3MTg3NS0yNTIuMDI3MzQ0LTEuNjQwNjI1LTQuNDYwOTM4LTQuMzc1LTExLjIzMDQ2OS03LjA0Mjk2OS0xNy42ODM1OTQgNy4zNzEwOTQtMy4yNjE3MTggMTQuODc1LTYuNDkyMTg3IDE4LjkxNzk2OS03Ljk3NjU2MiAxMC4zNDM3NS0zLjc5Njg3NSAyMS44NTkzNzUgMS41MjczNDQgMjUuNjYwMTU2IDExLjg3NSA0Mi41ODk4NDQgMTE1Ljk2MDkzNyA1MS43MzA0NjkgMTkwLjMzNTkzNyA1Ny45ODgyODEgMjYyLjUgMS40Mzc1IDE2LjU5Mzc1IDIuODA0Njg4IDMyLjI4MTI1IDQuNzA3MDMyIDQ2Ljk5MjE4Ny4yNzczNDQgNy42NjAxNTcgMi4zMTI1IDYzLjE2Nzk2OSA0LjY2NDA2MiAxMDguOTAyMzQ0LTExLjE5NTMxMi0xLjM4MjgxMy0yMy43MTg3NS02LjEwNTQ2OS0yOS41NjI1LTE2LjEyMTA5NHptMzM2LjU5Mzc1LTMzLjYyODkwNi05Ljk3MjY1NiA1MC4yMDMxMjVoLTI1Ni45OTYwOTRjLTEuNzI2NTYyLTMzLjA5Mzc1LTMuMjk2ODc1LTcyLjEwMTU2Mi00LjE0NDUzMS05NC4xNjAxNTYgNzQuNTY2NDA2LTEyLjEyNSAxNTUuMTk1MzEzLTE5LjgyODEyNSAyMTguOTU3MDMxLTIwLjgwODU5NCAxNS4yODUxNTYtLjIyMjY1NiAyOS45NTcwMzIgNi42Nzk2ODggNDAuMTk5MjE5IDE4Ljk2MDkzOCAxMC44MDg1OTQgMTIuOTY0ODQzIDE1LjE2NDA2MyAyOS42NTYyNSAxMS45NTcwMzEgNDUuODA0Njg3em0tMjM1LjE3OTY4Ny0xOTUuMTM2NzE5IDM1LjIwMzEyNS01My41NzAzMTJjMTguNTcwMzEyIDEyLjQxNzk2OCAyMy42NDg0MzcgMzcuNjY3OTY4IDExLjMzOTg0NCA1Ni4zOTg0MzdsLTM1LjIwMzEyNiA1My41NzAzMTNjLTE4LjU3MDMxMi0xMi40MTc5NjktMjMuNjQ4NDM3LTM3LjY2Nzk2OS0xMS4zMzk4NDMtNTYuMzk4NDM4em05Ny45NzI2NTYgMCAzNS4xOTkyMTktNTMuNTcwMzEyYzE4LjU3NDIxOCAxMi40MTc5NjggMjMuNjQ4NDM3IDM3LjY2Nzk2OCAxMS4zMzk4NDQgNTYuMzk4NDM3bC0zNS4xOTkyMTkgNTMuNTcwMzEzYy0xOC41NzQyMTktMTIuNDE3OTY5LTIzLjY1MjM0NC0zNy42Njc5NjktMTEuMzM5ODQ0LTU2LjM5ODQzOHptOTUuOTY4NzUgMCAzNS4yMDMxMjUtNTMuNTcwMzEyYzE4LjU3MDMxMiAxMi40MTc5NjggMjMuNjQ4NDM4IDM3LjY2Nzk2OCAxMS4zMzU5MzggNTYuMzk4NDM3bC0zNS4xOTkyMTkgNTMuNTcwMzEzYy0xOC41NzQyMTktMTIuNDE3OTY5LTIzLjY0ODQzOC0zNy42Njc5NjktMTEuMzM5ODQ0LTU2LjM5ODQzOHptMCAwIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+Cg==');
    --clima: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlLz48ZyBpZD0ic29saWQiPjxwYXRoIGQ9Ik00NjIuNTYsMzI3LjQ4bC04LjI4LTMwLjkxLTY1LjU3LDE3LjU3TDMzNiwyODMuNzFWMjI4LjI5bDUyLjcxLTMwLjQzLDY1LjU3LDE3LjU3LDguMjgtMzAuOTEtMzQuNjYtOS4yOSwzNy4wMi0yMS4zNy0xNi0yNy43Mkw0MTEuOSwxNDcuNTJsOS4yOS0zNC42Ni0zMC45MS04LjI5LTE3LjU3LDY1LjU3TDMyMCwyMDAuNTdsLTQ4LTI3LjcxVjExMmw0OC00OEwyOTcuMzcsNDEuMzcsMjcyLDY2Ljc1VjI0SDI0MFY2Ni43NUwyMTQuNjMsNDEuMzcsMTkyLDY0bDQ4LDQ4djYwLjg2bC00OCwyNy43MS01Mi43MS0zMC40My0xNy41Ny02NS41Ny0zMC45MSw4LjI5LDkuMjksMzQuNjZMNjMuMDgsMTI2LjE0bC0xNiwyNy43Mkw4NC4xLDE3NS4yM2wtMzQuNjYsOS4yOSw4LjI4LDMwLjkxLDY1LjU3LTE3LjU3TDE3NiwyMjguMjl2NTUuNDJsLTUyLjcxLDMwLjQzTDU3LjcyLDI5Ni41N2wtOC4yOCwzMC45MSwzNC42Niw5LjI5TDQ3LjA4LDM1OC4xNGwxNiwyNy43MiwzNy4wMi0yMS4zOC05LjI5LDM0LjY2LDMwLjkxLDguMjksMTcuNTctNjUuNTdMMTkyLDMxMS40M2w0OCwyNy43MVY0MDBsLTQ4LDQ4LDIyLjYzLDIyLjYzTDI0MCw0NDUuMjVWNDg4aDMyVjQ0NS4yNWwyNS4zNywyNS4zOEwzMjAsNDQ4bC00OC00OFYzMzkuMTRsNDgtMjcuNzEsNTIuNzEsMzAuNDMsMTcuNTcsNjUuNTcsMzAuOTEtOC4yOS05LjI5LTM0LjY2LDM3LjAyLDIxLjM4LDE2LTI3LjcyTDQyNy45LDMzNi43N1pNMzA0LDI4My43MWwtMTYsOS4yNC0zMiwxOC40OC0zMi0xOC40OC0xNi05LjI0VjIyOC4yOWw0OC0yNy43Miw0OCwyNy43MloiIHN0eWxlPSJmaWxsOiMzYjNiM2IiLz48L2c+PC9zdmc+');
    --bags: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA3QAAAN0BcFOiBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFXSURBVFiF7ZexSgNBEIa//4hCBC1iEcFCIWBII+QxBHs7S0WrFOnFNr0SLa3yBj5AHkCQVPYWgShEQYsrxsIJXMBLNkTuUtzAsrD7M/83d3vLnMyMPCPK1X0VAEqhQkkHwBWwMUf6BVyb2UtQYjMLGkAHsMDRCc0b/ASAdZ8fgMcUzRFwmtDOjUUAJvFkZr2/NiTtOEBwTAFI2gXWUrRbPlck7adoKhPtDE1sZq9TvkAbGBH+jpcdI/eUgAvg1mGGwLdXWwE+gbeUSkJjG9gE3oEPoAxUfe8SYOBUrcSJb/laN/Q0z/h6ujPyDyKg4TQ3S1a6SEy8GhF+G5pZnJV7wivK/SouAAqAAqAAKABWAmAMIGkvK9OE17gE9IFjoCfpjt+GpOmCmqSTJf1qPjc9Vxk497U+QJ1s27FkW1aXmSGpCpwBh6Q3pf8VMfAM3JvZUMXPad4AP1zQAXSgtSUMAAAAAElFTkSuQmCC');
    --info-icon: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Ni4wMDAwMDAsIC0yOTYuMDAwMDAwKSI+PGcgaWQ9ImluZm8tb3V0bGluZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODYuMDAwMDAwLCAyOTYuMDAwMDAwKSI+PHBhdGggZD0iTTksMTUgTDExLDE1IEwxMSw5IEw5LDkgTDksMTUgTDksMTUgWiBNMTAsMCBDNC41LDAgMCw0LjUgMCwxMCBDMCwxNS41IDQuNSwyMCAxMCwyMCBDMTUuNSwyMCAyMCwxNS41IDIwLDEwIEMyMCw0LjUgMTUuNSwwIDEwLDAgTDEwLDAgWiBNMTAsMTggQzUuNiwxOCAyLDE0LjQgMiwxMCBDMiw1LjYgNS42LDIgMTAsMiBDMTQuNCwyIDE4LDUuNiAxOCwxMCBDMTgsMTQuNCAxNC40LDE4IDEwLDE4IEwxMCwxOCBaIE05LDcgTDExLDcgTDExLDUgTDksNSBMOSw3IEw5LDcgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+')
}

/* Chart Container Table */
.chartContainerTable td, .chartContainerTable th {
    border-color: #e1e1e1;
}

/* Offers 2018 Styles */
.offers2018 ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
}

.offers2018 ul>li {
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    position: relative;
    margin: 10px;
    display: none;
    box-shadow: 0 0 10px var(--light);
    flex: 1 1 calc(20% - 16px);
    max-width: 20%;
    @media only screen and (max-width: 1200px) {
        max-width: 33.333%;
        flex: 1 1 calc(33.333% - 16px); }
}

.leftOffer>span,.offers2018 ul>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    border-radius: .5rem;
}

.offers2018 ul>li:not(:nth-child(-n+9)) {
    display: none;
    @media only screen and (max-width: 768px) {
        display:flex;
        &.notavailable {
            display: none;
        }
    }
}

.offers2018 .maincontent, .reviews .maincontent {
    width: fit-content;
    max-width: fit-content;
}

.offers2018 .alert {
    font-weight: 500;
    text-align: left;
    padding: 2rem;
    background: var(--light-light);
    border-radius: 1rem;
    width: calc(100% - 30px);
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    padding-left: 60px;
    position: relative;
    margin-bottom: 3rem
}

.offers2018 .alert:before {
    position: absolute;
    content: ' ';
    top: calc(50% - 16px);
    left: 16px;
    background: transparent;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    background-image: var(--info-icon);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 1;
    filter: var(--color-to-accent-2);
}

.offers2018 .fa.fa-angle-right {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: var(--angle-bottom);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(-90deg);
    opacity: .3;
    margin: 0 10px;
}

.offers2018 .leftOffer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    order: 1;
}

.offers2018 .caritemimg {
    width: 100%;
    height: auto;
    order: -1;
}

.offers2018 ul>li .button {
    margin-bottom: .5rem;
    margin-top: 1rem;
    min-height: auto;
    height: auto;
    padding: 1rem 2rem;
    font-size: 12px;
    font-family: var(--special-font-family, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
    transition: none;
    background: var(--accent-2);
    border-color: var(--accent-2);
    order: 3;
    min-width: 100%;
}

.offers2018.offersLoaded ul>li .button {
    /* opacity: 1; */
}

.offers2018 ul>li .button i.fa0-check {
    filter: invert(1);
    background-size: 12px 12px
}

.offers2018 ul>li.groupOnRequest .button {
    background: #fff
}

.offers2018 ul>li.groupOnRequest .button.button-orange-ghost {
    background: var(--light);
    border-color: var(--light);
    color: var(--accent-2);
}

.offers2018 ul>li.groupOnRequest .button.button-orange-ghost:hover {
    filter: saturate(.7)
}

.offers2018 ul>li.notavailable {
    justify-content: center;
    span.off18price {
        display: none;
    }
}

.offers2018 ul>li.notavailable:before {
    position: absolute;
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 3;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 45px;
    font-weight: 700;
    opacity: .7
}

.offers2018 ul>li.notavailable:after {
    content: 'SOLD OUT';
    position: absolute;
    display: block;
    left: 50%;
    top: calc(50% - 28px);
    width: 100%;
    margin-left: -50%;
    z-index: 4;
    padding: 10px;
    color: var(--dark);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border-radius: 5px;
    transform: rotate(-10deg)
}

.offers2018 ul>li.notavailable .bookit {
    display: none
}

/* Offers 2025 Styles */
section.offers2025 {
    max-width: var(--page-width);
    padding-inline: 2rem; }

.offers2025 .subheader, .offers2025 .subheader * {
    font-family: unset;
    font-size: 16px;
}

.offers2025 .subheader {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 50%;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.offers2025 .fa0-map-marker {
    margin-right: .5rem;
    filter: none;
    margin-bottom: -3px;
}

.offers2025 .subheader span:before, .offers2025 .subheader span:after {
    display: inline-block;
    content: ' ';
    width: 2rem;
    height: 2px;
    background: #000;
    opacity: .2;
    margin-bottom: .5rem;
    margin-inline: 2rem; }

@media only screen and (min-width: 1025px) {
    body .offers2025 .alert {
        max-width: 50%;
        margin-left: auto;
        margin-right: 0;
        margin-top: -9rem;
        background: #efefefa6;
        box-shadow: none;
        font-size: 14px;
    }

    .offers2025 .alert br {
        display: none;
    }
}

body .offers2025 .button.bookit i {
    display: none;
}

body .offers2025 button {
    font-size: 14px!important;
}

body .offers2025 .showModeOffersBtn {
    --brand-1: var(--accent-2);
    color: var(--brand-1);
    background-color: #fff!important;
    font-size: 14px!important;
    opacity: 1!important;
}

body .offers2025 .showModeOffersBtn i {
    display: none;
}

body .offers2025 .showModeOffersBtn:is(:hover,:active,:focus) {
    --brand-1: var(--accent-2-dark);
    --brand-2: var(--accent-2-dark);
    color: var(--accent-2-dark);
    border-color: var(--accent-2-dark)!important;
}

body .offers2025 li {
    border: none;
    box-shadow: var(--box-shadow);
}

body .offers2025 li.showMore {
    box-shadow: none;
    background-color: transparent!important;
}

body .offers2025 .moreOffers {
    background-color: var(--accent-2);
    border: 0;
    margin-top: 2rem;
}

body .offers2025 .moreOffers:is(:hover,:active,:focus) {
    --accent-2: var(--accent-2-dark);
}

body .offers2025 .moreOffers i {
    display: none;
}

.offers2025 ul>li .button:is(:hover,:active,:focus) {
    --accent-2: var(--accent-2-dark);
    text-decoration: underline;
}

/* Offers List 18 */
body .offersList18 li.showMore {
    display: flex!important;
    justify-content: center;
    align-items: center;
    align-content: center;
    order: 5;
    flex-direction: column;
    border: none!important;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

body .offers2018 ul>li .button.showModeOffersBtn {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    opacity: .7;
    background: var(--brand-1);
    border-color: var(--brand-1);
    margin: 0;
    min-height: 100%;
}

body .offers2018 ul>li .button.showModeOffersBtn:hover {
    background: #ffece6!important;
    /* border-color: #ffece6!important; */
}

body .allOffersVisible.offers2018 ul>li:nth-child(-n+25) {
    display: flex;
}

body .allOffersVisible.offers2018 .showMore {
    display: none!important
}

/* Off18 Price and Group Styles */
body span.off18price {
    font-size: 22px;
    color: var(--accent-2);
    font-weight: 700;
    font-family: var(--special-font-family, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
    position: relative;
    display: flex;
    flex-direction: row;
    text-align: center;
    margin-left: auto;
    display: block;
    order: 1;
}

span.off18price>span {
    display: inline-block;
    min-width: 30px
}

span.off18price:hover {
    filter: brightness(1.5)
}

span.off18group:before {
    content: 'or similar ';
    display: inline;
}

span.off18group {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    line-height: 1em;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    display: block!important;
    order: -1;
}

.offers2018 span.off18model {
    order: -4;
    font-weight: bold;
    margin-bottom: 0rem;
    margin-top: 0rem;
    font-family: var(--special-font-family);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    @media only screen and (max-width: 768px) {
        font-size:18px;
        margin-bottom:1rem; }
}

.offers2018 span.off18features {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    margin: 2rem 0 1rem;
    gap: .5rem;
    span {
        padding: .25rem .5rem;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }

    .doorIcon:before, .fuelIcon:before {
        content: ''!important;
        height: 1.3em;
        display: inline-block;
        margin-top: -2px
    }

    .doorIcon:before {
        width: 1.1em;
        background: url(/images/door.svg) 50% 50% no-repeat;
        background-size: contain;
        opacity: .7
    }

    .fuelIcon:before {
        content: " ";
        width: 1.3em;
        background-image: url(/images/clip-petrol.png)!important;
        background-size: cover!important
    }

    .fa0 {
        opacity: .7;
    }

    .fa0.fa0-doors {
        background-image: var(--door)
    }

    .fa0.fa0-gearbox {
        background-image: var(--transmission)
    }

    .fa0.fa0-bags {
        background-image: var(--bags);
    }

    .fa0.fa0-people {
        background-image: var(--seat)
    }

    .fa0.fa0-clima {
        background-image: var(--clima);
        background-size: 20px 20px!important
    }

    .fa0.fa0-check {
        background-size: 14px 14px!important;
        margin-top: -3px;
        opacity: .5
    }

    &:after {
        content: 'Premium Insurance \a always Included!';
        font-size: 12px;
        line-height: 14px;
        min-width: 100%;
        text-align: center;
        white-space: pre;
        font-weight: 500;
        color: var(--accent-2-dark);
    }
}

.offers2018 [rel=J] span.off18features:after {
    visibility: hidden;
}

span.off18price .fa-spinner {
    display: inline-block;
    width: 100%;
    height: 17px;
    background-color: transparent;
    background-size: contain;
    background-position: 50% 50%!important;
    background-repeat: no-repeat;
    opacity: .5
}

span.off18price .fa-spinner {
    background-image: url(/images/load_btn.gif)
}

.off18price:before {
    position: relative;
    display: inline-block;
    content: ' ';
    top: -2px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    background-image: var(--info-icon);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 1;
    vertical-align: middle;
    filter: var(--color-to-accent-2);
}

span.off18price .fa-spinner:before {
    content: ' '
}

/* Car Item Image */
.caritemimg .imggroup2020 {
    text-align: center;
    font-family: var(--special-font-family, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);
    margin: 0 auto;
    aspect-ratio: 165 / 89;
    max-height: 200px;
    img {
        aspect-ratio: 165 / 109;
        width: 100%;
        height: auto;
        max-width: 300px;
    }

    picture {
        height: 0;
    }
}

/* Text Center */
.textCenter {
    text-align: center!important;
}

/* Offer Modal Styles */
.modal-window {
    position: fixed;
    background-color: rgba(0,0,0,.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    height: 100dvh;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    display: none
}

.modal-window>div {
    width: calc(100vw - 2rem);
    max-width: 400px;
    max-height: 90dvh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
    background: #fff;
    height: fit-content;
    overflow: hidden;
    overflow-y: auto;
    /* box-shadow: 0 0 20px 20px rgb(0 0 0 / 5%); */
    box-shadow: var(--box-shadow);
    border-radius: 1rem;
}

.modal-close {
    background: rgb(255 255 255 / 50%);
    color: #222;
    line-height: 48px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 48px;
    height: 48px;
    text-decoration: none;
    border-radius: 0;
    border-bottom-left-radius: 1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 0
}

.modal-close:after,.modal-close:before {
    content: ' ';
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    left: 0;
    background: var(--angle-bottom);
    background-size: 24px 24px;
    background-position: 50% 7px;
    background-repeat: no-repeat
}

.modal-close:after {
    background-position: 50% 10px;
    transform: rotate(180deg)
}

.modal-close:hover {
    background: var(--light)
}

.modal-opened .modal-window {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    display: block
}

#offer-modal .modal-window-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 4rem;
}

#offer-modal .modal-window-container img {
    background: url(/gallery/cars/2019/car-loading.png) 50% 50% no-repeat
}

#offer-modal .off18group {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 1.6rem;
    order: 0;
}

#offer-modal span.off18price {
    pointer-events: none;
    min-width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    font-size: 3rem
}

#offer-modal .off18price:before {
    display: none
}

#offer-modal .off18priceSum {
    display: block;
    font-size: 1.5rem;
    /* opacity: .7; */
    margin-top: -5px;
    margin-bottom: 1rem;
}

#offer-modal .subheader {
    font-size: 19px;
    padding: 1rem;
    margin: 1rem 0;
    background: var(--light-light);
    min-width: calc(100% + 4rem);
    border-radius: 0;
    font-family: var(--special-font-family);
}

#offer-modal .bookit {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 14px;
    min-width: 100%;
    background: var(--accent-2);
    border-color: var(--accent-2);
    font-family: var(--special-font-family);
    order: 999;
}
#offer-modal .bookit.button-orange-ghost {
    background: var(--light);
    border-color: var(--light);
    color: var(--accent-2);
}

#offer-modal .bookit:hover {
    background: var(--accent-2-dark);
    border-color: var(--accent-2-dark);
}

#offer-modal .subheader span {
    opacity: 0;
    line-height: 1rem
}

#offer-modal span.off18group:before {
    /* font-size: 13px; */
    /* font-weight: 600; */
    /* opacity: .8; */
}

#offer-modal .subheader {
    display: flex;
    justify-content: center;
}

#offer-modal .subheader span {
    opacity: 1;
    display: block;
    min-width: 100%;
    margin: 10px;
}

#offer-modal span.off18model {
    order: unset;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 1rem;
}

#offer-modal span.off18features {
    margin-top: 2rem;
    font-size: 14px;
    display: flex;
    justify-content: space-evenly;
    min-width: 100%;
    gap: 0;
    margin-bottom: 0;
    /* padding-bottom: 4rem; */
    /* position: relative; */
    
    
    
    
    
    
    
    
    
    

    &:after{
        display:block;
        position: absolute;
        white-space: normal;
        bottom: 2px;
        font-size: 14px;
        /* background: #eee; */
        padding: 1rem .5rem;
        border-radius: .5rem;
        color: var(--accent-2-dark);
    }
}

#offer-modal .bookit.offBtnOnRequest:before {
    content: 'On Request';
    font-size: 14px;
    line-height: 1.3rem
}

#offer-modal .bookit.offBtnOnRequest {
    font-size: 0;
    height: 0
}

/* Media Queries for Offers */
@media only screen and (min-width: 48em) {
    .offers2018 ul>li {
        /* flex:1 1 calc(50% - 20px); */ /* max-width: calc(50% - 20px); */ /* min-height: 32px */
    }

    span.off18price {
        font-size: 2rem
    }
}

@media only screen and (max-width: 600px) {
    .offersList18 {
        max-height: 450px;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: -15px;
        width: calc(100% + 40px)
    }

    .offers2018 ul.offersList18 {
        flex-direction: column;
        scroll-snap-type: x mandatory;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 45px;
        width: calc(100% + 25px);
    }

    .offers2018 ul.offersList18::-webkit-scrollbar {
        -webkit-appearance: none;
        display: none;
    }

    .offers2018 ul>li {
        display: flex!important;
        height: auto;
    }

    .offers2018 ul>li {
        border: none;
        scroll-snap-align: center
    }

    .offers2018 ul>li {
        display: flex;
        max-width: calc(100% - 50px);
        display: flex;
        flex-direction: column;
        border-color: transparent
    }
}

@media only screen and (max-width: 1024px) {
    .offers2025 .subheader {
        min-width: 100%;
        max-width: 100%;
    }

    .offers2025 .alert {
        min-width: 100%;
        max-width: 100%;
        margin-top: 1rem;
        order: 999;
    }
}

@media only screen and (max-width: 1024px) {
    main.main > section:not(.heroQuote, .offers) {
        padding-left: 2rem;
        padding-right: 2rem;
        button.trunc--btn {
            left: 1rem;
        }

        ul {
            list-style: inside;
            /* list-style:none; */
            li: :marker {
                content: '› ';
                display: inline-block;
                font-size: 22px;
                line-height: 1.6rem!important;
                font-weight: bold;
                color: var(--accent-2);
                vertical-align: text-bottom;
            }
        }
    }
}

/* Language-specific styles */
:lang(de) #offer-modal .bookit.offBtnOnRequest:before {
    content: 'Auf Anfrage'
}

/* ========================================
   CHART-RELATED STYLES
   ======================================== */
/* Charts Container */
.chartsContainer .h3 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

.chartsContainer .alert, .offers2018 .alert {
    font-weight: 500;
    text-align: left;
    padding: 2rem;
    background: #fff;
    border-radius: 1rem;
    width: 100%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    box-shadow: var(--box-shadow);
    padding-left: 60px;
    position: relative;
    margin-bottom: 3rem;
    border-radius: .5rem;
}

.chartsContainer .alert br {
    display: none;
}

.chartsContainer .alert:before,.offers2018 .alert:before {
    position: absolute;
    content: ' ';
    top: calc(50% - 16px);
    left: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    background-image: var(--info-icon);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    filter: var(--color-to-accent-2);
}

.chartsContainer .rightPart {
    margin-top: 5rem
}

.chartsContainer.whiteBG,.faqContainer.whiteBG,.carHireLocations.whiteBG,.offers2018.whiteBG,.reviews.whiteBG {
    --light: var(--light-light)
}

.chartsContainer {
    position: relative;
    @media only screen and (min-width: 1023px) {
        --brdr-distance:70px;
        &:before, &:after {
            position: absolute;
            content: ' ';
            width: 8px;
            height: 100px;
            left: calc( var(--brdr-distance) * -1);
            top: 300px;
            background: var(--accent-2-light);
            border-radius: 1rem;
        }

        &:after {
            left: unset;
            top: 600px;
            right: calc( var(--brdr-distance) * -1);
        }
    }
}

/* Chart Filters */
.Chart--filters {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    max-width: 100%;
    /* border-bottom: 1px solid var(--light-dark); */
    flex-direction: row;
    align-items: center;
    margin-bottom: 3rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    /* box-shadow: var(--box-shadow); */
    border-radius: .5rem;
    padding: 1rem 0;
}

.Chart--filter {
    font-size: 14px;
    cursor: pointer;
    line-height: 1.6rem;
    text-align: center;
    padding: 1rem 1.5rem;
    /* border-bottom: 5px solid transparent; */
    font-weight: 700;
    background: #fff;
    border-radius: .5rem;
    border: 2px solid var(--light);
    color: #666;
}

.Chart--filter.active {
    color: #fff;
    border-color: var(--accent-2);
    font-weight: 700;
    background: var(--accent-2);
}

.Chart--filter:not(.active):hover {
    /* --secondary: var(--accent-2); */
    /* --primary: var(--accent-2); */
    color: var(--accent-2);
    background: #fff;
    font-weight: bold;
    border-color: var(--accent-2);
}

@media only screen and (max-width: 767.8px) {
    .Chart--filters {
        align-items:stretch;
        height: 100%;
        flex-wrap: nowrap;
        flex-direction: row;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .Chart--filters::-webkit-scrollbar {
        display: none
    }

    .Chart--filter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1rem 1rem;
        align-content: space-between;
        min-width: 25%;
        font-size: 13px;
        line-height: 1.4rem
    }

    .Chart--filter>span {
        font-size: 80%;
        display: block
    }

    .chartsContainer .rightPart {
        margin-top: 1rem
    }
}

/* Charts */
.charts {
    margin-top: 3rem;
    margin-bottom: 3rem;
    max-width: 100%;
    box-shadow: var(--box-shadow);
    border-radius: .5rem;
    padding: 2rem 0;
    min-height: 440px;
}

.charts:not(.bb) {
    min-height: 320px;
    background: #eee;
    box-shadow: 0 0 0 3px #fff;
    border-radius: 5px
}

body.verticalCharts .charts {
    min-height: 740px;
}

/* Chart Labels and Text */
.chart-label,.sumItemsTitle {
    text-align: center;
    width: 100%
}

.chart-text {
    font: 16px/1.4em auto;
    fill: #333;
    -moz-transform: translateY(.25em);
    -ms-transform: translateY(.25em);
    -webkit-transform: translateY(.25em);
    transform: translateY(.25em)
}

.chart-number {
    font-size: .4em;
    font-weight: 500;
    line-height: 1;
    text-anchor: middle;
    -moz-transform: translateY(-.25em);
    -ms-transform: translateY(-.25em);
    -webkit-transform: translateY(-.25em);
    transform: translateY(-.25em)
}

.chart-label {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    text-anchor: middle;
    position: absolute;
    bottom: -35px;
    height: 35px;
    left: 0;
    z-index: 1
}

/* Chart Container Table */
.chartContainerTable ul {
    list-style: disc outside;
    padding-left: 0;
    margin-top: 1rem
}

.chartContainerTable ul li {
    margin-bottom: .5rem
}

.chartContainerTable td.notReady,.hlRed {
    color: var(--red);
    opacity: .6
}

.charts path.bb-shape.bb-bar {
    --stroke: var(--accent-2-light);
    --fill: #ffe7d6;
    stroke: var(--stroke)!important;
    fill: var(--fill)!important;
    stroke-width: 2px;
}

.charts text.bb-shape.bb-text {
    fill: #222!important;
    font-weight: bold;
}

/* Chart Results */
.chartAveragePricesResult.alert>small, .ChartPastResult.alert>small {
    display: block;
    margin-top: 1rem;
    text-align: right;
    background: var(--light);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 100%;
    font-weight: 400;
    width: fit-content;
}

.off18features span[title] {
    /* margin:20px 60px; */
    position: relative;
    /* display:inline-block; */
}

.off18features span[title]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0.7) transparent transparent transparent;
    z-index: 99;
    opacity: 0;
}

.off18features span[title]::after {
    content: attr(title);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    min-width: 80px;
    border-radius: 5px;
    pointer-events: none;
    padding: 6px 10px;
    z-index: 99;
    opacity: 0;
}

.off18features span[title]:hover::after, .off18features span[title]:hover::before {
    opacity: 1
}