@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(//fonts.googleapis.com/css?family=Playfair+Display);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);
@import url(//fonts.googleapis.com/earlyaccess/notonaskharabic.css);

@font-face {
    font-family: "BrownStd-Regular";
    src: url("/fonts/BrownStd-Regular.woff") format("woff");
}

@font-face {
    font-family: "BrownStd-Light";
    src: url("/fonts/BrownStd-Light.woff") format("woff");
}

@font-face {
    font-family: "BrownStd-Bold";
    src: url("/fonts/BrownStd-Bold.woff") format("woff");
}

@font-face {
    font-family: "SangbleuKindgdom-Light";
    src: url("/fonts/sangbleukingdom-light-webfont.woff") format("woff");
}

@font-face {
    font-family: "SangbleuKindgdom-Light-Italic";
    src: url("/fonts/sangbleukingdom-lightitalic-webfont.woff") format("woff");
}

@font-face {
    font-family: "Aime-Regular";
    src: url('/fonts/Aime-Regular.woff2') format('woff2');
}

@font-face {
    font-family: "Aime-Thin";
    src: url('/fonts/Aime-Thin.woff2') format('woff2');
}

body, html {
    width: 100%
}

.no-bootstrap a {
    all: unset;
    cursor: pointer;
}

    .no-bootstrap a:hover {
        color: black;
    }

.layout-reversed * body, .layout-reversed * html {
    letter-spacing: 0 !important
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, footer, header, main, nav, section {
    display: block
}

video {
    display: inline-block;
    vertical-align: baseline
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

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

img {
    border: 0
}

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

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

button, input, select, textarea {
    color: inherit;
    font: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

input {
    line-height: normal;
    background-color: inherit;
}

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

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

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
        box-sizing: content-box
    }

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

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    box-sizing: border-box
}

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

html[lang=ar] .product-price .now, html[lang=ar] .product-price .was, html[lang=ko] .product-price .now, html[lang=ko] .product-price .was, html[lang=zh-cn] .product-price .now, html[lang=zh-cn] .product-price .was {
    font-family: bonodiBe-medium,serif !important
}

ul.dropdown-menu li a[href*='/ar/'] {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif !important
}

fieldset {
    margin: 0 0 .75rem;
    padding: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #ddd
}

html[lang=ru] input, html[lang=ru] label, html[lang=ru] select {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] input, html[lang=ko] label, html[lang=ko] select {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] input, html[lang=zh-cn] label, html[lang=zh-cn] select {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] input, html[lang=ar] label, html[lang=ar] select {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

input:-webkit-autofill {
    background-color: #F5F0E6 !important;
    -webkit-box-shadow: 0 0 0 1000px #F5F0E6 inset !important;
    -webkit-text-fill-color: #000 !important;
}

select:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 1s ease-in-out 0s
}

select:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillCancel;
    animation-name: onAutoFillCancel
}

::-webkit-input-placeholder {
    color: #979797
}

:-moz-placeholder {
    color: #979797
}

::-moz-placeholder {
    color: #979797
}

label {
    margin-bottom: .375rem;
    color: #000
}

    label.required::after {
        content: '*'
    }

    label abbr {
        display: none
    }

    label:hover {
        cursor: text
    }

    label a {
        color: #c2092f
    }



html[lang=ru] input[type=date], html[lang=ru] input[type=email], html[lang=ru] input[type=number], html[lang=ru] input[type=password], html[lang=ru] input[type=search], html[lang=ru] input[type=tel], html[lang=ru] input[type=text], html[lang=ru] input[type=url], html[lang=ru] select[multiple=multiple], html[lang=ru] textarea {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] input[type=date], html[lang=ko] input[type=email], html[lang=ko] input[type=number], html[lang=ko] input[type=password], html[lang=ko] input[type=search], html[lang=ko] input[type=tel], html[lang=ko] input[type=text], html[lang=ko] input[type=url], html[lang=ko] select[multiple=multiple], html[lang=ko] textarea {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] input[type=date], html[lang=zh-cn] input[type=email], html[lang=zh-cn] input[type=number], html[lang=zh-cn] input[type=password], html[lang=zh-cn] input[type=search], html[lang=zh-cn] input[type=tel], html[lang=zh-cn] input[type=text], html[lang=zh-cn] input[type=url], html[lang=zh-cn] select[multiple=multiple], html[lang=zh-cn] textarea {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] input[type=date], html[lang=ar] input[type=email], html[lang=ar] input[type=number], html[lang=ar] input[type=password], html[lang=ar] input[type=search], html[lang=ar] input[type=tel], html[lang=ar] input[type=text], html[lang=ar] input[type=url], html[lang=ar] select[multiple=multiple], html[lang=ar] textarea {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

input[type=date]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, select[multiple=multiple]:hover, textarea:hover {
    border-color: #7E8A4A
}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select[multiple=multiple]:focus, textarea:focus {
    border-color: #7E8A4A;
    outline: 0
}

.inpage-form input[type=date], .inpage-form input[type=email], .inpage-form input[type=number], .inpage-form input[type=password], .inpage-form input[type=search], .inpage-form input[type=tel], .inpage-form input[type=text], .inpage-form input[type=url], .inpage-form select[multiple=multiple], .inpage-form textarea {
    border: 1px solid #7E8A4A
}

    .inpage-form input[type=date]:hover, .inpage-form input[type=email]:hover, .inpage-form input[type=number]:hover, .inpage-form input[type=password]:hover, .inpage-form input[type=search]:hover, .inpage-form input[type=tel]:hover, .inpage-form input[type=text]:hover, .inpage-form input[type=url]:hover, .inpage-form select[multiple=multiple]:hover, .inpage-form textarea:hover {
        border-color: #7E8A4A
    }

    .inpage-form input[type=date]:focus, .inpage-form input[type=email]:focus, .inpage-form input[type=number]:focus, .inpage-form input[type=password]:focus, .inpage-form input[type=search]:focus, .inpage-form input[type=tel]:focus, .inpage-form input[type=text]:focus, .inpage-form input[type=url]:focus, .inpage-form select[multiple=multiple]:focus, .inpage-form textarea:focus {
        border-color: #7E8A4A;
        outline: 0
    }

.inpage-form label a, .inpage-form p a {
    color: #c2092f
}

.inpage-form .button-radio-wrapper .button {
    margin-top: 0
}

input[type=date], input[type=email], input[type=password], input[type=text], input[type=time] {
    height: 2.9167rem;
    -webkit-appearance: none;
    color: #000
}

    input[type=text].smart-search {
        padding-left: .9rem;
        border: none;
        border-radius: 3px
    }

textarea {
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=radio] {
    display: inline;
    margin-right: .375rem
}

input[type=checkbox] {
    display: inline;
    margin-right: 1.25rem
}

input[type=file] {
    width: 100%;
    padding-bottom: .75rem
}

select {
    max-width: 100%;
    width: auto;
    margin-bottom: 1.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.checkbox-wrap {
    margin: 1.6667rem 0 1rem 0
}

span.error {
    margin: -.4167rem 0 1rem;
    color: red;
    display: block !important;
    clear: both;
    text-align: left
}

select + span.error {
    margin-top: .25rem
}

.layout-reversed span.error {
    text-align: right
}

span.valid {
    display: none !important
}

.select-hidden {
    width: 1px;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    opacity: 0
}

    .select-hidden.error {
        border: none !important
    }

input[type=checkbox].error + label:before {
    border: solid 2px red
}

form div.checkbox-error {
    position: relative;
    margin-top: -.8333rem;
    margin-bottom: 2rem
}

.update-form .button {
    width: auto !important;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    text-transform: none !important;
    letter-spacing: normal !important
}

.update-form .preferences {
    margin-top: 2.5rem;
    width: 100%;
    float: left
}

.with-hidden-form {
    position: relative
}

.hidden-form-close {
    position: absolute;
    right: 15px;
    display: none;
    color: #767676;
    padding-right: 28px
}

    .hidden-form-close .close-icon {
        position: absolute;
        right: 0;
        top: -2px;
        width: 20px;
        height: 20px;
        background: #767676;
        border-radius: 50%
    }

        .hidden-form-close .close-icon:after, .hidden-form-close .close-icon:before {
            content: ' ';
            position: absolute;
            top: 4px;
            left: 9px;
            height: 12px;
            width: 2px;
            background-color: #fff
        }

        .hidden-form-close .close-icon:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .hidden-form-close .close-icon:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.hidden-form-wrapper {
    margin-top: 1.5rem
}

.hidden-form {
    display: none;
    padding: 25px 15px 15px;
    border: solid 1px #e5e5e5
}

    .hidden-form .button {
        margin-top: 15px !important;
        margin-bottom: 0 !important
    }

.button-radio .button {
    color: #2e2e2e;
    border-color: #c2c2c2
}

    .button-radio .button.inverted {
        color: #fff
    }

        .button-radio .button.inverted:hover {
            color: #fff;
            background: #000;
            cursor: default
        }

.button-radio-wrapper .button-radio {
    display: inline-block;
    margin-right: .6667rem
}

    .button-radio-wrapper .button-radio:last-child {
        margin-right: 0
    }

    .button-radio-wrapper .button-radio .button {
        margin-top: 0 !important
    }

.birthday-selects {
    margin-bottom: .25rem
}

.tooltip-wrapper {
    position: relative;
    float: left;
    width: 2.1667rem;
    margin-left: 2rem
}

.tooltip-trigger {
    position: relative;
    width: 2.1667rem;
    height: 2.1667rem;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    transition: all .3s ease
}

    .tooltip-trigger:hover {
        opacity: .6
    }

.tooltip-content {
    z-index: 16;
    display: none;
    width: 16.6667rem;
    padding: .6rem .8rem;
    line-height: 1.2;
    color: #000;
    background: #fff;
    border: 2px solid #b0a680;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    min-height: 36px
}

    .tooltip-content p {
        margin-bottom: 0
    }

    .tooltip-content.active {
        display: block
    }

    .tooltip-content:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -1.1667rem;
        display: block;
        position: absolute;
        width: 1.1667rem;
        height: 2.25rem;
        background: url(../img/src/deco/tooltip-arrow.png) center center no-repeat
    }

    .tooltip-content, .tooltip-content.tooltip-left {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left:after, .tooltip-content:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

        .tooltip-content.tooltip-top {
            position: absolute;
            top: auto;
            right: auto;
            bottom: 175%;
            left: auto;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

            .tooltip-content.tooltip-top:after {
                position: absolute;
                top: auto;
                right: auto;
                bottom: -1.6667rem;
                left: auto;
                -webkit-transform: translateX(90px) rotate(90deg);
                -ms-transform: translateX(90px) rotate(90deg);
                transform: translateX(90px) rotate(90deg)
            }

        .tooltip-content.tooltip-right {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 167%;
            -webkit-transform: translateY(-55%);
            -ms-transform: translateY(-55%);
            transform: translateY(-55%)
        }

            .tooltip-content.tooltip-right:after {
                position: absolute;
                top: 50%;
                right: auto;
                bottom: auto;
                left: -1.1667rem;
                -webkit-transform: translateY(-50%) rotate(180deg);
                -ms-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg)
            }

        .tooltip-content.tooltip-bottom {
            position: absolute;
            top: 150%;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

            .tooltip-content.tooltip-bottom:after {
                position: absolute;
                top: -1.6667rem;
                right: auto;
                bottom: auto;
                left: auto;
                -webkit-transform: translateX(90px) rotate(270deg);
                -ms-transform: translateX(90px) rotate(270deg);
                transform: translateX(90px) rotate(270deg)
            }

ol, ul {
    list-style-type: none
}

dl {
    margin-bottom: .75rem
}

    dl dt {
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif;
        margin-top: .75rem
    }

html[lang=ru] dl dt {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] dl dt {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] dl dt {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] dl dt {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

dl dt html[lang=ru], html[lang=ar] dl dt, html[lang=ko] dl dt, html[lang=zh-cn] dl dt {
    font-weight: 700
}

.table, table {
    table-layout: fixed;
    width: 100%;
    margin: .75rem 0;
    font-feature-settings: "kern","liga","tnum";
    border-collapse: collapse
}

.th, th {
    padding: .75rem 0;
    font-weight: 600;
    text-align: left
}

.td, td {
    padding: .75rem 0
}

.td {
    display: inline-block
}

.td, .th, .tr, td, th, tr {
    vertical-align: middle
}

.tr, tr {
    border-bottom: 1px solid #ddd
}

html {
    font-size: 75%;
    background-color: #F5F0E6;
}

body {
    font-feature-settings: "kern","liga","pnum";
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-family: brown-regular,sans-serif;
    font-size: 1rem;
    font-size: 12px;
    line-height: 1.5
}

html[lang=ru] body {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] body {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] body {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] body {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

h1, h2, h3, h4, h5, h6 {
    box-sizing: border-box;
    margin: 0px;
    font-family: Aime-Regular, serif !important;
    font-size: 1rem;
    font-weight: normal !important;
    line-height: 1.25 !important;
    color: rgb(0, 0, 0);
    letter-spacing: 0px !important;
}

html[lang=ru] h1, html[lang=ru] h2, html[lang=ru] h3, html[lang=ru] h4, html[lang=ru] h5, html[lang=ru] h6 {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] h1, html[lang=ko] h2, html[lang=ko] h3, html[lang=ko] h4, html[lang=ko] h5, html[lang=ko] h6 {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] h1, html[lang=zh-cn] h2, html[lang=zh-cn] h3, html[lang=zh-cn] h4, html[lang=zh-cn] h5, html[lang=zh-cn] h6 {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] h1, html[lang=ar] h2, html[lang=ar] h3, html[lang=ar] h4, html[lang=ar] h5, html[lang=ar] h6 {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit
}

.layout-reversed h1, .layout-reversed h2, .layout-reversed h3, .layout-reversed h4, .layout-reversed h5, .layout-reversed h6 {
    letter-spacing: 0
}

p {
    margin: 0 0 .75rem
}

    p strong {
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif
    }

html[lang=ru] p strong {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] p strong {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] p strong {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] p strong {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] p strong, html[lang=ko] p strong, html[lang=zh-cn] p strong, p strong html[lang=ru] {
    font-weight: 700
}

a {
    color: black;
    text-decoration: none;
    transition: all .2s linear
}

    a:active, a:focus, a:hover {
        opacity: 1;
        text-decoration-line: underline;
    }

    a:active {
        outline: 0
    }

.module-img-content a {
    opacity: 1 !important
}

hr {
    margin: 1.5rem 0;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none
}

img, picture {
    max-width: 100%
}

.ellipsis {
    overflow: hidden
}

[id^=anchor-] {
    display: block;
    visibility: hidden
}

.touchevents [id^=anchor-] {
    height: 55px;
    margin-top: -55px
}

.hide, .slide-village-title {
    display: none !important
}

#chilternrailways .results, .accordion-wrap.accordion-simple .accordion-content, .form-single-item div.error, .full-video.module .play-button, .m-t-none, .rich-text h2:first-child, .rich-text img + h2, input[type=text].smart-search {
    margin-top: 0
}

.hero + .page-wrapper, .module + .page-wrapper, .module-editorial + .page-wrapper, .module-new + .page-wrapper, .module-offer + .page-wrapper, .p-t-none, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
    padding-top: 0
}

.button, .button:disabled, button, button:disabled {
    display: inline-block;
    padding: 1.2rem 1.2rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #000;
    font-family: brown-regular,sans-serif;
    font-size: 1.17rem;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1rem;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    transition: all .2s ease;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

html[lang=ru] .button, html[lang=ru] .button:disabled, html[lang=ru] button, html[lang=ru] button:disabled {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .button, html[lang=ko] .button:disabled, html[lang=ko] button, html[lang=ko] button:disabled {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .button, html[lang=zh-cn] .button:disabled, html[lang=zh-cn] button, html[lang=zh-cn] button:disabled {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .button, html[lang=ar] .button:disabled, html[lang=ar] button, html[lang=ar] button:disabled {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.layout-reversed .button, .layout-reversed button {
    letter-spacing: 0
}


.button:disabled, .button:disabled:active, .button:disabled:focus, .button:disabled:hover, button:disabled, button:disabled:active, button:disabled:focus, button:disabled:hover {
    cursor: not-allowed;
    opacity: .5;
    outline: 0;
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.button.inverted:active, .button.inverted:focus, .button.inverted:hover, button.inverted:active, button.inverted:focus, button.inverted:hover {
    color: #000;
    background-color: transparent
}

.button-radio-wrapper .button.inverted:active, .button-radio-wrapper .button.inverted:focus, .button-radio-wrapper .button.inverted:hover, .button-radio-wrapper button.inverted:active, .button-radio-wrapper button.inverted:focus, .button-radio-wrapper button.inverted:hover {
    color: #fff;
    background-color: #000
}

.button.inverted:disabled, .button.inverted:disabled:active, .button.inverted:disabled:focus, .button.inverted:disabled:hover, button.inverted:disabled, button.inverted:disabled:active, button.inverted:disabled:focus, button.inverted:disabled:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.button.extra, button.extra {
    position: relative;
    border-color: #000;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 1.3rem 6rem 1.1rem 1.3rem
}

    .button.extra:before, button.extra:before {
        position: absolute;
        top: 50%;
        right: .5rem;
        bottom: auto;
        left: auto;
        margin-top: -.5rem;
        font-size: 1.1667rem;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.button.margin-bottom, button.margin-bottom {
    margin-bottom: .8333rem
}

.button.min-width, button.min-width {
    display: block
}


.layout-reversed .button.extra {
    padding: 1.2rem 1.3rem 1.2rem 6rem
}

    .layout-reversed .button.extra:before {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: .5rem
    }

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group .form-control {
        display: table-cell;
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group .input-group-button {
        display: table-cell;
        border-collapse: separate;
        width: 1%;
        vertical-align: middle
    }

#yourBrands .checkbox-wrap, .ie9 .your-brands-list-item {
    float: left;
    display: block;
    margin-right: 0;
    width: 50%
}

    #yourBrands .checkbox-wrap:last-child, .ie9 .your-brands-list-item:last-child {
        margin-right: 0
    }

.site-canvas {
    padding-top: 70px
}

    .site-canvas.webview {
        padding: 0
    }

.component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
    padding: 1rem 1.0833rem 1.5rem
}

    .component-wrapper-new + .page-wrapper-wide, .page-wrapper-narrow, .page-wrapper-narrow + .page-wrapper-wide, .page-wrapper-wide {
        padding-top: 0
    }

        .component-wrapper-new + .page-wrapper-wide.grey-wrapper, .page-wrapper-narrow + .page-wrapper-wide.grey-wrapper, .page-wrapper-narrow.grey-wrapper, .page-wrapper-wide.grey-wrapper {
            margin-top: 2rem;
            margin-bottom: 4rem;
            padding-top: 2.2rem;
            padding-bottom: 1rem
        }

        .page-wrapper-wide:not(.grey-wrapper) {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }

.component-wrapper-new.grey-wrapper {
    background-color: #f0f0f0;
    padding-top: 4.6rem !important
}

    .component-wrapper-new.grey-wrapper.grey-wrapper-last {
        margin-bottom: 0
    }

.hero .component-wrapper-new {
    margin-bottom: 1rem
}

.component::after, .row::after {
    clear: both;
    content: "";
    display: table
}

.component-wrapper {
    width: 100%;
    padding-top: 2.5rem !important
}

.component {
    position: relative
}

.page-wrapper-narrow .row {
    max-width: 80rem
}

.hero, .module, .module-editorial, .module-new, .module-offer {
    display: block
}

.row {
    max-width: 91.67rem
}

.treats-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.skip {
    height: 1px;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: -10px
}

    .skip:focus {
        opacity: 1;
        height: auto;
        top: 0;
        z-index: 2000;
        background-color: #fff;
        color: #000;
        font-size: 1.5rem;
        text-transform: uppercase;
        text-align: center;
        padding: 1.5rem .8rem
    }

.grid-wrap, .widget-slot {
    margin-left: -1.7799%;
    margin-right: -1.7799%
}

    .grid-wrap::after, .widget-slot::after {
        clear: both;
        content: "";
        display: table
    }

.grid-wrap.side-widget-layout {
    margin-top: 1.8rem
}

    .grid-wrap.side-widget-layout .grid-col .grid-item {
        width: 100% !important
    }

    .grid-wrap.side-widget-layout > .grid-2 .grid-wrap {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

.side-widget-layout .grid-wrap {
    width: 100%
}

.layout-reversed .grid-item {
    float: right !important
}

.grid-item.grid-full {
    width: 100%
}

.grid-item-2col {
    float: left;
    display: block;
    margin-right: 0;
    width: 50%
}

    .grid-item-2col:last-child {
        margin-right: 0
    }

.desktop .hidden-desktop {
    display: none !important
}

body {
    position: relative;
    overflow-y: auto
}

    body.modal-open {
        overflow: hidden
    }

html.touchevents body.modal-open {
    position: fixed
}

.modal {
    display: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    opacity: 0
}

    .modal.product-modal {
        -webkit-animation: modalFadeOut .3s forwards;
        animation: modalFadeOut .3s forwards
    }

    .modal.in {
        opacity: 1;
        -webkit-animation: modalFadeIn .3s forwards;
        animation: modalFadeIn .3s forwards
    }

.modal-dialog {
    position: relative;
    margin: 0 auto;
    border-radius: 3px;
    width: 100%;
    max-width: 61.2rem;
    background-color: #fff
}

.modal-header {
    position: absolute;
    width: 100%;
    z-index: 5000;
    padding: 1rem 0 1.2rem
}

    .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
        font-size: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        font-family: brown-light,sans-serif
    }

.modal-body {
    position: relative;
    z-index: 190
}

.modal-footer {
    padding: 1rem 0 1.2rem
}

.modal-close {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 15px;
    background-color: transparent;
    color: #000;
    text-align: center;
    z-index: 5100
}

.layout-reversed .modal-close {
    right: auto;
    left: 0
}

.modal-close:before {
    font-size: inherit;
    line-height: inherit;
    height: auto
}

.modal-close:active, .modal-close:active:focus, .modal-close:focus {
    outline: 0
}

.modal-close:hover {
    background-color: transparent;
    color: #000;
    opacity: .7
}

#share-modal .modal-dialog {
    padding-top: 2rem;
    padding-bottom: 2.6rem
}

#share-modal .modal-header {
    position: static
}

#share-modal .modal-body {
    min-height: 1rem;
    min-height: initial
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-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;
    display: block;
    overflow: hidden
}

    .slick-list:focus {
        outline: 0
    }

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

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

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

    .slick-track:after {
        clear: both
    }

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

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

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

.slick-slide img {
    display: inline-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
}

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots {
    position: absolute;
    right: 0;
    bottom: 1rem;
    left: 0;
    text-align: center
}

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots li {
        display: inline-block;
        padding-right: .4167rem;
        padding-left: .4167rem
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots .slick-active button {
        opacity: 1
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button {
        width: 2.0833rem;
        height: .25rem;
        background: #fff;
        border: none;
        border-radius: 0;
        opacity: .4;
        transition: opacity .3s ease
    }

        .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button:focus {
            outline: 0
        }

        .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button:hover {
            opacity: 1
        }

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev {
    z-index: 21;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    border: none
}

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:before, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:before {
        content: ""
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:focus, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:hover, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:focus, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:hover {
        background-color: transparent
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:focus, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:focus {
        outline: 0
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:hover:before, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:hover:before {
        opacity: .7
    }

    .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next:before, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        text-align: left;
        text-indent: 0;
        color: #b1b1b1;
        font-size: 3.8333rem;
        line-height: 1.2
    }

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev {
    left: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next {
    right: 0
}

.grid-item .slider:not(.slider-hero-extended):not(.slider-hero-content) .slider-manual-wrapper {
    height: 30.8333rem
}

.slider-manual {
    position: relative;
    margin: 2.6em auto 0;
    padding-right: 2.2rem;
    padding-left: 2.2rem
}

    .slider-manual .slick-slide {
        text-align: center
    }

        .slider-manual .slick-slide > a {
            display: block
        }

.slider-manual-full {
    margin-bottom: .8333rem
}


.slider {
    overflow: hidden;
    white-space: nowrap
}

    .slider::after {
        clear: both;
        content: "";
        display: table
    }

    .slider > .product, .slider > .slide-cta, .slider > .slide-village {
        display: inline-block
    }

.slick-list {
    white-space: normal
}

    .slick-list > .product, .slick-list > .slide-cta, .slick-list > .slide-village {
        display: block
    }

.slider-widget-header {
    position: relative;
    margin-right: 90px
}

.slider-link-full {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: #999
}

.layout-reversed .slider-link-full {
    position: absolute;
    top: 0;
    right: auto;
    left: 0
}

.slider-link-full .text {
    display: none;
    font-size: 1.0833rem
}

.slider-link-full .icon {
    display: block;
    font-size: 2rem;
    line-height: .9
}

.hero-home-extended {
    margin-top: -10px
}

.slider-hero-extended {
    height: calc(100vh - 40px)
}

    .slider-hero-extended .slick-list, .slider-hero-extended .slick-track, .slider-hero-extended .slider {
        height: 100%
    }

    .slider-hero-extended article {
        height: 100%;
        transition: height .5s ease
    }

    .slider-hero-extended .full-video {
        padding: 0;
        height: 100%
    }

    .slider-hero-extended .mobile-hero {
        display: none
    }

.slider-sync-simple .mobile-hero .vjs-controls-enabled .vjs-control-bar {
    margin-top: 93%
}

    .slider-sync-simple .mobile-hero .vjs-controls-enabled .vjs-control-bar div.vjs-progress-control.vjs-control {
        display: block !important;
        width: 100% !important;
        height: 1.5em;
        top: -1.5em
    }

.slider-hero-content {
    width: 96%;
    max-width: 86.6667rem;
    margin-top: -15rem;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    box-shadow: 0 0 12px 2px rgba(0,0,0,.2);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: opacity .5s ease,margin .3s ease
}

    .slider-hero-content.hero-home-loaded {
        opacity: 1
    }

    .slider-hero-content.move-down {
        margin-top: 0
    }

    .slider-hero-content :active, .slider-hero-content :focus {
        outline: 0
    }

    .slider-hero-content .slick-arrow {
        position: absolute;
        display: block !important;
        width: 40px;
        transition: all .3s ease;
        -webkit-backface-visibility: hidden
    }

        .slider-hero-content .slick-arrow:after, .slider-hero-content .slick-arrow:before {
            content: '';
            display: block;
            position: absolute;
            border-color: #000;
            border-style: solid;
            -webkit-transform: translateX(0) translate3d(0,0,0) translateZ(0);
            -ms-transform: translateX(0) translate3d(0,0,0) translateZ(0);
            transform: translateX(0) translate3d(0,0,0) translateZ(0);
            -webkit-backface-visibility: hidden;
            transition: all .3s ease
        }

        .slider-hero-content .slick-arrow:before {
            width: 1rem;
            height: 1rem
        }

        .slider-hero-content .slick-arrow:after {
            top: 33px;
            width: 0;
            border-width: .2rem 0 0
        }

        .slider-hero-content .slick-arrow.slick-disabled {
            opacity: .5
        }

            .slider-hero-content .slick-arrow.slick-disabled:hover {
                opacity: .5
            }

    .slider-hero-content .slick-prev {
        z-index: 3
    }

        .slider-hero-content .slick-prev:before {
            border-width: 2px 0 0 2px;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .slider-hero-content .tabletReset {
        background: red
    }

    .slider-hero-content .slick-next {
        z-index: 4
    }

        .slider-hero-content .slick-next:before {
            border-width: 2px 2px 0 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .slider-hero-content .slick-arrow {
        height: 68px;
        background: #fff
    }

        .slider-hero-content .slick-arrow:before {
            top: 28px
        }

        .slider-hero-content .slick-arrow:after {
            top: 33px
        }

    .slider-hero-content .slick-prev {
        top: 0;
        left: 5px
    }

        .slider-hero-content .slick-prev:after, .slider-hero-content .slick-prev:before {
            left: 1.4rem
        }

        .slider-hero-content .slick-prev:active {
            left: 0
        }

    .slider-hero-content .slick-next {
        top: 0;
        right: 5px
    }

        .slider-hero-content .slick-next:after, .slider-hero-content .slick-next:before {
            right: 1.4rem
        }

        .slider-hero-content .slick-next:active {
            right: 0
        }

    .slider-hero-content .slick-dots {
        position: absolute;
        top: 1.8rem;
        right: 0;
        left: 0;
        z-index: 2;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 10px 10px #fff
    }

.slide-content-header {
    position: relative;
    padding-top: 3.8rem;
    padding-right: 2.2rem;
    padding-left: 2.2rem;
    text-align: center
}

    .slide-content-header:before {
        content: ""
    }

    .slide-content-header:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0;
        bottom: -1.4rem;
        left: 0;
        margin: 0 auto;
        font-size: .6rem;
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: moreBellow 2.5s ease infinite;
        animation: moreBellow 2.5s ease infinite
    }

    .slide-content-header.hide-arrow:before {
        display: none
    }

    .slide-content-header h2 {
        position: relative;
        padding-top: 1.6rem;
        text-transform: uppercase;
        font-size: 2.2rem
    }

        .slide-content-header h2:after {
            content: '';
            display: block;
            width: 4rem;
            height: .0833rem;
            margin: .8rem auto;
            background: #000
        }

    .slide-content-header p {
        color: #000;
        font-family: bonodiStd-roman,serif;
        letter-spacing: .1rem;
        font-size: 16px
    }

html[lang=ru] .slide-content-header p {
    font-family: "Playfair Display",serif
}

html[lang=ko] .slide-content-header p {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .slide-content-header p {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .slide-content-header p {
    font-family: "Almarai-regular",serif
}

.slide-content-header p span {
    position: relative;
    display: inline-block;
    margin-left: .4rem;
    padding-left: .8rem;
    text-transform: none
}

    .slide-content-header p span:before {
        content: '';
        position: absolute;
        top: .5rem;
        left: 0;
        height: 1rem;
        border-right: 1px solid #a3a3a3
    }

.slide-content-row {
    padding: 2.8rem 2.2rem 2.2rem;
    transition: all .3s ease
}

    .slide-content-row::after {
        clear: both;
        content: "";
        display: table
    }

.hide-arrow + .slide-content-row {
    padding-top: .6rem
}

.slide-content-full {
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.slide-content-left p {
    font-size: 1.2rem
}

.slide-content-right {
    padding-top: 3rem
}

    .slide-content-right .full-video {
        margin-bottom: 0
    }

    .slide-content-right > img {
        width: 100%
    }

.slide-content-links {
    padding-top: 1.6rem;
    text-align: center
}

.carousel-fancy-pagination .flickity-page-dots, .carousel-fancy-pagination .slick-dots {
    display: inline-block;
    margin: 0 auto
}

    .carousel-fancy-pagination .flickity-page-dots .dot, .carousel-fancy-pagination .flickity-page-dots li, .carousel-fancy-pagination .slick-dots .dot, .carousel-fancy-pagination .slick-dots li {
        display: inline-block;
        padding-right: .1667rem;
        padding-left: .1667rem
    }

    .carousel-fancy-pagination .flickity-page-dots .dot, .carousel-fancy-pagination .flickity-page-dots button, .carousel-fancy-pagination .slick-dots .dot, .carousel-fancy-pagination .slick-dots button {
        display: inline-block;
        border: none;
        color: #999;
        padding: 0;
        transition: all .4s ease;
        font-size: 1rem
    }

        .carousel-fancy-pagination .flickity-page-dots .dot:active, .carousel-fancy-pagination .flickity-page-dots .dot:focus, .carousel-fancy-pagination .flickity-page-dots .dot:hover, .carousel-fancy-pagination .flickity-page-dots button:active, .carousel-fancy-pagination .flickity-page-dots button:focus, .carousel-fancy-pagination .flickity-page-dots button:hover, .carousel-fancy-pagination .slick-dots .dot:active, .carousel-fancy-pagination .slick-dots .dot:focus, .carousel-fancy-pagination .slick-dots .dot:hover, .carousel-fancy-pagination .slick-dots button:active, .carousel-fancy-pagination .slick-dots button:focus, .carousel-fancy-pagination .slick-dots button:hover {
            background: 0 0;
            outline: 0
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:after, .carousel-fancy-pagination .flickity-page-dots button:after, .carousel-fancy-pagination .slick-dots .dot:after, .carousel-fancy-pagination .slick-dots button:after {
            content: '';
            display: inline-block;
            width: 0;
            vertical-align: middle;
            border-top: 1px solid #999;
            transition: all .4s ease
        }

        .carousel-fancy-pagination .flickity-page-dots .dot.is-selected, .carousel-fancy-pagination .flickity-page-dots .slick-active button, .carousel-fancy-pagination .slick-dots .dot.is-selected, .carousel-fancy-pagination .slick-dots .slick-active button {
            color: #000
        }

            .carousel-fancy-pagination .flickity-page-dots .dot.is-selected:after, .carousel-fancy-pagination .flickity-page-dots .slick-active button:after, .carousel-fancy-pagination .slick-dots .dot.is-selected:after, .carousel-fancy-pagination .slick-dots .slick-active button:after {
                width: 6rem;
                margin: 0 .5rem 0 .4rem;
                border-top-color: #000
            }

.carousel-fancy-pagination .flickity-page-dots {
    position: static;
    margin-top: 1.6rem
}

    .carousel-fancy-pagination .flickity-page-dots .dot {
        width: auto;
        height: auto;
        margin-right: .3333rem;
        margin-left: .3333rem;
        background: 0 0;
        opacity: 1
    }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(1):before {
            content: '1'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(2):before {
            content: '2'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(3):before {
            content: '3'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(4):before {
            content: '4'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(5):before {
            content: '5'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(6):before {
            content: '6'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(7):before {
            content: '7'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(8):before {
            content: '8'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(9):before {
            content: '9'
        }

        .carousel-fancy-pagination .flickity-page-dots .dot:nth-child(10):before {
            content: '10'
        }

.hamburger {
    display: block;
    width: 24px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    transition: all .5s ease
}

    .hamburger:focus {
        outline: 0
    }

    .hamburger, .hamburger:focus, .hamburger:hover {
        background-color: transparent
    }

        .hamburger span {
            position: absolute;
            right: 1.5px;
            left: 1.5px;
            top: 7px;
            display: block;
            height: 2px;
            background: #777;
            transition: background 0s .2s
        }

            .hamburger span:after, .hamburger span:before {
                content: '';
                position: absolute;
                left: 0;
                display: block;
                width: 100%;
                height: 2px;
                background-color: #777;
                transition-duration: .2s,.2s;
                transition-delay: .2s,0s
            }

            .hamburger span:before {
                -webkit-transform: translateY(-5px);
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
                transition-property: top,-webkit-transform;
                transition-property: top,transform;
                transition-property: top,transform,-webkit-transform
            }

            .hamburger span:after {
                -webkit-transform: translateY(5px);
                -ms-transform: translateY(5px);
                transform: translateY(5px);
                transition-property: bottom,-webkit-transform;
                transition-property: bottom,transform;
                transition-property: bottom,transform,-webkit-transform
            }

.touchevents .hamburger.active {
    z-index: 200;
    width: 20px;
    pointer-events: none;
    cursor: default;
    -webkit-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    transform: translateX(-260px)
}

    .touchevents .hamburger.active, .touchevents .hamburger.active:focus, .touchevents .hamburger.active:hover {
        background-color: transparent
    }

        .touchevents .hamburger.active span {
            background: 0 0
        }

            .touchevents .hamburger.active span:after, .touchevents .hamburger.active span:before {
                background-color: #fff;
                transition-delay: 0s,.2s
            }

            .touchevents .hamburger.active span:before {
                top: 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .touchevents .hamburger.active span:after {
                bottom: 0;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

.dropdown-button {
    cursor: pointer;
    transition: opacity .2s linear;
    color: #7b7b7b;
    font-size: 1.0833rem;
    text-transform: uppercase
}

    .dropdown-button:active, .dropdown-button:focus, .dropdown-button:hover {
        opacity: .7
    }

    .dropdown-button:active {
        outline: 0
    }

.dropdown-menu {
    display: none
}

.select-wrapper {
    position: relative;
    min-width: 15.6667rem;
    text-align: left
}

    .select-wrapper.disabled select {
        opacity: .35
    }

    .select-wrapper.disabled:after {
        opacity: .35
    }

html.touch .select-wrapper select {
    padding-right: 2.5rem
}

html.touch .select-wrapper:after {
    content: ""
}

html.touch .select-wrapper:after {
    position: absolute;
    top: 1.4rem;
    right: .8rem;
    z-index: 10;
    display: block;
    display: inline-block;
    height: inherit;
    margin-right: .2rem;
    margin-left: .2rem;
    font-size: 1rem;
    font-family: icons;
    font-variant: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .6667rem
}

.select-wrapper.light {
    color: #777
}

html.touch .select-wrapper.light:after {
    color: #000
}

.select-wrapper.light select {
    color: #000
}

.select-wrapper.in-form {
    margin-bottom: .75rem
}

select {
    position: relative;
    z-index: 5;
    color: #fff;
    border: none;
    border-radius: 0;
    text-align: start
}

#searchDd {
    position: relative
}

.searchDd-main {
    margin-bottom: 0;
    cursor: pointer
}

    .searchDd-main:before {
        -webkit-transform-origin: center .25rem;
        -ms-transform-origin: center .25rem;
        transform-origin: center .25rem
    }

    .searchDd-main.open:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.searchDd-list {
    overflow: visible;
    max-height: initial;
    z-index: 480
}

    .searchDd-list.open {
        display: block
    }

.searchDd-category {
    position: relative;
    padding: .4rem 1rem;
    cursor: pointer
}

    .searchDd-category span {
        position: relative;
        display: block;
        width: 100%
    }

        .searchDd-category span:before {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%) rotate(-90deg) translate3d(0,0,0);
            -ms-transform: translateY(-50%) rotate(-90deg) translate3d(0,0,0);
            transform: translateY(-50%) rotate(-90deg) translate3d(0,0,0);
            transition: -webkit-transform .2s ease;
            transition: transform .2s ease;
            transition: transform .2s ease,-webkit-transform .2s ease;
            font-size: .5rem
        }

    .searchDd-category.searchDd-clear span:before {
        display: none
    }

    .searchDd-category.open span:before {
        -webkit-transform: translateY(-50%) rotate(0) translate3d(0,0,0);
        -ms-transform: translateY(-50%) rotate(0) translate3d(0,0,0);
        transform: translateY(-50%) rotate(0) translate3d(0,0,0)
    }

.searchDd-sublist {
    display: none;
    width: 100%;
    max-height: 18.8rem;
    padding-top: .5rem;
    padding-bottom: .8rem;
    overflow-y: auto;
    background: #000
}

    .searchDd-sublist li {
        padding: .2rem 1rem;
        opacity: 1;
        transition: opacity .2s ease
    }

        .searchDd-sublist li:hover {
            opacity: .7
        }

.form-single-item {
    position: relative
}

.form-si-label {
    position: absolute;
    top: .8333rem !important;
    left: .75rem !important;
}

input[type=email].form-si-text, input[type=text].form-si-text {
    font-size: 1.3333rem;
    height: 3.1667rem;
    padding-right: 2.5rem;
    border-radius: 3px;
    border: 1px solid #fff
}

.layout-reversed input[type=email].form-si-text, .layout-reversed input[type=text].form-si-text {
    padding-right: .4167rem;
    padding-left: 2.5rem;
    text-align: right
}

.error + .form-si-label {
    display: none
}

.media-item > a {
    display: block
}

.media-col {
    display: inline-block;
    vertical-align: top
}

.media-col-left {
    width: 47.3%
}

.media-col-right {
    width: 51.3%;
    padding-left: 4.75%
}

.layout-reversed .media-col-right {
    padding-left: 0;
    padding-right: 4.75%;
    float: left
}

.section-title {
    font-size: 1.33rem;
    font-family: brown-light,sans-serif;
    text-transform: uppercase;
    letter-spacing: .2rem
}

html[lang=ru] .section-title {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .section-title {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .section-title {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .section-title {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.layout-reversed .section-title {
    letter-spacing: 0
}

.section-title-wrapper {
    display: table;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 2.16rem;
    border-bottom: 1px solid #b2b2b2
}

    .section-title-wrapper .section-title {
        display: inline-block;
        margin-bottom: 0;
        font-size: 1.75rem;
        vertical-align: text-bottom
    }

        .section-title-wrapper .section-title.centre {
            display: block;
            text-align: center
        }

.hero-search-new {
    color: #000
}

    .hero-search-new .button {
        width: 100%;
        height: 3.3rem;
        font-size: 1.4167rem
    }

.layout-reversed .hero-search-new .button {
    text-align: right
}

.page-products .hero-search-new {
    text-align: center
}

.hero-search-new .dk-selected, .hero-search-new .searchDd-main, .hero-search-new input[type=text].smart-search {
    border: 1px solid #000;
    border-radius: 0
}

.hero-search-new .smart-search-form label {
    text-transform: uppercase
}

.hero-search-new-item {
    width: 21rem;
    height: 3.3rem;
    margin: 1rem auto 1.2rem;
    text-align: left
}

.layout-reversed .hero-search-new-item {
    text-align: right
}

.hero-search-new-item #allBrands, .hero-search-new-item #allProducts {
    padding-top: .9rem;
    padding-right: 1rem;
    padding-left: 1rem
}

.hero-search-share {
    text-align: center
}

    .hero-search-share .button {
        display: inline-block;
        padding: 0;
        width: 100%;
        height: 100%;
        font-size: 1.3rem;
        text-align: center
    }

        .hero-search-share .button:before {
            font-size: inherit;
            line-height: inherit;
            vertical-align: middle;
            height: 1.2rem
        }

        .hero-search-share .button:active, .hero-search-share .button:active:focus, .hero-search-share .button:focus {
            outline: 0
        }

.smart-search-form {
    position: relative;
    font-size: 1.25rem
}

    .smart-search-form label {
        font-size: 1.4167rem;
        line-height: 1.75rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding-right: 40px
    }

.layout-reversed .smart-search-form label {
    padding-right: 0;
    padding-left: 40px;
    left: auto !important;
    right: 11px !important
}

input[type=text].smart-search {
    height: 3.3rem;
    font-size: 1.4167rem;
    padding-right: 3rem
}

    input[type=text].smart-search::-ms-clear {
        display: none
    }

.search-results-form input[type=text].smart-search {
    background-color: #f5f5f5;
    height: 4.1667rem;
    padding-right: 5rem
}

.layout-reversed input[type=text].smart-search {
    text-align: right;
    padding-right: .9rem;
    padding-left: 3rem
}

.smart-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 2rem;
    padding-right: 3rem;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .smart-search-submit:before {
        position: absolute;
        top: 1rem;
        right: .3333rem;
        bottom: 0;
        color: #b1b1b1;
        font-size: 1.3333rem;
        text-indent: 0
    }

.search-results-form .smart-search-submit:before {
    font-size: 1.8333rem;
    font-weight: 400;
    top: 1.25rem;
    right: 1.6667rem
}

.search-results-form .smart-search-submit {
    width: 3rem
}

.layout-reversed .smart-search-submit {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    padding-right: 3rem;
    padding-left: 0
}

.smart-search-submit:active, .smart-search-submit:focus, .smart-search-submit:hover {
    background: 0 0;
    opacity: 1;
    outline: 0
}

.search-results-form .sl_label {
    line-height: 2.9167rem
}

.no-matches {
    display: none;
    margin: 0 0 3.3333rem
}

    .no-matches.show {
        display: block
    }

.page-brands .no-matches {
    margin-top: 3.3333rem
}

.title-all-items {
    display: block
}

    .title-all-items.hide, .title-all-items.slide-village-title {
        display: none
    }

.products {
    padding-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1.0833rem
}

.product {
    float: left;
    display: block;
    height: 100%;
    min-height: 1px;
    text-align: center
}

    .product[data-target="#product-modal"] {
        cursor: pointer
    }

.product-image-wrapper {
    position: relative;
    height: 15.8rem;
    margin-bottom: 1.5rem
}

    .product-image-wrapper img {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        max-height: 15.8333rem
    }

html.touch .product-image-wrapper {
    height: 17rem
}

    html.touch .product-image-wrapper img {
        bottom: 1.4rem
    }

.product-details-wrapper {
    position: relative;
    display: block;
    min-height: 4.5rem
}

.product-image {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto 1rem
}

.product-brand h5 {
    margin-bottom: .35rem;
    color: #000;
    font-size: 1.25rem;
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif;
    letter-spacing: .05rem;
    text-transform: uppercase
}

html[lang=ru] .product-brand h5 {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .product-brand h5 {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .product-brand h5 {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .product-brand h5 {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.product-brand h5 html[lang=ru], html[lang=ar] .product-brand h5, html[lang=ko] .product-brand h5, html[lang=zh-cn] .product-brand h5 {
    font-weight: 700
}

.product-description {
    padding-right: 1rem;
    padding-left: 1rem
}

.module-new .product-description p {
    font-size: 1rem
}

.product-price {
    font-size: 1rem;
    line-height: 1
}

    .product-price span {
        display: inline
    }

    .product-price .now, .product-price .sale, .product-price .was {
        padding-right: .1rem;
        padding-left: .1rem;
        font-family: bonodiBe-medium,serif;
        max-width: none;
        margin-bottom: 2px
    }

html[lang=ru] .product-price .now, html[lang=ru] .product-price .sale, html[lang=ru] .product-price .was {
    font-family: "Playfair Display",serif
}

html[lang=ko] .product-price .now, html[lang=ko] .product-price .sale, html[lang=ko] .product-price .was {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .product-price .now, html[lang=zh-cn] .product-price .sale, html[lang=zh-cn] .product-price .was {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .product-price .now, html[lang=ar] .product-price .sale, html[lang=ar] .product-price .was {
    font-family: "Almarai-regular",serif
}

.product-price .was {
    color: #7b7b7b;
    text-decoration: line-through
}

.product-price .now {
    color: #171717
}

.in-store {
    color: #7b7b7b;
    text-transform: none;
    font-size: 1rem;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .in-store {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .in-store {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .in-store {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .in-store {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.products .slick-dots {
    bottom: -3.2rem
}

.block .products .slick-dots {
    display: none !important
}

.slider-products-wrapper .slider-manual:after, .slider-products-wrapper .slider-manual:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 20;
    display: block;
    width: .8333rem;
    height: 100%;
    background-repeat: repeat-y
}

.slider-products-wrapper .slider-manual:before {
    left: 2.1rem;
    background-image: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)
}

.slider-products-wrapper .slider-manual:after {
    right: 2.1rem;
    background-image: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)
}

.slider-products-wrapper .product-image-wrapper {
    cursor: pointer;
    margin-right: 1rem;
    margin-left: 1rem
}

.rich-text h2 {
    margin-top: 2.2rem;
    margin-bottom: 1.2rem;
    color: #000;
    font-family: brown-regular,sans-serif;
    font-size: 1.4rem;
    letter-spacing: normal
}

html[lang=ru] .rich-text h2 {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .rich-text h2 {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .rich-text h2 {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .rich-text h2 {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.rich-text p {
    color: #333
}

    .rich-text p a {
        color: #999
    }

        .rich-text p a:hover {
            opacity: .6
        }

        .rich-text p a[href^=mailto] {
            max-width: 100%;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: bottom
        }

.layout-reversed .rich-text p strong {
    color: #4b4b4b
}

.rich-text ol, .rich-text ul {
    color: #333
}

.rich-text.smaller h2, .rich-text.smaller li, .rich-text.smaller ol, .rich-text.smaller p, .rich-text.smaller ul {
    font-size: 1rem;
    line-height: 1.6 !important
}

.rich-text.smaller p {
    margin-bottom: 1rem
}

.rich-text.smaller ol, .rich-text.smaller ul {
    margin-left: 2rem
}

.rich-text .external-info, .rich-text .external-info a {
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif;
    opacity: 1;
    color: #000
}

html[lang=ru] .rich-text .external-info, html[lang=ru] .rich-text .external-info a {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .rich-text .external-info, html[lang=ko] .rich-text .external-info a {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .rich-text .external-info, html[lang=zh-cn] .rich-text .external-info a {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .rich-text .external-info, html[lang=ar] .rich-text .external-info a {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

    .rich-text .external-info a html[lang=ru], .rich-text .external-info html[lang=ru], html[lang=ar] .rich-text .external-info, html[lang=ar] .rich-text .external-info a, html[lang=ko] .rich-text .external-info, html[lang=ko] .rich-text .external-info a, html[lang=zh-cn] .rich-text .external-info, html[lang=zh-cn] .rich-text .external-info a {
        font-weight: 700
    }

.rich-text .external-info a:hover {
    opacity: .6
}

.rich-text ol, .rich-text p, .rich-text ul {
    margin-bottom: 1.75rem
}

.rich-text ol, .rich-text ul {
    font-size: 1.25rem;
    margin-left: 4rem
}

.layout-reversed .rich-text ol, .layout-reversed .rich-text ul {
    margin-right: 4rem;
    margin-left: 0
}

.rich-text ol ol, .rich-text ol ul, .rich-text ul ol, .rich-text ul ul {
    margin-bottom: 0;
    margin-left: 2rem
}

.layout-reversed .rich-text ol ol, .layout-reversed .rich-text ol ul, .layout-reversed .rich-text ul ol, .layout-reversed .rich-text ul ul {
    margin-right: 2rem;
    margin-bottom: 0;
    margin-left: 0
}

.rich-text ul {
    list-style: disc
}

.rich-text ol {
    list-style: decimal
}

.rich-text img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1.75rem
}

.layout-reversed .rich-text h2 {
    color: #4b4b4b;
    font-size: 1.6667rem
}

.back-to-top-wrap {
    text-align: center;
    margin: 3rem 0
}

.back-to-top {
    position: relative;
    width: 4.8333rem;
    height: 4.8333rem;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: solid #333 .0833rem
}

    .back-to-top:before {
        position: absolute;
        top: 0;
        right: -.3333rem;
        bottom: auto;
        left: auto;
        color: #333;
        font-size: 2rem;
        text-align: center;
        text-indent: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .back-to-top:active {
        background: #333
    }

        .back-to-top:active, .back-to-top:active:before {
            color: #fff
        }

.paging-block {
    display: none;
    transition: all 2s ease-in-out
}

    .paging-block.current {
        display: block;
        opacity: 0;
        height: 0
    }

    .paging-block.show {
        display: block;
        opacity: 1;
        height: auto;
        width: 100%
    }

.view-brand-list {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    bottom: 0
}

#map-controls {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 1.5rem 0 10px;
    width: 100%
}

    #map-controls::after {
        clear: both;
        content: "";
        display: table
    }

    #map-controls.map-controls--search-focus #map-categories {
        opacity: 0
    }

    #map-controls.map-controls--search-focus #map-filter-buttons {
        opacity: 0
    }

    #map-controls.map-controls--search-focus #map-search {
        width: 100%
    }

        #map-controls.map-controls--search-focus #map-search .tt-input::-ms-clear {
            display: none
        }

        #map-controls.map-controls--search-focus #map-search .tt-input::-webkit-input-placeholder {
            opacity: 1;
            transition-property: opacity;
            transition-duration: .2s;
            transition-delay: .2s
        }

        #map-controls.map-controls--search-focus #map-search .tt-input::placeholder {
            opacity: 1;
            transition-property: opacity;
            transition-duration: .2s;
            transition-delay: .2s
        }

#map-search .tt-input, #map-search .tt-input:disabled, #map-search .typeahead, #map-search .typeahead:disabled, .map-control, .map-control:disabled {
    margin: 0;
    border-color: #b7b7b7;
    border-style: solid;
    border-width: 1px;
    padding: .6rem .9rem;
    height: 3.3rem;
    font-family: brown-regular,sans-serif;
    font-size: 1.4167rem;
    letter-spacing: normal;
    text-transform: none;
    transition-duration: .2s;
    transition-timing-function: linear
}

#map-search html[lang=ru] .tt-input, #map-search html[lang=ru] .tt-input:disabled, #map-search html[lang=ru] .typeahead, #map-search html[lang=ru] .typeahead:disabled, html[lang=ru] #map-search .tt-input, html[lang=ru] #map-search .tt-input:disabled, html[lang=ru] #map-search .typeahead, html[lang=ru] #map-search .typeahead:disabled, html[lang=ru] .map-control, html[lang=ru] .map-control:disabled {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

#map-search html[lang=ko] .tt-input, #map-search html[lang=ko] .tt-input:disabled, #map-search html[lang=ko] .typeahead, #map-search html[lang=ko] .typeahead:disabled, html[lang=ko] #map-search .tt-input, html[lang=ko] #map-search .tt-input:disabled, html[lang=ko] #map-search .typeahead, html[lang=ko] #map-search .typeahead:disabled, html[lang=ko] .map-control, html[lang=ko] .map-control:disabled {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

#map-search html[lang=zh-cn] .tt-input, #map-search html[lang=zh-cn] .tt-input:disabled, #map-search html[lang=zh-cn] .typeahead, #map-search html[lang=zh-cn] .typeahead:disabled, html[lang=zh-cn] #map-search .tt-input, html[lang=zh-cn] #map-search .tt-input:disabled, html[lang=zh-cn] #map-search .typeahead, html[lang=zh-cn] #map-search .typeahead:disabled, html[lang=zh-cn] .map-control, html[lang=zh-cn] .map-control:disabled {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

#map-search html[lang=ar] .tt-input, #map-search html[lang=ar] .tt-input:disabled, #map-search html[lang=ar] .typeahead, #map-search html[lang=ar] .typeahead:disabled, html[lang=ar] #map-search .tt-input, html[lang=ar] #map-search .tt-input:disabled, html[lang=ar] #map-search .typeahead, html[lang=ar] #map-search .typeahead:disabled, html[lang=ar] .map-control, html[lang=ar] .map-control:disabled {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

#map-categories {
    width: calc(100% - 50px);
    display: inline-block;
    float: none;
    vertical-align: top;
    opacity: 1;
    transition-property: background-color,border-color,color,opacity;
    transition-duration: .2s
}

#map-categories__select:disabled {
    cursor: not-allowed;
    -webkit-filter: brightness(120%) contrast(90%);
    filter: brightness(120%) contrast(90%)
}

#map-filter-buttons {
    float: left;
    width: 100%;
    margin-top: 4px
}

    #map-filter-buttons::after {
        clear: both;
        content: "";
        display: table
    }

    #map-filter-buttons > button {
        float: left;
        display: block;
        width: 33.33%;
        border-radius: 0;
        background-color: #fff;
        color: #000;
        font-size: 1rem;
        line-height: 1.1;
        text-transform: uppercase;
        opacity: 1;
        outline: 0
    }

        #map-filter-buttons > button:active, #map-filter-buttons > button:active:focus, #map-filter-buttons > button:focus, #map-filter-buttons > button:hover {
            border-color: #b7b7b7;
            outline: 0
        }

        #map-filter-buttons > button:disabled {
            border-color: #b7b7b7;
            cursor: not-allowed;
            -webkit-filter: brightness(120%) contrast(90%);
            filter: brightness(120%) contrast(90%)
        }

    #map-filter-buttons .map-control-offers-events {
        border-radius: 4px 0 0 4px
    }

    #map-filter-buttons .map-control-new-stores {
        border-left: none;
        border-radius: 0 4px 4px 0
    }

    #map-filter-buttons .map-control-single {
        border-radius: 4px 4px 4px 4px
    }

    #map-filter-buttons .map-control-food-drink {
        width: 28%;
        height: 34px;
        margin-top: 3px;
        margin-left: 5.33%;
        padding: .4rem .9rem;
        position: relative;
        overflow: visible;
        border-radius: 20px
    }

        #map-filter-buttons .map-control-food-drink:before {
            content: '';
            position: absolute;
            top: -3px;
            left: -10.5%;
            display: block;
            width: 1px;
            height: 3.1667rem;
            background: #b7b7b7
        }

    #map-filter-buttons .map-food-drink-single {
        margin-left: 0 !important
    }

        #map-filter-buttons .map-food-drink-single:before {
            content: none !important
        }

    #map-filter-buttons .hidden {
        display: none
    }

#map-location {
    position: absolute;
    left: 20px;
    bottom: 94px;
    z-index: 100;
    transition-property: background-color,border-color,color,opacity;
    transition-duration: .2s
}

.touchevents #map-location {
    bottom: 20px
}

#map-location > button {
    display: block;
    width: 29px;
    height: 29px;
    padding: 6.25px;
    background-color: #fff;
    pointer-events: none;
    opacity: 1;
    outline: 0
}

.touchevents #map-location > button {
    width: 37.5px;
    height: 37.5px
}

#map-location > button:active, #map-location > button:active:focus, #map-location > button:focus, #map-location > button:hover {
    border-color: #b7b7b7;
    outline: 0
}

#map-location > button, #map-location > button.active, #map-location > button:hover {
    background-color: #fff;
    color: #000;
    opacity: 1
}

    #map-location > button:disabled {
        border-color: #b7b7b7;
        cursor: not-allowed;
        -webkit-filter: brightness(120%) contrast(90%);
        filter: brightness(120%) contrast(90%)
    }

    #map-location > button span {
        display: none
    }

    #map-location > button .location-icon {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../img/map/location.svg) center center no-repeat;
        background-size: 15px 15px
    }

.touchevents #map-location > button .location-icon {
    background-size: 18px 18px
}

#map-search {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0 0 .4167rem;
    width: 3.7rem;
    text-align: right;
    transition-property: width;
    transition-duration: .2s
}

    #map-search.map-search--empty:after {
        content: ""
    }

    #map-search.map-search--empty:after {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: .9rem;
        right: .9rem;
        color: #ddd;
        font-size: 1.5em;
        line-height: 1;
        pointer-events: none
    }

#map-search__cancel {
    display: none;
    position: absolute;
    top: 1.15rem;
    right: .9rem;
    font-size: 1rem;
    line-height: 1
}

.page-wrapper + .map-wrapper {
    margin-top: -1.5rem
}

.map-wrapper {
    position: relative;
    z-index: 0
}

.geo-button {
    opacity: 0
}

#map-filter-buttons #map-search .active.tt-input, #map-filter-buttons #map-search .active.typeahead, #map-filter-buttons .map-control.active, #map-search #map-filter-buttons .active.tt-input, #map-search #map-filter-buttons .active.typeahead {
    background-color: #000 !important;
    color: #fff !important
}

.indicator {
    background: url(../img/src/indicator.png) 55% 50%/1.3rem 1.3rem no-repeat
}

.no-js #map-controls {
    display: none
}

.map-modal {
    background-color: rgba(255,255,255,.7);
    z-index: 1000;
    opacity: 1;
    overflow-y: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .map-modal .modal-dialog {
        max-width: 34rem;
        box-shadow: 0 0 4em rgba(0,0,0,.35);
        padding: 2.2rem 2.6rem;
        margin: auto
    }

    .map-modal .modal-header {
        position: relative;
        padding: 0;
        font-family: bonodiBe-medium,serif;
        text-transform: uppercase;
        font-size: 1em;
        color: #c2092f
    }

    .map-modal hr {
        margin-left: 0;
        margin-top: 1.2rem;
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #000;
        width: 4.1667rem
    }

    .map-modal .modal-body {
        position: relative;
        overflow: auto
    }

    .map-modal .map-modal-title {
        font-family: brown-regular,sans-serif;
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 1rem;
        letter-spacing: 2px
    }

    .map-modal .map-modal-description {
        font-family: brown-regular,sans-serif;
        font-size: 1.1rem
    }

.lt-ie12 .map-modal {
    display: block;
    overflow: auto
}

.accordion-wrap .accordion-trigger {
    position: relative;
    cursor: pointer;
    height: auto;
    padding: 1rem
}

    .accordion-wrap .accordion-trigger:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

.accordion-wrap .view-more {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1.6667rem;
    font-size: 2.1667rem
}

    .accordion-wrap .view-more:after {
        content: '+';
        display: block;
        width: 100%;
        text-align: center
    }

    .accordion-wrap .view-more.active:after {
        content: '–';
        margin-top: -.1rem
    }

.layout-reversed .accordion-wrap .view-more {
    right: auto;
    left: 1rem
}

.accordion-trigger-text {
    display: inline-block;
    width: 90%;
    font-size: 1.6667rem;
    vertical-align: middle
}

    .accordion-trigger-text:after {
        display: none
    }

.accordion-content {
    display: none;
    padding: 0 1rem 1rem
}

    .accordion-content li, .accordion-content p {
        font-size: 1.1667rem
    }

    .accordion-content li {
        margin-bottom: .8rem
    }

.accordion-wrap.accordion-simple.full .accordion-content {
    max-width: 100%
}

.accordion-wrap.accordion-simple:first-child {
    display: block
}

.accordion-wrap.accordion-simple .accordion-content, .accordion-wrap.accordion-simple .accordion-trigger-text {
    color: #fff
}

.accordion-wrap.accordion-simple .accordion-trigger-text {
    padding-right: 3.1rem;
    text-transform: uppercase
}

.layout-reversed .accordion-wrap.accordion-simple .accordion-trigger-text {
    padding-right: 0;
    padding-left: 3.1rem
}

.accordion-wrap.accordion-simple .accordion-content {
    display: none;
    max-width: 66.6667rem;
    padding-left: 1.2rem
}

.layout-reversed .accordion-wrap.accordion-simple .accordion-content {
    padding-left: 0;
    padding-right: 1.2rem
}

.accordion-wrap.accordion-simple .accordion-trigger {
    height: auto;
    margin-bottom: 1.25rem;
    background: #000;
    cursor: pointer
}

.accordion-wrap.accordion-simple .view-more {
    display: block;
    margin-top: -1.6rem;
    color: #fff
}

    .accordion-wrap.accordion-simple .view-more:after {
        content: '+';
        display: block;
        width: 100%;
        text-align: center
    }

    .accordion-wrap.accordion-simple .view-more.active:after {
        content: '–';
        margin-top: -.1rem
    }

.download-app-component {
    padding: 2.5rem 3.3333rem;
    background: #e2b0b0
}

    .download-app-component .module-free-text-copy p, .download-app-component .module-free-text-header {
        color: #fff
    }

        .download-app-component .module-free-text-header:after {
            background: #fff
        }

.promo-download-app {
    margin-bottom: 1.8333rem
}

    .promo-download-app .button, .promo-download-app img {
        display: block
    }

    .promo-download-app img {
        margin: .5rem 0 1.8333rem
    }

.app-download-buttons {
    display: none
}

.download-android, .download-ios {
    display: none;
    width: 100%;
    height: 3.75rem;
    margin-bottom: .6667rem;
    background-position: center;
    background-repeat: no-repeat
}

.download-android {
    background-image: url(../img/src/google-play-logos/google-play-en.png)
}

html[lang=es] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-es.png)
}

html[lang=fr] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-fr.png)
}

html[lang=de] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-de.png)
}

html[lang=pt] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-pt.png)
}

html[lang=it] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-it.png)
}

html[lang=nl] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-nl.png)
}

html[lang=ca] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-ca.png)
}

html[lang=ru] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-ru.png)
}

html[lang=zh] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-zh.png)
}

html[lang=ko] .download-android {
    background-image: url(../img/src/google-play-logos/google-play-ko.png)
}

.download-ios {
    background-image: url(../img/src/app-store-logos/app-store-en.svg)
}

html[lang=es] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-es.svg)
}

html[lang=fr] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-fr.svg)
}

html[lang=de] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-de.svg)
}

html[lang=pt] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-pt.svg)
}

html[lang=it] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-it.svg)
}

html[lang=nl] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-nl.svg)
}

html[lang=ca] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-ca.svg)
}

html[lang=ru] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-ru.svg)
}

html[lang=zh] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-zh.svg)
}

html[lang=ko] .download-ios {
    background-image: url(../img/src/app-store-logos/app-store-ko.svg)
}

.twitter-typeahead {
    width: 100%;
    text-align: left
}

.tt-hint {
    color: #979797
}

.tt-menu {
    width: 100%;
    padding: .9167rem;
    color: #444;
    font-size: 1.25rem;
    font-family: brown-regular,sans-serif;
    background-color: #fff;
    border-top: 1px dashed #000
}

html[lang=ru] .tt-menu {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .tt-menu {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .tt-menu {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .tt-menu {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.product-search .tt-menu {
    background-color: #f2f2f2
}

.full-video {
    position: relative;
    width: 100%;
    margin: 0 auto 3.3333rem auto;
    padding-top: 1.6667rem;
    padding-bottom: 53.25%
}

    .full-video.module {
        margin-bottom: 2.5rem
    }

.hero .full-video {
    z-index: 1;
    margin-bottom: 0
}

    .hero .full-video .vjs-text-track-display {
        display: none
    }

    .hero .full-video .vjs-control-bar {
        bottom: auto;
        top: .6rem;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
        padding-left: .8rem
    }

        .hero .full-video .vjs-control-bar button:focus, .hero .full-video .vjs-control-bar button:hover {
            background: 0 0 !important
        }

        .hero .full-video .vjs-control-bar button:focus {
            outline: 0
        }

    .hero .full-video .vjs-volume-panel-horizontal.vjs-hidden {
        display: inline-block !important
    }

    .hero .full-video .vjs-volume-panel-horizontal .vjs-button.vjs-hidden {
        display: block !important
    }

    .hero .full-video .vjs-control, .hero .full-video .vjs-volume-panel-horizontal {
        width: 3rem !important
    }

    .hero .full-video .vjs-custom-control-spacer, .hero .full-video .vjs-live-control, .hero .full-video .vjs-menu-button, .hero .full-video .vjs-progress-control, .hero .full-video .vjs-time-control, .hero .full-video .vjs-volume-horizontal {
        display: none !important
    }

.transparent-video-img {
    width: 100%;
    position: relative;
    z-index: -10
}

.full-video .video-brightcove, .full-video iframe, .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    overflow: hidden
}

.video-cover {
    z-index: 10;
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.video-embed {
    z-index: 1
}

.accordion-tabs {
    position: relative;
    height: auto;
    margin-bottom: 1.6667rem
}

    .accordion-tabs .accordion-tab-trigger, .accordion-tabs .tab-trigger {
        height: 5.2rem;
        padding: 1.25rem;
        background-color: #fff;
        cursor: pointer
    }

        .accordion-tabs .accordion-tab-trigger.active, .accordion-tabs .tab-trigger.active {
            background-color: #000;
            pointer-events: none
        }

            .accordion-tabs .accordion-tab-trigger.active h2, .accordion-tabs .tab-trigger.active h2 {
                color: #fff
            }

                .accordion-tabs .accordion-tab-trigger.active h2:after, .accordion-tabs .tab-trigger.active h2:after {
                    content: '–'
                }

        .accordion-tabs .accordion-tab-trigger h2, .accordion-tabs .tab-trigger h2 {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: rgba(0,0,0,.6);
            font-size: 1.3333rem;
            font-family: brown-regular,sans-serif;
            text-transform: uppercase;
            letter-spacing: .05rem
        }

html[lang=ru] .accordion-tabs .accordion-tab-trigger h2, html[lang=ru] .accordion-tabs .tab-trigger h2 {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .accordion-tabs .accordion-tab-trigger h2, html[lang=ko] .accordion-tabs .tab-trigger h2 {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .accordion-tabs .accordion-tab-trigger h2, html[lang=zh-cn] .accordion-tabs .tab-trigger h2 {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .accordion-tabs .accordion-tab-trigger h2, html[lang=ar] .accordion-tabs .tab-trigger h2 {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.accordion-tabs .accordion-tab-trigger h2:after, .accordion-tabs .tab-trigger h2:after {
    content: '+';
    position: absolute;
    top: -.6667rem;
    right: 0;
    font-size: 2.1667rem
}

.active .accordion-tabs .accordion-tab-trigger h2:after, .active .accordion-tabs .tab-trigger h2:after {
    content: '-'
}

.accordion-tabs .accordion-tab-content .accordion-trigger {
    margin-bottom: .8333rem;
    padding-top: 1.3333rem;
    padding-bottom: 1.3333rem
}

.accordion-tabs .accordion-tab-content .accordion-trigger-text {
    font-size: 1.1667rem;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .accordion-tabs .accordion-tab-content .accordion-trigger-text {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .accordion-tabs .accordion-tab-content .accordion-trigger-text {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .accordion-tabs .accordion-tab-content .accordion-trigger-text {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .accordion-tabs .accordion-tab-content .accordion-trigger-text {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.accordion-tabs .accordion-tab-content .accordion-content {
    margin-bottom: 1.5rem
}

.accordion-tabs .accordion-tab-content .module-free-text-header {
    margin-bottom: 1rem;
    font-family: brown-regular,sans-serif;
    letter-spacing: .05rem
}

html[lang=ru] .accordion-tabs .accordion-tab-content .module-free-text-header {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .accordion-tabs .accordion-tab-content .module-free-text-header {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .accordion-tabs .accordion-tab-content .module-free-text-header {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .accordion-tabs .accordion-tab-content .module-free-text-header {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.accordion-tabs .accordion-tab-content p + .module-free-text-header {
    margin-top: 2rem
}

.tab-trigger {
    top: 0;
    left: 0;
    float: left;
    width: 25%;
    height: 5.2rem;
    padding: 1.25rem;
    border-style: solid;
    border-color: #000;
    border-width: 1px 0 0 1px;
    cursor: pointer
}

    .tab-trigger:last-child {
        border-width: 1px 1px 0 1px
    }

.layout-reversed .tab-trigger {
    float: right;
    left: auto;
    right: 0;
    border-width: 1px 1px 0 0
}

    .layout-reversed .tab-trigger:last-child {
        border-width: 1px 1px 0 1px
    }

.accordion-tab-content {
    width: 100%;
    height: auto;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .accordion-tab-content {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .accordion-tab-content {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .accordion-tab-content {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .accordion-tab-content {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.accordion-tab-content > div {
    width: 100%;
    height: 100%;
    padding: .8333rem;
    border: .0833rem solid #000;
    border-bottom: none;
    background-color: #fff
}

.accordion-tab-wrap:last-child .accordion-tab-content > div {
    border-bottom: .0833rem solid #000
}

.accordion-tab-content .module-free-text-header {
    margin-bottom: 1.6667rem;
    font-size: 1.3333rem !important;
    text-transform: uppercase
}

    .accordion-tab-content .module-free-text-header sup {
        font-size: .7em
    }

    .accordion-tab-content .module-free-text-header::after {
        display: none
    }

.accordion-tab-content .overlay-getting-here {
    width: 100%;
    text-align: center;
    margin-bottom: 1.6667rem
}

    .accordion-tab-content .overlay-getting-here .button {
        display: inline-block
    }

.accordion-tab-content[data-tab=shopping-express] .overlay-getting-here {
    margin-top: 3rem
}

.accordion-tab-trigger {
    border-style: solid;
    border-color: #000;
    border-width: 1px 1px 0;
    cursor: pointer
}

.accordion-tab-wrap:last-child .accordion-tab-trigger {
    border-width: 1px
}

a.accordion-trigger {
    color: #000;
    opacity: 1;
    display: block;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

    a.accordion-trigger:hover {
        opacity: 1
    }

#chilternrailways .select-wrapper {
    width: 84%;
    display: inline-block;
    margin: 0 auto .8333rem
}

#chilternrailways .from-and-to {
    text-align: center;
    margin-top: 1rem
}

    #chilternrailways .from-and-to::after {
        clear: both;
        content: "";
        display: table
    }

#chilternrailways .from {
    z-index: 2
}

#chilternrailways .to {
    z-index: 1
}

#chilternrailways .platform {
    display: inline
}

#chilternrailways .table, #chilternrailways .tbody .tr {
    width: 100%
}

#chilternrailways .td, #chilternrailways .th {
    display: inline-block;
    vertical-align: top
}

#chilternrailways .thead {
    display: block
}

#chilternrailways .tbody .tr .td, #chilternrailways .th {
    padding-top: 1rem;
    padding-right: .5rem;
    padding-left: .5rem
}

#chilternrailways .tfoot, #chilternrailways .thead .tr {
    background-color: #e5e5e5
}

    #chilternrailways .tfoot .td, #chilternrailways .thead .th {
        color: #333;
        border: none
    }

#chilternrailways .tr:last-child {
    border: none
}

#chilternrailways .tfoot .td {
    text-align: center;
    width: 100%;
    padding-top: 1rem
}

#chilternrailways .no-trains-text {
    display: none
}

#chilternrailways .timestamp {
    line-height: 1rem;
    font-size: .8333rem
}

#chilternrailways .tbody .tr .td {
    color: #777
}

#chilternrailways .tbody .tr.no-trains {
    text-align: center;
    color: #777;
    padding: 3.3333rem 0;
    line-height: 1.1667rem;
    font-size: 1rem
}

#chilternrailways .tr {
    font-size: 0
}

#chilternrailways .td, #chilternrailways .th {
    line-height: 1rem;
    font-size: .8333rem
}

#chilternrailways .tbody .tr .td:nth-child(1), #chilternrailways .thead .tr .th:nth-child(1) {
    width: 13%
}

#chilternrailways .tbody .tr .td:nth-child(2), #chilternrailways .thead .tr .th:nth-child(2) {
    width: 35%
}

#chilternrailways .tbody .tr .td:nth-child(3), #chilternrailways .thead .tr .th:nth-child(3) {
    width: 27%
}

#chilternrailways .tbody .tr .td:nth-child(4), #chilternrailways .thead .tr .th:nth-child(4) {
    width: 23%
}

.accordion-tab-content[data-tab=trains] .widget-slot {
    margin-top: 3rem
}

    .accordion-tab-content[data-tab=trains] .widget-slot .module-free-text-copy {
        margin-bottom: 2.5rem
    }

        .accordion-tab-content[data-tab=trains] .widget-slot .module-free-text-copy a strong {
            color: #000;
            text-decoration: underline
        }

[type=radio] {
    position: absolute;
    left: -9999px
}

    [type=radio] + label {
        position: relative;
        padding-right: 10px;
        padding-left: 25px;
        cursor: pointer;
        display: inline-block;
        min-height: 25px;
        line-height: 15px;
        font-size: 1rem;
        transition: all .28s ease;
        padding-top: .4167rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

        [type=radio] + label:after, [type=radio] + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            margin: 4px;
            width: 16px;
            height: 16px;
            z-index: 0;
            transition: .28s ease
        }

        [type=radio] + label:before {
            border-radius: 50%;
            border: 1px solid #b7b7b7
        }

        [type=radio] + label:after {
            border-radius: 50%;
            border: 1px solid #b7b7b7;
            z-index: -1;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0)
        }

    [type=radio]:checked + label:before {
        border-radius: 50%;
        border: 1px solid transparent
    }

    [type=radio]:checked + label:after {
        border-radius: 50%;
        border: 1px solid #000;
        background-color: #000;
        z-index: 0;
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02)
    }

    [type=radio]:focus + input[type=hidden] + label, [type=radio]:focus + label {
        outline-width: 2px;
        outline-style: solid;
        outline-color: Highlight
    }

    [type=radio].with-gap:checked + label:before {
        border-radius: 50%;
        border: 1px solid #000
    }

    [type=radio].with-gap:checked + label:after {
        border-radius: 50%;
        border: 1px solid #000;
        background-color: #000;
        z-index: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    [type=radio] [type=radio]:disabled + label {
        color: gray
    }

        [type=radio] [type=radio]:disabled + label:before {
            background-color: transparent;
            border-color: gray
        }

            [type=radio] [type=radio]:disabled + label:before:hover {
                border-color: gray
            }

    [type=radio]:disabled:checked + label:before, [type=radio]:disabled:not(:checked) + label:before {
        background-color: transparent;
        border-color: gray
    }

    [type=radio]:disabled + label {
        color: gray
    }

    [type=radio]:disabled:not(:checked) + label:hover:before {
        border-color: gray
    }

.checkbox-wrap {
    position: relative;
    line-height: 150%;
    margin: 1.6667rem 0 .8333rem .4167rem
}

    .checkbox-wrap input[type=checkbox] {
        position: absolute;
        opacity: 0
    }

.layout-reversed .checkbox-wrap label {
    padding-right: 2.3333rem;
    padding-left: 0;
    text-align: right
}

    .layout-reversed .checkbox-wrap label:after, .layout-reversed .checkbox-wrap label:before {
        right: 0
    }

    .layout-reversed .checkbox-wrap label:before {
        right: 0
    }

.layout-reversed .checkbox-wrap input[type=checkbox] {
    margin-right: .25rem
}

.checkbox-wrap label {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    padding-left: 2.3333rem
}

    .checkbox-wrap label [type=radio] + label {
        position: relative
    }

    .checkbox-wrap label:after, .checkbox-wrap label:before {
        content: "";
        position: absolute;
        width: 1.8333rem;
        height: 1.8333rem;
        top: -.25rem;
        left: -.4rem
    }

    .checkbox-wrap label:before {
        transition: all .3s ease-in-out;
        z-index: 1;
        border: 1px solid #b7b7b7
    }

    .checkbox-wrap label:after {
        background: #fff
    }

.checkbox-wrap input[type=checkbox]:checked ~ label:not(.box-check-trigger):before {
    -webkit-transform: rotate(-45deg) translate(3px,-3px);
    -ms-transform: rotate(-45deg) translate(3px,-3px);
    transform: rotate(-45deg) translate(3px,-3px);
    height: .8333rem;
    width: 2rem;
    border-color: #000;
    border-top-style: none;
    border-right-style: none
}

.box-check-wrapper::after {
    clear: both;
    content: "";
    display: table
}

.box-check-wrapper .box-check {
    float: left;
    margin-top: .4rem;
    cursor: pointer;
    transition: opacity .2s ease
}

    .box-check-wrapper .box-check input[type=checkbox] {
        display: block;
        position: absolute;
        top: .75rem;
        left: .3333rem;
        opacity: .01
    }

        .box-check-wrapper .box-check input[type=checkbox]:checked ~ .box-check-trigger:before {
            background-size: 100%
        }

        .box-check-wrapper .box-check input[type=checkbox]:focus ~ .box-check-trigger {
            outline-width: 2px;
            outline-style: solid;
            outline-color: Highlight
        }

    .box-check-wrapper .box-check.disabled {
        opacity: .6
    }

        .box-check-wrapper .box-check.disabled:hover * {
            cursor: default !important
        }

.layout-reversed .box-check-wrapper .box-check {
    float: right
}

.box-check-wrapper .box-check-trigger {
    position: relative;
    padding-left: 2.0833rem;
    margin-right: 1.1667rem;
    color: #969899
}

    .box-check-wrapper .box-check-trigger:before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        display: inline-block;
        width: 1.5rem;
        height: 1.5rem;
        background: url(../img/src/deco/checkbox-cross-grey18x18.png) center center no-repeat;
        background-size: 0;
        border: 1px solid #969899;
        transition: all .3s ease
    }

    .box-check-wrapper .box-check-trigger:after {
        display: none
    }

#login form .checkbox-wrap {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#login form .checkbox-wrap, .signin-form-content .checkbox-wrap {
    margin-left: 0
}

    #login form .checkbox-wrap label, .signin-form-content .checkbox-wrap label {
        position: relative;
        float: left;
        margin-bottom: 0;
        line-height: 2.0833rem
    }

        #login form .checkbox-wrap label:before, .signin-form-content .checkbox-wrap label:before {
            top: 0;
            left: 0
        }

.layout-reversed #login form .checkbox-wrap label, .layout-reversed .signin-form-content .checkbox-wrap label {
    float: right
}

#login form .checkbox-wrap input[type=checkbox], .signin-form-content .checkbox-wrap input[type=checkbox] {
    display: none
}

#login form .checkbox-wrap .tooltip-wrapper, .signin-form-content .checkbox-wrap .tooltip-wrapper {
    position: relative;
    float: left;
    margin-left: 10px
}

.layout-reversed #login form .checkbox-wrap .tooltip-wrapper, .layout-reversed .signin-form-content .checkbox-wrap .tooltip-wrapper {
    float: right;
    margin-left: 0;
    margin-right: 10px
}

#login form .checkbox-wrap .tooltip-trigger, .signin-form-content .checkbox-wrap .tooltip-trigger {
    width: 1.5rem;
    height: 1.5rem
}

    #login form .checkbox-wrap .tooltip-trigger:before, .signin-form-content .checkbox-wrap .tooltip-trigger:before {
        font-size: .8rem
    }

.page-products .hero-search {
    max-width: 24rem
}

.ui-timepicker-wrapper {
    z-index: 10001;
    height: 12.5rem;
    width: calc(100% - 104px);
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    outline: 0
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em
        }

.ui-timepicker-list {
    list-style: none
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888
}

.ui-timepicker-list li {
    padding: .25rem 0 .25rem .4167rem;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000
}

.ui-timepicker-list .ui-timepicker-selected:hover, .ui-timepicker-list li:hover, li.ui-timepicker-selected {
    background: #b7b7b7;
    color: #fff
}

    .ui-timepicker-list li:hover .ui-timepicker-duration, li.ui-timepicker-selected .ui-timepicker-duration {
        color: #ccc
    }

.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled, .ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
    cursor: default
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2
    }

input::-webkit-calendar-picker-indicator {
    display: none
}

input[type=date]::-webkit-input-placeholder {
    visibility: hidden !important
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute;
    width: .0833rem;
    height: .0833rem;
    margin: -.0833rem;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.ui-helper-reset {
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: '';
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: .1667rem;
        width: 1.8em;
        height: 1.8em
    }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            margin-left: -8px;
            margin-top: -8px
        }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: .0833rem
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .1667rem
    }

    .ui-datepicker .ui-datepicker-next {
        right: .1667rem
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: .0833rem
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: .0833rem
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: .0833rem 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        margin: 0 0 .4em;
        font-size: .9em;
        border-collapse: collapse
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif;
        border: 0
    }

html[lang=ru] .ui-datepicker th {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .ui-datepicker th {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .ui-datepicker th {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .ui-datepicker th {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.ui-datepicker th html[lang=ru], html[lang=ar] .ui-datepicker th, html[lang=ko] .ui-datepicker th, html[lang=zh-cn] .ui-datepicker th {
    font-weight: 700
}

.ui-datepicker td {
    padding: .0833rem;
    border: 0
}

    .ui-datepicker td a, .ui-datepicker td span {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        width: auto;
        margin: .5em .2em .4em;
        padding: .2em .6em .3em;
        cursor: pointer;
        overflow: visible
    }

        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left
        }

.ui-widget {
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background: #fff;
    color: #222
}

    .ui-widget-content a {
        color: #222
    }

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc;
    color: #222;
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .ui-widget-header {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .ui-widget-header {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .ui-widget-header {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .ui-widget-header {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.ui-widget-header html[lang=ru], html[lang=ar] .ui-widget-header, html[lang=ko] .ui-widget-header, html[lang=zh-cn] .ui-widget-header {
    font-weight: 700
}

.ui-widget-header a {
    color: #222
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #f5f5f5;
    font-weight: 400;
    color: #555
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #555;
        text-decoration: none
    }

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #000;
    background: #000;
    font-weight: 400;
    color: #fff;
    opacity: 1
}

.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    background: 0 0 !important;
    border: none !important
}

    .ui-datepicker-next span, .ui-datepicker-prev span {
        background: 0 0 !important;
        width: 0;
        height: 0
    }

    .ui-datepicker-next span {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 10px solid #fff
    }

    .ui-datepicker-prev span {
        border-top: 7px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 7px solid transparent
    }

.ui-state-active a, .ui-state-active a:hover, .ui-state-active a:link, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link {
    color: #212121;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #000;
    font-weight: 400;
    color: #fff
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #b7b7b7;
    background: #b7b7b7;
    color: #fff
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec;
    color: #cd0a0a
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .ui-priority-primary, html[lang=ru] .ui-widget-content .ui-priority-primary, html[lang=ru] .ui-widget-header .ui-priority-primary {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .ui-priority-primary, html[lang=ko] .ui-widget-content .ui-priority-primary, html[lang=ko] .ui-widget-header .ui-priority-primary {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .ui-priority-primary, html[lang=zh-cn] .ui-widget-content .ui-priority-primary, html[lang=zh-cn] .ui-widget-header .ui-priority-primary {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .ui-priority-primary, html[lang=ar] .ui-widget-content .ui-priority-primary, html[lang=ar] .ui-widget-header .ui-priority-primary {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.ui-priority-primary html[lang=ru], .ui-widget-content .ui-priority-primary html[lang=ru], .ui-widget-header .ui-priority-primary html[lang=ru], html[lang=ar] .ui-priority-primary, html[lang=ar] .ui-widget-content .ui-priority-primary, html[lang=ar] .ui-widget-header .ui-priority-primary, html[lang=ko] .ui-priority-primary, html[lang=ko] .ui-widget-content .ui-priority-primary, html[lang=ko] .ui-widget-header .ui-priority-primary, html[lang=zh-cn] .ui-priority-primary, html[lang=zh-cn] .ui-widget-content .ui-priority-primary, html[lang=zh-cn] .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none
}

.ui-icon {
    width: 1.3333rem;
    height: 1.3333rem
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../img/src/datepicker-icons/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-radius: 0 !important
}

.ui-widget-overlay, .ui-widget-shadow {
    background: #aaa url(../img/src/datepicker-icons/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3
}

.ui-widget-shadow {
    margin: -.6667rem 0 0 -.6667rem;
    padding: .6667rem;
    border-radius: 8px
}

.cookies-container {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    display: none;
    width: 100%;
    padding: 0 .7rem .4rem;
    background-color: #b0d4e2;
    border-top: 2px solid #000;
    opacity: .95;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .cookies-container .page-wrapper-wide {
        padding-top: 2.0833rem !important;
        padding-bottom: 1.25rem !important
    }

        .cookies-container .page-wrapper-wide p {
            margin-bottom: 0
        }

    .cookies-container .row {
        position: relative;
        padding-right: 4.1667rem
    }

.cookies-close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    color: #000
}

    .cookies-close:focus, .cookies-close:hover, .cookies-close:visited {
        color: #000;
        opacity: 1
    }

.table-scroll {
    width: 100%;
    overflow: auto
}

.content-table {
    width: 100%;
    min-width: 900px;
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    margin-bottom: 1.6667rem;
    color: #777;
    font-size: 1.25rem
}

    .content-table td, .content-table th {
        padding: .6667rem;
        line-height: 2rem;
        text-align: left;
        vertical-align: top;
        border-collapse: collapse
    }

        .content-table td:first-child, .content-table th:first-child {
            width: 8.3333rem
        }

        .content-table td:last-child, .content-table th:last-child {
            width: 55%
        }

    .content-table td {
        border-top: 1px solid #ddd
    }

    .content-table tr {
        border-bottom: none
    }

        .content-table tr:nth-child(odd) td {
            background-color: #f9f9f9
        }

    .content-table ul {
        list-style-type: disc;
        margin: 0 0 .8333rem 2.0833rem
    }

.small-info {
    font-size: 10px
}

.page-products .small-info, .page-products-new .small-info {
    text-align: center;
    margin-bottom: 5rem
}

.search-results-form {
    margin-bottom: 5rem
}

.search-results {
    margin-top: 1.6667rem
}

    .search-results .search-item {
        margin-bottom: 5rem
    }

        .search-results .search-item .search-item-title {
            font-size: 1.4167rem;
            color: #333;
            margin-bottom: 1.1667rem
        }

        .search-results .search-item .search-item-link {
            margin-top: -.8333rem
        }

    .search-results .search-results-pagination {
        height: 2.0833rem;
        margin: 5rem 0 0 -.5833rem;
        padding: 0
    }

        .search-results .search-results-pagination li {
            width: 2.0833rem;
            height: 100%;
            text-align: center;
            font-family: brown-regular,sans-serif;
            list-style: none;
            float: left
        }

html[lang=ru] .search-results .search-results-pagination li {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .search-results .search-results-pagination li {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .search-results .search-results-pagination li {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .search-results .search-results-pagination li {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.search-results .search-results-pagination li a {
    color: #ccc;
    width: 100%;
    height: 100%
}

.search-results .search-results-pagination li .active, .search-results .search-results-pagination li :hover {
    color: #333
}

.nav-weather {
    background: #fff;
    height: auto
}

.touchevents .nav-weather {
    position: relative
}

    .touchevents .nav-weather:before {
        content: ""
    }

    .touchevents .nav-weather:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: .5rem;
        font-size: .5rem;
        color: #8b8b8b;
        transition: all .2s ease;
        -webkit-transform-origin: center 0;
        -ms-transform-origin: center 0;
        transform-origin: center 0
    }

    .touchevents .nav-weather.weather-open:before, .weather-open .touchevents .nav-weather:before {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .touchevents .nav-weather:before {
        position: absolute;
        right: 0;
        bottom: .8rem;
        left: 0;
        margin: 0 auto
    }

.weather-thumb {
    display: none
}

.weather-thumb-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem
}

.weather-thumb-img, .weather-thumb-temp {
    vertical-align: middle
}

.weather-thumb-temp {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    color: #191919;
    font-size: 1.6rem;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .weather-thumb-temp {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .weather-thumb-temp {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .weather-thumb-temp {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .weather-thumb-temp {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.weather-thumb-temp:before {
    content: ""
}

.weather-thumb-temp:before {
    display: inline-block;
    height: inherit;
    margin-right: .2rem;
    margin-left: .2rem;
    font-size: 1rem;
    font-family: icons;
    font-variant: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: .5rem;
    font-size: .5rem;
    color: #8b8b8b;
    transition: all .2s ease;
    -webkit-transform-origin: center 0;
    -ms-transform-origin: center 0;
    transform-origin: center 0
}

.weather-open .weather-thumb-temp:before, .weather-thumb-temp.weather-open:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.weather-thumb-temp:before {
    position: absolute;
    top: 50%;
    right: -2rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .6rem
}

.weather-main {
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.touchevents .weather-main {
    position: relative;
    display: block !important
}

.weather-large {
    padding-right: .4rem;
    padding-bottom: 1rem;
    text-align: center
}

.touchevents .weather-large {
    padding-bottom: 2rem
}

.weather-large-title {
    color: #9e9e9e;
    text-align: center;
    font-size: 1.0833rem
}

.touchevents .weather-large-title {
    margin-bottom: .8rem;
    padding-top: 1.6rem;
    line-height: 1
}

.weather-large-highLow, .weather-large-img, .weather-large-temp {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.weather-large-img {
    width: 5.3333rem
}

.weather-large-temp {
    display: inline-block;
    margin-left: .2rem;
    color: #191919;
    font-size: 3.8rem;
    font-family: brown-regular,sans-serif;
    line-height: 1
}

html[lang=ru] .weather-large-temp {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .weather-large-temp {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .weather-large-temp {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .weather-large-temp {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.weather-large-highLow {
    margin-left: 1.2rem;
    font-size: 1.2rem;
    line-height: 1.4
}

    .weather-large-highLow span {
        display: block
    }

.weather-large-high {
    color: #191919
}

.weather-large-low {
    padding-top: .3rem;
    color: #8f8f8f
}

.weather-large-temp sup, .weather-thumb-temp sup {
    font-size: 52%
}

.weather-extended {
    display: none;
    padding-top: 1.6rem;
    border-top: 1px solid #dedede
}

    .weather-extended::after {
        clear: both;
        content: "";
        display: table
    }

.touchevents .weather-extended {
    margin-top: -1rem;
    padding-bottom: 3.2rem
}

.weather-extended-col {
    float: left;
    display: block;
    width: 20%;
    text-align: center
}

.weather-extended-day {
    color: #a9a9a9
}

.touchevents .weather-extended-day {
    margin-bottom: .5rem;
    line-height: 1.2
}

.weather-extended-img {
    width: 2.6667rem;
    margin-bottom: .6rem
}

.touchevents .weather-extended-img {
    margin-bottom: -.6rem
}

.weather-extended-highLow {
    margin-bottom: 0;
    font-size: .9rem
}

.touchevents .weather-extended-highLow {
    line-height: 1.2
}

.weather-extended-highLow span {
    display: block
}

.weather-extended-high {
    color: #191919
}

.weather-extended-low {
    color: #ababab
}

.zoom-container {
    position: relative;
    display: inline-block;
    text-align: center;
    min-height: 20.8333rem;
    margin-top: 1.6667rem
}

    .zoom-container.zoom-container-hover {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

        .zoom-container.zoom-container-hover .zoom-tooltip {
            opacity: 1
        }

    .zoom-container.zoom-container-hoverDisable {
        cursor: pointer
    }

        .zoom-container.zoom-container-hoverDisable .zoom-tooltip {
            opacity: 0
        }

.zoom-tooltip {
    position: fixed;
    z-index: 500;
    padding: .1rem .6rem;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    font-family: brown-regular,sans-serif;
    text-transform: none;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .3s ease
}

html[lang=ru] .zoom-tooltip {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .zoom-tooltip {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .zoom-tooltip {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .zoom-tooltip {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.zoom-large {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50) translate3d(0,0,0);
    -ms-transform: translateX(-50%) translateY(-50) translate3d(0,0,0);
    transform: translateX(-50%) translateY(-50) translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    z-index: -1;
    width: 0;
    height: 0;
    background: rgba(0,0,0,.8);
    opacity: 0;
    transition: all .5s ease
}

    .zoom-large.zoom-open {
        top: 0;
        left: 0;
        z-index: 1200;
        width: 100%;
        height: 106%;
        border: 1px solid #707070;
        opacity: 1;
        cursor: default
    }

html.touchevents .zoom-large {
    overflow: hidden
}

html:not(.touchevents) .zoom-large {
    overflow-y: auto;
    padding-bottom: 10rem
}

html:not(.touchevents) .slick-slide.zoom-container {
    outline: 0
}

.zoom-loaded .zoom-spinner {
    display: none
}

.zoom-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50);
    -ms-transform: translateX(-50%) translateY(-50);
    transform: translateX(-50%) translateY(-50);
    display: block;
    width: 3.3333rem;
    height: 3.3333rem;
    margin-top: -1.6667rem;
    margin-left: -1.6667rem;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    border-radius: 50%;
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite
}

    .zoom-spinner.dark {
        border-color: #333
    }

.zoom-img-container {
    width: 100%;
    height: 100%;
    -ms-touch-action: none;
    touch-action: none;
    margin: 0 auto
}

html.touchevents .zoom-img-container {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    max-width: 50rem;
    overflow: hidden;
    background: #fff
}

html:not(.touchevents) .zoom-img-container {
    height: auto;
    cursor: default !important
}

.zoom-img {
    display: none;
    transition: opacity .3s ease,-webkit-transform .1s ease;
    transition: opacity .3s ease,transform .1s ease;
    transition: opacity .3s ease,transform .1s ease,-webkit-transform .1s ease
}

html.touchevents .zoom-img {
    -webkit-transform: translate(-25%,-25%);
    -ms-transform: translate(-25%,-25%);
    transform: translate(-25%,-25%);
    max-width: none;
    max-width: initial
}

html:not(.touchevents) .zoom-img {
    margin: 0 auto
}

.zoom-close {
    margin: 0 auto;
    display: block;
    padding-top: 3.8rem;
    color: #fff;
    font-size: 1.4rem;
    font-family: brown-regular,sans-serif;
    letter-spacing: .05rem;
    letter-spacing: .1rem;
    opacity: 1;
    -webkit-backface-visibility: hidden
}

html[lang=ru] .zoom-close {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .zoom-close {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .zoom-close {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .zoom-close {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.zoom-close:before {
    content: ""
}

html.touchevents .zoom-close {
    position: absolute;
    top: 15%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

html:not(.touchevents) .zoom-close {
    position: relative;
    margin: 2.6rem auto 2rem
}

.zoom-close:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: inline-block;
    height: inherit;
    margin-right: .2rem;
    margin-left: .2rem;
    font-size: 1rem;
    font-family: icons;
    font-variant: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.4rem
}

.slider-zoom-open {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.hero-nav-wrapper + p {
    margin-top: 3.6rem
}

p + .hero-nav-wrapper {
    margin-top: 2.4rem
}

.hero-nav-list {
    display: none;
    text-align: center;
    margin-bottom: -1.8rem
}

.hero-nav-list-item {
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 1.8rem
}

    .hero-nav-list-item:last-child {
        margin-right: 0
    }

    .hero-nav-list-item a {
        font-family: brown-regular,sans-serif;
        text-transform: uppercase;
        color: #000;
        font-size: 1.1667rem
    }

html[lang=ru] .hero-nav-list-item a {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .hero-nav-list-item a {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .hero-nav-list-item a {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .hero-nav-list-item a {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.layout-reversed .hero-nav-list-item {
    margin-right: 0;
    margin-left: 2%
}

    .layout-reversed .hero-nav-list-item:last-child {
        margin-left: 0
    }

.hero-nav-dropdown {
    max-width: 26rem;
    width: 84%;
    margin-right: auto;
    margin-bottom: 1rem;
    margin-left: auto;
    text-align: center
}

    .hero-nav-dropdown select {
        text-align: center;
        text-align-last: center
    }

    .hero-nav-dropdown option {
        text-align: center
    }

.credits {
    display: inline-block;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    border-style: solid;
    border-color: #b2b2b2;
    border-width: 1px 0
}

    .credits p {
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: .9167rem !important
    }

        .credits p a {
            color: #000;
            font-family: bonodiBe-medium,serif
        }

html[lang=ru] .credits p a {
    font-family: "Playfair Display",serif
}

html[lang=ko] .credits p a {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .credits p a {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .credits p a {
    font-family: "Almarai-regular",serif
}

.credits.centre {
    width: 100%;
    max-width: 30rem;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5%;
    padding-left: 5%;
    text-align: center
}

.module-hero-new .credits {
    margin-top: 3rem
}

.full-bleed-img-carousel-wrapper {
    position: relative
}

.full-bleed-img-carousel .carousel-cell {
    width: 100%
}

.full-bleed-img-carousel img {
    display: block;
    width: 100%;
    height: auto
}

.full-bleed-img-carousel-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.full-bleed-img-carousel-by {
    margin-top: 1.6rem;
    margin-bottom: 0;
    text-align: center;
    font-size: .9167rem
}

    .full-bleed-img-carousel-by a {
        color: #000;
        font-family: bonodiBe-medium,serif
    }

html[lang=ru] .full-bleed-img-carousel-by a {
    font-family: "Playfair Display",serif
}

html[lang=ko] .full-bleed-img-carousel-by a {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .full-bleed-img-carousel-by a {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .full-bleed-img-carousel-by a {
    font-family: "Almarai-regular",serif
}

.editorial-detail-list .module-content-center {
    text-align: center
}

.content-list-2-col {
    text-align: center
}

    .content-list-2-col .col-content {
        width: 100%;
        max-width: 28.3333rem;
        margin-top: 3rem;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.6667rem;
        padding-left: 1.6667rem
    }

.content-list-col-wrapper {
    position: relative
}

    .content-list-col-wrapper .col-image-wrapper {
        overflow: hidden;
        max-height: 45rem
    }

.content-list-number {
    margin-bottom: 0;
    color: #9f9f9f !important;
    font-size: 7.6667rem !important;
    font-family: bonodiBe-italic,serif;
    line-height: 1 !important
}

html[lang=ru] .content-list-number {
    font-family: "Playfair Display",serif
}

html[lang=ko] .content-list-number {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .content-list-number {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .content-list-number {
    font-family: "Almarai-regular",serif
}

.content-list-number html[lang=ru], html[lang=ar] .content-list-number, html[lang=ko] .content-list-number, html[lang=zh-cn] .content-list-number {
    font-style: italic
}

.content-list-title {
    margin-bottom: 1.2rem;
    font-size: 1.8333rem;
    text-transform: uppercase
}

.content-list-item {
    padding-top: 2rem;
    padding-bottom: 2rem
}

    .content-list-item .module-content-center {
        text-align: center
    }

    .content-list-item .content-list-2-col {
        text-align: center
    }

        .content-list-item .content-list-2-col .col-content {
            width: 100%;
            max-width: 28.3333rem;
            margin-top: 3rem;
            margin-right: auto;
            margin-left: auto;
            padding-right: 1.6667rem;
            padding-left: 1.6667rem
        }

    .content-list-item .content-list-col-wrapper {
        position: relative
    }

        .content-list-item .content-list-col-wrapper .col-image-wrapper {
            overflow: hidden;
            max-height: 45rem
        }

    .content-list-item .content-list-number {
        margin-bottom: 0;
        color: #9f9f9f !important;
        font-size: 7.6667rem !important;
        font-family: bonodiBe-italic,serif;
        line-height: 1 !important
    }

html[lang=ru] .content-list-item .content-list-number {
    font-family: "Playfair Display",serif
}

html[lang=ko] .content-list-item .content-list-number {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .content-list-item .content-list-number {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .content-list-item .content-list-number {
    font-family: "Almarai-regular",serif
}

.content-list-item .content-list-number html[lang=ru], html[lang=ar] .content-list-item .content-list-number, html[lang=ko] .content-list-item .content-list-number, html[lang=zh-cn] .content-list-item .content-list-number {
    font-style: italic
}

.content-list-item .content-list-title {
    margin-bottom: 1.2rem;
    font-size: 1.8333rem;
    text-transform: uppercase
}

.content-list-item .content-list-item {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.travel-item {
    margin-bottom: 0
}

    .travel-item .module-content-wrapper {
        max-width: 63.6667rem !important
    }

    .travel-item .content-list-copy, .travel-item .editorial-detail-copy, .travel-item.component-wrapper-new.module-hero-new .content-list-copy p, .travel-item.component-wrapper-new.module-hero-new .editorial-detail-copy p {
        text-align: left
    }

.layout-reversed .travel-item .content-list-copy, .layout-reversed .travel-item .editorial-detail-copy, .layout-reversed .travel-item.component-wrapper-new.module-hero-new .content-list-copy p, .layout-reversed .travel-item.component-wrapper-new.module-hero-new .editorial-detail-copy p {
    text-align: right
}

.travel-item .editorial-detail-copy, .travel-item .showcase-products, .travel-item.component-wrapper-new.module-hero-new p {
    max-width: 55rem
}

#product-modal .modal-body {
    min-height: initial;
    position: static
}

.product-modal .modal-content {
    text-align: left
}

.product-modal .modal-body {
    display: block
}

.product-info-overlay {
    position: relative;
    padding: 2rem;
    overflow: auto;
    text-transform: none
}

    .product-info-overlay hr {
        margin-top: 25px
    }

.product-info-overlay__gallery {
    text-align: center
}

.product-info-overlay h2 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 800
}

.product-info-overlay__info .half {
    float: left;
    display: block;
    margin-right: 0;
    width: 50%
}

    .product-info-overlay__info .half:last-child {
        margin-right: 0
    }

.product-info-overlay__info h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px
}

.product-info-overlay__brand h2 {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 15px
}

.product-info-overlay__cta a {
    display: block;
    cursor: pointer;
    color: #333;
    margin-bottom: 2px
}

.product-info-overlay__share {
    max-width: 160px
}

.product-info-overlay .product-price {
    text-transform: uppercase
}

.product-info-overlay .share-list {
    text-align: left;
    display: block
}

.product-info-overlay .arrow-anim .long-arrow {
    margin-top: -.2rem
}

.arrow-anim-wrapper {
    position: relative
}

.arrow-anim {
    font-size: 1.25rem;
    width: 3.3333rem;
    float: left;
    overflow: hidden;
    position: absolute;
    margin-left: .4167rem;
    line-height: 1.5rem;
    height: 1.5rem
}

    .arrow-anim .long-arrow {
        position: relative;
        display: block;
        left: -1.6667rem;
        margin-top: -.2rem;
        line-height: 1.5rem;
        height: 1.5rem;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease
    }

        .arrow-anim .long-arrow svg {
            transform: translateZ(0);
            -webkit-transform: scale(.5);
            -ms-transform: scale(.5);
            transform: scale(.5)
        }

a:hover .arrow-anim .long-arrow {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.lt-ie12 .arrow-anim .long-arrow svg {
    -webkit-transform: scale(.58);
    -ms-transform: scale(.58);
    transform: scale(.58)
}

.password-show-wrapper {
    position: relative
}

    .password-show-wrapper input {
        padding-right: 4.6rem
    }

.password-show-inner {
    position: relative
}

.password-show-trigger {
    position: absolute;
    top: .8rem;
    right: .8rem;
    text-transform: uppercase;
    text-decoration: underline
}

#registration-modal .modal-dialog {
    border-radius: 0
}

#registration-modal.no-image .modal-dialog {
    max-width: 40rem
}

#registration-modal:not(.no-image) .modal-dialog {
    max-width: 80rem;
    margin-top: 1rem
}

#registration-modal:not(.no-image) .modal-close {
    width: 30px;
    height: 30px;
    margin: 15px;
    padding: 0;
    background: rgba(255,255,255,.5);
    line-height: 2.2;
    background: rgba(255,255,255,.5)
}

#registration-modal .module-new {
    margin-bottom: 0;
    height: auto;
    max-height: 100%;
    padding-bottom: 6.2rem
}

    #registration-modal .module-new .module-text-copy p {
        margin-bottom: 1rem
    }

    #registration-modal .module-new a:not(.button) {
        color: #000;
        font-family: brown-bold,sans-serif
    }

#registration-modal .custom-scroll {
    max-height: calc(93.6vh - 10rem - 15.2rem)
}

#registration-modal.no-image .custom-scroll {
    max-height: calc(93.6vh - 10rem)
}

#registration-modal .registration-modal-image {
    width: 100%;
    height: 15.1667rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

#registration-modal .registration-modal-content {
    max-height: 93.6vh;
    padding-left: 3rem
}

#registration-modal .button-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    padding-top: 1.6rem;
    padding-bottom: 2rem;
    background: #fff
}

#registration-modal .button {
    width: auto;
    min-width: 16rem;
    margin: 0;
    padding-right: 1.8rem;
    padding-left: 1.8rem
}

#registration-modal .modal-registration-thanks-content {
    display: none
}

#registration-modal-form label {
    font-size: 1.1667rem
}

#registration-modal-form input {
    border-color: #000
}

#registration-modal-form .password-show-wrapper label {
    display: inline
}

#registration-modal-form .password-show-wrapper .password-show-inner {
    display: block
}

#registration-modal-form .dropdown-container .dropdown-button {
    position: relative;
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: 1.1667rem;
    font-family: brown-bold,sans-serif;
    color: #000;
    text-transform: none
}

    #registration-modal-form .dropdown-container .dropdown-button:before {
        color: #000;
        top: 1.2rem
    }

#registration-modal-form .dropdown-container .dropdown-menu {
    padding-bottom: 1rem
}

    #registration-modal-form .dropdown-container .dropdown-menu p {
        font-size: 1rem
    }

#registration-modal-form .checkbox-wrap {
    margin-top: .6rem;
    margin-bottom: 0
}

    #registration-modal-form .checkbox-wrap label {
        padding-left: 1.8rem;
        font-size: 1rem
    }

        #registration-modal-form .checkbox-wrap label:before {
            top: .1rem;
            width: 1.2rem;
            height: 1.2rem;
            border-color: #000
        }

    #registration-modal-form .checkbox-wrap input:checked + label:before {
        top: -.1rem;
        width: 1.6rem;
        height: .8rem
    }

    #registration-modal-form .checkbox-wrap input.error + label:before {
        border-color: red
    }

#terms-conditions-modal .modal-dialog {
    font-size: 12px;
    max-width: 58.3333rem;
    border-radius: 0;
    max-height: 58.3333rem;
    padding: 30px 30px
}

#terms-conditions-modal .buttom-center {
    text-align: center;
    display: -ms-grid;
    display: grid
}

    #terms-conditions-modal .buttom-center .right {
        float: none
    }

#terms-conditions-modal .button-margin {
    margin-bottom: 15px !important
}

#terms-conditions-modal .checkbox-wrap label:after, #terms-conditions-modal .checkbox-wrap label:before {
    top: 0 !important
}

#terms-conditions-modal .custom-scroll {
    max-height: calc(93.6vh - 10rem - 15.2rem)
}

#terms-conditions-modal .button-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    padding-top: 1.6rem;
    padding-bottom: 2rem;
    background: #fff
}

#terms-conditions-modal .button {
    width: auto;
    min-width: 16rem;
    margin: 0;
    padding-right: 1.8rem;
    padding-left: 1.8rem
}

#terms-conditions-modal .modal-registration-thanks-content {
    display: none
}

.component-wrapper-new, .content-list-2-col, .module-new {
    position: relative;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .component-wrapper-new, html[lang=ru] .content-list-2-col, html[lang=ru] .module-new {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .component-wrapper-new, html[lang=ko] .content-list-2-col, html[lang=ko] .module-new {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .component-wrapper-new, html[lang=zh-cn] .content-list-2-col, html[lang=zh-cn] .module-new {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .component-wrapper-new, html[lang=ar] .content-list-2-col, html[lang=ar] .module-new {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.component-wrapper-new.variable-height, .content-list-2-col.variable-height, .module-new.variable-height {
    height: auto
}

.component-wrapper-new:not(.hero-products) p, .content-list-2-col:not(.hero-products) p, .module-new:not(.hero-products) p {
    color: #000;
    font-size: 1.17rem;
    line-height: 1.4
}

.component-wrapper-new.module-may-like-new, .content-list-2-col.module-may-like-new, .module-new.module-may-like-new {
    margin-bottom: 0
}

.module-title-deco {
    position: relative
}

    .module-title-deco:before {
        content: '';
        position: absolute;
        display: block;
        height: 1px;
        background: #000
    }

.p-title-border-short {
    text-align: center
}

    .p-title-border-short p {
        position: relative;
        display: inline-block;
        margin-bottom: 1.8rem;
        padding-bottom: 1.4rem;
        color: #000;
        font-size: 1.75rem;
        text-transform: uppercase;
        letter-spacing: .2rem
    }

.layout-reversed .p-title-border-short p {
    letter-spacing: 0
}

.p-title-border-short p:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16.3333rem;
    height: .0833rem;
    margin-left: -8.1667rem;
    background: #b2b2b2
}

.module-hero-new, .module-offer-new {
    text-align: center
}

    .module-hero-new .module-content-wrapper, .module-promo-new .module-content-wrapper {
        max-width: 88rem
    }

.module-find-out-more {
    position: relative;
    padding-right: 2.4rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1rem;
    line-height: 1.4rem;
    font-size: 1.4rem;
    height: 1.4rem
}

    .module-find-out-more a.span {
        bottom: -3.9167rem
    }

    .module-find-out-more:before {
        display: inline-block;
        height: inherit;
        margin-right: .2rem;
        margin-left: .2rem;
        font-size: 1rem;
        font-family: icons;
        font-variant: normal;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-decoration: inherit;
        text-align: center;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0;
        bottom: 0;
        line-height: 1.4rem;
        font-size: 1.4rem;
        height: 1.4rem;
        padding-top: 0
    }

.layout-reversed .module-find-out-more {
    padding-right: 0;
    padding-left: 2.4rem
}

    .layout-reversed .module-find-out-more:before {
        right: auto;
        left: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        line-height: 1.6rem
    }

.component-latest {
    position: relative
}

    .component-latest .section-title-viewall {
        margin-right: auto;
        margin-left: auto
    }

.component-latest-footer {
    margin-bottom: 2.5rem;
    text-align: center;
    margin-bottom: 2.5rem
}

div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer {
    margin-bottom: 2.5rem;
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

    div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer .section-title-viewall {
        right: 0;
        display: inline-block;
        padding: 1.2rem 2.6rem 1rem;
        top: 40px;
        margin-top: 0;
        -webkit-appearance: none;
        color: #000;
        font-family: brown-regular,sans-serif;
        font-size: 1.17rem;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .1rem;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        background-color: transparent;
        border-radius: 0;
        border: 1px solid #000;
        cursor: pointer;
        position: relative
    }

html[lang=ru] div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer .section-title-viewall {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer .section-title-viewall {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer .section-title-viewall {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer .section-title-viewall {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.layout-reversed div.widget.grid-item:not(.grid-2):not(.grid-3) .component-latest-footer .section-title-viewall {
    right: auto;
    left: 0
}

.module-img-content .module-image {
    height: 80%
}

.module-img-content .module-content-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: calc(100% - 4rem);
    padding: 2rem 1.2rem;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.12)
}

.module-img-content .module-title {
    font-size: 2rem
}

.module-img-content h1.module-title {
    font-size: 2rem
}

.module-img-content .module-content {
    max-width: 20rem;
    margin-right: auto;
    margin-left: auto
}

.module-img-content .module-title-deco {
    margin-bottom: 1.4rem;
    padding-bottom: 3.2rem
}

    .module-img-content .module-title-deco:before {
        bottom: 0;
        left: 0;
        right: 0;
        width: 3.75rem;
        margin-right: auto;
        margin-left: auto
    }

.module-img-content.hero-basic-content .module-title-deco {
    margin-bottom: 2.6rem;
    padding-bottom: 3.2rem
}

.module-img-content.module-text-new {
    padding: 0;
    background-color: transparent
}

    .module-img-content.module-text-new .module-title-deco:before {
        right: auto;
        margin: 0
    }

.layout-reversed .module-img-content.module-text-new .module-title-deco:before {
    left: auto;
    right: 0
}

.module-img-content .module-text-copy p {
    margin-bottom: 0
}

.page-campaign .module-img-content .module-img {
    background-size: contain
}

.module-hero-new {
    height: 35.83rem
}

    .module-hero-new .module-content-wrapper {
        height: 15.17rem
    }

    .module-hero-new .module-content {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: calc(100% - 2rem);
        margin-right: auto;
        margin-left: auto
    }

        .module-hero-new .module-content > p {
            font-size: 1.3333rem
        }

    .module-hero-new .hero-nav-share {
        display: inline-block;
        margin-top: 1rem;
        color: #000;
        text-transform: uppercase
    }

    .module-hero-new .hero-new-links {
        display: inline-block
    }

        .module-hero-new .hero-new-links a.button {
            display: block;
            margin: 1rem
        }

.module-hero-new-no-spacing {
    margin-bottom: 0
}

    .module-hero-new-no-spacing.component-wrapper-new .module-content-wrapper .hero-content header {
        margin-bottom: 0
    }

.module-offer-new {
    height: 36.67rem
}

    .module-offer-new .module-content-wrapper {
        height: 15.83rem
    }

.module-text-new {
    height: 35.83rem
}

    .module-text-new .module-title-deco {
        margin-bottom: 1.4rem;
        padding-bottom: 1.4rem
    }

        .module-text-new .module-title-deco:before {
            bottom: 0;
            left: .33rem;
            width: 3.75rem
        }

.layout-reversed .module-text-new .module-title-deco:before {
    left: auto;
    right: 0
}

.text-block-3col-wrapper .module-text-new {
    height: auto
}

.module-text-new.module-text-new-background {
    padding: 2.6rem 3rem
}

.module-text-new.inverted .module-title-deco:before {
    background: #fff
}

.module-text-new.center {
    text-align: center
}

    .module-text-new.center .module-title-deco:before {
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto
    }

.text-block-3col-wrapper .module-text-new {
    margin-bottom: 3rem
}

.text-block-3col-wrapper .text-block-footer {
    text-align: center
}

.component-editorial-new .module-editorial-new {
    height: 30rem
}

    .component-editorial-new .module-editorial-new .module-content-wrapper {
        height: 18rem
    }

.module-editorial-new .module-content-wrapper {
    height: 16rem
}

.component-editorial-new {
    margin-bottom: 1rem
}

.page-style-notes .component-editorial-new .component-latest-footer {
    display: none
}

.page-style-notes .component-editorial-new .module-widget-carousel-inspiration {
    margin-bottom: 0
}

.module-editorial-feed {
    padding: 0;
    background: 0 0
}

    .module-editorial-feed.module-editorial-new {
        height: 35.58rem
    }

    .module-editorial-feed .section-title {
        margin-bottom: 2.4rem
    }

.editorial-feed-article {
    height: 8.75rem;
    margin-bottom: 2.7rem
}

    .editorial-feed-article > a {
        height: 100%
    }

    .editorial-feed-article .media-col-right {
        width: 52.6%;
        height: 92%;
        margin-top: 1.4%;
        margin-bottom: 1.4%;
        padding: 3% 3.4%;
        background: #fff;
        box-shadow: 0 0 20px rgba(0,0,0,.12)
    }

    .editorial-feed-article p {
        line-height: 1.2;
        font-size: 1rem
    }

.editorial-feed-img {
    height: 100%;
    background-size: cover;
    background-position: center top;
    background-position: center center
}

.component-title-intro .section-title {
    margin-bottom: 2rem
}

.component-title-intro .module-img-content {
    height: 36.3rem;
    margin-bottom: 0
}

.component-title-intro .module-image {
    height: 60%
}

.component-title-intro:not(.module-events-list) .module-title-deco {
    margin-bottom: .6rem;
    padding-bottom: 0;
    padding-top: 1.2rem
}

    .component-title-intro:not(.module-events-list) .module-title-deco:before {
        top: 0
    }

.component-title-intro .module-text-copy p {
    line-height: 1.3 !important
}

.component-title-intro .slick-track {
    padding-bottom: 2rem
}

.component-title-intro .slick-slide {
    padding-right: 1rem;
    padding-left: 1rem
}

.component-title-intro.module-events-list .module-new {
    height: 32.5rem;
    padding: 2rem;
    box-shadow: 0 0 30px rgba(0,0,0,.12);
    background: #fff
}

.component-title-intro.module-events-list .module-text-content:last-child .module-title-deco:before {
    display: none
}

.module-promo-new {
    height: 41.92rem;
    text-align: center
}

    .module-promo-new .module-content-wrapper {
        max-height: 21.25rem
    }

    .module-promo-new .module-content {
        max-width: none
    }

    .module-promo-new .module-title {
        max-width: 23rem;
        margin-right: auto;
        margin-left: auto
    }

    .module-promo-new p {
        max-width: 29rem;
        margin-right: auto;
        margin-left: auto;
        padding-right: 2rem;
        padding-left: 2rem
    }

    .module-promo-new .button {
        width: 80%;
        margin-top: .8rem;
        margin-right: .2rem;
        margin-left: .2rem
    }

.module-treat-new {
    height: 43.5rem
}

    .module-treat-new.module-img-content .module-image {
        height: 24.9167rem
    }

    .module-treat-new .module-content-wrapper {
        height: 23.6667rem;
        padding-top: 2.3333rem;
        padding-bottom: 2rem
    }

    .module-treat-new .module-content .module-header {
        overflow: hidden
    }

    .module-treat-new .module-content .module-title {
        padding-bottom: 0;
        margin-bottom: 0;
        font-weight: 400
    }

        .module-treat-new .module-content .module-title:before {
            content: none
        }

    .module-treat-new .module-content .module-separator {
        display: block;
        margin: 0 auto;
        height: 1px;
        width: 50px;
        background: #000;
        margin-top: 1rem;
        margin-bottom: 1.1667rem
    }

    .module-treat-new .module-content .module-text-copy {
        padding-bottom: .8333rem
    }

    .module-treat-new .module-content .promo-code-copy {
        display: none
    }

    .module-treat-new .button:active, .module-treat-new .button:hover {
        background: #000;
        color: #fff
    }

    .module-treat-new.active .module-content-wrapper {
        height: 31.6667rem
    }

    .module-treat-new.active .module-info, .module-treat-new.active .module-text-copy {
        display: none
    }

    .module-treat-new.active .promo-code-copy {
        display: block
    }

.treat-hidden {
    opacity: 0;
    transition: opacity .5s ease .1s
}

.module-img-content .treat-hidden.module-content-wrapper {
    z-index: -1
}

.module-treat-new.active .treat-hidden {
    z-index: 5
}

    .module-treat-new.active .treat-hidden.module-content-wrapper, .module-treat-new.active .treat-hidden.module-image {
        opacity: 1
    }

.treat-hidden.module-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border: 1px solid #000
}

    .treat-hidden.module-image img {
        width: 42%;
        padding-top: 4.5rem
    }

.treat-hidden .module-content {
    max-width: 16.2rem
}

.treat-hidden .promo-code-subtext {
    margin-bottom: 1.8rem
}

.treat-hidden .promo-code-valid {
    margin-bottom: 0;
    font-size: 1rem;
    font-family: bonodiBe-italic,serif
}

html[lang=ru] .treat-hidden .promo-code-valid {
    font-family: "Playfair Display",serif
}

html[lang=ko] .treat-hidden .promo-code-valid {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .treat-hidden .promo-code-valid {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .treat-hidden .promo-code-valid {
    font-family: "Almarai-regular",serif
}

.treat-hidden .promo-code-valid html[lang=ru], html[lang=ar] .treat-hidden .promo-code-valid, html[lang=ko] .treat-hidden .promo-code-valid, html[lang=zh-cn] .treat-hidden .promo-code-valid {
    font-style: italic
}

.treat-hidden .treat-close-wrapper {
    position: absolute;
    right: 0;
    bottom: 1.95rem;
    left: 0;
    width: 100%
}

.treat-hidden .button:active, .treat-hidden .button:hover {
    background: #fff;
    color: #000
}

.module-treat-container.grey-wrapper {
    padding: 2rem 0 0 0 !important;
    margin: 0 0 2rem 0;
    background-color: #f1f0ee !important
}

.module-treat-container .section-title-wrapper {
    padding-bottom: 1.166667rem;
    margin-bottom: 2rem
}

    .module-treat-container .section-title-wrapper .section-title {
        text-align: center;
        display: block
    }

.module-treat-container .module-treat-new {
    margin: 0 1.5rem 5rem 1.5rem
}

    .module-treat-container .module-treat-new .module-image-unlockable {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.5)
    }

        .module-treat-container .module-treat-new .module-image-unlockable img {
            margin-top: 25%
        }

    .module-treat-container .module-treat-new .module-category {
        margin-top: 1rem;
        font-size: 1.083333333rem;
        line-height: 1.25rem;
        color: #c2092f
    }

    .module-treat-container .module-treat-new .module-separator {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .module-treat-container .module-treat-new .module-info {
        text-align: center
    }

        .module-treat-container .module-treat-new .module-info p {
            margin: 0;
            font-family: bonodiBe-italic,serif;
            font-size: 1.166666667rem !important;
            letter-spacing: .125rem;
            line-height: 1.416666667rem !important;
            color: #7b7b7b !important
        }

html[lang=ru] .module-treat-container .module-treat-new .module-info p {
    font-family: "Playfair Display",serif
}

html[lang=ko] .module-treat-container .module-treat-new .module-info p {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .module-treat-container .module-treat-new .module-info p {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .module-treat-container .module-treat-new .module-info p {
    font-family: "Almarai-regular",serif
}

.module-treat-container .module-treat-new .module-info p html[lang=ru], html[lang=ar] .module-treat-container .module-treat-new .module-info p, html[lang=ko] .module-treat-container .module-treat-new .module-info p, html[lang=zh-cn] .module-treat-container .module-treat-new .module-info p {
    font-style: italic
}

.module-treat-container .module-treat-new.module-teaser-new .treat-trigger {
    display: none
}

.module-treat-container .module-treat-new.module-teaser-new .ddd-truncated .treat-trigger {
    display: inline
}

.module-treat-container #searchDd.treat-filter {
    width: 90%;
    margin: 2em auto 0 auto
}

    .module-treat-container #searchDd.treat-filter .searchDd-main {
        padding: 0 .6rem;
        font-size: 1.167rem;
        height: 2.583rem;
        line-height: 2.583rem;
        text-align: center;
        background: 0 0
    }

        .module-treat-container #searchDd.treat-filter .searchDd-main.open, .module-treat-container #searchDd.treat-filter .searchDd-main:hover {
            color: #fff;
            background: #000
        }

        .module-treat-container #searchDd.treat-filter .searchDd-main:before {
            display: none
        }

        .module-treat-container #searchDd.treat-filter .searchDd-main:after {
            content: ""
        }

        .module-treat-container #searchDd.treat-filter .searchDd-main:after {
            display: inline-block;
            height: inherit;
            margin-right: .2rem;
            margin-left: .2rem;
            font-size: 1rem;
            font-family: icons;
            font-variant: normal;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            text-decoration: inherit;
            text-align: center;
            text-transform: none;
            speak: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: relative;
            top: 0;
            left: .4167rem;
            height: .8333rem;
            font-size: .6rem;
            transition: -webkit-transform .2s linear;
            transition: transform .2s linear;
            transition: transform .2s linear,-webkit-transform .2s linear;
            -webkit-transform-origin: center .25rem;
            -ms-transform-origin: center .25rem;
            transform-origin: center .25rem
        }

.layout-reversed .module-treat-container #searchDd.treat-filter .searchDd-main:after {
    left: auto;
    right: .4167rem
}

.module-treat-container #searchDd.treat-filter .searchDd-main.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.module-treat-container #searchDd.treat-filter .searchDd-category {
    text-align: center;
    font-size: 1.167rem;
    padding: 0
}

    .module-treat-container #searchDd.treat-filter .searchDd-category a {
        display: block;
        padding: .4rem 1rem;
        color: #fff
    }

        .module-treat-container #searchDd.treat-filter .searchDd-category a.selected {
            color: #fff;
            background-color: #777
        }

        .module-treat-container #searchDd.treat-filter .searchDd-category a:hover {
            opacity: 1;
            color: #fff;
            background-color: #b7b7b7
        }

        .module-treat-container #searchDd.treat-filter .searchDd-category a:active {
            color: #fff;
            background-color: #919191
        }

.module-treat-container #searchDd.treat-filter .searchDd-list {
    top: 2.583rem
}

.module-barcode-container {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.12)
}

    .module-barcode-container::after {
        clear: both;
        content: "";
        display: table
    }

    .module-barcode-container .module-barcode-image {
        float: left;
        width: 5.25rem;
        height: 5.25rem;
        overflow: hidden
    }

        .module-barcode-container .module-barcode-image img {
            width: 5.5833rem;
            height: 6.7328rem
        }

    .module-barcode-container .module-barcode-content {
        padding-left: 5.25rem
    }

        .module-barcode-container .module-barcode-content h3, .module-barcode-container .module-barcode-content p {
            display: none;
            word-wrap: break-word
        }

        .module-barcode-container .module-barcode-content h4 {
            font-size: 1.6rem;
            height: 5.667rem;
            line-height: 6rem;
            margin: 0;
            padding: 0
        }

    .module-barcode-container.small-screen {
        display: block !important;
        cursor: pointer
    }

.module-barcode-visible {
    padding-bottom: 6rem
}

    .module-barcode-visible .module-barcode-container.large-screen {
        display: none !important
    }

.sticky-barcode-modal {
    text-align: center
}

    .sticky-barcode-modal .modal-header {
        position: relative;
        padding: 1.25rem 0 0 0
    }

        .sticky-barcode-modal .modal-header .modal-title {
            font-family: brown-regular,sans-serif;
            font-size: 1.5rem;
            margin: 0;
            line-height: 2.5rem;
            padding: 0 5rem
        }

    .sticky-barcode-modal .modal-body {
        padding: 0 3.75rem 2.3rem 3.75rem
    }

        .sticky-barcode-modal .modal-body p {
            font-family: brown-light,sans-serif;
            font-size: 1.1667rem
        }

.module-treat-container-preview .module-treat-new .module-category {
    margin-top: 1rem;
    font-size: 1.083333333rem;
    line-height: 1.25rem;
    color: #c2092f
}

.module-treat-container-preview .module-treat-new .module-separator {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.module-treat-container-preview .module-treat-new .module-info {
    text-align: center;
    word-break: break-all
}

    .module-treat-container-preview .module-treat-new .module-info p {
        margin: 0;
        font-family: bonodiBe-italic,serif;
        font-size: 1.166666667rem !important;
        letter-spacing: .125rem;
        line-height: 1.416666667rem !important;
        color: #7b7b7b !important
    }

html[lang=ru] .module-treat-container-preview .module-treat-new .module-info p {
    font-family: "Playfair Display",serif
}

html[lang=ko] .module-treat-container-preview .module-treat-new .module-info p {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .module-treat-container-preview .module-treat-new .module-info p {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .module-treat-container-preview .module-treat-new .module-info p {
    font-family: "Almarai-regular",serif
}

.module-treat-container-preview .module-treat-new .module-info p html[lang=ru], html[lang=ar] .module-treat-container-preview .module-treat-new .module-info p, html[lang=ko] .module-treat-container-preview .module-treat-new .module-info p, html[lang=zh-cn] .module-treat-container-preview .module-treat-new .module-info p {
    font-style: italic
}

.component-wrapper-new.module-hero-new {
    height: auto;
    background: 0 0
}

    .component-wrapper-new.module-hero-new .module-image {
        height: 14.6rem
    }

        .component-wrapper-new.module-hero-new .module-image .mobile-tab {
            margin-bottom: 3.3333rem
        }

    .component-wrapper-new.module-hero-new .module-content-wrapper {
        position: relative;
        top: auto;
        max-width: 91.67rem;
        height: auto;
        margin-top: -6.33rem;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

        .component-wrapper-new.module-hero-new .module-content-wrapper header {
            margin-bottom: 1.6rem
        }

    .component-wrapper-new.module-hero-new .module-content {
        position: static;
        max-width: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

        .component-wrapper-new.module-hero-new .module-content > ol, .component-wrapper-new.module-hero-new .module-content > ul {
            font-size: 1.3333rem;
            margin-top: 2rem;
            margin-bottom: 2.4rem
        }

        .component-wrapper-new.module-hero-new .module-content .mobile-gap {
            margin-bottom: 4rem
        }

    .component-wrapper-new.module-hero-new p {
        max-width: 44rem;
        margin-right: auto;
        margin-left: auto;
        text-align: left
    }

        .component-wrapper-new.module-hero-new p.tiny {
            margin-bottom: 0;
            font-size: 1rem;
            font-family: bonodiBe-italic,serif
        }

html[lang=ru] .component-wrapper-new.module-hero-new p.tiny {
    font-family: "Playfair Display",serif
}

html[lang=ko] .component-wrapper-new.module-hero-new p.tiny {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .component-wrapper-new.module-hero-new p.tiny {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .component-wrapper-new.module-hero-new p.tiny {
    font-family: "Almarai-regular",serif
}

.component-wrapper-new.module-hero-new p.tiny html[lang=ru], html[lang=ar] .component-wrapper-new.module-hero-new p.tiny, html[lang=ko] .component-wrapper-new.module-hero-new p.tiny, html[lang=zh-cn] .component-wrapper-new.module-hero-new p.tiny {
    font-style: italic
}

.layout-reversed .component-wrapper-new.module-hero-new p {
    text-align: right
}

    .layout-reversed .component-wrapper-new.module-hero-new p.searchDd-main {
        text-align: right
    }

.component-wrapper-new.module-hero-new ul {
    text-align: left
}

.component-wrapper-new.module-hero-new .brand-contact {
    max-width: 20rem;
    margin: 2rem auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: inherit
}

    .component-wrapper-new.module-hero-new .brand-contact li {
        margin-bottom: .2rem
    }

        .component-wrapper-new.module-hero-new .brand-contact li:last-child {
            margin-bottom: 0
        }

    .component-wrapper-new.module-hero-new .brand-contact a {
        color: #000
    }

.component-wrapper-new.module-hero-new .brand-logo {
    max-width: 16rem;
    margin-right: auto;
    margin-left: auto
}

.component-wrapper-new.module-hero-new .barcode {
    display: block;
    max-width: 14rem;
    margin: -.7rem auto
}

.layout-reversed .component-wrapper-new.module-hero-new .button {
    text-align: center
}

.component-wrapper-new.module-hero-dashboard .module-content-wrapper {
    padding-top: 2rem;
    padding-bottom: 1rem
}

.component-wrapper-new.module-hero-dashboard .module-header::after {
    clear: both;
    content: "";
    display: table
}

.component-wrapper-new.module-hero-dashboard .module-header .module-barcode {
    width: 100%;
    display: none
}

    .component-wrapper-new.module-hero-dashboard .module-header .module-barcode .barcode {
        max-width: 14.16667rem;
        margin: 0 auto
    }

.component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper header {
    margin: 0
}

.component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper h1 {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 1rem;
    line-height: 3.5rem
}

.component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper a {
    font-family: brown-light,sans-serif;
    font-size: 1.333333rem;
    font-weight: 300;
    line-height: 1.583333rem;
    color: #000
}

.component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .separator {
    margin: 1rem auto;
    width: 3.75rem;
    height: 1px;
    background: #000
}

.component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description {
    margin-left: -1rem;
    margin-right: -1rem;
    width: auto;
    max-width: initial;
    font-size: 1.33333rem;
    font-weight: 400
}

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p {
        margin: 0 0 1rem 0;
        text-align: center;
        font-size: 1.33333rem;
        font-weight: 400
    }

        .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p:last-child {
            margin-bottom: 0
        }

        .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p a {
            font-family: brown-regular,sans-serif;
            color: #7b7b7b;
            font-weight: 400
        }

            .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p a:active, .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p a:hover {
                color: #333
            }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.small-screen {
        display: block !important
    }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.large-screen {
        display: none !important
    }

        .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.large-screen.visible, .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.small-screen.visible {
            display: block !important
        }

        .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.large-screen.hidden, .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.small-screen.hidden {
            display: none !important
        }

.layout-reversed .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper {
    text-align: right
}

.component-wrapper-new.module-hero-dashboard .module-header .module-title-deco::before {
    display: none
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip, .ellip-line {
    position: relative;
    overflow: hidden
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip, .ellip-line {
    position: relative;
    overflow: hidden
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip, .ellip-line {
    position: relative;
    overflow: hidden
}

.module-widget-carousel-may-like .grid-item .module-img-content {
    height: 25.8333rem
}

.module-widget-carousel-may-like .grid-item .module-image {
    height: 55%
}

.module-widget-carousel-may-like .grid-item .module-content-wrapper {
    height: 11.6rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .module-widget-carousel-may-like .grid-item .module-content-wrapper .module-text-copy p {
        font-size: 1rem
    }

.module-signup-new {
    margin-bottom: 2.5rem;
    padding: 3rem 2rem 3.4rem;
    font-family: brown-regular,sans-serif;
    text-align: center;
    background: #fff
}

html[lang=ru] .module-signup-new {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .module-signup-new {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .module-signup-new {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .module-signup-new {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.module-signup-new .module-title {
    margin-bottom: 0;
    padding-bottom: 1.2rem;
    text-transform: none;
    font-size: 3rem;
    line-height: 1;
    overflow: visible
}

.module-signup-new p {
    max-width: 36rem;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.4;
    font-size: 1.17rem
}

.module-signup-form {
    max-width: 24rem;
    margin-top: 1.8rem;
    margin-right: auto;
    margin-left: auto
}

.slick-prev + .slider-widget-header + .product-carousel + .component-latest-footer .section-title-viewall {
    right: 8.2rem
}

.layout-reversed .slick-prev + .slider-widget-header + .product-carousel + .component-latest-footer .section-title-viewall {
    right: auto;
    left: 8.2rem
}

.stackla-widget {
    background-color: transparent;
    overflow: hidden !important
}

.row-seeAll {
    position: relative
}

.module-free-text-copy {
    margin-bottom: 3rem
}

    .module-free-text-copy p {
        font-size: 1.1667rem;
        line-height: 1.4;
        text-transform: none
    }

        .module-free-text-copy p a {
            color: #000;
            text-decoration: underline
        }

        .module-free-text-copy p + .button {
            margin-top: 1.8rem
        }

    .module-free-text-copy.rich-text ol, .module-free-text-copy.rich-text ul {
        margin-left: 1.5rem
    }

.page-basic-content .module-free-text-copy h2, .page-basic-content .module-free-text-copy h3, .page-basic-content-new .module-free-text-copy h2, .page-basic-content-new .module-free-text-copy h3 {
    text-transform: uppercase
}

.text-image-component-promo-code .module-free-text-copy {
    height: auto !important
}

    .text-image-component-promo-code .module-free-text-copy ol, .text-image-component-promo-code .module-free-text-copy ul {
        color: #fff
    }

.alt-img-content-even .grid-item:nth-child(4n+3) {
    float: right
}

.alt-img-content-odd .grid-item:nth-child(4n+1) {
    float: right
}

.module-just-text {
    color: #fff;
    background: grey
}

    .module-just-text.module-free-text-deco {
        padding-bottom: 1.2rem
    }

.login-reg-section-title {
    position: relative;
    margin-bottom: 1.5rem
}

    .login-reg-section-title:before {
        content: '';
        display: table;
        height: 1px;
        background: #000;
        bottom: 0;
        left: 0;
        right: 0;
        width: 3.75rem;
        margin-bottom: 1.6rem;
        margin-top: 2.5rem
    }

.main-header {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1000;
    top: 0 !important;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #000;
    -webkit-backface-visibility: hidden
}

#navTrigger {
    position: absolute;
    top: 1.5rem;
    right: 1.25rem
}

.open-close {
    font-family: brown-regular,sans-serif
}

html[lang=ru] .open-close {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .open-close {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .open-close {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .open-close {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.page-500 .page-wrapper {
    margin-bottom: 2.0833rem
}

.touchevents .site-wrapper {
    position: relative;
    width: 100%;
    min-height: 26.6667rem;
    overflow: hidden
}

.touchevents .site-canvas {
    position: relative;
    height: 100%;
    width: 100%
}

.touchevents .site-content {
    position: relative
}

.touchevents .off-canvas-wrapper {
    position: fixed;
    top: 0;
    right: -22rem;
    bottom: 0;
    z-index: 1000;
    width: 22rem;
    height: 100%;
    background: rgba(255,255,255,0);
    transition: all .5s ease
}

    .touchevents .off-canvas-wrapper .hidden-medium-down {
        display: none
    }

    .touchevents .off-canvas-wrapper a {
        display: inline-block !important;
        width: 70%;
        height: 100%;
        line-height: 1.5;
        padding: 16px 0
    }

.layout-reversed .touchevents .off-canvas-wrapper a {
    width: 100%
}

.touchevents .off-canvas-wrapper .no-side-padding {
    padding-left: 0;
    padding-right: 0
}

.touchevents .off-canvas-wrapper .thin-border-bottom {
    border-bottom: 1px #e5e5e5
}

.touchevents .off-canvas-wrapper a.social-icon {
    background: #fff;
    padding-left: 1.6667rem;
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.5;
    width: 100%
}

    .touchevents .off-canvas-wrapper a.social-icon:before {
        font-size: 1.5rem
    }

.touchevents .off-canvas-wrapper .login-register a {
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.touchevents .off-canvas-wrapper .lang-vill .dropdown-button {
    width: 100%
}

.touchevents .site-canvas.active .off-canvas-wrapper {
    right: 0
}

.touchevents .nav-navItem, .touchevents .off-canvas-block {
    padding-right: 1.6667rem;
    padding-left: 1.6667rem;
    border-bottom: 1px solid #e5e5e5;
    line-height: 4.1667rem
}

    .touchevents .nav-navItem.last, .touchevents .off-canvas-block.last {
        border-bottom: 0 solid transparent
    }

.touchevents .nav-navItem {
    background: #fff
}

.touchevents .off-canvas-block {
    min-width: 22rem
}

.touchevents .off-canvas-block {
    -webkit-transform: translateX(270px);
    -ms-transform: translateX(270px);
    transform: translateX(270px);
    transition: none
}

    .touchevents .off-canvas-block.movein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: -webkit-transform .4s cubic-bezier(.25,.1,.25,1);
        transition: transform .4s cubic-bezier(.25,.1,.25,1);
        transition: transform .4s cubic-bezier(.25,.1,.25,1),-webkit-transform .4s cubic-bezier(.25,.1,.25,1)
    }

.touchevents .moveinSideNav {
    margin-left: 0;
    background: #f5f5f5
}

.touchevents .moveinSearch {
    margin-left: 0;
    background: #f3f3f3
}

.touchevents .close-canvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-indent: -9999rem;
    background-color: #000;
    opacity: 0;
    cursor: pointer;
    z-index: 99
}

    .touchevents .close-canvas.active {
        display: block;
        opacity: .7
    }

.touchevents #language .dropdown-button:before, .touchevents #village .dropdown-button:before {
    position: absolute;
    top: 2.1rem;
    right: -.3rem
}

.layout-reversed .touchevents #language .dropdown-button:before, .layout-reversed .touchevents #village .dropdown-button:before {
    position: absolute;
    top: 2.1rem;
    right: auto;
    left: -.3rem
}

.touchevents .nav-container .lang-vill .dropdown {
    background: #fff
}

.nav-main {
    position: static
}

    .nav-main a {
        display: inline-block
    }

    .nav-main .your-village-hideshow {
        display: block
    }

    .nav-main .your-village-prev a:after {
        display: block
    }

.nav-subnav {
    display: none;
    width: 22rem;
    margin-left: -1.7rem;
    background-color: #eee
}

.layout-reversed .nav-subnav {
    margin-left: 0;
    margin-right: -1.7rem
}

.nav-subnav .nav-navItem {
    display: block
}

.layout-reversed .nav-subnav .nav-navItem {
    padding-right: 2.5rem
}

.nav-subnav .nav-navItem:last-child:after {
    display: none
}

.touchevents .nav-subnav .nav-navItem:after {
    display: none
}

.nav-subnav .nav-navItem a {
    color: #000;
    width: 100%
}

.nav-subnav .nav-navItem.active a {
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .nav-subnav .nav-navItem.active a {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .nav-subnav .nav-navItem.active a {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .nav-subnav .nav-navItem.active a {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .nav-subnav .nav-navItem.active a {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.nav-subnav .nav-navItem.active a html[lang=ru], html[lang=ar] .nav-subnav .nav-navItem.active a, html[lang=ko] .nav-subnav .nav-navItem.active a, html[lang=zh-cn] .nav-subnav .nav-navItem.active a {
    font-weight: 700
}

.nav-main-links {
    position: relative;
    margin-right: 1rem;
    margin-left: 1rem
}

.touchevents .nav-main-links {
    margin: 0
}

.nav-subnav-trigger {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 50;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.layout-reversed .off-canvas-wrapper .nav-subnav-trigger {
    right: auto;
    left: 0;
    width: 13%
}

    .layout-reversed .off-canvas-wrapper .nav-subnav-trigger:before {
        right: auto;
        left: -.3rem
    }

    .layout-reversed .off-canvas-wrapper .nav-subnav-trigger:after {
        left: auto;
        right: 0
    }

    .layout-reversed .off-canvas-wrapper .nav-subnav-trigger:after {
        left: auto;
        right: 0
    }

.main-header {
    height: 70px;
    font-size: 1rem
}

    .main-header .nav-container .logo-container {
        left: 1.5rem;
        position: absolute;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 5000
    }

.touchevents .main-header .nav-container .logo-container {
    left: 0;
    right: 0;
    width: calc(100% - 9rem);
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

    .touchevents .main-header .nav-container .logo-container .header-logo {
        display: inline-block
    }

.main-header .nav-container .logo-container .header-logo {
    display: block
}

    .main-header .nav-container .logo-container .header-logo, .main-header .nav-container .logo-container .header-logo img {
        position: relative;
        height: 70px;
        z-index: 5000;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.main-header .nav-container div.nav-subnav .tooltip-wrapper {
    display: block;
    margin-left: 4rem;
    top: -2.75rem
}

    .main-header .nav-container div.nav-subnav .tooltip-wrapper .tooltip-trigger {
        width: 1.5rem;
        height: 1.5rem
    }

        .main-header .nav-container div.nav-subnav .tooltip-wrapper .tooltip-trigger:before {
            left: .15rem;
            font-size: .8rem
        }

.touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink {
    font-size: 1.1rem;
    color: #7b7b7b;
    letter-spacing: 1px;
    text-transform: uppercase
}

.touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-subnav-trigger {
    cursor: pointer;
    width: 100%;
    height: 50px;
    margin-right: 0
}

.touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem.active .nav-main-links .nav-navLink {
    color: #000
}

.touchevents .main-header .nav-container .nav-subnav {
    position: relative;
    background-color: #fff;
    margin-bottom: 15px;
    padding-top: 15px
}

    .touchevents .main-header .nav-container .nav-subnav:before {
        content: '';
        width: 30px;
        height: 1px;
        background-color: #000;
        position: absolute;
        top: 4px;
        left: 20px
    }

    .touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem {
        font-size: 1.1rem;
        text-transform: none;
        background: #fff;
        border-bottom: 0;
        line-height: normal
    }

        .touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem a {
            padding: 10px 0
        }

.touchevents .main-header .nav-container .sidenav .sidenav-navItem-trigger h5 {
    color: #767676;
    font-size: 1rem;
    letter-spacing: 1px
}

.touchevents .main-header .nav-container .login-register {
    background-color: #000
}

    .touchevents .main-header .nav-container .login-register ul li a {
        color: #ccc;
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif
    }

html[lang=ru] .touchevents .main-header .nav-container .login-register ul li a {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .touchevents .main-header .nav-container .login-register ul li a {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .touchevents .main-header .nav-container .login-register ul li a {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .touchevents .main-header .nav-container .login-register ul li a {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.touchevents .main-header .nav-container .login-register ul li a html[lang=ru], html[lang=ar] .touchevents .main-header .nav-container .login-register ul li a, html[lang=ko] .touchevents .main-header .nav-container .login-register ul li a, html[lang=zh-cn] .touchevents .main-header .nav-container .login-register ul li a {
    font-weight: 700
}

.touchevents .main-header .nav-container .lang-vill .dropdown {
    display: block;
    font-size: 1.1rem
}

.touchevents .main-header .nav-container .lang-vill .dropdown-button {
    letter-spacing: 1px
}

.touchevents .site-canvas.active .logo-container {
    z-index: 0
}

.header-lrs {
    position: relative;
    z-index: 250
}

.login-register {
    position: relative;
    z-index: 25
}

.touchevents .login-register li {
    width: 49%;
    vertical-align: middle
}

.login-menu {
    border-left: 1px solid #e5e5e5;
    padding-left: 1.6667rem;
    line-height: 1.3
}

#loginUser, #userPassword {
    padding-left: 0
}

.touchevents #loginUser, .touchevents #userPassword {
    color: #fff;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff
}

#userPassword {
    margin-bottom: 1.5rem
}

.forgot-password {
    display: block;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    padding: .8rem .7rem .6rem 17%;
    border: none;
    text-align: left;
    border-radius: .2em;
    color: #fff;
    word-wrap: break-word;
    font-family: brown-regular,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1rem
}

    .loginBtn:before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 17%;
        height: 100%
    }

    .loginBtn:focus {
        outline: 0
    }

    .loginBtn:active {
        box-shadow: inset 0 0 0 32px rgba(0,0,0,.1)
    }

.loginBtn--facebook {
    cursor: pointer;
    background-color: #4267b2;
    background-image: linear-gradient(#4267b2,#4267b2);
    text-shadow: 0 -1px 0 #354c8c
}

    .loginBtn--facebook:before {
        background: url(../img/src/f_inverted.png) 55% 50%/1.3rem 1.3rem no-repeat
    }

    .loginBtn--facebook img {
        height: 1.3rem;
        width: 1.3rem;
        margin: 0 .8rem -.3rem 0
    }

    .loginBtn--facebook:focus, .loginBtn--facebook:hover {
        background-color: #5b7bd5;
        background-image: linear-gradient(#5b7bd5,#4864b1)
    }

.separator-social {
    width: 100%;
    border-top: .0833rem solid #000;
    text-align: center;
    height: 1.5rem;
    margin-top: 1rem;
    line-height: .3rem
}

    .separator-social .separator-text {
        background-color: #fff;
        padding: 0 .8333rem;
        color: #000
    }

.lang-vill .dropdown-container {
    position: relative
}

.lang-vill .dropdown-menu {
    text-transform: uppercase;
    line-height: 0
}

    .lang-vill .dropdown-menu li.active a {
        border-bottom-color: #7b7b7b
    }

    .lang-vill .dropdown-menu a {
        display: block;
        width: 100%;
        line-height: 2.2;
        border-bottom: 1px solid transparent;
        transition: border-bottom-color .2s linear
    }

        .lang-vill .dropdown-menu a:hover {
            opacity: 1;
            border-bottom-color: #7b7b7b
        }

.touchevents .lang-vill .dropdown-menu a {
    line-height: 1;
    padding: 10px 0
}

#language .dropdown-button, #village .dropdown-button {
    text-transform: uppercase
}

.touchevents #language .desktop, .touchevents #village .desktop {
    display: none !important
}

#language a, #village a {
    height: auto
}

#village .dropdown-menu a {
    white-space: nowrap
}

.dd-location {
    display: block;
    text-transform: none;
    font-family: bonodiBe-italic,serif;
    line-height: 1
}

html[lang=ru] .dd-location {
    font-family: "Playfair Display",serif
}

html[lang=ko] .dd-location {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .dd-location {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .dd-location {
    font-family: "Almarai-regular",serif
}

.dd-location html[lang=ru], html[lang=ar] .dd-location, html[lang=ko] .dd-location, html[lang=zh-cn] .dd-location {
    font-style: italic
}

.search {
    position: relative;
    height: 4.1667rem;
    background: #f3f3f3
}

.search-form {
    position: relative;
    width: 100%;
    height: 4rem;
    padding-right: 1.4rem
}

.touchevents .search-form label {
    color: #7b7b7b;
    font-size: 1.1667rem;
    text-transform: uppercase;
    line-height: 3rem
}

#search, #searchSubmit, .search-button {
    background-color: #f3f3f3
}

#searchSubmit, .search-button {
    border: 0 solid transparent;
    vertical-align: bottom
}

    #searchSubmit, #searchSubmit:focus, #searchSubmit:hover, .search-button, .search-button:focus, .search-button:hover {
        background-color: transparent
    }

        #searchSubmit:hover, .search-button:hover {
            opacity: .6
        }

#search, #searchSubmit {
    display: inline-block;
    vertical-align: middle
}

.search-button {
    position: relative;
    z-index: 100;
    display: block
}

.touchevents .search-button {
    position: absolute;
    top: 0;
    right: 1.2rem
}

.search-button:before {
    font-size: 1.7rem;
    line-height: 70px;
    color: #b1b1b1
}

#search {
    padding-left: 0
}

.touchevents #search {
    border-bottom-width: 0;
    font-size: 1.1667rem
}

#searchSubmit {
    position: absolute;
    top: 1.15rem;
    left: -.4rem;
    text-indent: -9999px;
    transition: opacity .3s ease
}

.touchevents #searchSubmit {
    width: 2rem
}

.sidenav-item-content {
    display: none
}

.sidenav-item-header {
    display: none
}

    .sidenav-item-header h5 {
        font-size: 1.3333rem;
        text-transform: uppercase;
        letter-spacing: 0
    }

.sidenav-navItem-trigger {
    position: relative;
    background: #f5f5f5;
    transition: background .3s ease;
    cursor: pointer
}

    .sidenav-navItem-trigger h5, .sidenav-navItem-trigger span {
        display: inline-block
    }

    .sidenav-navItem-trigger h5 {
        margin-bottom: 0;
        padding-top: 1.3333rem;
        padding-bottom: 1.3333rem;
        padding-left: 3.2rem;
        font-size: 1.1667rem;
        text-transform: uppercase;
        line-height: 1.5;
        letter-spacing: 0
    }

    .sidenav-navItem-trigger [class*=" webfont-"], .sidenav-navItem-trigger [class^=webfont-] {
        display: inline
    }

        .sidenav-navItem-trigger [class*=" webfont-"]:before, .sidenav-navItem-trigger [class^=webfont-]:before {
            position: absolute;
            top: 50%;
            left: -.8333rem;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.sidenav-navItem {
    line-height: 1.2;
    background: #f5f5f5
}

    .sidenav-navItem:last-of-type .sidenav-navItem-trigger {
        border-bottom-width: 1px
    }

    .sidenav-navItem [class*=" webfont-"]:before, .sidenav-navItem [class^=webfont-]:before {
        font-size: 2.4rem
    }

    .sidenav-navItem.active, .sidenav-navItem.active .sidenav-navItem-trigger {
        background: #fff
    }

.sidenav-subnav {
    margin-right: -1.7rem;
    margin-left: -1.7rem
}

.footer-content-wrapper {
    padding-bottom: 0;
    background: #251f25
}

    .footer-content-wrapper.page-wrapper-wide {
        padding-top: 2.5rem !important
    }

.footer-content {
    color: #fff
}

    .footer-content h4 {
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 1.6667rem;
        font-family: brown-regular,sans-serif;
        text-transform: uppercase
    }

html[lang=ru] .footer-content h4 {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .footer-content h4 {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .footer-content h4 {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .footer-content h4 {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.footer-content h4 a {
    color: #8a8a8a;
    font-size: 1.3333rem;
    text-transform: none;
    letter-spacing: normal
}

.footer-content ul {
    margin-bottom: 1rem
}

.footer-content li {
    font-size: 1.3333rem
}

.footer-content .content-wrapper {
    max-width: 95rem;
    margin-left: auto;
    margin-right: auto
}

    .footer-content .content-wrapper::after {
        clear: both;
        content: "";
        display: table
    }

.footer-content .tooltip-wrapper {
    display: none
}

.footer-content .opening-time-extra {
    color: #fff;
    width: 100%;
    max-width: 44rem
}

.footer-content > .opening-time-extra {
    display: none
}

.footer-content > ul {
    display: none
}

.opening-time-extra {
    clear: both
}

    .opening-time-extra, .opening-time-extra + p {
        margin-top: 1.5rem;
        font-size: .95rem
    }

.link-out > span {
    white-space: nowrap
}

.link-out b {
    color: #7b7b7b;
    margin-left: .4167rem
}

    .link-out b:before {
        font-size: .8333rem
    }

.layout-reversed .link-out b {
    margin-right: 0;
    margin-left: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.footer-extra-wrapper {
    padding-bottom: 2rem;
    background: #251f25;
    line-height: 1rem;
    margin-top: -.0833rem
}

    .footer-extra-wrapper.page-wrapper-wide {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

.footer-legal {
    padding-top: 1rem;
    color: #fff;
    line-height: 1.5
}

    .footer-legal p {
        margin-bottom: 1.5rem
    }

.microsite .footer-legal p {
    margin-bottom: .75rem
}

.chickoutlet-link {
    font-size: 1.3333rem
}

.icp-number .icp {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    vertical-align: middle
}

.icp-number .margin-left {
    margin-left: 2rem;
    color: #fff
}

.icp-number a {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    position: relative;
    margin-left: 10px;
    width: auto
}

    .icp-number a p {
        float: left;
        margin: 0 0 0 5px;
        color: #fff;
        font-size: 12px;
        line-height: 20px
    }

    .icp-number a img {
        float: left
    }

.slider-villages-wrapper {
    margin-bottom: 0;
    background: #f0f0f0
}

    .slider-villages-wrapper .slider-manual:after, .slider-villages-wrapper .slider-manual:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 20;
        display: block;
        width: 1.6667rem;
        height: 100%;
        background-repeat: repeat-y
    }

    .slider-villages-wrapper .slider-manual:before {
        left: 2.1rem;
        background-image: linear-gradient(to right,#f0f0f0 0,rgba(240,240,240,.8) 49%,rgba(240,240,240,.8) 50%,rgba(240,240,240,0) 100%)
    }

    .slider-villages-wrapper .slider-manual:after {
        right: 2.1rem;
        background-image: linear-gradient(to right,rgba(240,240,240,0) 0,rgba(240,240,240,.78) 49%,rgba(240,240,240,.8) 50%,#f0f0f0 100%)
    }

.slide-village {
    height: 8rem
}

    .slide-village a {
        position: relative;
        display: block;
        height: inherit;
        margin-right: 1rem;
        margin-left: 1rem;
        padding-bottom: 1.8rem
    }

.slide-village-image {
    max-height: 6.6rem
}

.slide-village-location {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #303030;
    font-size: 1.0833rem
}

.component-stylists {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.main-style-slider-centred {
    float: right;
    padding-left: 1.83rem;
    margin-bottom: 10px
}

.style-slider-centred {
    overflow: visible;
    margin: 0 auto;
    width: 70% !important
}

    .style-slider-centred .slick-next, .style-slider-centred .slick-prev {
        height: 22px !important;
        margin-top: -30px !important;
        width: 20px !important
    }

        .style-slider-centred .slick-next:before, .style-slider-centred .slick-prev:before {
            font-size: 1.6rem !important;
            color: #707070 !important;
            font-weight: 700 !important
        }

    .style-slider-centred .slick-prev {
        left: -20px !important
    }

    .style-slider-centred .slick-next {
        right: -20px !important
    }

    .style-slider-centred .stylist-name {
        margin: 0 auto !important;
        text-align: center !important;
        height: auto
    }

.stylist-image {
    display: inline-block;
    width: 4.8333rem;
    height: auto;
    margin-bottom: 1rem;
    border-radius: 50%
}

.stylist-name {
    position: absolute;
    top: 5.8rem;
    right: 0;
    left: 0;
    margin-bottom: 0;
    transition: all .3s ease
}

.current .stylist-name {
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .current .stylist-name {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .current .stylist-name {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .current .stylist-name {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .current .stylist-name {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.current .stylist-name html[lang=ru], html[lang=ar] .current .stylist-name, html[lang=ko] .current .stylist-name, html[lang=zh-cn] .current .stylist-name {
    font-weight: 700
}

.current .stylist-name:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1rem;
    left: 0;
    width: 0;
    height: .1667rem;
    margin-right: auto;
    margin-left: auto;
    background: #000;
    -webkit-animation: nameDeco .3s ease forwards .1s;
    animation: nameDeco .3s ease forwards .1s
}

.stylist-target {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    -webkit-animation: fadeIn .5s ease forwards .1s;
    animation: fadeIn .5s ease forwards .1s
}

    .stylist-target::after {
        clear: both;
        content: "";
        display: table
    }

    .stylist-target.current {
        display: block
    }

.stylist-post-wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center
}

.stylist-post {
    display: inline-block
}

.slide-village {
    padding-right: .5em;
    padding-left: .5em
}

.slick-active {
    border: none
}

    .slick-active:focus {
        border: none;
        outline: 0
    }

.wear-tabs {
    margin-top: 1.8rem
}

.wear-tab {
    display: inline-block;
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif;
    vertical-align: text-bottom;
    text-transform: uppercase;
    cursor: pointer
}

html[lang=ru] .wear-tab {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .wear-tab {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .wear-tab {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .wear-tab {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.wear-tab html[lang=ru], html[lang=ar] .wear-tab, html[lang=ko] .wear-tab, html[lang=zh-cn] .wear-tab {
    font-weight: 700
}

.wear-tab:before {
    content: '|';
    display: inline-block;
    padding-left: .3rem;
    padding-right: .6rem;
    color: #000;
    vertical-align: text-bottom;
    cursor: default
}

.wear-tab:first-child:before {
    display: none
}

.wear-tab.current {
    cursor: default
}

.wear-tab:not(.current) {
    color: #b0b0b0
}

.wear-carousel {
    display: none;
    height: auto;
    opacity: 0
}

    .wear-carousel.loading {
        display: block !important
    }

    .wear-carousel.current {
        display: block;
        -webkit-animation: fadeIn .5s ease forwards .1s;
        animation: fadeIn .5s ease forwards .1s
    }

        .wear-carousel.current.no-carousel {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: initial;
            -ms-flex-align: initial;
            align-items: initial;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
        }

.wear-carousel-item {
    width: 16rem
}

    .wear-carousel-item .product {
        float: none
    }

    .wear-carousel-item .product-image-wrapper {
        height: 14rem !important
    }

        .wear-carousel-item .product-image-wrapper img {
            max-height: 14rem;
            bottom: 0 !important
        }

.wear-img-wrapper {
    width: 100%;
    height: 21.6667rem
}

.gallery-list {
    margin-bottom: 2.2rem
}

.gallery-thumb-wrapper {
    margin-bottom: 3%
}

.gallery-thumb {
    width: 100%;
    height: auto
}

.tag-wrapper {
    margin-bottom: 5rem;
    padding-top: 3rem;
    border-top: 1px solid #a3a3a3;
    text-align: center
}

    .tag-wrapper p {
        text-transform: uppercase
    }

        .tag-wrapper p, .tag-wrapper p a {
            color: #a3a3a3
        }

.footer-social-links-new {
    margin-bottom: 5rem;
    text-align: center
}

.share-list {
    display: table
}

.find-it-here-wrapper {
    position: relative;
    margin-bottom: 5rem
}

.get-it-here-placeholder {
    border: 4px solid red
}

.home-page-section {
    position: relative
}

    .home-page-section .page-wrapper-wide {
        position: relative
    }

        .home-page-section .page-wrapper-wide.grey-wrapper:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: -3rem;
            left: 0;
            width: 100%;
            height: 10rem;
            background-color: #f0f0f0;
            z-index: -1;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .home-page-section .page-wrapper-wide.grey-wrapper.no-after-deco {
            margin-bottom: 0
        }

            .home-page-section .page-wrapper-wide.grey-wrapper.no-after-deco:after {
                display: none
            }

    .home-page-section .section-title-big {
        margin-bottom: 0
    }

    .home-page-section .home-page-section-title {
        position: relative;
        z-index: 10;
        height: 3rem;
        margin-bottom: -.4rem
    }

.home-page-get-inspired .section-title-big {
    position: relative;
    top: -3.6rem
}

.hero-home-extended + .home-page-section-lifestyle-carousel {
    margin-top: 3.2rem
}

.hero-home-extended + .home-page-section-privilege {
    margin-top: 3.2rem
}

.home-page-section-privilege .component-promotion {
    background: #f0f0f0;
    margin-bottom: -5rem;
    padding-bottom: 5rem
}

.home-page-section-brands .grey-wrapper:after {
    display: none
}

.home-page-section-brands .slick-arrow:before {
    color: #000
}

.home-page-section-brands + .home-page-section-ugc .page-wrapper-wide.grey-wrapper {
    margin-top: 0
}

.component-wrapper-home-inspired + .component-latest-footer {
    position: relative;
    max-width: 91.67rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto
}

.hero-shopping .shop {
    font-family: brown-regular,sans-serif
}

html[lang=ru] .hero-shopping .shop {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .hero-shopping .shop {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .hero-shopping .shop {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .hero-shopping .shop {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.hero-brands .hero-search-new-content {
    width: 100%
}

.brands-navigation {
    max-width: 40.6rem;
    text-align: center;
    cursor: default
}

.brands-navigation-item {
    display: inline-block;
    margin-bottom: .8333rem;
    padding-right: .1667rem;
    padding-left: .1667rem
}

.brands-navigation-link {
    display: block;
    min-width: 2.0833rem;
    height: 2.0833rem;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #fff;
    font-size: 1.25rem;
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif;
    line-height: 1.7;
    background: #d7d7d7
}

html[lang=ru] .brands-navigation-link {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .brands-navigation-link {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .brands-navigation-link {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .brands-navigation-link {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.brands-navigation-link html[lang=ru], html[lang=ar] .brands-navigation-link, html[lang=ko] .brands-navigation-link, html[lang=zh-cn] .brands-navigation-link {
    font-weight: 700
}

.brands-navigation-link.empty {
    background: rgba(215,215,215,.3);
    pointer-events: none;
    cursor: default
}

.brands-navigation-link:hover {
    background: #000;
    opacity: 1
}

.brands-listing {
    margin-bottom: 2.8333rem
}

    .brands-listing .new-shop-block {
        margin-top: 3rem;
        margin-bottom: -3rem
    }

.brands-listing-block {
    padding-top: 1.25rem
}

    .brands-listing-block::after {
        clear: both;
        content: "";
        display: table
    }

    .brands-listing-block.empty {
        display: none
    }

.brands-list-item {
    position: relative;
    display: inline-block;
    padding-right: 2.2rem;
    margin-bottom: 1rem
}

.layout-reversed .brands-list-item {
    float: right;
    padding-right: 0;
    padding-left: 1rem
}

.brands-list-item .tooltip-wrapper {
    display: inline;
    float: none;
    margin-left: .5rem;
    width: 1.5rem
}

    .brands-list-item .tooltip-wrapper .tooltip-trigger {
        top: .2rem;
        background: #fff;
        width: 1.3333rem;
        height: 1.3333rem
    }

    .brands-list-item .tooltip-wrapper .tooltip-content {
        width: 11.2rem;
        padding: .6rem 1.4rem .5rem;
        line-height: 1;
        min-height: 25px;
        color: #7b7b7b;
        font-size: 1.3333rem;
        border-radius: 0;
        border: 1px solid #777;
        box-shadow: none;
        white-space: normal;
        text-align: center
    }

        .brands-list-item .tooltip-wrapper .tooltip-content span {
            position: relative;
            z-index: 2;
            display: block;
            width: 100%;
            height: 100%;
            font-size: 1.1667rem;
            color: #777
        }

        .brands-list-item .tooltip-wrapper .tooltip-content:after {
            bottom: -.5833rem;
            z-index: 1;
            width: 1rem;
            height: 1rem;
            border-width: 0 1px 1px 0;
            border-style: solid;
            border-color: #7b7b7b;
            background: #fff;
            -webkit-transform: translateX(43px) rotate(45deg);
            -ms-transform: translateX(43px) rotate(45deg);
            transform: translateX(43px) rotate(45deg)
        }

    .brands-list-item .tooltip-wrapper .tooltip-top {
        left: 13px;
        bottom: 154%
    }

        .brands-list-item .tooltip-wrapper .tooltip-top.tooltip-text-short {
            left: 51px
        }

            .brands-list-item .tooltip-wrapper .tooltip-top.tooltip-text-short:after {
                -webkit-transform: translateX(5px) rotate(45deg);
                -ms-transform: translateX(5px) rotate(45deg);
                transform: translateX(5px) rotate(45deg)
            }

        .brands-list-item .tooltip-wrapper .tooltip-top.tooltip-text-long {
            left: -28px
        }

            .brands-list-item .tooltip-wrapper .tooltip-top.tooltip-text-long:after {
                -webkit-transform: translateX(84px) rotate(45deg);
                -ms-transform: translateX(84px) rotate(45deg);
                transform: translateX(84px) rotate(45deg)
            }

.brands-list-link {
    display: inline-block;
    font-size: 1.3333rem;
    color: #7b7b7b
}

    .brands-list-link:focus, .brands-list-link:hover {
        opacity: 1
    }

a.brands-list-link {
    margin-top: .1667rem
}

    a.brands-list-link:focus, a.brands-list-link:hover {
        color: #000
    }

div.brands-list-link {
    white-space: nowrap
}

    div.brands-list-link > .brands-list-link-with-tooltip {
        display: inline-block;
        padding-top: .1667rem;
        white-space: normal
    }

.no-matches p {
    text-align: center
}

.brand-state {
    color: #c2092f !important;
    text-align: center !important
}

    .brand-state.module-title-deco {
        padding-bottom: 1.6rem
    }

.brand-content .brand-intro-content {
    margin-bottom: 3.3333rem
}

    .brand-content .brand-intro-content > p {
        max-width: 50.6rem;
        font-size: 1.25rem
    }

    .brand-content .brand-intro-content > .button {
        margin-top: 1rem
    }

.page-brand-single > .page-wrapper {
    padding-top: 0
}

.products-list {
    padding-top: 4rem
}

    .products-list::after {
        clear: both;
        content: "";
        display: table
    }

    .products-list .section-title {
        margin-bottom: 2.5rem;
        text-align: center
    }

.product-overlay {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -1px;
    right: -1px;
    padding-bottom: 1.5833rem;
    padding-top: 1.5833rem;
    background: rgba(255,255,255,.92);
    width: 0;
    height: 0;
    overflow: hidden;
    border: 0 solid #fff;
    opacity: 0;
    transition: all .5s ease
}

    .product-overlay h1, .product-overlay h2, .product-overlay h4, .product-overlay h5, .product-overlay h6 {
        color: #000;
        font-family: brown-light,sans-serif;
        font-size: 1.0833rem;
        letter-spacing: .05rem;
        opacity: 0;
        transition: opacity 0s ease
    }

    .product-overlay p {
        padding: 1.6rem 2.4rem;
        color: #000;
        font-size: 1rem;
        text-transform: none;
        opacity: 0;
        transition: opacity 0s ease
    }

        .product-overlay p:hover {
            cursor: text
        }

    .product-overlay.active {
        bottom: 0;
        right: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        border: 1px solid #707070;
        opacity: 1;
        overflow: visible
    }

        .product-overlay.active h1, .product-overlay.active h2, .product-overlay.active h4, .product-overlay.active h5, .product-overlay.active h6, .product-overlay.active p, .product-overlay.active ul {
            opacity: 1;
            transition: opacity .5s ease .5s
        }

    .product-overlay:hover {
        cursor: default
    }

.product-overlay-close, .product-overlay-open {
    position: absolute;
    top: -1px;
    right: -1px;
    color: #707070;
    font-family: brown-regular,sans-serif;
    font-size: 3rem;
    line-height: .27
}

html[lang=ru] .product-overlay-close, html[lang=ru] .product-overlay-open {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .product-overlay-close, html[lang=ko] .product-overlay-open {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .product-overlay-close, html[lang=zh-cn] .product-overlay-open {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .product-overlay-close, html[lang=ar] .product-overlay-open {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.product-overlay-open {
    width: 1.5833rem;
    height: 1.5833rem
}

.overlay-open .product-overlay-open {
    opacity: 0
}

.product-overlay-close {
    display: none;
    background: #fff;
    border: 1px solid #707070
}

    .product-overlay-close:hover {
        opacity: 0
    }

.overlay-open .product-overlay-close {
    display: block;
    width: 1.5833rem;
    height: 1.5833rem;
    opacity: 1
}

    .overlay-open .product-overlay-close:hover {
        opacity: 1
    }

.product-share-list {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    transition: opacity 0s ease
}

.map-component-img {
    width: 100%;
    height: 30.6667rem;
    overflow: hidden
}

    .map-component-img img {
        max-width: initial
    }

.map-legend-wrapper, .map-listing-block {
    color: #777;
    font-size: 1.3333rem
}

.map-legend-item, .map-listing-item {
    padding-right: 1rem
}

.map-legend-wrapper {
    padding: 2.75rem 1.8333rem;
    background: #f5f5f5
}

.map-legend-item {
    position: relative;
    margin-bottom: 2rem;
    font-size: 1.3333rem
}

    .map-legend-item span {
        display: inline-block
    }

    .map-legend-item .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 1.8333rem;
        height: 2rem
    }

        .map-legend-item .icon:before {
            width: inherit;
            margin-top: -.6rem;
            margin-left: -.6rem;
            color: #000;
            font-size: 3.4rem
        }

    .map-legend-item .text {
        padding-left: 2.8333rem;
        width: 100%
    }

.map-listing-block {
    margin-bottom: 1.5rem
}

.map-listing-heading {
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif
}

html[lang=ru] .map-listing-heading {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .map-listing-heading {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .map-listing-heading {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .map-listing-heading {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.map-listing-heading html[lang=ru], html[lang=ar] .map-listing-heading, html[lang=ko] .map-listing-heading, html[lang=zh-cn] .map-listing-heading {
    font-weight: 700
}

.inpage-form::after {
    clear: both;
    content: "";
    display: table
}

.layout-reversed .inpage-form span.error {
    text-align: right
}

.inpage-form .button {
    width: 100%;
    white-space: normal;
    line-height: .55;
    margin: .8333rem auto
}

.register-form-content .loginBtn, .signin-form-content .loginBtn {
    width: 100%;
    white-space: normal;
    font-size: 1.17rem;
    padding: 1rem 1.2rem .8rem;
    text-align: center;
    margin: .8333rem auto
}

    .register-form-content .loginBtn:before, .signin-form-content .loginBtn:before {
        width: auto
    }

.free-text-local-attractions {
    max-width: 49.8rem;
    margin-bottom: 6.6rem
}

    .free-text-local-attractions, .free-text-local-attractions .module-free-text-copy {
        height: auto !important
    }

.page-style-notes a#events, .page-style-notes a#standardEditorialComponent, .page-style-notes a#ugc, .page-style-notes a#whatIsOn {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden
}

.style-item .grid-item.style-image {
    float: right
}

.layout-reversed .style-item .grid-item.style-image {
    float: left !important
}

.slick-track {
    margin: 0 auto
}

.page-faqs > .page-wrapper {
    margin-bottom: 1.3rem
}

.olapic-page-wrapper, .page-wrapper.olapic-page-wrapper {
    padding-top: 0;
    margin-top: -3rem
}

.page-update-details form label, .page-update-details form p {
    font-size: 1.1667rem
}

.page-update-details form p {
    color: #767676
}

.page-update-details .dk0-Country .dk-select {
    z-index: 20
}

.page-update-details .dk1-Language .dk-select {
    z-index: 19
}

.page-update-details .promo-code {
    background: #fff
}

.birthday-selects::after {
    clear: both;
    content: "";
    display: table
}

.birthday-selects .tooltip-wrapper {
    margin-top: .2rem;
    margin-left: 0
}

.success {
    color: #4f8a10;
    padding: 1rem;
    margin-bottom: 1.6667rem
}

.failure {
    color: #d8000c;
    padding: 1rem;
    margin-bottom: 1.6667rem
}

.page-dashboard .promo-code, .page-your-treats .promo-code {
    background: #fff
}

.your-brands-list-item {
    display: block;
    padding: 0 1.6667rem .6667rem .1667rem;
    margin: 0;
    line-height: 1.2;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column
}

.ie9 .your-brands-list-item {
    display: inline-block;
    margin: 0 0 .5rem;
    padding: 0 1.6667rem 0 .1667rem
}

    .ie9 .your-brands-list-item:nth-child(2n+1) {
        clear: left
    }

.rich-text p.your-brands-list-footer {
    color: #777
}

#yourBrands .checkbox-wrap {
    margin: 0 0 .5rem
}

    #yourBrands .checkbox-wrap:nth-child(2n+1) {
        clear: left
    }

    #yourBrands .checkbox-wrap .box-check-trigger {
        margin: 0;
        padding: .4167rem 1.6667rem .4167rem 3rem;
        font-size: 1.3333rem;
        color: #fff
    }

        #yourBrands .checkbox-wrap .box-check-trigger:before {
            top: .1667rem;
            border-color: #fff
        }

    #yourBrands .checkbox-wrap [data-subcategory-all] + label {
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif
    }

html[lang=ru] #yourBrands .checkbox-wrap [data-subcategory-all] + label {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] #yourBrands .checkbox-wrap [data-subcategory-all] + label {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] #yourBrands .checkbox-wrap [data-subcategory-all] + label {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] #yourBrands .checkbox-wrap [data-subcategory-all] + label {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

#yourBrands .checkbox-wrap [data-subcategory-all] + label html[lang=ru], html[lang=ar] #yourBrands .checkbox-wrap [data-subcategory-all] + label, html[lang=ko] #yourBrands .checkbox-wrap [data-subcategory-all] + label, html[lang=zh-cn] #yourBrands .checkbox-wrap [data-subcategory-all] + label {
    font-weight: 700
}

#yourBrands .box-check-wrapper {
    text-align: center
}

    #yourBrands .box-check-wrapper .your-brands-checkbox-letter {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        text-align: left;
        text-transform: uppercase;
        color: #fff
    }

    #yourBrands .box-check-wrapper .box-check-trigger:before {
        width: 2rem;
        height: 2rem;
        background-image: url(../img/src/deco/checkbox-cross-brands.png)
    }

.your-brands-checkbox-list {
    text-align: left
}

    .your-brands-checkbox-list::after {
        clear: both;
        content: "";
        display: table
    }

.rich-text ul.your-brands-checkbox-list {
    margin: 0 0 1.5rem
}

.your-brands-submit {
    display: block;
    margin: 1.5rem auto
}

.ie9 .your-village-sub-wrapper {
    margin-top: 2rem
}

    .ie9 .your-village-sub-wrapper::after {
        clear: both;
        content: "";
        display: table
    }

    .ie9 .your-village-sub-wrapper .checkbox-wrap {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .ie9 .your-village-sub-wrapper .checkbox-wrap:last-child {
            margin-right: 0
        }

        .ie9 .your-village-sub-wrapper .checkbox-wrap:nth-child(2n+1) {
            clear: left
        }

.editorial-detail-2col, .editorial-detail-copy, .showcase-products {
    max-width: 55rem;
    margin-right: auto;
    margin-left: auto
}

.editorial-detail-copy, .editorial-detail-quote, .showcase-products {
    margin-bottom: 4rem
}

.editorial-detail-copy {
    margin-bottom: 4rem
}

    .editorial-detail-copy h3 {
        font-size: 1.1667rem;
        font-family: brown-bold,sans-serif;
        font-family: brown-regular,sans-serif;
        text-transform: uppercase
    }

html[lang=ru] .editorial-detail-copy h3 {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .editorial-detail-copy h3 {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .editorial-detail-copy h3 {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .editorial-detail-copy h3 {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.editorial-detail-copy h3 html[lang=ru], html[lang=ar] .editorial-detail-copy h3, html[lang=ko] .editorial-detail-copy h3, html[lang=zh-cn] .editorial-detail-copy h3 {
    font-weight: 700
}

.editorial-detail-copy ol {
    list-style: decimal inside
}

.editorial-detail-copy li {
    font-size: 1.1667rem;
    margin-bottom: .75rem
}

.editorial-detail-copy p {
    font-size: 1.1667rem
}

.editorial-detail-showcase {
    margin-bottom: 5rem
}

.editorial-detail-product-showcase {
    clear: both
}

    .editorial-detail-product-showcase:last-of-type {
        margin-bottom: 4.4rem
    }

.showcase-img-wrapper {
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.showcase-img {
    display: inline-block
}

.showcase-2-img {
    width: 100%;
    height: auto
}

    .showcase-2-img:first-child {
        padding-bottom: 1rem
    }

.showcase-4-img-wrapper .flickity-prev-next-button {
    display: none
}

.editorial-detail-quote {
    position: relative;
    max-width: 50rem;
    margin-right: auto;
    margin-left: auto;
    padding-top: 7.4rem;
    text-align: center;
    font-family: bonodiBe-italic,serif
}

html[lang=ru] .editorial-detail-quote {
    font-family: "Playfair Display",serif
}

html[lang=ko] .editorial-detail-quote {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .editorial-detail-quote {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .editorial-detail-quote {
    font-family: "Almarai-regular",serif
}

.editorial-detail-quote html[lang=ru], html[lang=ar] .editorial-detail-quote, html[lang=ko] .editorial-detail-quote, html[lang=zh-cn] .editorial-detail-quote {
    font-style: italic
}

.editorial-detail-quote:before {
    content: '“';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: inline-block;
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
    color: #e6e7e7;
    font-size: 15rem;
    line-height: .9;
    text-align: center;
    text-indent: -3.2rem
}

.editorial-detail-quote p:not(.quote-by) {
    font-size: 2rem;
    line-height: 1.2
}

.editorial-detail-quote .quote-by {
    position: relative;
    display: inline-block;
    padding-left: 5.3333rem;
    font-size: .9167rem
}

    .editorial-detail-quote .quote-by:before {
        content: '';
        position: absolute;
        top: .5rem;
        left: 0;
        width: 3.8333rem;
        height: .0833rem;
        background: #000
    }

.showcase-products {
    border-bottom: 1px solid #b2b2b2
}

    .showcase-products .slider-manual {
        padding-right: 0;
        padding-left: 0
    }

    .showcase-products .slick-arrow {
        display: none !important
    }

    .showcase-products .slick-track {
        margin-right: auto;
        margin-left: auto
    }

.page-getting-here .hero, .page-getting-here-new .hero {
    position: relative;
    z-index: 3
}

.page-getting-here div#by-car, .page-getting-here-new div#by-car {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden
}

.page-getting-here .hero + .page-wrapper-wide, .page-getting-here .module-hero-new + .page-wrapper-narrow, .page-getting-here-new .hero + .page-wrapper-wide, .page-getting-here-new .module-hero-new + .page-wrapper-narrow {
    z-index: 2;
    position: relative
}

.page-getting-here .module-hero-new + .page-wrapper-narrow, .page-getting-here-new .module-hero-new + .page-wrapper-narrow {
    margin-top: -5rem
}

.page-getting-here .module-hero-new .hero-nav-share, .page-getting-here-new .module-hero-new .hero-nav-share {
    margin-top: 5rem
}

.page-getting-here .module-hero-new, .page-getting-here-new .module-hero-new {
    margin-top: 3rem
}

.page-getting-here .hero-getting-to, .page-getting-here-new .hero-getting-to {
    margin-top: 0
}

.page-getting-here .page-wrapper-wide + .module-hero-new, .page-getting-here-new .page-wrapper-wide + .module-hero-new {
    margin-top: 5rem
}

.page-getting-here #chilternrailways .results, .page-getting-here-new #chilternrailways .results {
    margin-bottom: 4rem
}

.page-getting-here .component-wrapper-new.module-hero-new .module-content-wrapper, .page-getting-here-new .component-wrapper-new.module-hero-new .module-content-wrapper {
    max-width: 70rem
}

.page-getting-here .page-wrapper-narrow .row, .page-getting-here-new .page-wrapper-narrow .row {
    max-width: 66rem
}

.page-getting-here .hero-nav-dropdown, .page-getting-here-new .hero-nav-dropdown {
    margin-top: 1.6rem;
    margin-bottom: -2rem
}

.page-getting-here .component-wrapper-new.module-hero-new p, .page-getting-here-new .component-wrapper-new.module-hero-new p {
    text-align: center
}

.module-content-wrapper.getting-here {
    padding-bottom: 1rem
}

.module-content-wrapper.train-tab {
    margin-top: -3.33rem
}

.hero-getting-to.component-wrapper-new.module-hero-new .module-content-wrapper header {
    margin-bottom: 0
}

.page-basic-content .hero + .page-wrapper-wide, .page-editorial .hero + .page-wrapper-wide {
    position: relative;
    z-index: 2;
    margin-top: -4rem
}

.page-basic-content .page-wrapper-wide > .mobile-gap, .page-editorial .page-wrapper-wide > .mobile-gap {
    margin-top: -2rem
}

.gallery-thumb-wrapper[data-gallery-index] {
    cursor: pointer
}

#gallery-modal {
    padding: 0;
    max-height: 100vh
}

    #gallery-modal .modal-dialog {
        height: 90vh;
        max-height: 59.8333rem;
        max-width: none;
        border-radius: 0
    }

    #gallery-modal .modal-body, #gallery-modal .modal-content {
        height: 100%
    }

    #gallery-modal .modal-content {
        text-align: center
    }

    #gallery-modal .modal-body::after {
        clear: both;
        content: "";
        display: table
    }

.modal-gallery-image-wrapper {
    background: #000;
    position: relative;
    overflow: hidden
}

    .modal-gallery-image-wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        max-width: none;
        max-width: initial;
        margin: 0 auto
    }

    .modal-gallery-image-wrapper .image-portrait {
        height: 100%;
        width: auto
    }

    .modal-gallery-image-wrapper .image-landscape {
        width: 100%;
        height: auto
    }

.modal-gallery-content-wrapper {
    padding: 4rem;
    text-align: left
}

.modal-gallery-content-inner {
    font-size: 1.1667rem
}

.gallery-slide-counter {
    margin-bottom: 1rem;
    color: #9f9f9f;
    font-size: 5.3333rem;
    font-family: bonodiBe-italic,serif;
    line-height: 1
}

html[lang=ru] .gallery-slide-counter {
    font-family: "Playfair Display",serif
}

html[lang=ko] .gallery-slide-counter {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .gallery-slide-counter {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .gallery-slide-counter {
    font-family: "Almarai-regular",serif
}

.gallery-slide-counter html[lang=ru], html[lang=ar] .gallery-slide-counter, html[lang=ko] .gallery-slide-counter, html[lang=zh-cn] .gallery-slide-counter {
    font-style: italic
}

.gallery-slide-counter span {
    position: relative;
    top: -.9rem;
    left: .3rem;
    font-family: bonodiBe-italic,serif;
    font-size: 3.9rem
}

html[lang=ru] .gallery-slide-counter span {
    font-family: "Playfair Display",serif
}

html[lang=ko] .gallery-slide-counter span {
    font-family: "KoPub Batang",serif
}

html[lang=zh-cn] .gallery-slide-counter span {
    font-family: adobe-fangsong-std,serif
}

html[lang=ar] .gallery-slide-counter span {
    font-family: "Almarai-regular",serif
}

.gallery-slide-counter span html[lang=ru], html[lang=ar] .gallery-slide-counter span, html[lang=ko] .gallery-slide-counter span, html[lang=zh-cn] .gallery-slide-counter span {
    font-style: italic
}

.layout-reversed .gallery-slide-counter span {
    left: auto;
    right: -.3rem
}

.gallery-title {
    margin-bottom: 1.2rem;
    font-family: brown-bold,sans-serif;
    font-family: brown-regular,sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: .05rem
}

html[lang=ru] .gallery-title {
    font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ko] .gallery-title {
    font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=zh-cn] .gallery-title {
    font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
}

html[lang=ar] .gallery-title {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.gallery-title html[lang=ru], html[lang=ar] .gallery-title, html[lang=ko] .gallery-title, html[lang=zh-cn] .gallery-title {
    font-weight: 700
}

.gallery-slide-nav {
    margin-top: 3rem;
    text-transform: uppercase;
    font-size: 1rem;
    color: #a3a3a3
}

[data-gallery-nav] {
    display: inline-block;
    color: #a3a3a3;
    cursor: pointer;
    transition: color .3s ease
}

    [data-gallery-nav]:hover {
        color: #000
    }

[data-gallery-prev] {
    padding-right: .5rem
}

.layout-reversed [data-gallery-prev] {
    padding-right: 0;
    padding-left: .5rem
}

[data-gallery-next] {
    padding-left: .5rem
}

.layout-reversed [data-gallery-next] {
    padding-left: 0;
    padding-right: .5rem
}

.gdpr-modal .type-content {
    max-height: 60vh !important;
    -webkit-overflow-scrolling: touch
}

.page-update-details form .gdpr-new-pref p {
    color: #000
}

.gdpr-new-pref {
    color: #000
}

    .gdpr-new-pref .box-check-wrapper .box-check-trigger {
        color: #000
    }

    .gdpr-new-pref .location-item-container .state-toggle {
        color: #4caf50;
        text-decoration: underline
    }

        .gdpr-new-pref .location-item-container .state-toggle.allowed .allowed-text {
            display: inline
        }

        .gdpr-new-pref .location-item-container .state-toggle.allowed .not-allowed-text {
            display: none
        }

        .gdpr-new-pref .location-item-container .state-toggle.not-allowed {
            color: #c2092f
        }

            .gdpr-new-pref .location-item-container .state-toggle.not-allowed .allowed-text {
                display: none
            }

            .gdpr-new-pref .location-item-container .state-toggle.not-allowed .not-allowed-text {
                display: inline
            }

    .gdpr-new-pref .gdpr-pref-container {
        width: 100%;
        max-width: 400px
    }

    .gdpr-new-pref .gdpr-pref-item {
        box-sizing: border-box;
        padding: 5px;
        width: 100%;
        display: block
    }

        .gdpr-new-pref .gdpr-pref-item.pushnotification-item {
            display: none
        }

        .gdpr-new-pref .gdpr-pref-item .box-check-wrapper .box-check-trigger {
            margin-right: 0
        }

        .gdpr-new-pref .gdpr-pref-item .checkbox-wrap {
            margin: 0 0 0 .4167rem
        }

        .gdpr-new-pref .gdpr-pref-item .location-item-container p {
            margin: 0
        }

        .gdpr-new-pref .gdpr-pref-item .pref-container {
            opacity: 1;
            transition: all .3s ease;
            position: relative
        }

            .gdpr-new-pref .gdpr-pref-item .pref-container > div {
                display: inline;
                float: left
            }

            .gdpr-new-pref .gdpr-pref-item .pref-container .provide-details {
                display: none;
                padding: 5px
            }

        .gdpr-new-pref .gdpr-pref-item.is-empty.Mobile {
            opacity: 1
        }

            .gdpr-new-pref .gdpr-pref-item.is-empty.Mobile .pref-container {
                opacity: 1
            }

                .gdpr-new-pref .gdpr-pref-item.is-empty.Mobile .pref-container .provide-details {
                    display: none
                }

                .gdpr-new-pref .gdpr-pref-item.is-empty.Mobile .pref-container:before {
                    display: none
                }

        .gdpr-new-pref .gdpr-pref-item.is-empty .pref-container {
            opacity: .5
        }

            .gdpr-new-pref .gdpr-pref-item.is-empty .pref-container .provide-details {
                display: inline;
                position: relative
            }

                .gdpr-new-pref .gdpr-pref-item.is-empty .pref-container .provide-details:before {
                    content: ' - ';
                    display: inline
                }

            .gdpr-new-pref .gdpr-pref-item.is-empty .pref-container:before {
                content: '';
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 999
            }

        .gdpr-new-pref .gdpr-pref-item .pref-container {
            float: left;
            width: calc(100% - 4.1667rem)
        }

        .gdpr-new-pref .gdpr-pref-item .tooltip-wrapper {
            float: right
        }

.column-wrapper {
    -moz-column-count: 1;
    margin: 0;
    overflow: hidden
}

    .column-wrapper .column-item {
        -webkit-column-break-inside: avoid;
        break-inside: avoid-column
    }

.layout-reversed .module-profile-link {
    position: relative
}

.layout-reversed .arrow-anim {
    left: 0;
    position: absolute;
    margin-left: -45px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.margin-bottom-section {
    box-sizing: border-box;
    margin: 0px 0px 1.25rem;
}

.footer-content-container {
    box-sizing: border-box;
    width: 100%
}

.flex-container-responsive {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.social-media-list {
    box-sizing: border-box;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 0;
    width: 16em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flexible-section-container {
    box-sizing: border-box;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-title {
    box-sizing: border-box;
    margin: 0;
    font-family: SangbleuKindgdom-Light;
    font-weight: 400;
    line-height: 1.13;
    letter-spacing: -3px
}

.treat-title {
    box-sizing: border-box;
    margin: 0;
    font-family: SangbleuKindgdom-Light;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -1px
}

.footer-nav-heading {
    box-sizing: border-box;
    margin: 0;
    font-family: Aime-Thin, serif !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
    line-height: 1.4 !important;
}

.footer-divider {
    box-sizing: border-box;
    width: 100%;
    border-color: #efefef;
    display: none;
    margin: 0;
    height: 1px;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #d8d8d8;
    width: 100%;
    border-color: #efefef;
    display: none
}

.footer-section-divider {
    box-sizing: border-box;
    border-color: #efefef;
    margin: 0;
    height: 1px;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #d8d8d8;
    width: 100%;
    border-color: #efefef
}

.footer-horizontal-divider {
    box-sizing: border-box;
    width: 100%;
    border-color: #efefef;
    display: block;
    margin: 0;
    height: 1px;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #d8d8d8;
    width: 100%;
    border-color: #efefef;
    display: block
}

.treat-category-container {
    box-sizing: border-box;
    padding: 5.5rem 1.25rem;
    max-width: 1200px;
    margin: 0 auto
}

.footer-container {
    box-sizing: border-box;
    padding-top: 0.625rem;
    padding-left: 0;
    padding-right: 0;
    max-width: 1200px;
    margin: 0 auto
}

.footer-social-container {
    box-sizing: border-box;
    margin: auto;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    max-width: 1200px;
    margin: 0 auto;
    max-width: 1200px;
    margin: auto
}

.footer-icon-wrapper {
    width: 12px;
    display: block;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    float: none;
    display: inline-block
}

.social-icon-wrapper {
    width: 40px;
    height: 40px;
    display: block;
    display: inline-block
}

.treat-category-name {
    box-sizing: border-box;
    font-family: BrownStd-Regular;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.button-text {
    box-sizing: border-box;
    font-family: BrownStd-Regular;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer-nav-link-text {
    box-sizing: border-box;
    font-family: BrownStd-Regular;
    line-height: 2
}

.footer-copy-text {
    box-sizing: border-box;
    margin-bottom: 1.125rem;
    width: 100%;
    font-size: .75rem;
    color: #bebebe;
    font-family: BrownStd-Regular;
    line-height: 1.42;
    letter-spacing: normal
}

.footer-copyright-text {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%;
    font-size: .75rem;
    color: #bebebe;
    font-family: BrownStd-Regular;
    line-height: 1.8;
    letter-spacing: normal
}

.footer-nav-heading-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.footer-link {
    border-bottom: 1px solid transparent;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: border-color ease-in .2s
}

    .footer-link:focus, .footer-link:hover {
        border-color: currentColor;
    }

.footer-nav-link-list {
    box-sizing: border-box;
    margin: 0;
    padding: 1.5625rem 0px 0px;
}

.footer-nav-list-item {
    box-sizing: border-box;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #efefef
}

.footer-root {
    box-sizing: border-box
}

.footer-navigation-container {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.footer-social-section {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-logo-wrapper {
    display: inline-block;
    margin-bottom: .625rem;
    width: 187px
}

html[dir=ltr] .footer-logo-wrapper {
    margin-right: 2.8125rem
}

html[dir=rtl] .footer-logo-wrapper {
    margin-left: 2.8125rem
}

.social-media-item {
    box-sizing: border-box;
    margin: 0.625rem 1rem;
}

html[dir=ltr] .social-media-item + li {
    margin-left: .625rem
}

html[dir=rtl] .social-media-item + li {
    margin-right: .625rem
}

.privilege-code-button {
    display: inline-block;
    padding: .9375rem 3.125rem;
    box-shadow: 0;
    background: #fff;
    border: 1px solid #532e34;
    color: #532e34;
    transition: background ease-in .2s,color ease-in .2s
}

    .privilege-code-button > * {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .privilege-code-button:focus:not(:disabled), .privilege-code-button:hover:not(:disabled) {
        background: #532e34;
        color: #fff
    }

    .privilege-code-button:disabled {
        color: #bebebe
    }

.section-container {
    color: #532e34;
    padding: 0 20px;
    text-align: center
}

.content-container {
    margin: 0 auto;
    max-width: 580px
}

.intro-container {
    color: #a99699;
    font-size: .875rem;
    margin: 20px auto 0;
    text-align: center;
    width: 265px
}

.treats-header-container {
    width: 100%;
    display: block;
    background: #fff
}

    .treats-header-container > div {
        max-width: 780px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 60px 1.125rem
    }

    .treats-header-container h2 {
        margin-bottom: 20px
    }

    .treats-header-container span {
        margin-bottom: 10px
    }

.treat-content-wrapper {
    display: -ms-grid;
    display: grid;
    grid-template-rows: min-content 1fr;
    border: 0;
    margin-bottom: 1.875rem
}

    .treat-content-wrapper h4 {
        padding: 0;
        margin: 1.25rem 0 0
    }

    .treat-content-wrapper p {
        padding: 0;
        margin: .9375rem 0 0
    }

    .treat-content-wrapper a, .treat-content-wrapper button {
        margin: 1.875rem 0 0
    }

.treat-details-container {
    position: relative;
    background: #fff;
    text-align: center
}

    .treat-details-container html[dir=ltr] {
        padding-right: .9375rem
    }

    .treat-details-container html[dir=rtl] {
        padding-left: .9375rem
    }

.treat-image-wrapper {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 540px
}

* + .treat-widget-section {
    margin-top: 3.125rem
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: BrownStd-Regular,sans-serif;
    font-feature-settings: 'kern','liga','clig','calt';
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    background-color: inherit;
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

html {
    font-size: 16px;
    box-sizing: border-box
}

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

body {
    font-family: BrownStd-Regular,sans-serif;
    font-feature-settings: 'kern','liga','clig','calt';
    font-size: 1rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

p {
    margin-top: 0
}

a {
    color: currentColor;
    -webkit-text-decoration: none;
    text-decoration: none
}

.modal-dialog-profile {
    position: relative;
    margin: 0 auto;
    border-radius: 3px;
    max-width: 61.2rem;
    background-color: #fff
}

.main-content-container {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    max-width: 90%
}

.content-section {
    box-sizing: border-box;
    padding-top: 70px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    max-width: 680px;
    padding-top: 70px
}

.header-section {
    color: #532e34;
    padding: 0 20px;
    text-align: center
}

.header-content-wrapper {
    margin: 0 auto;
    max-width: 580px
}

.page-title {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400;
    line-height: 1.13;
    letter-spacing: -3px
}

.page-subheading {
    box-sizing: border-box;
    margin: 0;
    padding-top: 20px;
    color: #532e34;
    font-weight: 400;
    text-align: center;
    line-height: 1.14;
    letter-spacing: -2px
}

.content-wrapper {
    box-sizing: border-box;
    padding-top: 20px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    max-width: 470px;
    padding-top: 20px
}

.intro-text {
    box-sizing: border-box;
    color: #a99699;
    font-family: BrownStd-Regular;
    line-height: 1.5
}

.profile-section {
    box-sizing: border-box;
    padding-top: 30px;
    max-width: 1200px;
    margin: 0 auto;
    max-width: 600px;
    padding-top: 0px
}

.profile-actions-container {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto
}

.submit-button {
    display: inline-block;
    padding: .9375rem 3.125rem;
    box-shadow: 0;
    background: #7E8A4A;
    border: 1px solid #7E8A4A;
    color: #fff;
    transition: background ease-in .2s,color ease-in .2s;
    width: 100%
}

    .submit-button > * {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .submit-button:focus:not(:disabled), .submit-button:hover:not(:disabled) {
        background: #F5F0E6;
        border-color: #7E8A4A;
        color: #7E8A4A
    }

    .submit-button:disabled {
        color: #989393
    }

.cta-button-text {
    box-sizing: border-box;
    font-family: BrownStd-Regular;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section-spacer {
    box-sizing: border-box;
    padding-top: 60px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    max-width: 570px;
    padding-top: 60px;
    border-bottom: 1px solid #edeaea
}

.profile-heading {
    box-sizing: border-box;
    margin: 0;
    padding-top: 20px;
    color: #532e34;
    font-family: SangbleuKindgdom-Light;
    font-weight: 400;
    text-align: center;
    line-height: 1.14;
    letter-spacing: -2px
}

.form-container {
    box-sizing: border-box;
    padding-top: 30px;
    max-width: 1200px;
    margin: 0 auto;
    max-width: 300px;
    padding-top: 30px
}

.form-group {
    margin: 1.875rem 0
}

.form-label-container {
    display: block
}

.input-label {
    box-sizing: border-box;
    color: #532e34;
    font-family: BrownStd-Regular;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.input-form-field {
    box-sizing: border-box;
    font-family: BrownStd-Regular;
    line-height: 1.42
}

.header-content-wrapper {
    border: 1px solid transparent !important;
    outline: 0 !important;
    transition: border .3s ease-in-out !important;
    width: 100% !important;
    padding: .9375rem !important;
    border-color: #7E8A4A !important
}

    .header-content-wrapper:focus {
        border-color: #a99699 !important
    }

.header-content {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width:900px) {
    .header-content {
        height: auto;
    }
}


.dropdown-input-field {
    border: 1px solid transparent;
    outline: 0;
    transition: border .3s ease-in-out;
    width: 100%;
    padding: .9375rem;
    color: #532e34;
    border-color: #7E8A4A;
    box-shadow: 0;
    border-radius: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat,repeat;
    background-position: right .9375rem top 50%,0 0;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24'%3E%3Cpath d='M8.4,12l8.3,8.3l-1.4,1.4L5.6,12l9.7-9.7l1.4,1.4L8.4,12z' fill='%23A99699' transform='rotate(-90, 12, 12)' /%3E%3C/svg%3E")
}

html[dir=rtl] .dropdown-input-field {
    background-position: left .9375rem top 50%,0 0
}

.dropdown-input-field::-ms-expand {
    display: none
}

.dropdown-input-field:active, .dropdown-input-field:focus {
    border-color: #a99699
}

.dropdown-input-field:disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24'%3E%3Cpath d='M8.4,12l8.3,8.3l-1.4,1.4L5.6,12l9.7-9.7l1.4,1.4L8.4,12z' fill='%23EDEAEA' transform='rotate(-90, 12, 12)' /%3E%3C/svg%3E")
}

    .dropdown-input-field:disabled:focus:focus {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24'%3E%3Cpath d='M8.4,12l8.3,8.3l-1.4,1.4L5.6,12l9.7-9.7l1.4,1.4L8.4,12z' fill='%23A99699' transform='rotate(90, 12, 12)' /%3E%3C/svg%3E")
    }

.cta-container {
    box-sizing: border-box !important;
    max-width: 1200px !important;
    margin: 0 auto !important
}

.terms-text {
    box-sizing: border-box;
    color: #532e34;
    font-family: BrownStd-Regular;
    line-height: 1.5
}

.consent-text {
    box-sizing: border-box;
    color: #532e34;
    font-family: BrownStd-Regular;
    line-height: 1.42
}

.contact-preference-container {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    text-align: justify;
    max-width: 370px
}

.action-container {
    box-sizing: border-box;
    padding-top: 30px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    max-width: 300px;
    padding-top: 30px
}

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

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

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

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

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

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

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("eot"),url(../fonts/icons.woff) format("woff"),url(../fonts/icons.ttf) format("truetype"),url(../fonts/icons.svg#icons) format("svg")
}

@font-face {
    font-family: BrownStd-Regular;
    src: url(../fonts/BrownStd-Regular.woff) format("woff")
}

@font-face {
    font-family: BrownStd-Light;
    src: url(../fonts/BrownStd-Light.woff) format("woff")
}

@font-face {
    font-family: BrownStd-Bold;
    src: url(../fonts/BrownStd-Bold.woff) format("woff")
}

@font-face {
    font-family: SangbleuKindgdom-Light;
    src: url("/fonts/sangbleukingdom-light-webfont.woff") format("woff");
}

@font-face {
    font-family: SangbleuKindgdom-Light-Italic;
    src: url(../fonts/sangbleukingdom-lightitalic-webfont.woff) format("woff")
}

@font-face {
    font-family: "BrownStd-Light";
    src: url("/assets/fonts/BrownStd-Light.woff") format("woff");
}

@font-face {
    font-family: "BrownStd-Bold";
    src: url("/assets/fonts/BrownStd-Bold.woff") format("woff");
}

@font-face {
    font-family: "SangbleuKindgdom-Light-Italic";
    src: url("/assets/fonts/sangbleukingdom-lightitalic-webfont.woff") format("woff");
}

@font-face {
    font-family: 'BrownStd-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'BrownStd-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'BrownStd-Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'BrownStd-Light';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'BrownStd-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v9/o-0NIpQlx3QUlC5A4PNjXhFVadyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
    font-family: 'BrownStd-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v9/o-0NIpQlx3QUlC5A4PNjXhFVYNyBx2pqPIif.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: 'Almarai-light';
    src: url('../fonts/Almarai-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Almarai-regular';
    src: url('../fonts/Almarai-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Almarai-bold';
    src: url('../fonts/Almarai-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Almarai-extrabold';
    src: url('../fonts/Almarai-ExtraBold.ttf') format('truetype');
}

@media (-webkit-min-device-pixel-ratio:0) {
    [type=radio]:focus + input[type=hidden] + label, [type=radio]:focus + label {
        outline: -webkit-focus-ring-color auto 5px
    }

    .box-check-wrapper .box-check input[type=checkbox]:focus ~ .box-check-trigger {
        outline: -webkit-focus-ring-color auto 5px
    }
}

@media only screen and (orientation:landscape) {
    #gallery-modal .modal-body {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .modal-gallery-image-wrapper {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .modal-gallery-content-wrapper {
        position: relative;
        -webkit-flex: 0 0 33rem;
        -ms-flex: 0 0 33rem;
        flex: 0 0 33rem
    }

    .modal-gallery-content-inner {
        position: absolute;
        top: 50%;
        right: 4rem;
        left: 4rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (orientation:portrait) {
    .modal-gallery-content-column {
        height: 50%
    }
}

@media all and (-ms-high-contrast:none) {
    .weather-thumb-temp {
        padding-top: .5rem
    }

    .weather-large-temp {
        padding-top: .8rem
    }
}

@media screen and (min-width:0px) {
    .page-title {
        font-size: 2rem
    }

    .treat-title {
        font-size: 1.625rem
    }

    .footer-nav-heading {
        font-size: 1.625rem
    }

    .treat-category-name {
        font-size: .625rem
    }

    .button-text {
        font-size: .75rem
    }

    .footer-nav-link-text {
        font-size: .875rem
    }

    .page-title {
        font-size: 2rem
    }

    .page-subheading {
        font-size: 1.625rem
    }

    .intro-text {
        font-size: .75rem
    }

    .cta-button-text {
        font-size: .75rem
    }

    .profile-heading {
        font-size: 1.625rem
    }

    .input-label {
        font-size: .625rem
    }

    .input-form-field {
        font-size: .875rem
    }

    .terms-text {
        font-size: .75rem
    }

    .consent-text {
        font-size: .875rem
    }
}

@media only screen and (min-width:28.75em) {
    .brands-list-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .brands-list-item:last-child {
            margin-right: 0
        }
}

@media only screen and (min-width:30em) {
    .tooltip-content.tooltip-left-sm {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-sm:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-top-sm {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-sm:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-sm {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-sm:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-bottom-sm {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-sm:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }
}

@media only screen and (min-width:31.25em) {
    .showcase-2-img {
        width: 49%;
        vertical-align: middle
    }

        .showcase-2-img:first-child {
            padding-bottom: 0;
            padding-right: .5rem
        }

        .showcase-2-img:last-child {
            padding-left: .5rem
        }
}

@media only screen and (min-width:32.5em) {
    .chickoutlet-link, .footer-legal {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .chickoutlet-link:last-child, .footer-legal:last-child {
            margin-right: 0
        }

    .footer-legal {
        padding-top: 0
    }

    .layout-reversed .footer-legal {
        float: right
    }

    .footer-legal p {
        margin-bottom: 0
    }

    .microsite .footer-legal p {
        margin-bottom: .75rem
    }

    .chickoutlet-link {
        margin-top: -.2rem;
        text-align: right
    }

    .layout-reversed .chickoutlet-link {
        float: left;
        text-align: left
    }
}

@media only screen and (min-width:40em) {
    .tooltip-content.tooltip-left-md {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-md:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .layout-reversed .tooltip-content.tooltip-left-md {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .layout-reversed .tooltip-content.tooltip-left-md:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-top-md {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-md:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-md {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-md:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .layout-reversed .tooltip-content.tooltip-right-md {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .layout-reversed .tooltip-content.tooltip-right-md:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-bottom-md {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-md:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }

    .button.min-width, button.min-width {
        min-width: 20.8333rem
    }
}

@media screen and (min-width:40em) {
    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding: 1rem 1.6667rem 1.5rem
    }

    .grid-wrap.side-widget-layout {
        margin-top: 1.6rem
    }

    .widget-slot:not(.component-editorial-new) {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%
    }

    .module-widget-carousel-inspiration .widget-slot {
        display: block
    }

    .qrcode-modal-dialog {
        max-width: 44%
    }

    .grid-item .slider-link-full .text {
        display: none
    }

    .grid-item .slider-link-full .icon {
        display: block
    }

    .grid-item.grid-3.grid-odd-last .slider-link-full .text {
        display: block
    }

    .grid-item.grid-3.grid-odd-last .slider-link-full .icon {
        display: none
    }

    .slider-hero-content .slick-prev {
        left: 0
    }

    .slider-hero-content .slick-next {
        right: 0
    }

    .accordion-tab-content > div {
        padding: 2.0833rem
    }

    #chilternrailways .select-wrapper {
        width: 100%;
        max-width: 22.9167rem;
        margin: 0 .8333rem .8333rem 0
    }

    .accordion-tab-content[data-tab=trains] .widget-slot .module-free-text-copy {
        margin-bottom: 1rem
    }

    .ui-timepicker-wrapper {
        max-width: 20.4167rem
    }

    .full-bleed-img-carousel-by {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: 1.6rem
    }

    .layout-reversed .full-bleed-img-carousel-by {
        right: auto;
        left: 0;
        margin-right: 0;
        margin-left: 1.6rem
    }

    .editorial-detail-list .module-content-center {
        text-align: left
    }

    .content-list-2-col .col {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .content-list-2-col .col::after {
            clear: both;
            content: "";
            display: table
        }

        .content-list-2-col .col:last-child {
            margin-right: 0
        }

    .content-list-2-col.content-left .col-content {
        float: right;
        text-align: right
    }

    .content-list-2-col.content-left .col-image-wrapper {
        left: 50%;
        height: 41.6667rem;
        overflow-y: hidden;
        overflow-x: visible
    }

    .content-list-2-col.content-left .col-image {
        left: 0;
        max-height: 41.6667rem;
        margin-left: 4%
    }

    .content-list-2-col.content-right .col-content-wrapper {
        float: right
    }

    .content-list-2-col.content-right .col-content {
        float: left;
        text-align: left
    }

    .content-list-2-col.content-right .col-image-wrapper {
        right: 50%;
        height: 41.6667rem;
        overflow-y: hidden;
        overflow-x: visible
    }

    .content-list-2-col.content-right .col-image {
        right: 0;
        margin-right: 4%;
        max-height: 41.6667rem
    }

    .content-list-2-col .col-content, .content-list-2-col .col-image-wrapper {
        display: inline-block;
        min-height: 45rem
    }

    .content-list-2-col .col-image-wrapper {
        position: absolute;
        top: 0;
        bottom: 0
    }

    .content-list-2-col .col-image {
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        width: auto;
        max-width: none
    }

    .content-list-2-col .col-content {
        margin: 0
    }

    .content-list-col-wrapper::after {
        clear: both;
        content: "";
        display: table
    }

    .content-list-item .module-content-center {
        text-align: left
    }

    .content-list-item .content-list-2-col .col {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .content-list-item .content-list-2-col .col::after {
            clear: both;
            content: "";
            display: table
        }

        .content-list-item .content-list-2-col .col:last-child {
            margin-right: 0
        }

    .content-list-item .content-list-2-col.content-left .col-content {
        float: right;
        text-align: right
    }

    .content-list-item .content-list-2-col.content-left .col-image-wrapper {
        left: 50%;
        overflow: hidden
    }

    .content-list-item .content-list-2-col.content-left .col-image {
        left: 0;
        margin-left: 4%
    }

    .content-list-item .content-list-2-col.content-right .col-content-wrapper {
        float: right
    }

    .content-list-item .content-list-2-col.content-right .col-content {
        float: left;
        text-align: left
    }

    .content-list-item .content-list-2-col.content-right .col-image-wrapper {
        overflow: hidden;
        right: 50%
    }

    .content-list-item .content-list-2-col.content-right .col-image {
        right: 0;
        margin-right: 4%
    }

    .content-list-item .content-list-2-col .col-content, .content-list-item .content-list-2-col .col-image-wrapper {
        display: inline-block;
        overflow: hidden;
        min-height: 45rem
    }

    .content-list-item .content-list-2-col .col-image-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        overflow: hidden;
        max-width: 30.8333rem
    }

    .content-list-item .content-list-2-col .col-image {
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        width: auto;
        max-width: none
    }

    .content-list-item .content-list-2-col .col-content {
        margin: 0
    }

    .content-list-item .content-list-col-wrapper::after {
        clear: both;
        content: "";
        display: table
    }

    #registration-modal .modal-body {
        height: 43.6667rem
    }

    #registration-modal:not(.no-image) .modal-body::after {
        clear: both;
        content: "";
        display: table
    }

    #registration-modal:not(.no-image) .registration-modal-content, #registration-modal:not(.no-image) .registration-modal-image {
        float: left;
        width: 50%
    }

    #registration-modal:not(.no-image) .registration-modal-image {
        height: 100%
    }

    #registration-modal .custom-scroll {
        max-height: 100%;
        height: 30.5rem
    }

    #registration-modal.no-image .custom-scroll {
        max-height: 100%;
        height: 30.5rem
    }

    #registration-modal .registration-modal-content {
        height: 43.7rem;
        padding-top: 4.4rem;
        padding-left: 5.25rem
    }

    #terms-conditions-modal .modal-body {
        font-size: 17px !important
    }

    #terms-conditions-modal .buttom-center {
        text-align: unset;
        display: block
    }

        #terms-conditions-modal .buttom-center .right {
            float: right
        }

    #terms-conditions-modal .button-margin {
        margin-bottom: unset
    }

    #terms-conditions-modal .custom-scroll {
        max-height: 100%;
        height: 30.5rem
    }

    .module-img-content h1.module-title {
        font-size: 2.8333rem;
        padding-bottom: 1.4rem;
        padding-top: 1.5rem
    }

    .module-hero-new .module-content {
        max-width: calc(100% - 4rem)
    }

    .module-hero-new .hero-new-links {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .text-block-3col-wrapper .widget-slot {
        display: inline
    }

    .component-wrapper-new.module-hero-new .module-image {
        height: 21.6rem
    }

    .component-wrapper-new.module-hero-new .module-content-wrapper header {
        margin-bottom: 3rem
    }

    .component-wrapper-new.module-hero-new p {
        text-align: center
    }

    .layout-reversed .component-wrapper-new.module-hero-new p {
        text-align: center
    }

    .component-wrapper-new.module-hero-new ul {
        text-align: center
    }

    .module-signup-form {
        max-width: none;
        margin-right: 0;
        margin-left: 0
    }

    .footer-content h4 {
        margin-top: 0;
        margin-bottom: 1.4rem;
        font-size: 1.3333rem
    }

        .footer-content h4 a {
            margin-top: 0;
            margin-bottom: 1.4rem
        }

    .stylist-post-wrapper {
        float: right;
        width: 50%;
        margin: 0;
        padding-left: 1.83rem
    }

    .wear-carousel-item {
        width: 20rem
    }

    .page-wrapper-trends {
        position: relative
    }

        .page-wrapper-trends.page-wrapper-wide.grey-wrapper {
            background: 0 0
        }

            .page-wrapper-trends.page-wrapper-wide.grey-wrapper:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                z-index: -1;
                display: block;
                width: 100%;
                height: 44rem;
                background-color: #f0f0f0
            }

    .home-page-section .home-page-section-title {
        height: 3.6rem;
        margin-bottom: -.55rem
    }

    .home-page-get-inspired .section-title-big {
        top: -4.2rem
    }

    .brands-list-item .tooltip-wrapper .tooltip-content {
        border: 2px solid #777
    }

        .brands-list-item .tooltip-wrapper .tooltip-content span {
            font-size: 1rem
        }

        .brands-list-item .tooltip-wrapper .tooltip-content:after {
            border-width: 0 2px 2px 0
        }

    .brands-list-item .tooltip-wrapper .tooltip-top {
        left: 11px
    }

        .brands-list-item .tooltip-wrapper .tooltip-top.tooltip-text-short {
            left: 49px
        }

        .brands-list-item .tooltip-wrapper .tooltip-top.tooltip-text-long:after {
            -webkit-transform: translateX(83px) rotate(45deg);
            -ms-transform: translateX(83px) rotate(45deg);
            transform: translateX(83px) rotate(45deg)
        }

    .brand-state.module-title-deco {
        margin-top: -1rem;
        padding-bottom: 2.2rem
    }

    .ie9 .your-brands-list-item:nth-child(2n+1) {
        clear: none
    }

    .ie9 .your-brands-list-item:nth-child(3n+1) {
        clear: left
    }

    #yourBrands .checkbox-wrap:nth-child(2n+1) {
        clear: none
    }

    #yourBrands .checkbox-wrap:nth-child(3n+1) {
        clear: left
    }

    .editorial-detail-2col::after {
        clear: both;
        content: "";
        display: table
    }

    .editorial-detail-2col .col {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .editorial-detail-2col .col:last-child {
            margin-right: 0
        }

        .editorial-detail-2col .col:first-child {
            padding-right: .8333rem
        }

        .editorial-detail-2col .col:last-child {
            padding-left: .8333rem
        }

    .page-getting-here, .page-getting-here-new {
        margin-top: -6rem
    }

        .page-getting-here #bytrain + .page-wrapper-narrow, .page-getting-here-new #bytrain + .page-wrapper-narrow {
            margin-top: -8.2rem
        }

    .module-content-wrapper.train-tab {
        height: 20rem
    }
}

@media screen and (min-width:40em) and (max-width:49.99em) {
    .grid-full-tablet .grid-item, .grid-item.grid-odd-last, .grid-wrap.side-widget-layout > .grid-item, .page-shopping .new-shop-block {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .grid-full-tablet .grid-item:last-child, .grid-item.grid-odd-last:last-child, .grid-wrap.side-widget-layout > .grid-item:last-child, .page-shopping .new-shop-block:last-child {
            margin-right: 0
        }

    .grid-hide {
        display: none
    }

    .grid-item.grid-odd-last .slider-link-full .text {
        display: block
    }

    .grid-item.grid-odd-last .slider-link-full .icon {
        display: none
    }

    .grid-item.grid-3 .slider-link-full .text {
        display: none
    }

    .grid-item.grid-3 .slider-link-full .icon {
        display: block
    }

    .brand-page-content .grid-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .brand-page-content .grid-item:last-child {
            margin-right: 0
        }

    .brand-page-content .grid-hide {
        display: none
    }

    .brand-page-content .brand-intro-content {
        height: auto
    }

    .map-legend-item:nth-of-type(2n+1), .map-listing-item:nth-of-type(2n+1) {
        clear: both
    }

    .your-brands-header .grid-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .your-brands-header .grid-item:last-child {
            margin-right: 0
        }

        .your-brands-header .grid-item:first-child .module-free-text.free-text-background {
            padding-top: 0;
            padding-bottom: 0
        }
}

@media only screen and (min-width:40em) and (max-width:63.99em) {
    #newsletterFooter {
        margin: 5% 0 0 0;
        width: 150%
    }
}

@media screen and (min-width:48.963em) and (max-width:64em) {
    .slider-hero-extended {
        height: calc(43vh - 70px) !important
    }
}

@media screen and (max-width:49.99em) and (min-width:50em) {
    #map-categories {
        min-width: 14rem
    }
}

@media screen and (min-width:50em) {
    .grid-item.grid-2 {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .grid-item.grid-2:last-child {
            margin-right: 0
        }

    .grid-item.grid-half, .slide-content-col {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .grid-item.grid-half:last-child, .slide-content-col:last-child {
            margin-right: 0
        }

    #yourBrands .checkbox-wrap {
        float: left;
        display: block;
        margin-right: 0;
        width: 25%
    }

        #yourBrands .checkbox-wrap:last-child {
            margin-right: 0
        }

    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding-top: 2.5rem
    }

    .grid-wrap.side-widget-layout {
        margin-top: 2.8rem
    }

    .grid-wrap.side-widget-layout {
        margin-top: 3.6rem
    }

    .widget-slot:not(.component-editorial-new) {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%
    }

    .module-widget-carousel-inspiration .widget-slot {
        display: block
    }

    .hidden-medium-up {
        display: none !important
    }

    .grid-item.grid-3 .slider-link-full .text {
        display: block
    }

    .grid-item.grid-3 .slider-link-full .icon {
        display: none
    }

    .slider-hero-content {
        margin-top: -11.2rem;
        box-shadow: none
    }

        .slider-hero-content .slick-prev {
            top: 68px
        }

        .slider-hero-content .slick-next {
            right: auto;
            left: 0;
            border-bottom: 1px solid #000
        }

        .slider-hero-content .slick-dots {
            top: 7.6rem;
            right: 3rem;
            left: auto
        }

    .slide-content-header {
        padding-top: 0
    }

        .slide-content-header h2 {
            font-size: 2.6rem
        }

    .slide-content-row {
        padding: 6rem 4rem 2rem
    }

    .hide-arrow + .slide-content-row {
        padding-top: 4.2rem
    }

    .slide-content-col {
        padding-right: 3rem;
        padding-left: 3rem
    }

    .slide-content-left .slide-content-links {
        text-align: left
    }

    .slide-content-right {
        padding-top: 0
    }

    .dropdown-button {
        text-transform: none;
        font-size: 1.0833rem
    }

    .searchDd-category:hover > .searchDd-sublist {
        display: block
    }

    .searchDd-sublist {
        position: absolute;
        top: 0;
        left: 99%;
        max-height: 25rem
    }

    .hero-search-new-item.hero-search-share {
        width: 5rem
    }

    .hero-search-new-item.hero-search-share {
        width: 20rem
    }

    .hero-search-share {
        width: auto
    }

    .view-brand-list {
        bottom: .9rem
    }

    #map-categories {
        width: 26%;
        max-width: 22rem;
        margin: 0 .4167rem 0 0;
        float: left
    }

    #map-filter-buttons {
        width: calc(45% - 8px);
        margin-left: 8px;
        margin-top: 0
    }

        #map-filter-buttons #map-filter-buttons {
            display: inline-block;
            float: none;
            vertical-align: top
        }

        #map-filter-buttons > button {
            line-height: 1;
            border-color: #000
        }

            #map-filter-buttons > button:active, #map-filter-buttons > button:active:focus, #map-filter-buttons > button:focus, #map-filter-buttons > button:hover {
                border-color: #000
            }

    #map-search .tt-input, #map-search .typeahead {
        border-color: #000
    }

    #map-controls {
        position: static
    }

        #map-controls.map-controls--search-focus #map-categories {
            opacity: 1
        }

        #map-controls.map-controls--search-focus #map-filter-buttons {
            opacity: 1
        }

        #map-controls.map-controls--search-focus #map-search {
            width: 34%;
            max-width: 26.6667rem
        }

    #map-search {
        width: 34%;
        max-width: 26.6667rem
    }

        #map-search .tt-input::-webkit-input-placeholder, #map-search .typeahead::-webkit-input-placeholder {
            opacity: 1
        }

        #map-search .tt-input::placeholder, #map-search .typeahead::placeholder {
            opacity: 1
        }

        #map-search .tt-menu {
            margin-top: 0;
            border-top-width: 0
        }

    .page-wrapper + .map-wrapper {
        margin-top: 0
    }
}

        .accordion-wrap .accordion-trigger:before {
            content: none
        }

    .accordion-wrap .view-more:after {
        display: none
    }

    .accordion-wrap.accordion-on-mobile {
        min-height: 30.8333rem;
        margin-bottom: 2.5rem;
        padding: 2rem
    }

    .accordion-trigger-text {
        height: auto;
        padding-right: 0;
        font-size: 2.1667rem;
        vertical-align: top
    }

        .accordion-trigger-text:after {
            display: block
        }

    .accordion-content {
        display: block;
        margin-top: 0;
        padding: 0
    }

    .accordion-on-mobile .accordion-content {
        display: block !important
    }

    .accordion-wrap.accordion-simple {
        min-height: 1rem
    }

        .accordion-wrap.accordion-simple .accordion-trigger-text {
            vertical-align: middle;
            font-size: 1.6667rem
        }

        .accordion-wrap.accordion-simple .accordion-trigger {
            padding: 1rem
        }


    .accordion-tabs .accordion-tab-trigger.active h2:after, .accordion-tabs .tab-trigger.active h2:after {
        content: ''
    }

    .accordion-tabs .accordion-tab-trigger h2, .accordion-tabs .tab-trigger h2 {
        text-align: center
    }

        .accordion-tabs .accordion-tab-trigger h2:after, .accordion-tabs .tab-trigger h2:after {
            content: ''
        }

    .accordion-tab-content > div {
        border: .0833rem solid #000
    }

    .accordion-tab-content .module-free-text-header .module-free-text-header {
        font-size: 1.6667rem
    }

    .accordion-tab-trigger {
        display: none
    }

    #chilternrailways .platform {
        display: none
    }

    #chilternrailways .tbody .tr .td:nth-child(1), #chilternrailways .thead .tr .th:nth-child(1) {
        width: 20%
    }

    #chilternrailways .tbody .tr .td:nth-child(2), #chilternrailways .thead .tr .th:nth-child(2) {
        width: 40%
    }

    #chilternrailways .tbody .tr .td:nth-child(3), #chilternrailways .thead .tr .th:nth-child(3) {
        width: 20%
    }

    #chilternrailways .tbody .tr .td:nth-child(4), #chilternrailways .thead .tr .th:nth-child(4) {
        width: 20%
    }

    #chilternrailways .tbody .tr.no-trains {
        line-height: 1.3333rem;
        font-size: 1.1667rem
    }

    #chilternrailways .timestamp {
        line-height: 1.1667rem;
        font-size: 1rem
    }

    #chilternrailways .tbody .tr .td, #chilternrailways .th {
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }

    #chilternrailways .td, #chilternrailways .th {
        line-height: 1.1667rem;
        font-size: 1rem
    }

    .accordion-tab-content[data-tab=trains] .widget-slot .module-free-text-copy {
        margin-bottom: 0
    }

    .page-products .hero-search {
        max-width: 50rem
    }

    .search-results .search-results-pagination {
        margin-top: 6.6667rem
    }

    .component-latest-carousel.component-latest.carousel-set.arrows-hidden-large .component-latest-footer .section-title-viewall {
        right: 0
    }

    .layout-reversed .component-latest-carousel.component-latest.carousel-set.arrows-hidden-large .component-latest-footer .section-title-viewall {
        right: auto;
        left: 0
    }

    .component-latest-footer {
        text-align: right;
        margin: 0
    }

        .component-latest-footer .section-title-viewall {
            padding: 0;
            border: none;
            color: #535353;
            font-size: 1rem;
            font-family: brown-regular,sans-serif;
            text-align: right;
            text-transform: uppercase
        }

    html[lang=ru] .component-latest-footer .section-title-viewall {
        font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=ko] .component-latest-footer .section-title-viewall {
        font-family: "Noto Sans KR",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=zh-cn] .component-latest-footer .section-title-viewall {
        font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
    }

html[lang=ar] .component-latest-footer .section-title-viewall {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

    .component-latest-footer .section-title-viewall:focus, .component-latest-footer .section-title-viewall:hover {
        background: 0 0;
        opacity: .6
    }

    .component-latest-carousel.carousel-set .component-latest-footer .section-title-viewall {
        right: 9rem
    }

    .layout-reversed .component-latest-carousel.carousel-set .component-latest-footer .section-title-viewall {
        right: auto;
        left: 9rem
    }

    .component-editorial-new .component-latest-carousel.carousel-set .component-latest-footer .section-title-viewall {
        right: 0
    }

    .layout-reversed .component-editorial-new .component-latest-carousel.carousel-set .component-latest-footer .section-title-viewall {
        right: auto;
        left: 0
    }

    .module-hero-new .hero-nav-share {
        position: absolute;
        top: 3.6rem;
        right: 2.8rem;
        width: auto
    }

    .layout-reversed .module-hero-new .hero-nav-share {
        right: auto;
        left: 2.8rem
    }

    .component-editorial-new .grid-2 .module-editorial-new:not(.slick-slide) {
        height: 65.1rem
    }

    .module-treat-container.grey-wrapper {
        padding: 5.25rem 0 0 0 !important;
        margin: 0 0 5rem 0
    }

    .module-treat-container .section-title-wrapper .section-title {
        display: inline-block;
        text-align: left
    }

    .module-treat-container .module-treat-new {
        margin: 0 0 5rem 0
    }

    .module-treat-container #searchDd.treat-filter {
        position: absolute;
        top: 0;
        right: 0;
        width: 18.667rem;
        height: 2.583rem;
        margin: 0
    }

    .layout-reversed .module-treat-container #searchDd.treat-filter {
        right: auto;
        left: 0
    }

    .module-barcode-container {
        width: 34rem;
        right: auto;
        padding: 1rem
    }

        .module-barcode-container .module-barcode-image {
            width: 14.167rem;
            height: auto
        }

            .module-barcode-container .module-barcode-image img {
                width: 100%;
                height: auto
            }

        .module-barcode-container .module-barcode-content {
            padding-top: 2rem;
            padding-left: 14.167rem
        }

            .module-barcode-container .module-barcode-content h3 {
                display: block;
                font-size: 2rem;
                line-height: 2.4167rem;
                text-transform: uppercase
            }

            .module-barcode-container .module-barcode-content h4 {
                display: none
            }

            .module-barcode-container .module-barcode-content p {
                display: block;
                margin: 0;
                font-size: 1.1667rem
            }

        .module-barcode-container.small-screen {
            display: none !important
        }

    .module-barcode-visible {
        padding-bottom: 0
    }

        .module-barcode-visible .module-barcode-container.large-screen {
            display: block !important
        }

    .component-wrapper-new.module-hero-new .module-image {
        height: 42rem
    }

    .component-wrapper-new.module-hero-dashboard .module-content-wrapper {
        padding-top: 3.416667rem;
        padding-bottom: 3.416667rem
    }

    .component-wrapper-new.module-hero-dashboard .module-header .module-barcode {
        display: block;
        float: left;
        width: 35%
    }

    .layout-reversed .component-wrapper-new.module-hero-dashboard .module-header .module-barcode {
        float: right
    }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .separator {
        margin: 1rem 0
    }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p {
        text-align: left
    }

    .layout-reversed .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description p {
        text-align: right
    }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description {
        max-width: 100%;
        max-height: auto;
        margin-left: 0;
        margin-right: 0
    }

        .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.small-screen {
            display: none !important
        }

        .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-description.large-screen {
            display: block !important
        }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper .module-title-readmore {
        display: none
    }

    .component-wrapper-new.module-hero-dashboard .module-header .module-title-wrapper {
        float: left;
        width: 65%;
        text-align: left
    }

    .module-free-text-header {
        font-size: 2.5rem
    }

    .module-free-text-header {
        font-size: 2.5rem
    }

        .module-free-text-header.accordion-trigger-text {
            font-size: 2rem !important
        }

    .login-reg-section-title:before {
        margin-top: 0
    }

    .footer-extra-wrapper {
        padding-bottom: 4rem
    }

    .slider-villages-wrapper .slider-manual:after, .slider-villages-wrapper .slider-manual:before {
        width: 8.3333rem
    }

    .wear-img-wrapper {
        height: 26.6667rem
    }

    .home-page-whats-on {
        margin-top: -5rem
    }

    .home-page-section-brands .component-latest-footer .section-title-viewall {
        right: 9rem
    }

    .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        position: absolute;
        top: -20rem;
        right: 0;
        padding-right: 2.1667rem
    }

    .layout-reversed .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        position: absolute;
        top: -20rem;
        right: auto;
        left: 0;
        padding-left: 2.1667rem;
        padding-right: 0
    }

    .brands-list-link {
        font-size: 1.1667rem
    }

    .brand-content .brand-intro-content {
        min-height: 19.1667rem
    }

    .map-legend-item:nth-of-type(3n+1), .map-listing-item:nth-of-type(3n+1) {
        clear: both
    }

    .inpage-form .button {
        margin: 1.5rem auto 2.5rem
    }

        .inpage-form .button.left {
            float: left;
            width: 28%
        }

        .inpage-form .button.right {
            float: right;
            width: auto;
            min-width: 28%
        }

        .inpage-form .button.sign-in {
            width: 28%
        }

    .register-form-content .loginBtn, .signin-form-content .loginBtn {
        margin: 0 auto 2.5rem
    }

        .register-form-content .loginBtn.left, .signin-form-content .loginBtn.left {
            width: auto;
            max-width: 53%;
            min-width: 30%;
            padding: .9rem 1.4rem .6rem 4rem;
            text-align: left;
            display: inline-block
        }

        .register-form-content .loginBtn:before, .signin-form-content .loginBtn:before {
            width: 4rem
        }

        .register-form-content .loginBtn img, .signin-form-content .loginBtn img {
            display: none
        }

    .your-brands-header .grid-item:first-child .module-free-text.free-text-background {
        padding-right: 0;
        padding-left: 0
    }

    #yourBrands .checkbox-wrap:nth-child(3n+1) {
        clear: none
    }

    #yourBrands .checkbox-wrap:nth-child(4n+1) {
        clear: left
    }

    .ie9 .your-village-sub-wrapper .checkbox-wrap {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .ie9 .your-village-sub-wrapper .checkbox-wrap:last-child {
            margin-right: 0
        }

        .ie9 .your-village-sub-wrapper .checkbox-wrap:nth-child(2n+1) {
            clear: none
        }

        .ie9 .your-village-sub-wrapper .checkbox-wrap:nth-child(3n+1) {
            clear: left
        }

    .hero-editorial-landing .module-title {
        font-size: 2.8333rem
    }

    .page-getting-here .module-hero-new .hero-nav-share, .page-getting-here-new .module-hero-new .hero-nav-share {
        margin-top: 1.6rem
    }

    .page-getting-here .component-wrapper-new.module-hero-new .module-content-wrapper, .page-getting-here-new .component-wrapper-new.module-hero-new .module-content-wrapper {
        height: 20rem
    }

        .page-getting-here .component-wrapper-new.module-hero-new .module-content-wrapper.getting-here, .page-getting-here-new .component-wrapper-new.module-hero-new .module-content-wrapper.getting-here {
            height: 20rem
        }

    .module-content-wrapper.getting-here {
        height: 20rem
    }

    .gallery-slide-counter span {
        font-size: 4.5rem
    }

    .gallery-slide-counter {
        font-size: 6rem
    }

    .gallery-slide-nav {
        margin-top: 5rem
    }


@media screen and (min-width:50em) and (max-width:63.99em) {
    .section-title-wrapper .section-title.centre {
        text-align: left
    }

    .layout-reversed .section-title-wrapper .section-title.centre {
        text-align: right
    }

    .module-free-text-header {
        font-size: 2rem
    }

    .module-free-text-header {
        font-size: 2rem
    }

    .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        padding-right: 3.3333rem
    }

    .layout-reversed .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        padding-left: 3.3333rem;
        padding-right: 0
    }
}

@media screen and (min-width:50em) and (min-width:50em) {
    .component-latest-footer .section-title-viewall {
        position: absolute;
        top: .8rem;
        right: 0
    }

    .layout-reversed .component-latest-footer .section-title-viewall {
        right: auto;
        left: 0
    }
}

@media screen and (min-width:55em) {
    .hero-brands .hero-search-new {
        display: table;
        width: 100%
    }

    .hero-search-new .button {
        text-align: center
    }

    .layout-reversed .hero-search-new .button {
        text-align: center
    }

    .hero-search-new-item {
        display: inline-block;
        margin-top: .9rem;
        margin-right: .3rem;
        margin-bottom: .5rem;
        vertical-align: top
    }

    .layout-reversed .hero-search-new-item {
        margin: .9rem 0 1.4rem .2rem
    }

    .hero-search-new-item:last-child {
        margin-right: 0
    }

    .layout-reversed .hero-search-new-item:last-child {
        margin-left: 0
    }

    .hero-brands .hero-search-new-item {
        display: table-cell;
        padding: 0 1.5%
    }

    .hero-nav-list {
        display: block
    }

    .hero-nav-dropdown {
        display: none;
        margin-bottom: 0
    }
}

@media only screen and (min-width:56.25em) {
    .brands-list-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 25%
    }

        .brands-list-item:last-child {
            margin-right: 0
        }
}

@media only screen and (min-width:60em) {
    .tooltip-content.tooltip-left-ml {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-ml:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-top-ml {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-ml:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-ml {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-ml:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-bottom-ml {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-ml:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }
}

@media screen and (min-width:64em) {
    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding-right: 3.3333rem;
        padding-left: 3.3333rem
    }

    .hidden-large-up {
        display: none !important
    }

    .modal-header {
        z-index: 300
    }

    .carousel-fancy-pagination .flickity-page-dots .dot, .carousel-fancy-pagination .flickity-page-dots button, .carousel-fancy-pagination .slick-dots .dot, .carousel-fancy-pagination .slick-dots button {
        transition-duration: .6s
    }

        .carousel-fancy-pagination .flickity-page-dots .dot:after, .carousel-fancy-pagination .flickity-page-dots button:after, .carousel-fancy-pagination .slick-dots .dot:after, .carousel-fancy-pagination .slick-dots button:after {
            transition-duration: .6s
        }


    .products {
        padding-bottom: 2.6rem
    }

    .page-products .hero-search {
        max-width: 61.2rem
    }

    .module-hero-new .module-content-wrapper header, .module-promo-new .module-content-wrapper header {
        min-height: 7rem
    }

    .component-latest-carousel.component-latest.carousel-set.arrows-hidden-xlarge .component-latest-footer .section-title-viewall {
        right: 0
    }

    .layout-reversed .component-latest-carousel.component-latest.carousel-set.arrows-hidden-xlarge .component-latest-footer .section-title-viewall {
        right: auto;
        left: 0
    }

    .module-img-content .module-title-deco {
        padding-bottom: 1rem
    }

    .module-widget-carousel-may-like .grid-item {
        width: 25%
    }

    .footer-content h4 {
        font-size: 1.1667rem
    }

        .footer-content h4 a {
            font-size: 1.1667rem
        }

    .footer-content ul.f-sm-corp-list, .footer-content ul.f-sm-legal-list {
        margin-bottom: 2.1rem
    }

    .footer-content li {
        font-size: 1.1667rem
    }

    .footer-content .opening-time-extra {
        width: 44rem;
        margin-top: 2rem
    }

    .footer-content > .opening-time-extra {
        display: block
    }

    .main-style-slider-centred {
        width: 66.6667% !important
    }

    .stylist-post-wrapper {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%;
        float: right
    }

        .stylist-post-wrapper:last-child {
            margin-right: 0
        }

    .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        padding-right: 6.6667rem
    }

    .layout-reversed .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        padding-left: 6.6667rem;
        padding-right: 0
    }

    .brand-content .brand-intro-content > .button {
        margin-top: 2.3rem
    }

    .ie9 .your-brands-list-item:nth-child(3n+1) {
        clear: none
    }

    .ie9 .your-brands-list-item:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width:64.01em) {
    .qrcode-modal-dialog {
        max-width: 29%
    }
}

@media screen and (min-width:min-width 64em 12) and (max-width:min-width 64em 12) and (orientation:landascape) {
    .slider-hero-extended {
        height: calc(66vh) !important
    }
}

@media only screen and (min-width:70.625em) {
    .brands-navigation {
        max-width: 100%
    }
}

@media only screen and (min-width:80em) {
    .tooltip-content.tooltip-left-lg {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-lg:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-top-lg {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-lg:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-lg {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-lg:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-bottom-lg {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-lg:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }
}

@media only screen and (min-width:87.5em) {
    .tooltip-content.tooltip-left-llg {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-llg:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-top-llg {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-llg:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-llg {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-llg:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-bottom-llg {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-llg:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }
}

@media only screen and (min-width:105em) {
    .tooltip-content.tooltip-left-xlg {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-xlg:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-top-xlg {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-xlg:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-xlg {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-xlg:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-bottom-xlg {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-xlg:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }
}

@media screen and (min-width:600px) {
    .column-wrapper {
        -webkit-column-count: 2;
        column-count: 2
    }

    .footer-content-container {
        width: auto
    }

    .flex-container-responsive {
        padding-bottom: 3rem
    }

    .flex-container-responsive {
        width: 100%
    }

    .flex-container-responsive {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .social-media-list {
        width: auto;
        height: 32px;
        padding-right: 0;
    }

    .flexible-section-container {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .flexible-section-container {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page-title {
        font-size: 2rem
    }

    .treat-title {
        font-size: 1.625rem
    }

    .footer-nav-heading {
        font-size: 1.625rem
    }

    .footer-divider {
        display: block
    }

    .footer-divider {
        display: block
    }

    .footer-container {
        padding-top: 3.125rem
    }

    .footer-icon-wrapper {
        display: none
    }

    .treat-category-name {
        font-size: .625rem
    }

    .button-text {
        font-size: .75rem
    }

    .footer-nav-link-text {
        font-size: .875rem
    }

    .footer-nav-link-text {
        line-height: 2
    }

    .footer-copy-text {
        margin-bottom: 0
    }

    .footer-nav-heading-wrapper {
        cursor: default
    }

    .footer-nav-link-list {
        max-height: 100vh
    }

    .footer-nav-list-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .footer-nav-list-item {
        border-width: 0
    }

    .footer-nav-list-item {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        flex-basis: 0
    }

    .footer-navigation-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer-navigation-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    html[dir=ltr] .footer-logo-wrapper {
        margin-right: 0
    }

    html[dir=rtl] .footer-logo-wrapper {
        margin-left: 0
    }

    .social-media-item {
        margin-bottom: 0
    }

    .page-title {
        font-size: 2rem
    }

    .page-subheading {
        font-size: 1.625rem
    }

    .intro-text {
        font-size: .75rem
    }

    .profile-actions-container {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.25rem
    }

    .cta-button-text {
        font-size: .75rem
    }

    .profile-heading {
        font-size: 1.625rem
    }

    .form-group {
        margin: .9375rem 0
    }

    .input-label {
        font-size: .625rem
    }

    .input-form-field {
        font-size: .875rem
    }


    .terms-text {
        font-size: .75rem
    }

    .consent-text {
        font-size: .875rem
    }
}

@media only screen and (min-width:800px) and (max-width:930px) {
    .module-hero-new {
        height: 43rem
    }

        .module-hero-new .module-content-wrapper {
            height: 22rem
        }
}

@media screen and (min-width:900px) {
    .column-wrapper {
        -webkit-column-count: 3;
        column-count: 3
    }

    .flex-container-responsive {
        padding-bottom: 3rem
    }

    .flex-container-responsive {
        width: 70%
    }

    .social-media-list {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .flexible-section-container {
        padding-left: 0;
        padding-right: 0
    }

    .flexible-section-container {
        width: auto
    }

    .flexible-section-container {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flexible-section-container {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .page-title {
        font-size: 2rem
    }

    .treat-title {
        font-size: 1.625rem
    }

    .footer-nav-heading {
        font-size: 1.625rem
    }

    .footer-divider {
        width: 0%
    }

    .footer-divider {
        display: none
    }

    .footer-divider {
        display: none
    }

    .footer-horizontal-divider {
        width: 0%
    }

    .footer-horizontal-divider {
        display: none
    }

    .footer-horizontal-divider {
        display: none
    }

    .footer-container {
        padding-top: 5.5rem;
        padding-left: 1.5625rem;
        padding-right: 1.5625rem
    }

    @media screen and (min-width:900px) {
        .footer-social-container {
            margin: 0px 0px 0px 20px;
        }
    }

    @media screen and (min-width:600px) {
        .footer-social-container {
            max-width: 400px;
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    .treat-category-name {
        font-size: .625rem
    }

    .button-text {
        font-size: .75rem
    }

    .footer-nav-link-text {
        font-size: .875rem
    }

    .footer-nav-link-text {
        line-height: 1.5
    }

    .footer-nav-list-item {
        padding-left: 0;
        padding-right: 0
    }

    html[dir=ltr] .footer-nav-list-item {
        margin-right: 1.125rem
    }

    html[dir=rtl] .footer-nav-list-item {
        margin-left: 1.125rem
    }

    .footer-navigation-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .footer-social-section {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .footer-logo-wrapper {
        margin-bottom: 0
    }

    html[dir=ltr] .footer-logo-wrapper {
        margin-right: 1.25rem
    }

    html[dir=rtl] .footer-logo-wrapper {
        margin-left: 1.25rem
    }

    .treats-header-container h2 {
        margin-bottom: 30px
    }

    .treat-content-wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        border: 0
    }

    .treat-details-container {
        text-align: left;
        padding: 1.875rem
    }

    .treat-image-wrapper {
        min-width: 40%
    }

    .treat-image-wrapper {
        height: 30vw;
        max-height: 400px;
        width: 50%
    }

    .page-title {
        font-size: 2rem
    }

    .page-subheading {
        padding-top: 0
    }

    .page-subheading {
        font-size: 1.625rem
    }

    .intro-text {
        font-size: .75rem
    }

    .cta-button-text {
        font-size: .75rem
    }

    .profile-heading {
        padding-top: 50px
    }

    .profile-heading {
        font-size: 1.625rem
    }

    .input-label {
        font-size: .625rem
    }

    .input-form-field {
        font-size: .875rem
    }

    .terms-text {
        font-size: .75rem
    }

    .consent-text {
        font-size: .875rem
    }
}

@media only screen and (min-width:931px) and (max-width:1094px) {
    .module-hero-new {
        height: 38rem
    }

        .module-hero-new .module-content-wrapper {
            height: 18rem
        }
}

@media screen and (min-width:1200px) {
    .page-title {
        font-size: 3.75rem
    }

    .treat-title {
        font-size: 2rem
    }

    .footer-nav-heading {
        font-size: 1.625rem
    }

    .treat-category-name {
        font-size: .625rem
    }

    .button-text {
        font-size: .75rem
    }

    .footer-nav-link-text {
        font-size: .875rem
    }

    .button-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 50px;
        max-width: auto
    }

        .button-container .cta {
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
            margin: 0 10px;
            width: 280px
        }

    .treats-header-container > div {
        padding: 80px 1.125rem
    }

    .page-title {
        font-size: 3.75rem
    }

    .page-subheading {
        font-size: 2.625rem
    }

    .intro-text {
        font-size: .75rem
    }

    .cta-button-text {
        font-size: .75rem
    }

    .profile-heading {
        font-size: 2.625rem
    }

    .input-label {
        font-size: .625rem
    }

    .input-form-field {
        font-size: .875rem
    }

    .terms-text {
        font-size: .75rem
    }

    .consent-text {
        font-size: .875rem
    }
}

@media screen and (min-width:1800px) {
    .page-title {
        font-size: 3.75rem
    }

    .treat-title {
        font-size: 2rem
    }

    .footer-nav-heading {
        font-size: 1.625rem
    }

    .treat-category-name {
        font-size: .625rem
    }

    .button-text {
        font-size: .75rem
    }

    .footer-nav-link-text {
        font-size: .875rem
    }

    .page-title {
        font-size: 3.75rem
    }

    .page-subheading {
        font-size: 2.625rem
    }

    .intro-text {
        font-size: .75rem
    }

    .cta-button-text {
        font-size: .75rem
    }

    .profile-heading {
        font-size: 2.625rem
    }

    .input-label {
        font-size: .625rem
    }

    .input-form-field {
        font-size: .875rem
    }

    .terms-text {
        font-size: .75rem
    }

    .consent-text {
        font-size: .875rem
    }
}

@media screen and (max-width:600px) {
    .footer-nav-link-list {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        transition: all .5s ease-out
    }
}

@media screen and (max-width:63.99em) {
    .hidden-medium-down {
        display: none !important
    }

    .products .slick-dots {
        display: none !important
    }

    .main-style-slider-centred {
        width: 50% !important
    }

    .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        top: -32.3rem
    }

    .layout-reversed .component-wrapper-home-inspired + .component-latest-footer .section-title-viewall {
        top: -32.3rem
    }

    .component-wrapper-home-inspired .editorial-feed-article {
        position: relative;
        height: 25rem
    }

    .component-wrapper-home-inspired .media-col {
        display: block;
        width: 100%
    }

    .component-wrapper-home-inspired .editorial-feed-img {
        height: 58%
    }

    .component-wrapper-home-inspired .media-col-right {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 86%;
        height: 10rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width:50em) and (orientation:landscape) {
    .slider-hero-content {
        margin-top: -8.6rem
    }
}

@media screen and (max-width:49.99em) {
    .hidden-small-down {
        display: none !important
    }

    .slider-hero-extended .desktop-hero {
        display: none
    }

    .slider-hero-extended .mobile-hero {
        display: block !important
    }

    .product-info-overlay__cta a {
        margin-top: 10px
    }

    .module-img-content .module-title {
        font-size: 1.5rem
    }

    .component-wrapper-new.module-hero-new p {
        text-align: center !important
    }

    .dropdown {
        display: none
    }

    .dropdown {
        display: none
    }

    .module-free-text-header.accordion-trigger-text {
        margin-bottom: 0;
        padding: 0
    }

    .lang-vill .collection-menu-list {
        display: none !important
    }

    .lang-vill .dropdown-menu {
        margin-bottom: unset
    }

        .lang-vill .dropdown-menu li {
            margin-bottom: unset
        }

    .style-slider-centred {
        width: 100% !important
    }

        .style-slider-centred .slick-list {
            width: 92%;
            margin: 0 auto
        }

        .style-slider-centred .slick-prev {
            left: 0 !important
        }

        .style-slider-centred .slick-next {
            right: 0 !important
        }

    .home-page-section-brands .component-latest-footer {
        margin-top: 2rem
    }
}

@media screen and (max-width:39.99em) {
    .slider-sync-simple .mobile-hero .vjs-controls-enabled .vjs-control-bar {
        margin-top: 87%
    }

    .product-modal {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow-y: scroll
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button {
        display: none !important
    }

    .component-latest .section-title-wrapper .section-title {
        display: block;
        text-align: center
    }

    .image-widget {
        margin-bottom: 2rem
    }

    .whats-on .block-23 .whats-on-right {
        max-width: 25rem;
        margin: 0 auto 2.8333rem
    }

    .main-style-slider-centred {
        float: none;
        padding-left: 0;
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 25px
    }

    .gallery-thumb-wrapper {
        width: 50%
    }

    .update-form form {
        margin-bottom: 1.25rem
    }

    .update-form .button-radio-wrapper {
        margin-bottom: .8333rem
    }

    #changePassword .hidden-form-open {
        margin-top: 0 !important
    }

    .your-brands-header .grid-item:first-child .module-free-text.free-text-background {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width:29.99em) {
    .tooltip-content.tooltip-left-xsm {
        position: absolute;
        top: 50%;
        right: 167%;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-left-xsm:after {
            position: absolute;
            top: 50%;
            right: -1.1667rem;
            bottom: auto;
            left: auto;
            -webkit-transform: translateY(-50%) rotate(0);
            -ms-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

    .tooltip-content.tooltip-top-xsm {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 175%;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-top-xsm:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: -1.6667rem;
            left: auto;
            -webkit-transform: translateX(90px) rotate(90deg);
            -ms-transform: translateX(90px) rotate(90deg);
            transform: translateX(90px) rotate(90deg)
        }

    .tooltip-content.tooltip-right-xsm {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 167%;
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        transform: translateY(-55%)
    }

        .tooltip-content.tooltip-right-xsm:after {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: -1.1667rem;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg)
        }

    .tooltip-content.tooltip-bottom-xsm {
        position: absolute;
        top: 150%;
        right: auto;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .tooltip-content.tooltip-bottom-xsm:after {
            position: absolute;
            top: -1.6667rem;
            right: auto;
            bottom: auto;
            left: auto;
            -webkit-transform: translateX(90px) rotate(270deg);
            -ms-transform: translateX(90px) rotate(270deg);
            transform: translateX(90px) rotate(270deg)
        }
}

@media screen and (max-width:29.99em) {
    .slider-sync-simple .mobile-hero .vjs-controls-enabled .vjs-control-bar {
        margin-top: 86.5%
    }
}

@media only screen and (max-width:28.75em) {
    #yourBrands .checkbox-wrap .box-check-trigger {
        padding-left: 2.3333rem;
        font-size: 1.1667rem
    }

        #yourBrands .checkbox-wrap .box-check-trigger:before {
            top: .5833rem;
            width: 1.5rem !important;
            height: 1.5rem !important
        }
}

@media screen and (max-width:22.49em) {
    .slider-sync-simple .mobile-hero .vjs-controls-enabled .vjs-control-bar {
        margin-top: 84%
    }

    .stylist-name {
        top: 4rem
    }
}

@media screen and (max-height:600px) {
    #registration-modal:not(.no-image) .registration-modal-image {
        display: none
    }

    #registration-modal .custom-scroll {
        max-height: calc(93.6vh - 10rem)
    }

    #terms-conditions-modal:not(.no-image) .registration-modal-image {
        display: none
    }

    #terms-conditions-modal .custom-scroll {
        max-height: calc(93.6vh - 10rem)
    }
}

@media screen and (max-height:400px) {
    #map-controls {
        margin-top: .7rem
    }

    .back-to-top-wrap {
        margin: 1.5rem 0
    }
}

@media print {
    .module-content-wrapper {
        width: 100%
    }

        .module-content-wrapper > p {
            margin: 0 auto;
            text-align: center
        }

    .module-content-wrapper {
        width: 100%
    }

        .module-content-wrapper > p {
            margin: 0 auto;
            text-align: center
        }
}

@-webkit-keyframes modalFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modalFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modalFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modalFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes moreBellow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(.8rem)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(.8rem)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(.8rem)
    }
}

@keyframes moreBellow {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(.8rem);
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }

    80% {
        opacity: 1;
        -webkit-transform: translateY(.8rem);
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(.8rem);
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }
}

@-webkit-keyframes blink {
    0% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }

    20% {
        width: 1.3333rem;
        height: 1.3333rem;
        opacity: 1
    }

    35% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }
}

@keyframes blink {
    0% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }

    20% {
        width: 1.3333rem;
        height: 1.3333rem;
        opacity: 1
    }

    35% {
        width: .75rem;
        height: .75rem;
        opacity: .5
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

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

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

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

@-webkit-keyframes nameDeco {
    from {
        width: 0
    }

    to {
        width: 2.8333rem
    }
}

@keyframes nameDeco {
    from {
        width: 0
    }

    to {
        width: 2.8333rem
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

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

@-webkit-keyframes highlight {
    0% {
        border-color: #707070
    }

    100% {
        border-color: transparent
    }
}

@keyframes highlight {
    0% {
        border-color: #707070
    }

    100% {
        border-color: transparent
    }
}

@-webkit-keyframes fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        -ms-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,50px,0);
        -ms-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}


.social-media-item {
    box-sizing: border-box;
    margin-left: 0.625rem 1rem;
    height: 32px;
    width: 32px;
}

@media screen and (min-width:900px) {
    .social-media-item {
        margin: 0px 12px;
    }
}

.footer-copy-text {
    box-sizing: border-box;
    margin-bottom: 1.125rem;
    width: 100%;
    font-size: 0.75rem;
    color: black;
    font-family: BrownStd-Regular;
    line-height: 1.42;
    letter-spacing: normal;
}

.footer-copy-text2 {
    box-sizing: border-box;
    margin-bottom: 1.125rem;
    font-size: 1rem;
    color: #989393;
    font-family: SangbleuKindgdom-Light-Italic;
    line-height: 1.5;
    letter-spacing: normal;
}

@media screen and (min-width:600px) {
    .footer-copy-text {
        margin-bottom: 0;
    }
}

.footer-copyright-text {
    box-sizing: border-box;
    margin-bottom: 0;
    width: 100%;
    font-size: 0.75rem;
    color: black;
    font-family: BrownStd-Regular;
    line-height: 1.8;
    letter-spacing: normal;
}