@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);

body, html {
    width: 100%
}

.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
}

    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;
        -ms-appearance: textfield;
        -o-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;
            -ms-appearance: none;
            -o-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: "Almarai-regular",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
}

input, label, select {
    display: block;
    font-family: brown-regular,sans-serif;
    font-size: 1rem;
    color: #444
}

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 {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

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

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

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

:-moz-placeholder {
    color: #979797
}

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

:-ms-input-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
    }

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select[multiple=multiple], textarea {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: .75rem;
    padding: .5rem;
    font-family: brown-regular,sans-serif;
    font-size: 1rem;
    transition: border-color;
    background-color: #fff;
    border: 0 solid transparent;
    border-bottom: 1px solid #b7b7b7;
    border-radius: 0
}

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: #b7b7b7
}

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: #b7b7b7;
    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 #b7b7b7
}

    .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: #b7b7b7
    }

    .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: #b7b7b7;
        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;
    color: #000
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-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;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.input-wrapper {
    position: relative
}

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

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

span.valid {
    display: none !important
}

.dk-selected.select-error {
    margin-bottom: .5rem
}

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

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

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

.layout-reversed .dk-selected:before, .layout-reversed .link-out b:before, .layout-reversed .searchDd-category span:before, .layout-reversed .searchDd-main:before, .layout-reversed .webfont:before, .layout-reversed [class*=webfont-]:before, .layout-reversed [class^=webfont-]:before, .link-out .layout-reversed b:before, .searchDd-category .layout-reversed span:before {
    margin-right: 1.5rem
}

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;
    -ms-font-feature-settings: "kern","liga","tnum";
    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%
}

body {
    -ms-font-feature-settings: "kern","liga","pnum";
    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 {
    margin: 0 0 .75rem;
    font-family: brown-light,sans-serif;
    font-size: 1rem;
    font-weight: initial;
    line-height: 1.2;
    letter-spacing: .1rem
}

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: #7b7b7b;
    text-decoration: none;
    transition: all .2s linear
}

    a:active, a:focus, a:hover {
        opacity: .7
    }

    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
}

.back-to-top, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-dots button, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-next, .slider:not(.slider-hero-extended):not(.slider-hero-content) .slick-prev {
    overflow: hidden;
    text-indent: -9999rem
}

.accordion-content-2col-row, .component, .page-products .hero-search, .row, .search-form, .slider-manual-title, .video-cover-content {
    margin: 0 auto
}

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

.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
}

.accordion-tabs .accordion-tab-content .accordion-content, .p-b-md {
    padding-bottom: 1.6667rem
}

.component-wrapper-new, .content-list-2-col, .hero-home-extended, .m-b-xl, .module-image, .module-new, .slider.partners {
    margin-bottom: 5rem
}

.button, .button:disabled, button, button:disabled {
    display: inline-block;
    padding: 1.2rem 1.2rem 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-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;
    -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, button.inverted {
    border-color: #008a9d;
    background-color: #008a9d;
    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: #008a9d
}

.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: #008a9d;
    border-color: #008a9d
}

.button.inverted:hover, button.inverted:hover {
    border-color: #000
}

.button.extra, button.extra {
    position: relative;
    border-color: #008a9d;
    background-color: #008a9d;
    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;
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

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

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

.button.webfont-folder, button.webfont-folder {
    font-size: 1.4167rem
}

    .button.webfont-folder:before, button.webfont-folder:before {
        top: 28%;
        font-size: 2.5rem;
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

.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
    }

.dk-selected, .link-out b, .searchDd-category span, .searchDd-main, .webfont, [class*=" webfont-"], [class^=webfont-] {
    display: inline-block
}

    .dk-selected:before, .link-out b:before, .searchDd-category span:before, .searchDd-main:before, .webfont:before, [class*=" webfont-"]:before, [class^=webfont-]: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
    }

    .link-out b:before, .webfont-arrow-link-out:before {
        content: ""
    }

.webfont-arrow-long:before {
    content: ""
}

.webfont-arrow-longer:before {
    content: ""
}

.webfont-arrow-short:before {
    content: ""
}

.webfont-bag-0:before {
    content: ""
}

.webfont-bag-1:before {
    content: ""
}

.webfont-bag-2:before {
    content: ""
}

.webfont-bag-3:before {
    content: ""
}

.webfont-bag-4:before {
    content: ""
}

.webfont-bag-5:before {
    content: ""
}

.webfont-cheveron-thin:before {
    content: ""
}

.dk-selected:before, .searchDd-category span:before, .searchDd-main:before, .webfont-cheveron:before {
    content: ""
}

.webfont-close:before {
    content: ""
}

.webfont-map-pin:before {
    content: ""
}

.webfont-minus:before {
    content: ""
}

.webfont-pinch:before {
    content: ""
}

.webfont-plus:before {
    content: ""
}

.webfont-search:before {
    content: ""
}

.webfont-share:before {
    content: ""
}

.webfont-tooltip:before {
    content: ""
}

.webfont-user:before {
    content: ""
}

.webfont-facebook-square:before {
    content: ""
}

.webfont-facebook:before {
    content: ""
}

.webfont-foursquare:before {
    content: ""
}

.webfont-google:before {
    content: ""
}

.webfont-instagram:before {
    content: ""
}

.webfont-messenger:before {
    content: ""
}

.webfont-pinterest:before {
    content: ""
}

.webfont-tripadvisor:before {
    content: ""
}

.webfont-twitter:before {
    content: ""
}

.webfont-wechat:before {
    content: ""
}

.webfont-weibo:before {
    content: ""
}

.webfont-whatsapp:before {
    content: ""
}

.webfont-youtube:before {
    content: ""
}

.grid-item, .page-title-full .module-free-text-header {
    float: left;
    display: block;
    margin-right: 0;
    width: 100%
}

    .grid-item:last-child, .page-title-full .module-free-text-header:last-child {
        margin-right: 0
    }

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

    .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: 3rem
}

.accordion-content-2col-row::after, .component::after, .row::after {
    clear: both;
    content: "";
    display: table
}

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

.component {
    position: relative
}

.main-footer .component, .slider-manual-full .component {
    height: auto
}

.page-wrapper-narrow .accordion-content-2col-row, .page-wrapper-narrow .row {
    max-width: 80rem
}

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

.accordion-content-2col-row, .row {
    max-width: 86.6667rem
}

.main-footer a {
    color: #8a8a8a
}

    .main-footer a:hover {
        color: #8a8a8a
    }

.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
    }

.standard-grid-wrap::after {
    clear: both;
    content: "";
    display: table
}

.alert-bar-wrapper, .grid-item, .grid-item-2col, .product-page .product {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

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

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

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

.grid-wrap > .accordion-content-2col-row, .grid-wrap > .row, .standard-grid-wrap > .accordion-content-2col-row, .standard-grid-wrap > .row {
    display: block
}

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

.widget:not(.grid-item) {
    width: 100%
}

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

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

.grid-col-1 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-1:first-child, .standard-grid-wrap .row .grid-col-1:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-1:last-child, .standard-grid-wrap .row .grid-col-1:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-1, .standard-grid-wrap .row.gutter > .grid-col-1 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-2 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-2:first-child, .standard-grid-wrap .row .grid-col-2:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-2:last-child, .standard-grid-wrap .row .grid-col-2:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-2, .standard-grid-wrap .row.gutter > .grid-col-2 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-3 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-3:first-child, .standard-grid-wrap .row .grid-col-3:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-3:last-child, .standard-grid-wrap .row .grid-col-3:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-3, .standard-grid-wrap .row.gutter > .grid-col-3 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-4 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-4:first-child, .standard-grid-wrap .row .grid-col-4:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-4:last-child, .standard-grid-wrap .row .grid-col-4:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-4, .standard-grid-wrap .row.gutter > .grid-col-4 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-5 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-5:first-child, .standard-grid-wrap .row .grid-col-5:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-5:last-child, .standard-grid-wrap .row .grid-col-5:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-5, .standard-grid-wrap .row.gutter > .grid-col-5 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-6 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-6:first-child, .standard-grid-wrap .row .grid-col-6:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-6:last-child, .standard-grid-wrap .row .grid-col-6:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-6, .standard-grid-wrap .row.gutter > .grid-col-6 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-7 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-7:first-child, .standard-grid-wrap .row .grid-col-7:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-7:last-child, .standard-grid-wrap .row .grid-col-7:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-7, .standard-grid-wrap .row.gutter > .grid-col-7 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-8 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-8:first-child, .standard-grid-wrap .row .grid-col-8:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-8:last-child, .standard-grid-wrap .row .grid-col-8:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-8, .standard-grid-wrap .row.gutter > .grid-col-8 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-9 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-9:first-child, .standard-grid-wrap .row .grid-col-9:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-9:last-child, .standard-grid-wrap .row .grid-col-9:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-9, .standard-grid-wrap .row.gutter > .grid-col-9 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-10 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-10:first-child, .standard-grid-wrap .row .grid-col-10:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-10:last-child, .standard-grid-wrap .row .grid-col-10:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-10, .standard-grid-wrap .row.gutter > .grid-col-10 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-12 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-12:first-child, .standard-grid-wrap .row .grid-col-12:first-child {
    padding-left: 0
}

.standard-grid-wrap .accordion-content-2col-row .grid-col-12:last-child, .standard-grid-wrap .row .grid-col-12:last-child {
    padding-right: 0
}

.standard-grid-wrap .gutter.accordion-content-2col-row > .grid-col-12, .standard-grid-wrap .row.gutter > .grid-col-12 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-1 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-md-4 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-4 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-5 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-md-6 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-6 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-7 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-md-8 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-8 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-md-12 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.grid-col-sm-12 {
    padding-left: 1.7799%;
    padding-right: 1.7799%
}

.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[dir=rtl] .search-results .search-results-pagination li {
    float: right
}

    body[dir=rtl] .search-results .search-results-pagination li.arrow {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: -2px;
        position: relative
    }

body[dir=rtl] span.error {
    text-align: right
}

body[dir=rtl] .light .dk-select {
    text-align: right
}

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

    body.modal-open {
        overflow: hidden
    }

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

.modal {
    display: none;
    -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 {
        animation: modalFadeOut .3s forwards
    }

    .modal.in {
        opacity: 1;
        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;
    -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
}

    .slick-list:focus {
        outline: 0
    }

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

.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;
    -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 {
    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-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%
    }

video {
    z-index: 11
}

.slider-sync-simple .slick-slide > a {
    display: block;
    width: 100%;
    height: 100%
}

.slider-sync-simple .vjs-controls-enabled .vjs-control-bar {
    display: none !important
}

.slider-hero-content {
    width: 96%;
    max-width: 86.6667rem;
    margin-top: -13.2rem;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1.7rem;
    background: #fff;
    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
    }

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

    body.layout-reversed .slider-hero-content .slick-arrow:after, body.layout-reversed .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -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
    }

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

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

.no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

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

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

body.layout-reversed .slider-hero-content .slick-next {
    z-index: 3
}

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

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body.layout-reversed .slider-hero-content .tabletReset {
    background: red
}

body.layout-reversed .slider-hero-content .slick-prev {
    z-index: 4
}

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

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

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

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after, body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -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
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        width: 1rem;
        height: 1rem
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled {
    opacity: .5
}

    body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled:hover {
        opacity: .5
    }

body:not(.layout-reversed) .slider-hero-content .slick-prev {
    z-index: 3
}

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

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .tabletReset {
    background: red
}

body:not(.layout-reversed) .slider-hero-content .slick-next {
    z-index: 4
}

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

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

.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
    }

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

    body.layout-reversed .slider-hero-content .slick-arrow:after, body.layout-reversed .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -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
    }

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

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

.no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body.layout-reversed .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

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

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

body.layout-reversed .slider-hero-content .slick-next {
    z-index: 3
}

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

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body.layout-reversed .slider-hero-content .tabletReset {
    background: red
}

body.layout-reversed .slider-hero-content .slick-prev {
    z-index: 4
}

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

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body.layout-reversed .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

body.layout-reversed .slider-hero-content .slick-next {
    top: 0;
    left: 5px
}

    body.layout-reversed .slider-hero-content .slick-next:after, body.layout-reversed .slider-hero-content .slick-next:before {
        left: 1.4rem
    }

body.layout-reversed .slider-hero-content .slick-prev {
    top: 0;
    right: 5px
}

    body.layout-reversed .slider-hero-content .slick-prev:after, body.layout-reversed .slider-hero-content .slick-prev:before {
        right: 1.4rem
    }

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

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after, body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -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
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:before {
        width: 1rem;
        height: 1rem
    }

    body:not(.layout-reversed) .slider-hero-content .slick-arrow:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover {
    opacity: 1
}

    .no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-arrow:not(.slick-disabled):hover:after {
        width: 1.8rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled {
    opacity: .5
}

    body:not(.layout-reversed) .slider-hero-content .slick-arrow.slick-disabled:hover {
        opacity: .5
    }

body:not(.layout-reversed) .slider-hero-content .slick-prev {
    z-index: 3
}

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

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-prev:not(.slick-disabled):hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .tabletReset {
    background: red
}

body:not(.layout-reversed) .slider-hero-content .slick-next {
    z-index: 4
}

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

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents body:not(.layout-reversed) .slider-hero-content .slick-next:not(.slick-disabled):hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

body:not(.layout-reversed) .slider-hero-content .slick-prev {
    top: 0;
    left: 5px
}

    body:not(.layout-reversed) .slider-hero-content .slick-prev:after, body:not(.layout-reversed) .slider-hero-content .slick-prev:before {
        left: 1.4rem
    }

body:not(.layout-reversed) .slider-hero-content .slick-next {
    top: 0;
    right: 5px
}

    body:not(.layout-reversed) .slider-hero-content .slick-next:after, body:not(.layout-reversed) .slider-hero-content .slick-next:before {
        right: 1.4rem
    }

.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
}

.small-product-carousel {
    padding-bottom: 5.4rem
}

    .small-product-carousel .product-brand {
        text-transform: uppercase
    }

    .small-product-carousel .product-overlay-close, .small-product-carousel .product-overlay-open {
        top: .1667rem;
        right: .0833rem
    }

    .small-product-carousel .product-overlay-open {
        line-height: .6
    }

    .small-product-carousel .product-overlay {
        top: .1667rem;
        right: .0833rem
    }

        .small-product-carousel .product-overlay.active {
            bottom: 0;
            right: .0833rem;
            width: 99%;
            height: 99%
        }

.hamburger {
    display: block;
    width: 24px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-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 {
                -ms-transform: translateY(-5px);
                transform: translateY(-5px);
                transition-property: top,transform
            }

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

.touchevents .hamburger.active {
    z-index: 200;
    width: 20px;
    pointer-events: none;
    cursor: default;
    -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;
                -ms-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .touchevents .hamburger.active span:after {
                bottom: 0;
                -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-button.dk-selected, .dropdown-button.searchDd-main, .dropdown-button.webfont-cheveron, .searchDd-category span.dropdown-button {
        display: block
    }

        .dropdown-button.dk-selected:before, .dropdown-button.searchDd-main:before, .dropdown-button.webfont-cheveron:before, .searchDd-category span.dropdown-button:before {
            display: inline-block;
            margin-left: .5833rem;
            font-size: .6rem;
            color: #7b7b7b;
            transition: transform .2s linear;
            -ms-transform: rotate(0);
            transform: rotate(0);
            -ms-transform-origin: center 2px;
            transform-origin: center 2px;
            position: absolute;
            top: 1.5833rem;
            right: -.1667rem;
            bottom: auto;
            left: auto
        }

        .dropdown-button.active.dk-selected:before, .dropdown-button.active.searchDd-main:before, .dropdown-button.webfont-cheveron.active:before, .searchDd-category span.dropdown-button.active:before {
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

.layout-reversed .dropdown-button.dk-selected:before, .layout-reversed .dropdown-button.searchDd-main:before, .layout-reversed .dropdown-button.webfont-cheveron:before, .layout-reversed .searchDd-category span.dropdown-button:before, .searchDd-category .layout-reversed span.dropdown-button:before {
    right: auto;
    left: -.8333rem;
    margin-right: .5833rem;
    margin-left: 0
}

.layout-reversed .dropdown-button.active.dk-selected:before, .layout-reversed .dropdown-button.active.searchDd-main:before, .layout-reversed .dropdown-button.webfont-cheveron.active:before, .layout-reversed .searchDd-category span.dropdown-button.active:before, .searchDd-category .layout-reversed span.dropdown-button.active:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.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
}

html.touch .layout-reversed .select-wrapper select {
    padding-right: .5rem;
    padding-left: 2.5rem
}

html.touch .layout-reversed .select-wrapper:after {
    left: .8rem;
    right: auto
}

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

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

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

.light .dk-select .dk-selected, .light select {
    text-transform: none
}

.dk-select-options, .searchDd-list {
    display: none
}

.dk-selected, .searchDd-main, select {
    box-sizing: border-box;
    margin-bottom: .3rem;
    padding: .5rem;
    width: 100%;
    height: 3.3rem;
    padding: .6rem 2.5rem .6rem .9rem;
    font-size: 1rem;
    background: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color;
    background-color: #fff;
    border: 0 solid transparent;
    border-bottom: 1px solid #b7b7b7;
    border-radius: 0
}

    .dk-selected:hover, .searchDd-main:hover, select:hover {
        border-color: #b7b7b7
    }

    .dk-selected:focus, .searchDd-main:focus, select:focus {
        border-color: #b7b7b7;
        outline: 0
    }

.layout-reversed .dk-selected, .layout-reversed .searchDd-main, .layout-reversed select {
    text-align: right;
    padding: .6rem .9rem .6rem 2.5rem
}

.dk-selected:focus, .searchDd-main:focus, select:focus {
    outline: 0
}

.light .dk-selected, .light .searchDd-main, .light select {
    color: #000;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    transition: all .3s ease
}

    .light .dk-selected:before, .light .searchDd-main:before, .light select:before {
        color: #000
    }

    .light .open.dk-selected, .light .open.searchDd-main, .light select.open {
        color: #fff;
        background: #000
    }

        .light .open.dk-selected:before, .light .open.searchDd-main:before, .light select.open:before {
            color: #000
        }

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

.dk-selected, .searchDd-main {
    cursor: pointer
}

    .dk-selected:before, .searchDd-main:before {
        position: absolute;
        top: 1.5rem;
        right: .8333rem;
        bottom: auto;
        left: auto;
        height: .8333rem;
        font-size: .6rem;
        transition: transform .2s linear
    }

.layout-reversed .dk-selected:before, .layout-reversed .searchDd-main:before {
    position: absolute;
    top: 1.2rem;
    right: auto;
    bottom: auto;
    left: .8333rem
}

.light .dk-selected, .light .searchDd-main {
    color: #000;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    transition: all .3s ease;
    text-transform: uppercase
}

    .light .dk-selected:before, .light .searchDd-main:before {
        transition: all .2s linear
    }

    .light .dk-selected:hover, .light .searchDd-main:hover {
        color: #000;
        background-color: #fff
    }

        .light .dk-selected:hover:before, .light .searchDd-main:hover:before {
            color: #000
        }

.dk-select-open-down .dk-selected:before {
    -ms-transform: rotate(-180deg) translateY(3px);
    transform: rotate(-180deg) translateY(3px)
}

.dk-select-options, .searchDd-list {
    position: absolute;
    top: 3.3rem;
    right: 0;
    left: 0;
    z-index: 500;
    max-height: 25rem;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-top: .5rem;
    padding-bottom: .8rem;
    overflow-y: auto;
    font-size: 1.2rem;
    background: #fff;
    border-top: 1px dashed #fff
}

.light .dk-select-options, .light .searchDd-list {
    margin-top: -1px;
    color: #000;
    background: #fff;
    border: 1px solid #b7b7b7;
    border-top: 1px dashed #b7b7b7
}

.dk-select-open-down .dk-select-options, .dk-select-open-up .dk-select-options {
    display: block
}

.light .dk-select-open-down .dk-selected, .light .dk-select-open-up .dk-selected {
    color: #000;
    background-color: #fff
}

    .light .dk-select-open-down .dk-selected:before, .light .dk-select-open-up .dk-selected:before {
        color: #000
    }

.dk-option {
    padding: .3rem .9rem;
    cursor: pointer;
    transition: background .2s ease
}

.layout-reversed .dk-option {
    text-align: right
}

.dk-option.dk-option-selected, .dk-option:hover {
    background: #777
}

.light .dk-option.dk-option-selected, .light .dk-option:hover {
    background: #b7b7b7;
    color: #fff
}

#searchDd {
    position: relative
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    min-height: 100%
}

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0
    }

.mCSB_outside + .mCSB_scrollTools {
    right: -2.1667rem
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 2.5rem
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -2.1667rem
}

.mCSB_scrollTools {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 1.3333rem;
    height: auto
}

    .mCSB_scrollTools .mCSB_draggerContainer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto
    }

    .mCSB_scrollTools + .mCSB_draggerContainer {
        margin: 1.6667rem 0
    }

    .mCSB_scrollTools .mCSB_draggerRail {
        width: .1667rem;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px
    }

    .mCSB_scrollTools .mCSB_dragger {
        z-index: 1;
        width: 100%;
        height: 2.5rem;
        cursor: pointer
    }

        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            position: relative;
            width: .3333rem;
            height: 100%;
            margin: 0 auto;
            border-radius: 1.3333rem;
            text-align: center
        }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 1rem
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: .6667rem
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    position: absolute;
    display: block;
    width: 100%;
    height: 1.6667rem;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_outside + .mCSB_scrollTools_vertical {
    right: -.3333rem;
    z-index: 300;
    margin: 1rem 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 1rem
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail {
    width: .25rem;
    border-radius: 0
}

.select-wrapper .mCSB_outside + .mCSB_scrollTools_vertical {
    right: .75rem
}

.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 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;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

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

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

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

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

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

.open-wen-filled .accordion-content {
    display: none
}

.open-wen-filled .accordion-trigger {
    pointer-events: none
}

.accordion-content-2col-row {
    margin-bottom: 2rem
}

    .accordion-content-2col-row.submit-right::after {
        clear: both;
        content: "";
        display: table
    }

    .accordion-content-2col-row.submit-right .button {
        float: right
    }

.layout-reversed .accordion-content-2col-row.submit-right .button {
    float: left
}

.accordion-content-2col-row .button[type=submit] {
    min-width: 16rem
}

.accordion-content-2col-row .captcha-container {
    margin: 33px 0
}

.accordion-content-2col-col:first-child {
    margin-bottom: .6rem
}

.accordion-content-2col-col p {
    margin-bottom: 0
}

    .accordion-content-2col-col p.lead {
        font-family: brown-bold,sans-serif
    }

.accordion-content-2col-col a {
    display: block;
    font-size: 1.25rem
}

    .accordion-content-2col-col a.tel {
        color: #000
    }

.accordion-content-2col-col textarea {
    min-height: 8.5rem
}

.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: 5rem
    }

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

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

.no-touchevents .slider-sync-simple .video-cover {
    background: 0 0 !important
}

.video-embed {
    z-index: 1
}

.full-video .video-brightcove, .full-video iframe {
    z-index: 5
}

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

    .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: #008a9d;
            border-color: #008a9d;
            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:focus, .accordion-tabs .tab-trigger:focus {
            opacity: 1
        }

        .accordion-tabs .accordion-tab-trigger h2, .accordion-tabs .tab-trigger h2 {
            position: relative;
            top: 50%;
            -ms-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-content {
    padding-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 {
    float: left;
    width: 25%;
    height: 5.2rem;
    padding: 1.25rem;
    border-style: solid;
    border-color: #ccc transparent transparent #ccc;
    border-width: 1px;
    cursor: pointer
}

    .tab-trigger:last-child {
        border-color: #ccc #ccc transparent #ccc
    }

.layout-reversed .tab-trigger {
    float: right;
    left: auto;
    right: 0;
    border-color: #ccc #ccc transparent transparent
}

    .layout-reversed .tab-trigger:last-child {
        border-color: #ccc transparent #ccc #ccc
    }

.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
    }

[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;
        -khtml-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;
            -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;
        -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;
        -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 label {
        position: absolute;
        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 {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        height: .8333rem;
        width: 2rem;
        border-color: #000;
        border-top-style: none;
        border-right-style: 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
        }

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

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

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

.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;
    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 .accordion-content-2col-row, .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
    }

.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-clearfix:after, .ui-helper-clearfix:before {
    content: '';
    display: table;
    border-collapse: collapse
}

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

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

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

.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-weight: 700;
        border: 0
    }

    .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-datepicker-div {
    z-index: 5 !important
}

.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-weight: 700
}

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

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

.ui-datepicker {
    z-index: 99999 !important
}

.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-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
}

.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
}

.search-results .search-results-pagination li .dk-selected, .search-results .search-results-pagination li .searchDd-category span, .search-results .search-results-pagination li .searchDd-main, .search-results .search-results-pagination li .webfont-cheveron, .searchDd-category .search-results .search-results-pagination li span {
    display: block;
    position: relative
}

    .search-results .search-results-pagination li .dk-selected:hover, .search-results .search-results-pagination li .searchDd-category span:hover, .search-results .search-results-pagination li .searchDd-main:hover, .search-results .search-results-pagination li .webfont-cheveron:hover, .searchDd-category .search-results .search-results-pagination li span:hover {
        opacity: 1
    }

    .search-results .search-results-pagination li .next.dk-selected, .search-results .search-results-pagination li .next.searchDd-main, .search-results .search-results-pagination li .searchDd-category span.next, .search-results .search-results-pagination li .webfont-cheveron.next, .searchDd-category .search-results .search-results-pagination li span.next {
        margin-top: .1667rem;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .search-results .search-results-pagination li .dk-selected:before, .search-results .search-results-pagination li .searchDd-category span:before, .search-results .search-results-pagination li .searchDd-main:before, .search-results .search-results-pagination li .webfont-cheveron:before, .searchDd-category .search-results .search-results-pagination li span:before {
        position: absolute;
        width: auto;
        height: auto;
        top: 50%;
        left: 50%;
        margin-top: -.5833rem;
        margin-left: -.5833rem
    }

    .search-results .search-results-pagination li .prev.dk-selected::before, .search-results .search-results-pagination li .prev.searchDd-main::before, .search-results .search-results-pagination li .searchDd-category span.prev::before, .search-results .search-results-pagination li .webfont-cheveron.prev::before, .searchDd-category .search-results .search-results-pagination li span.prev::before {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative
}

    .flickity-enabled:active, .flickity-enabled:focus, .flickity-slider:active, .flickity-slider:focus, .flickity-viewport:active, .flickity-viewport:focus {
        outline: 0
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: grabbing
        }

.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: #fff;
    background: rgba(255,255,255,.75);
    cursor: pointer;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .flickity-prev-next-button:hover {
        background: #fff
    }

    .flickity-prev-next-button:focus {
        outline: 0;
        box-shadow: 0 0 0 5px #09f
    }

    .flickity-prev-next-button:active {
        opacity: .6
    }

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button:disabled {
    opacity: .3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

.module-hero-new .credits {
    margin-top: 3rem
}

.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;
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .3s ease
    }

        .arrow-anim .long-arrow svg {
            transform: translateZ(0);
            -ms-transform: scale(.5);
            transform: scale(.5)
        }

a:hover .arrow-anim .long-arrow {
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.layout-reversed .arrow-anim {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -2rem
}

.lt-ie12 .arrow-anim .long-arrow svg {
    -ms-transform: scale(.58);
    transform: scale(.58)
}

.search-results-form {
    position: relative;
    margin-top: 3.3333rem
}

    .search-results-form::after {
        clear: both;
        content: "";
        display: table
    }

    .search-results-form label {
        top: 13px !important;
        font-size: 1.2rem;
        animation: fadeIn .3s ease .3s
    }

.layout-reversed .search-results-form label {
    left: auto !important;
    right: 4.8333rem
}

.search-results-form input[type=text].smart-search {
    float: left;
    width: calc(100% - 49px);
    height: 3.75rem;
    margin-bottom: 0;
    border-width: 1px 0 1px 1px;
    border-color: #000;
    border-style: solid;
    border-radius: 0;
    transition: all .3s ease;
    font-size: 14px
}

.search-results-form.collapsed label {
    display: none
}

.search-results-form.collapsed input[type=text].smart-search {
    width: 0;
    padding: 0;
    border: none
}

.search-results-form .smart-search-submit {
    float: left;
    height: 3.75rem
}

html[lang=ru] .component-wrapper-new, html[lang=ru] .content-list-2-col, html[lang=ru] .module-image, html[lang=ru] .module-new, html[lang=ru] .slider.partners {
    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-image, html[lang=ko] .module-new, html[lang=ko] .slider.partners {
    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-image, html[lang=zh-cn] .module-new, html[lang=zh-cn] .slider.partners {
    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-image, html[lang=ar] .module-new, html[lang=ar] .slider.partners {
    font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
}

.accordion-tab-content .component-wrapper-new, .accordion-tab-content .content-list-2-col, .accordion-tab-content .module-image, .accordion-tab-content .module-new, .accordion-tab-content .slider.partners {
    margin-bottom: 1.6667rem
}

.component-wrapper-new.variable-height, .content-list-2-col.variable-height, .module-image.variable-height, .module-new.variable-height, .slider.partners.variable-height {
    height: auto
}

.component-wrapper-new:not(.hero-products) p, .content-list-2-col:not(.hero-products) p, .module-image:not(.hero-products) p, .module-new:not(.hero-products) p, .slider.partners: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-image.module-may-like-new, .module-new.module-may-like-new, .slider.partners.module-may-like-new {
    margin-bottom: 0
}

.module-text-header, .module-title {
    color: #008a9d;
    font-family: brown-regular,sans-serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-title-deco {
    position: relative
}

    .module-title-deco:before {
        content: '';
        position: absolute;
        display: block;
        height: 1px;
        background: #000
    }

.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-text-header {
    font-size: 2rem
}

.module-find-out-more {
    position: relative;
    padding-right: 2.4rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .1rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    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
}

.iOS .layout-reversed .module-find-out-more {
    padding-left: .8rem
}

.layout-reversed .module-find-out-more:before {
    right: auto;
    left: 0;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 1.6rem
}

.widget-carousel-new {
    margin-bottom: -1.6rem
}

    .widget-carousel-new:after {
        content: 'flickity';
        display: none
    }

    .widget-carousel-new.flickity-enabled .carousel-cell {
        padding-bottom: 1.6rem
    }

.module-widget-carousel-wrapper .flickity-prev-next-button {
    position: absolute;
    display: block !important;
    width: 40px;
    padding: 1rem 1.6rem .85rem;
    border-radius: 0;
    background-color: transparent;
    -ms-transform: translate3d(0,0,0) translateZ(0);
    transform: translate3d(0,0,0) translateZ(0);
    transition: all .3s ease;
    -webkit-backface-visibility: hidden
}

    .module-widget-carousel-wrapper .flickity-prev-next-button:after, .module-widget-carousel-wrapper .flickity-prev-next-button:before {
        content: '';
        display: block;
        position: absolute;
        border-color: #000;
        border-style: solid;
        -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
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button:before {
        width: 1rem;
        height: 1rem
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button:after {
        top: 33px;
        width: 0;
        border-width: .2rem 0 0
    }

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button:hover {
    opacity: 1
}

    .no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button:hover:after {
        width: 1.8rem
    }

.module-widget-carousel-wrapper .flickity-prev-next-button svg {
    display: none
}

.module-widget-carousel-wrapper .flickity-prev-next-button.slick-disabled {
    opacity: .5
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.slick-disabled:hover {
        opacity: .5
    }

.module-widget-carousel-wrapper .flickity-prev-next-button.previous {
    z-index: 3
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.previous:before {
        border-width: 2px 0 0 2px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:hover:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:hover:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

.touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:active:before {
    -ms-transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) rotate(-45deg) translate3d(0,0,0) translateZ(0)
}

.touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.previous:active:after {
    -ms-transform: translateX(-6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(-6px) translate3d(0,0,0) translateZ(0)
}

.module-widget-carousel-wrapper .flickity-prev-next-button.next {
    z-index: 4
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.next:before {
        border-width: 2px 2px 0 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.next:hover:before {
    -ms-transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) rotate(45deg) translate3d(0,0,0) translateZ(0)
}

.no-touchevents .module-widget-carousel-wrapper .flickity-prev-next-button.next:hover:after {
    -ms-transform: translateX(6px) translate3d(0,0,0) translateZ(0);
    transform: translateX(6px) translate3d(0,0,0) translateZ(0)
}

.module-widget-carousel-wrapper .flickity-prev-next-button {
    top: -4.6rem;
    height: 40px
}

    .module-widget-carousel-wrapper .flickity-prev-next-button:before {
        top: 16px
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button:after {
        top: 21px
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button.previous {
        right: 4rem;
        left: auto
    }

        .module-widget-carousel-wrapper .flickity-prev-next-button.previous:after, .module-widget-carousel-wrapper .flickity-prev-next-button.previous:before {
            left: .6rem
        }

.layout-reversed .module-widget-carousel-wrapper .flickity-prev-next-button.previous {
    right: auto;
    left: .6rem
}

.module-widget-carousel-wrapper .flickity-prev-next-button.next {
    right: .6rem;
    border-left: 1px solid #000
}

    .module-widget-carousel-wrapper .flickity-prev-next-button.next:after, .module-widget-carousel-wrapper .flickity-prev-next-button.next:before {
        right: .6rem
    }

.layout-reversed .module-widget-carousel-wrapper .flickity-prev-next-button.next {
    right: auto;
    left: 4rem
}

.module-widget-carousel-wrapper.module-inspiration-new .flickity-prev-next-button, .module-widget-carousel-wrapper.module-widget-carousel-may-like .flickity-prev-next-button, .module-widget-carousel-wrapper.module-widget-carousel-news .flickity-prev-next-button {
    top: -6.5rem
}

.widget-carousel-news-feed .flickity-prev-next-button {
    display: none !important
}

.ellipsis-new {
    overflow: hidden
}

.section-title-big, .section-title-big-wrapper .section-subtitle-big {
    margin-bottom: 0;
    font-size: 3rem;
    font-family: brown-light,sans-serif;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .4rem
}

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

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

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

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

.component-latest {
    position: relative
}

    .component-latest .section-title-viewall {
        margin-right: auto;
        margin-left: auto
    }

.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: 1.8rem
}

    .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-text-header {
        font-size: 2rem
    }

    .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;
        -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-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
    }

.ellip {
    display: block;
    height: 100%
}

.ellip, .ellip-line {
    position: relative;
    overflow: hidden
}

.component-wrapper-new.module-hero-new {
    height: auto;
    background: 0 0
}

    .component-wrapper-new.module-hero-new .module-image {
        height: 21.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: 86.6667rem;
        height: auto;
        margin-top: -11.3333rem;
        margin-bottom: 3.3333rem;
        box-shadow: 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;
        -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: 53.3333rem;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

        .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
}

.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
}

.module-text-new .module-text-copy p {
    max-width: 60rem
}

.module-text-new .module-find-out-more, .module-text-new p {
    color: #000
}

.module-text-new.module-text-new-background {
    padding: 2.6rem 3rem
}

.module-text-new.inverted .module-find-out-more, .module-text-new.inverted .module-text-header, .module-text-new.inverted p {
    color: #fff
}

.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
    }

.module-free-text-header {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: brown-regular,sans-serif;
    letter-spacing: .05rem;
    position: relative;
    font-size: 2rem;
    margin-bottom: 1.4rem;
    padding-bottom: 1.2rem;
    color: #008a9d
}

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

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

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

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

.module-free-text-header:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    background: #000;
    bottom: 0;
    left: 0;
    right: 0;
    width: 3.75rem
}

.module-free-text-header sup {
    font-size: .5em
}

.layout-reversed .module-free-text-header {
    letter-spacing: 0
}

.module-free-text-header.module-free-text-deco {
    position: relative;
    padding-bottom: 1rem
}

    .module-free-text-header.module-free-text-deco:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        margin-right: 0;
        margin-left: 0;
        background: #777;
        width: 3rem;
        height: 1px
    }

.page-title-full .module-free-text-header {
    margin-bottom: 2rem;
    margin-top: 3rem
}

.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
}

#village-google-map {
    margin-bottom: 5rem
}

.alert-bar {
    padding: 0 1rem;
    clear: both
}

.alert-bar-single {
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.75rem;
    font-family: brown-regular,sans-serif;
    text-transform: uppercase;
    letter-spacing: .2rem;
    background-color: #008a9d;
    padding: 1rem;
    padding-right: 5rem
}

.layout-reversed .alert-bar-single {
    padding-right: 1rem
}

.layout-reversed .alert-bar-single {
    letter-spacing: 0
}

.alert-bar-single .webfont-arrow-long:before {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.layout-reversed .alert-bar-single .webfont-arrow-long {
    padding-right: .5rem
}

    .layout-reversed .alert-bar-single .webfont-arrow-long:after {
        content: ""
    }

    .layout-reversed .alert-bar-single .webfont-arrow-long:before {
        display: none;
        padding-right: .6rem
    }

    .layout-reversed .alert-bar-single .webfont-arrow-long: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: 50%;
        left: 1.5rem;
        display: block;
        color: #fff;
        font-size: 2rem;
        font-weight: 700;
        -ms-transform: translate(0,-50%) rotate(180deg);
        transform: translate(0,-50%) rotate(180deg)
    }

.module-image {
    height: 35.83rem
}

.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
}


.touchevents .site-canvas {
    position: relative;
    height: 100%;
    width: 100%
}

.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 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 .login-register a {
    width: 100%;
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .searchDd-category .touchevents .off-canvas-wrapper .login-register a span:before, .touchevents .off-canvas-wrapper .login-register a .dk-selected:before, .touchevents .off-canvas-wrapper .login-register a .searchDd-category span:before, .touchevents .off-canvas-wrapper .login-register a .searchDd-main:before, .touchevents .off-canvas-wrapper .login-register a .webfont-cheveron:before {
        position: absolute;
        top: 1.7rem;
        right: .8333rem;
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        color: #7b7b7b
    }

.searchDd-category .touchevents .off-canvas-wrapper .login-menu a span:before, .touchevents .off-canvas-wrapper .login-menu a .dk-selected:before, .touchevents .off-canvas-wrapper .login-menu a .searchDd-category span:before, .touchevents .off-canvas-wrapper .login-menu a .searchDd-main:before, .touchevents .off-canvas-wrapper .login-menu a .webfont-cheveron:before {
    right: -.25rem
}

.touchevents .off-canvas-wrapper .lang-vill .dropdown-button, .touchevents .off-canvas-wrapper .topnav-social-media .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 {
    -ms-transform: translateX(270px);
    transform: translateX(270px);
    transition: none
}

    .touchevents .off-canvas-block.movein {
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .4s cubic-bezier(.25,.1,.25,1)
    }

.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:focus, .touchevents #village .dropdown-button:focus, .touchevents .topnav-social-media .dropdown-button:focus {
    opacity: 1
}

.touchevents #language .dropdown-button:before, .touchevents #village .dropdown-button:before, .touchevents .topnav-social-media .dropdown-button:before {
    position: absolute;
    top: 2.1rem;
    right: -.3rem
}

.layout-reversed .touchevents #language .dropdown-button:before, .layout-reversed .touchevents #village .dropdown-button:before, .layout-reversed .touchevents .topnav-social-media .dropdown-button:before {
    position: absolute;
    top: 2.1rem;
    right: auto;
    left: -.3rem
}

.touchevents .nav-container .lang-vill .dropdown, .touchevents .topnav-social-media {
    background: #fff
}

.nav-main {
    position: static
}

    .nav-main a {
        display: inline-block
    }

    .nav-main .your-village-prev a:after {
        display: block
    }

.nav-subnav {
    display: none;
    width: 22rem;
    margin-left: -1.7rem;
    background-color: #eee
}

.touchevents .layout-reversed .nav-subnav {
    margin-left: 0;
    margin-right: -1.7rem;
    margin-left: auto
}

.nav-subnav .nav-navItem {
    display: block
}

    .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;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .nav-subnav-trigger.dk-selected:before, .nav-subnav-trigger.searchDd-main:before, .nav-subnav-trigger.webfont-cheveron:before, .searchDd-category span.nav-subnav-trigger:before {
        position: absolute;
        top: 48%;
        right: 0;
        transition: transform .2s linear;
        -ms-transform: rotate(0) translate3d(0,0,0);
        transform: rotate(0) translate3d(0,0,0);
        -ms-transform-origin: center .15rem;
        transform-origin: center .15rem;
        display: inline-block;
        width: 1.1rem;
        height: .6rem;
        font-size: .6rem;
        color: #7b7b7b
    }

    .nav-subnav-trigger.active.dk-selected:before, .nav-subnav-trigger.active.searchDd-main:before, .nav-subnav-trigger.webfont-cheveron.active:before, .searchDd-category span.nav-subnav-trigger.active:before {
        -ms-transform: rotate(-180deg) translate3d(0,0,0);
        transform: rotate(-180deg) translate3d(0,0,0)
    }

.layout-reversed .nav-subnav-trigger.dk-selected:before, .layout-reversed .nav-subnav-trigger.searchDd-main:before, .layout-reversed .nav-subnav-trigger.webfont-cheveron:before, .layout-reversed .searchDd-category span.nav-subnav-trigger:before, .searchDd-category .layout-reversed span.nav-subnav-trigger:before {
    left: auto;
    right: 40%
}

.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: 50px;
    font-size: 1rem
}

    .main-header .nav-container .logo-container {
        left: 1.5rem;
        position: absolute;
        -webkit-backface-visibility: hidden;
        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: 50px;
        z-index: 5000;
        -webkit-backface-visibility: hidden;
        transform: translate3d(0,0,0)
    }

.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 .sidenav .opening-hours ul li {
    line-height: normal
}

.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 {
    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
}

.layout-reversed .main-header .nav-container .nav-subnav:before {
    right: 20px;
    left: initial
}

.no-touchevents .layout-reversed .main-header .nav-container .nav-subnav:before {
    left: 20px;
    right: initial
}

.layout-reversed #language .dropdown-button:before, .layout-reversed #village .dropdown-button:before {
    right: initial;
    left: -.3rem
}

.lang-vill .dropdown-container {
    position: relative
}

.lang-vill .dropdown-menu {
    margin-bottom: 1rem;
    text-transform: uppercase;
    line-height: 0
}

    .lang-vill .dropdown-menu li {
        margin-bottom: .5rem
    }

        .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
}

.layout-reversed .dd-location {
    font-family: bonodiStd-roman,serif;
    font-style: normal !important
}

.bag, .search {
    position: relative;
    height: 4.1667rem;
    background: #f3f3f3
}

.search-form {
    position: relative;
    width: 100%;
    height: 4rem;
    padding-right: 1.4rem;
    z-index: 999999
}

.touchevents .search-form label {
    color: #7b7b7b;
    font-size: 1.1667rem;
    text-transform: uppercase;
    line-height: 3rem
}

#search, #searchSubmit, .bag-button, .search-button {
    background-color: #f3f3f3
}

#searchSubmit, .bag-button, .search-button {
    border: 0 solid transparent;
    vertical-align: bottom
}

    #searchSubmit, #searchSubmit:focus, #searchSubmit:hover, .bag-button, .bag-button:focus, .bag-button:hover, .search-button, .search-button:focus, .search-button:hover {
        background-color: transparent
    }

        #searchSubmit:hover, .bag-button:hover, .search-button:hover {
            opacity: .6
        }

#search, #searchSubmit {
    display: inline-block;
    vertical-align: middle
}

.bag-button, .search-button {
    position: absolute;
    z-index: 100;
    display: block
}

.touchevents .bag-button, .touchevents .search-button {
    position: absolute;
    top: 0;
    right: 1.2rem
}

.bag-button:before, .search-button:before {
    font-size: 1.7rem;
    line-height: 50px;
    color: #b1b1b1
}

.bag-button > span {
    display: none
}

.bag-button > label {
    position: absolute;
    color: red;
    margin-top: -4px;
    top: 50%;
    text-align: center;
    cursor: pointer !important;
    width: 24px
}

    .bag-button > label:lang(ru) {
        margin-top: -5px
    }

    .bag-button > label:lang(zh-cn) {
        margin-top: -6px
    }

    .bag-button > label:lang(ar) {
        margin-top: -5px;
        left: 0;
        right: 1.4rem
    }

    .bag-button > label:lang(ko) {
        margin-top: -5px
    }

.touchevents .bag-button {
    position: absolute;
    top: 0;
    right: 0
}

#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
}

.login-menu {
    display: inline-block
}

.login-menu {
    border-left: 1px solid #e5e5e5;
    padding-left: 1.6667rem;
    line-height: 1.3
}

.link-label {
    min-width: 150px
}

#login {
    display: none
}

    #login > .dropdown-container > a {
        color: #fff
    }

.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 > ul {
    display: none
}

.layout-reversed .f-site-map-col, .layout-reversed .f-site-map-col.last {
    float: none;
    width: 100%
}

.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;
    -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: 2.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .footer-extra-wrapper .breakWord {
        word-break: break-word
    }

    .footer-extra-wrapper .footerTextRight {
        text-align: left
    }

    .footer-extra-wrapper .link-out > span {
        white-space: unset
    }

.footer-legal {
    padding-top: 1rem;
    color: #fff;
    line-height: 1.5
}

    .footer-legal p {
        margin-bottom: 1.5rem
    }

.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
    }

.page-maintenance_cos .main-header .nav-container {
    position: relative
}

    .page-maintenance_cos .main-header .nav-container .logo-container {
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .page-maintenance_cos .main-header .nav-container .logo-container .village-logo {
            height: 50px;
            margin-top: 2px
        }

.maintenance .site-canvas {
    padding-top: 0
}

.maintenance .page-maintenance_cos {
    margin-top: 0
}

.maintenance .main-header {
    height: auto;
    border-bottom: 30px solid #008a9d;
    position: relative
}

.maintenance .header-logo {
    padding: 30px 0 0;
    text-align: center;
    max-width: 340px;
    margin: 0 auto
}

    .maintenance .header-logo img {
        margin: 0 auto
    }

@font-face {
    font-family: brown-light;
    font-style: normal;
    font-weight: 400;
    src: 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.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.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.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.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.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")
}

@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
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bag-button > label:lang(ru) {
        margin-top: -7px
    }

    .bag-button > label:lang(ar) {
        margin-top: -4px
    }

    .bag-button > label:lang(ko) {
        margin-top: -6px
    }
}

@media only screen and (min-width:32.5em) {
    body[dir=rtl] .f-site-map, body[dir=rtl] .f-site-map-col, body[dir=rtl] .footer-legal {
        float: right
    }

    .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
    }
}

@media only screen and (min-width:34em) {
    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.half .accordion-content-2col-col:first-child {
        margin-right: 8%
    }

    .accordion-content-2col-row.half .accordion-content-2col-col {
        float: left;
        display: block;
        width: 46%;
        padding-right: 0
    }

    .layout-reversed .accordion-content-2col-row.half .accordion-content-2col-col:first-child {
        margin-right: 0;
        margin-left: 8%
    }

    .layout-reversed .accordion-content-2col-row.half .accordion-content-2col-col {
        float: right;
        display: block;
        width: 46%;
        padding-left: 0
    }

    .accordion-content-2col-col:first-child {
        margin-bottom: 0;
        padding-right: 1.2rem
    }

    .layout-reversed .accordion-content-2col-col {
        float: right !important
    }

        .layout-reversed .accordion-content-2col-col:first-child {
            padding-right: 0;
            padding-left: 1.2rem
        }
}

@media only screen and (min-width:40em) {
    .button.min-width, button.min-width {
        min-width: 20.8333rem
    }
}

@media screen and (min-width:40em) {
    .f-site-map-col.last, .grid-col-1, .grid-col-10, .grid-col-11, .grid-col-12, .grid-col-2, .grid-col-3, .grid-col-4, .grid-col-5, .grid-col-6, .grid-col-7, .grid-col-8, .grid-col-9, .grid-col-md-12 {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .f-site-map-col.last:last-child, .grid-col-10:last-child, .grid-col-11:last-child, .grid-col-12:last-child, .grid-col-1:last-child, .grid-col-2:last-child, .grid-col-3:last-child, .grid-col-4:last-child, .grid-col-5:last-child, .grid-col-6:last-child, .grid-col-7:last-child, .grid-col-8:last-child, .grid-col-9:last-child, .grid-col-md-12:last-child {
            margin-right: 0
        }

    .f-site-map-col.last .f-site-map-group.last, .grid-col-md-8 {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .f-site-map-col.last .f-site-map-group.last:last-child, .grid-col-md-8:last-child {
            margin-right: 0
        }

    .f-sm-register-form .form-single-item, .f-sm-register-form p, .grid-col-md-6, .opening-hours .day, .opening-hours .hours {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .f-sm-register-form .form-single-item:last-child, .f-sm-register-form p:last-child, .grid-col-md-6:last-child, .opening-hours .day:last-child, .opening-hours .hours:last-child {
            margin-right: 0
        }

    .f-site-map-col, .f-site-map-col.last, .f-site-map-col.last .f-site-map-group, .grid-col-md-4 {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .f-site-map-col.last .f-site-map-group:last-child, .f-site-map-col:last-child, .grid-col-md-4:last-child {
            margin-right: 0
        }

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

    .grid-wrap.side-widget-layout, .standard-grid-wrap.side-widget-layout {
        margin-top: 1.6rem
    }

    .widget-slot:not(.component-editorial-new) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        width: 100%
    }

    body.layout-reversed .slider-hero-content .slick-next {
        left: 0
    }

    body:not(.layout-reversed) .slider-hero-content .slick-prev {
        left: 0
    }

    .small-product-carousel {
        padding-bottom: 0
    }

        .small-product-carousel .product::after {
            clear: both;
            content: "";
            display: table
        }

        .small-product-carousel .product-image-wrapper {
            float: left;
            width: 56%
        }

        .small-product-carousel .product-image {
            display: block
        }

        .small-product-carousel .product-image-wrapper {
            height: auto
        }

            .small-product-carousel .product-image-wrapper img {
                position: static
            }

        .small-product-carousel .small-product-carousel-copy {
            float: right;
            width: 40%;
            margin-top: 6.6%;
            text-align: left
        }

        .small-product-carousel .product-price .now, .small-product-carousel .product-price .sale, .small-product-carousel .product-price .was {
            padding-left: 0;
            max-width: 100px
        }

        .small-product-carousel .small-product-carousel {
            height: 14.3333rem
        }

    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .accordion-content-2col-row.bigsmall .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:first-child:last-child {
            margin-right: 0
        }

    .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .accordion-content-2col-row.smallbig .accordion-content-2col-col:last-child:last-child {
            margin-right: 0
        }

    .accordion-tab-content > div {
        padding: 2.0833rem
    }

    .ui-timepicker-wrapper {
        max-width: 20.4167rem
    }

    .section-title-big, .section-title-big-wrapper .section-subtitle-big {
        font-size: 3.6667rem
    }

    .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: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .component-wrapper-new.module-hero-new .module-image {
        height: 42rem
    }

    .layout-reversed .component-wrapper-new.module-hero-new p {
        text-align: center
    }

    .component-wrapper-new.module-hero-new ul {
        text-align: center
    }

    .alert-bar-single {
        text-align: center;
        padding-right: 1rem
    }

        .alert-bar-single .webfont-arrow-long {
            white-space: nowrap
        }

            .alert-bar-single .webfont-arrow-long:before {
                position: relative;
                top: .3333rem;
                right: -.8333rem;
                display: inline-block;
                margin-top: 0;
                margin-left: 0;
                -ms-transform: translate(0,0);
                transform: translate(0,0)
            }

    .layout-reversed .alert-bar-single .webfont-arrow-long {
        white-space: nowrap
    }

        .layout-reversed .alert-bar-single .webfont-arrow-long:after {
            position: relative;
            top: .3333rem;
            left: -.8333rem;
            display: inline-block;
            margin-top: 0;
            margin-left: 0;
            -ms-transform: translate(0,0) rotate(180deg);
            transform: translate(0,0) rotate(180deg)
        }

    .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
        }

    .layout-reversed .f-site-map-col, .layout-reversed .f-site-map-col.last {
        width: 33.3333%;
        float: right
    }

    .footer-extra-wrapper .footerTextRight {
        text-align: right
    }
}

@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, .standard-grid-wrap.side-widget-layout > .grid-item {
        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, .standard-grid-wrap.side-widget-layout > .grid-item:last-child {
            margin-right: 0
        }

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

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

    .grid-hide {
        display: none
    }
}

@media screen and (min-width:50em) {
    .f-site-map, .grid-col .grid-item, .grid-col .grid-item.grid-2, .grid-col .grid-item.grid-3, .grid-col-12, .grid-item.grid-3, .widget-col .grid-item, .widget-col .grid-item.grid-2, .widget-col .grid-item.grid-3 {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .f-site-map:last-child, .grid-col .grid-item:last-child, .grid-col-12:last-child, .grid-item.grid-3:last-child, .widget-col .grid-item:last-child {
            margin-right: 0
        }

    .grid-col-10 {
        float: left;
        display: block;
        margin-right: 0;
        width: 83.3333%
    }

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

    .grid-col-9 {
        float: left;
        display: block;
        margin-right: 0;
        width: 75%
    }

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

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

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

    .grid-col-7 {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

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

    .grid-col-6, .grid-item.grid-half, .slide-content-col {
        float: left;
        display: block;
        margin-right: 0;
        width: 50%
    }

        .grid-col-6:last-child, .grid-item.grid-half:last-child, .slide-content-col:last-child {
            margin-right: 0
        }

    .grid-col-5 {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

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

    .grid-col-4, .grid-item {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

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

    .grid-col-3 {
        float: left;
        display: block;
        margin-right: 0;
        width: 25%
    }

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

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

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

    .grid-col-1 {
        float: left;
        display: block;
        margin-right: 0;
        width: 8.3333%
    }

        .grid-col-1: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, .standard-grid-wrap.side-widget-layout {
        margin-top: 2.8rem
    }

    .grid-wrap.side-widget-layout, .standard-grid-wrap.side-widget-layout {
        margin-top: 3.6rem
    }

    .widget-slot:not(.component-editorial-new) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        width: 100%
    }

    .slider-hero-content {
        margin-top: -11.2rem;
        padding-bottom: 2.1rem
    }

    body.layout-reversed .slider-hero-content .slick-next {
        top: 68px
    }

    body.layout-reversed .slider-hero-content .slick-prev {
        right: auto;
        left: 0;
        border-bottom: 1px solid #000
    }

    body:not(.layout-reversed) .slider-hero-content .slick-prev {
        top: 68px
    }

    body:not(.layout-reversed) .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
    }

    .small-product-carousel .product-overlay.active {
        width: 98%;
        height: 98%
    }

    .dropdown-button {
        text-transform: none;
        font-size: 1.0833rem
    }

    .accordion-content {
        display: block;
        margin-top: 0;
        padding: 0
    }

    .accordion-on-mobile .accordion-content {
        display: block !important
    }

    .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
    }

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

    .search-results .search-results-pagination {
        margin-top: 6.6667rem
    }

    .search-results-form {
        margin-top: 3.3333rem
    }

    .module-text-header {
        font-size: 2.83rem
    }

    .touch .widget-carousel-new .grid-item {
        width: 33%
    }

    .widget-carousel-new.carousel-disable-large::after {
        clear: both;
        content: "";
        display: table
    }

    .module-free-text-header {
        font-size: 2.5rem
    }

    .alert-bar-single {
        font-size: 2rem
    }

    .footer-extra-wrapper {
        padding-bottom: 4rem
    }
}

@media screen and (min-width:50em) and (max-width:63.99em) {
    .module-free-text-header {
        font-size: 2rem
    }
}

@media screen and (min-width:64em) {
    .no-touchevents [id^=anchor-] {
        height: 80px;
        margin-top: -80px
    }

    .f-site-map {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .f-site-map:last-child {
            margin-right: 0
        }

    .no-touchevents .site-canvas {
        padding-top: 80px
    }

    .component-wrapper, .hero-wrapper.module, .page-wrapper, .page-wrapper-narrow, .page-wrapper-wide {
        padding-right: 3.3333rem;
        padding-left: 3.3333rem
    }

    .modal-header {
        z-index: 300
    }

    .no-touchevents .slider-hero-extended {
        height: calc(100vh - 70px)
    }

    .dropdown-button.dk-selected, .dropdown-button.searchDd-main, .dropdown-button.webfont-cheveron, .searchDd-category span.dropdown-button {
        padding-right: 1.8333rem
    }

        .dropdown-button.dk-selected:before, .dropdown-button.searchDd-main:before, .dropdown-button.webfont-cheveron:before, .searchDd-category span.dropdown-button:before {
            top: 1rem
        }

    .layout-reversed .dropdown-button.dk-selected, .layout-reversed .dropdown-button.searchDd-main, .layout-reversed .dropdown-button.webfont-cheveron, .layout-reversed .searchDd-category span.dropdown-button, .searchDd-category .layout-reversed span.dropdown-button {
        padding-right: 0;
        padding-left: 1.8333rem
    }

        .layout-reversed .dropdown-button.dk-selected:before, .layout-reversed .dropdown-button.searchDd-main:before, .layout-reversed .dropdown-button.webfont-cheveron:before, .layout-reversed .searchDd-category span.dropdown-button:before, .searchDd-category .layout-reversed span.dropdown-button:before {
            top: 1rem;
            left: 0
        }

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

    .widget-carousel-new.carousel-disable-xlarge::after {
        clear: both;
        content: "";
        display: table
    }

    .module-img-content .module-title-deco {
        padding-bottom: 1rem
    }

    .no-touchevents .main-header {
        max-height: 13.8rem;
        padding-top: 2rem;
        padding-right: 0;
        padding-left: 0;
        border-bottom: 1px solid #000;
        transition: padding .2s ease !important
    }

        .no-touchevents .main-header.micro-header {
            padding-top: 30px
        }

    .no-touchevents .close-canvas {
        display: none
    }

    .no-touchevents .nav-main .your-village-prev a:after {
        display: none
    }

    .no-touchevents .nav-main {
        position: relative;
        margin-top: 1rem
    }

        .no-touchevents .nav-main > ul {
            float: right
        }

        .no-touchevents .nav-main .nav-subnav > ul, .no-touchevents .nav-main > ul {
            margin: 0 auto
        }

        .no-touchevents .nav-main .nav-subnav > ul {
            margin: 0 auto;
            position: relative
        }

        .no-touchevents .nav-main > ul > .nav-navItem:hover .nav-subnav {
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        .no-touchevents .nav-main > ul > .nav-navItem:hover .nav-arrow-active {
            bottom: -.6rem;
            opacity: 1;
            background-color: #b5b5b5;
            cursor: default;
            pointer-events: none
        }

    .no-touchevents .nav-parent {
        position: relative;
        transition: none
    }

        .no-touchevents .nav-parent:hover {
            color: #000;
            opacity: 1
        }

    .no-touchevents .nav-subnav {
        position: absolute;
        top: 2.6rem;
        right: 0;
        left: 0;
        z-index: 10;
        display: block;
        width: 100%;
        height: 0;
        margin-left: 0;
        padding-top: 0;
        overflow: hidden;
        border-bottom: none;
        transition: height 0s ease .2s,padding 0s ease .2s
    }

        .no-touchevents .nav-subnav .nav-navItem {
            display: inline-block;
            margin: .5rem 0 !important;
            padding-top: 0;
            padding-left: 0
        }

            .no-touchevents .nav-subnav .nav-navItem a {
                width: auto;
                margin-left: 1rem;
                margin-right: 0
            }

    .layout-reversed .no-touchevents .nav-subnav .nav-navItem a {
        margin-right: 1rem;
        margin-left: 0
    }

    .no-touchevents .nav-subnav-trigger {
        display: none !important
    }

    .no-touchevents.ie9 .nav-main > ul > .nav-navItem {
        padding-bottom: 3rem
    }

    .no-touchevents .site-canvas {
        padding-top: 80px
    }

    .no-touchevents #navTrigger {
        display: none
    }

    .no-touchevents .main-header {
        padding-top: 0;
        padding-bottom: 0;
        border-top: solid 30px #008a9d;
        height: 80px
    }

        .no-touchevents .main-header .dropdown-button.dk-selected:before, .no-touchevents .main-header .dropdown-button.searchDd-main:before, .no-touchevents .main-header .dropdown-button.webfont-cheveron:before, .no-touchevents .main-header .searchDd-category span.dropdown-button:before, .searchDd-category .no-touchevents .main-header span.dropdown-button:before {
            color: #fff
        }

        .no-touchevents .main-header .nav-container {
            position: relative;
            height: 50px
        }

            .no-touchevents .main-header .nav-container .logo-container {
                position: absolute;
                left: calc((100vw - 960px)/ 2)
            }

                .no-touchevents .main-header .nav-container .logo-container .header-logo img {
                    line-height: 50px;
                    width: 100%;
                    max-width: 186px
                }

            .no-touchevents .main-header .nav-container .off-canvas-wrapper {
                height: 50px;
                position: static;
                max-width: 960px;
                margin: 0 auto
            }

                .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main {
                    position: static;
                    margin-top: -30px;
                    height: 50px
                }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul {
                        float: right;
                        max-width: 960px;
                        height: 50px;
                        margin: 0 auto;
                        padding-right: 30px
                    }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem.home-link {
                            display: none
                        }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem {
                            float: left;
                            height: 50px;
                            padding-top: 0;
                            padding-bottom: 0;
                            line-height: 54px;
                            text-transform: uppercase
                        }

                            .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links {
                                margin: 0
                            }

                                .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink {
                                    cursor: pointer;
                                    display: block;
                                    padding-right: 10px;
                                    padding-left: 10px;
                                    font-size: 1.05rem;
                                    letter-spacing: 1px;
                                    color: grey
                                }

                                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink.nav-navLink-noSubnav {
                                        cursor: default
                                    }

                                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main > ul > li.nav-navItem .nav-main-links .nav-navLink.nav-navLink-noSubnav a {
                                            cursor: pointer
                                        }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem .nav-subnav, .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem .nav-subnav-tray {
                        opacity: 0;
                        display: none;
                        pointer-events: none
                    }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem.active .nav-subnav, .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem.active .nav-subnav-tray {
                        opacity: 1;
                        display: block;
                        pointer-events: auto
                    }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main .nav-navItem.active .nav-main-links .nav-navLink {
                        color: #000
                    }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.opened .nav-subnav {
                        pointer-events: auto
                    }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.opened .nav-subnav .nav-subnav-tray {
                            transition: transform .2s ease-out;
                            -ms-transform: translateY(0);
                            transform: translateY(0)
                        }

                    .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.closed .nav-subnav {
                        pointer-events: auto
                    }

                        .no-touchevents .main-header .nav-container .off-canvas-wrapper .nav-main.closed .nav-subnav .nav-subnav-tray {
                            opacity: 1;
                            display: block;
                            transition: transform .3s ease-out;
                            -ms-transform: translateY(-350px);
                            transform: translateY(-350px)
                        }

            .no-touchevents .main-header .nav-container .header-lrs {
                position: relative;
                max-width: 960px;
                margin: 0 auto;
                height: 30px;
                top: -30px;
                left: auto;
                right: auto
            }

                .no-touchevents .main-header .nav-container .header-lrs .user-nav {
                    position: absolute;
                    right: 0;
                    line-height: 30px
                }

                    .no-touchevents .main-header .nav-container .header-lrs .user-nav .login-register {
                        z-index: 200;
                        margin-right: 0;
                        padding-bottom: 0
                    }

                        .no-touchevents .main-header .nav-container .header-lrs .user-nav .login-register .dropdown-menu {
                            top: 30px;
                            padding: 1rem
                        }

                .no-touchevents .main-header .nav-container .header-lrs .bag, .no-touchevents .main-header .nav-container .header-lrs .search {
                    margin-top: 30px;
                    top: 0;
                    right: 0
                }

                .no-touchevents .main-header .nav-container .header-lrs, .no-touchevents .main-header .nav-container .header-lrs a {
                    color: #ccc
                }

            .no-touchevents .main-header .nav-container .nav-weather {
                position: absolute;
                left: calc((100vw - 960px)/ 2 + 225px);
                display: block;
                top: -30px;
                background-color: #000
            }

                .no-touchevents .main-header .nav-container .nav-weather .weather-thumb {
                    height: 30px
                }

                    .no-touchevents .main-header .nav-container .nav-weather .weather-thumb .weather-thumb-temp {
                        line-height: 23px
                    }

                        .no-touchevents .main-header .nav-container .nav-weather .weather-thumb .weather-thumb-temp:before {
                            top: 60%
                        }

                    .no-touchevents .main-header .nav-container .nav-weather .weather-thumb p {
                        color: #fff
                    }

                .no-touchevents .main-header .nav-container .nav-weather .weather-main {
                    padding-top: 0;
                    -ms-transform: none !important;
                    transform: none !important
                }

                    .no-touchevents .main-header .nav-container .nav-weather .weather-main .weather-main-inner {
                        padding: 1rem
                    }

            .no-touchevents .main-header .nav-container .lang-vill {
                position: absolute;
                top: -30px;
                left: calc((100vw - 960px)/ 2);
                margin-left: 0;
                z-index: 5000;
                -webkit-backface-visibility: hidden;
                transform: translate3d(0,0,0)
            }

                .no-touchevents .main-header .nav-container .lang-vill a {
                    color: #fff
                }

                .no-touchevents .main-header .nav-container .lang-vill .dropdown {
                    padding-left: 0 !important
                }

                .no-touchevents .main-header .nav-container .lang-vill ul.dropdown-menu {
                    padding: 1rem;
                    border: 1px solid #dedede
                }

                    .no-touchevents .main-header .nav-container .lang-vill ul.dropdown-menu li:last-child {
                        margin-bottom: 0
                    }

                    .no-touchevents .main-header .nav-container .lang-vill ul.dropdown-menu li a {
                        color: #999
                    }

    .no-touchevents .nav-subnav {
        top: 50px;
        overflow-y: hidden;
        height: 305px;
        background-color: transparent;
        pointer-events: none
    }

        .no-touchevents .nav-subnav .nav-subnav-tray {
            background-color: #fff;
            overflow: hidden;
            padding-bottom: 3rem;
            border-bottom: solid 1px #000;
            -ms-transform: translateY(-305px);
            transform: translateY(-305px);
            transition: transform .2s ease-out
        }

            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper {
                position: relative;
                overflow: hidden;
                max-width: 960px;
                margin: 25px auto 0;
                z-index: 200
            }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h1 {
                    font-size: 1.67rem;
                    position: relative;
                    padding-bottom: 17px;
                    margin-bottom: 15px;
                    font-family: brown-regular,sans-serif;
                    color: #008a9d
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h1:after {
                        content: '';
                        width: 40px;
                        height: 1px;
                        background-color: #000;
                        position: absolute;
                        left: 0;
                        bottom: 0
                    }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem {
                    width: 100%;
                    display: block;
                    float: left;
                    line-height: 1.2;
                    text-transform: none;
                    margin-bottom: .8rem
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem a {
                        margin-left: 0;
                        font-size: 1.3rem
                    }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem a.webfont-lock {
                            position: relative
                        }

                            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper ul li.nav-navItem a.webfont-lock:before {
                                position: absolute;
                                top: -.1rem;
                                right: -1.5rem
                            }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h2 {
                    font-size: 15px;
                    position: relative;
                    padding-bottom: 16px;
                    margin-bottom: 14px
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h2:after {
                        content: '';
                        width: 40px;
                        height: 1px;
                        background-color: #000;
                        position: absolute;
                        left: 0;
                        bottom: 0
                    }

                .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper {
                    display: -ms-flexbox;
                    display: flex
                }

                    .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section {
                        -ms-flex: 1;
                        flex: 1;
                        -ms-flex-positive: 2;
                        flex-grow: 2;
                        padding-left: 25px
                    }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section::after {
                            clear: both;
                            content: "";
                            display: table
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section:first-child {
                            padding-left: 0
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list {
                            float: left;
                            width: 25%;
                            padding-left: 2rem;
                            border-right: 1px solid #333
                        }

                            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:first-child {
                                padding-left: 0
                            }

                            .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:last-child {
                                border: 0
                            }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .ellipsis-new {
                            height: 80px !important
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .featured-content-description {
                            line-height: 1.5rem;
                            text-transform: none;
                            font-size: 1.2rem
                        }

                        .no-touchevents .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section img.nav-featured-image {
                            display: block;
                            width: 315px;
                            height: 175px;
                            object-fit: cover
                        }

    .no-touchevents #language, .no-touchevents #village {
        line-height: 30px
    }

    .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list {
        float: right;
        padding-left: 0;
        padding-right: 25px;
        border-right: none;
        border-left: 1px solid #333
    }

        .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:first-child {
            padding-right: 0
        }

        .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper .tray-section-wrapper .tray-section .tray-section-list:last-child {
            border-left: none
        }

    .no-touchevents .layout-reversed .nav-subnav .nav-subnav-tray .nav-subnav-tray-wrapper h1:after {
        left: auto;
        right: 0
    }

    .no-touchevents .lang-vill {
        position: absolute;
        top: 2rem;
        left: 5.1667rem;
        z-index: 600;
        width: auto;
        margin-left: -.5rem;
        transition: opacity .2s ease,top .1s linear .2s
    }

        .no-touchevents .lang-vill::after {
            clear: both;
            content: "";
            display: table
        }

        .no-touchevents .lang-vill .dropdown {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .layout-reversed .no-touchevents .lang-vill {
        position: absolute;
        top: 2rem;
        right: 5.1667rem;
        left: auto
    }

    .no-touchevents .lang-vill .dropdown-menu {
        position: absolute;
        top: 30px;
        left: -.4167rem;
        margin-bottom: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        background-color: #fff
    }

    .layout-reversed .no-touchevents .lang-vill .dropdown-menu {
        position: absolute;
        top: 30px;
        right: -.4167rem;
        left: auto
    }

    .no-touchevents #language, .no-touchevents #village {
        float: left;
        min-width: 4rem
    }

    .layout-reversed .no-touchevents #language, .layout-reversed .no-touchevents #village {
        float: right
    }

    .no-touchevents #language .offcanvas, .no-touchevents #village .offcanvas {
        display: none !important
    }

    .no-touchevents #language a, .no-touchevents #village a {
        display: inline
    }

    .no-touchevents #village .dropdown-menu {
        width: 16rem
    }

    .no-touchevents .bag, .no-touchevents .search {
        position: absolute;
        top: -.2rem;
        right: .7rem;
        display: inline-block;
        background: 0 0
    }

    .no-touchevents .search-form {
        -ms-transform: translateX(21.6667rem);
        transform: translateX(21.6667rem);
        position: absolute;
        right: .3333rem;
        width: 21.6667rem;
        height: 2.5833rem;
        margin-right: 0;
        margin-left: 0;
        opacity: 0;
        transition: all .5s ease .3s;
        background: #fff;
        top: 10px
    }

        .no-touchevents .search-form.active {
            z-index: 50;
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        .no-touchevents .search-form input, .no-touchevents .search-form label {
            pointer-events: none;
            cursor: default
        }

        .no-touchevents .search-form.active {
            opacity: 1;
            transition: all .3s ease
        }

            .no-touchevents .search-form.active input, .no-touchevents .search-form.active label {
                pointer-events: initial
            }

                .no-touchevents .search-form.active input[type=text], .no-touchevents .search-form.active label {
                    cursor: text
                }

                .no-touchevents .search-form.active input[type=submit] {
                    cursor: pointer
                }

    .no-touchevents #search, .no-touchevents #searchSubmit, .no-touchevents .bag-button, .no-touchevents .search-button {
        background-color: transparent
    }

    .touchevents .bag-button {
        position: absolute;
        top: 0;
        left: 1.2rem;
        padding: 0 !important
    }

        .touchevents .bag-button > span {
            display: inline;
            font-size: 1.1rem;
            color: #7b7b7b;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            top: -5px;
            padding-left: 5px
        }

    .touchevents .layout-reversed .bag-button > span {
        padding-right: 5px
    }

    .no-touchevents #search {
        margin-left: 0;
        width: 19.0833rem;
        box-shadow: -16px 0 10px #fff
    }

    .no-touchevents #searchSubmit {
        top: .25rem;
        right: -.3333rem;
        left: auto
    }

    .no-touchevents .login-menu {
        border-left-width: 0;
        padding-left: 0
    }

        .no-touchevents .login-menu > a {
            display: none
        }

    .no-touchevents #login {
        display: inline-block
    }

        .no-touchevents #login .dropdown-menu {
            position: absolute;
            right: -1.5rem;
            left: auto;
            z-index: 200;
            width: 26rem;
            padding: 1.25rem;
            background-color: #fff;
            border: 1px solid #dbdbdb;
            border-top: 0
        }

            .no-touchevents #login .dropdown-menu .button {
                border-color: #008a9d;
                background-color: #008a9d;
                color: #fff;
                color: #fff
            }

                .no-touchevents #login .dropdown-menu .button:active, .no-touchevents #login .dropdown-menu .button:focus, .no-touchevents #login .dropdown-menu .button:hover {
                    color: #000;
                    background-color: transparent
                }

            .no-touchevents #login .dropdown-menu a:after {
                display: none
            }

        .no-touchevents #login .button {
            font-size: 1rem;
            margin-bottom: .75rem
        }

    .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
    }
}

@media screen and (min-width:64em) and (-webkit-min-device-pixel-ratio:0) {
    .no-touchevents .nav-main > ul > .nav-navItem:hover .nav-arrow-active {
        bottom: -.65rem
    }
}

@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 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 (max-width:63.99em) {
    .no-touchevents [id^=anchor-] {
        height: 55px;
        margin-top: -55px
    }

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

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

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

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

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

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

    .touch .widget-carousel-new .grid-item {
        width: 42%
    }

    .no-touchevents .nav-subnav .nav-navItem:after {
        display: none
    }

    .no-touchevents .nav-main-links {
        margin: 0
    }

    .no-touchevents .main-header .nav-container .logo-container {
        left: 0;
        right: 0;
        width: calc(100% - 9rem);
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

        .no-touchevents .main-header .nav-container .logo-container .header-logo {
            display: inline-block
        }

    .no-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
    }

    .no-touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem .nav-subnav-trigger {
        cursor: pointer;
        width: 100%;
        height: 50px;
        margin-right: 0
    }

    .no-touchevents .main-header .nav-container .nav-main > ul > li.nav-navItem.active .nav-main-links .nav-navLink {
        color: #000
    }

    .no-touchevents .main-header .nav-container .nav-subnav {
        position: relative;
        background-color: #fff;
        margin-bottom: 15px;
        padding-top: 15px
    }

        .no-touchevents .main-header .nav-container .nav-subnav:before {
            content: '';
            width: 30px;
            height: 1px;
            background-color: #000;
            position: absolute;
            top: 4px;
            left: 20px
        }

        .no-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
        }

            .no-touchevents .main-header .nav-container .nav-subnav ul li.nav-navItem a {
                padding: 10px 0
            }

    .no-touchevents .main-header .nav-container .sidenav .sidenav-navItem-trigger h5 {
        color: #767676;
        font-size: 1rem;
        letter-spacing: 1px
    }

    .no-touchevents .main-header .nav-container .login-register {
        background-color: #000
    }

        .no-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] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Noto Sans",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=ko] .no-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] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Noto Sans SC",brown-regular,bonodiBe-medium,sans-serif
    }

    html[lang=ar] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-family: "Almarai-regular",brown-regular,bonodiBe-medium,sans-serif
    }

    .no-touchevents .main-header .nav-container .login-register ul li a html[lang=ru], html[lang=ar] .no-touchevents .main-header .nav-container .login-register ul li a, html[lang=ko] .no-touchevents .main-header .nav-container .login-register ul li a, html[lang=zh-cn] .no-touchevents .main-header .nav-container .login-register ul li a {
        font-weight: 700
    }

    .no-touchevents .main-header .nav-container .lang-vill .dropdown {
        font-size: 1.1rem
    }

    .no-touchevents .main-header .nav-container .lang-vill .dropdown-button {
        letter-spacing: 1px
    }

    .no-touchevents .site-canvas.active .logo-container {
        z-index: 0
    }

    .no-touchevents .lang-vill .dropdown-menu a {
        line-height: 1;
        padding: 10px 0
    }

    .no-touchevents #language .desktop, .no-touchevents #village .desktop {
        display: none !important
    }

    .no-touchevents .search-form label {
        color: #7b7b7b;
        font-size: 1.1667rem;
        text-transform: uppercase;
        line-height: 3rem
    }

    .no-touchevents .bag-button, .no-touchevents .search-button {
        position: absolute;
        top: 0;
        right: 1.2rem
    }

    .no-touchevents .bag-button, .touchevents .bag-button {
        position: absolute;
        top: 0;
        left: 1.2rem;
        padding: 0 !important
    }

        .no-touchevents .bag-button > span, .touchevents .bag-button > span {
            display: inline;
            font-size: 1.1rem;
            color: #7b7b7b;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            top: -5px;
            padding-left: 5px
        }

    .no-touchevents .layout-reversed .bag-button > span, .touchevents .layout-reversed .bag-button > span {
        padding-right: 5px
    }

    .no-touchevents #search {
        border-bottom-width: 0;
        font-size: 1.1667rem
    }

    .no-touchevents #searchSubmit {
        width: 2rem
    }
}

@media only screen and (max-width:63.99em) {
    .no-touchevents .site-canvas {
        position: relative;
        height: 100%;
        width: 100%
    }

    .no-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
    }

        .no-touchevents .off-canvas-wrapper a {
            display: inline-block !important;
            width: 70%;
            height: 100%;
            line-height: 1.5;
            padding: 16px 0
        }

    .layout-reversed .no-touchevents .off-canvas-wrapper a {
        width: 100%
    }

    .no-touchevents .off-canvas-wrapper .login-register a {
        width: 100%;
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

        .no-touchevents .off-canvas-wrapper .login-register a .dk-selected:before, .no-touchevents .off-canvas-wrapper .login-register a .searchDd-category span:before, .no-touchevents .off-canvas-wrapper .login-register a .searchDd-main:before, .no-touchevents .off-canvas-wrapper .login-register a .webfont-cheveron:before, .searchDd-category .no-touchevents .off-canvas-wrapper .login-register a span:before {
            position: absolute;
            top: 1.7rem;
            right: .8333rem;
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            color: #7b7b7b
        }

    .no-touchevents .off-canvas-wrapper .login-menu a .dk-selected:before, .no-touchevents .off-canvas-wrapper .login-menu a .searchDd-category span:before, .no-touchevents .off-canvas-wrapper .login-menu a .searchDd-main:before, .no-touchevents .off-canvas-wrapper .login-menu a .webfont-cheveron:before, .searchDd-category .no-touchevents .off-canvas-wrapper .login-menu a span:before {
        right: -.25rem
    }

    .no-touchevents .off-canvas-wrapper .lang-vill .dropdown-button, .no-touchevents .off-canvas-wrapper .topnav-social-media .dropdown-button {
        width: 100%
    }

    .no-touchevents .site-canvas.active .off-canvas-wrapper {
        right: 0
    }

    .no-touchevents .nav-navItem, .no-touchevents .off-canvas-block {
        padding-right: 1.6667rem;
        padding-left: 1.6667rem;
        border-bottom: 1px solid #e5e5e5;
        line-height: 4.1667rem
    }

        .no-touchevents .nav-navItem.last, .no-touchevents .off-canvas-block.last {
            border-bottom: 0 solid transparent
        }

    .no-touchevents .nav-navItem {
        background: #fff
    }

    .no-touchevents .off-canvas-block {
        min-width: 22rem
    }

    .no-touchevents .off-canvas-block {
        -ms-transform: translateX(270px);
        transform: translateX(270px);
        transition: none
    }

        .no-touchevents .off-canvas-block.movein {
            -ms-transform: translateX(0);
            transform: translateX(0);
            transition: transform .4s cubic-bezier(.25,.1,.25,1)
        }

    .no-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
    }

        .no-touchevents .close-canvas.active {
            display: block;
            opacity: .7
        }

    .no-touchevents #language .dropdown-button:focus, .no-touchevents #village .dropdown-button:focus, .no-touchevents .topnav-social-media .dropdown-button:focus {
        opacity: 1
    }

    .no-touchevents #language .dropdown-button:before, .no-touchevents #village .dropdown-button:before, .no-touchevents .topnav-social-media .dropdown-button:before {
        position: absolute;
        top: 2.1rem;
        right: -.3rem
    }

    .layout-reversed .no-touchevents #language .dropdown-button:before, .layout-reversed .no-touchevents #village .dropdown-button:before, .layout-reversed .no-touchevents .topnav-social-media .dropdown-button:before {
        position: absolute;
        top: 2.1rem;
        right: auto;
        left: -.3rem
    }

    .no-touchevents .nav-container .lang-vill .dropdown, .no-touchevents .topnav-social-media {
        background: #fff
    }
}

@media (max-width:50em) and (orientation:landscape) {
    .slider-hero-content {
        margin-top: -8.6rem
    }
}

@media screen and (max-width:49.99em) {
    .grid-col-sm-12 {
        float: left;
        display: block;
        margin-right: 0;
        width: 100%
    }

        .grid-col-sm-12:last-child {
            margin-right: 0
        }

    .grid-col-sm-8 {
        float: left;
        display: block;
        margin-right: 0;
        width: 66.6667%
    }

        .grid-col-sm-8:last-child {
            margin-right: 0
        }

    .grid-col-sm-7 {
        float: left;
        display: block;
        margin-right: 0;
        width: 58.3333%
    }

        .grid-col-sm-7:last-child {
            margin-right: 0
        }

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

        .grid-col-sm-6:last-child {
            margin-right: 0
        }

    .grid-col-sm-5 {
        float: left;
        display: block;
        margin-right: 0;
        width: 41.6667%
    }

        .grid-col-sm-5:last-child {
            margin-right: 0
        }

    .grid-col-sm-4 {
        float: left;
        display: block;
        margin-right: 0;
        width: 33.3333%
    }

        .grid-col-sm-4:last-child {
            margin-right: 0
        }

    .grid-col-sm-1 {
        float: left;
        display: block;
        margin-right: 0;
        width: 8.3333%
    }

        .grid-col-sm-1:last-child {
            margin-right: 0
        }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-1, .standard-grid-wrap .row .grid-col-1 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-2, .standard-grid-wrap .row .grid-col-2 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-3, .standard-grid-wrap .row .grid-col-3 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-4, .standard-grid-wrap .row .grid-col-4 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-5, .standard-grid-wrap .row .grid-col-5 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-6, .standard-grid-wrap .row .grid-col-6 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-7, .standard-grid-wrap .row .grid-col-7 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-8, .standard-grid-wrap .row .grid-col-8 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-9, .standard-grid-wrap .row .grid-col-9 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-10, .standard-grid-wrap .row .grid-col-10 {
        padding-left: 0;
        padding-right: 0
    }

    .standard-grid-wrap .accordion-content-2col-row .grid-col-12, .standard-grid-wrap .row .grid-col-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:39.99em) {
    .touch .widget-carousel-new .grid-item {
        width: 80%
    }

    .module-widget-carousel-wrapper .flickity-prev-next-button {
        display: none !important
    }

    .module-text-new {
        height: auto
    }

        .module-text-new .ellipsis-new {
            margin-bottom: 1.4rem
        }

    .layout-reversed .alert-bar-single {
        padding-left: 5rem
    }
}

@media print {
    .main-footer {
        display: none
    }

    .module-content-wrapper {
        width: 100%
    }

        .module-content-wrapper > p {
            margin: 0 auto;
            text-align: center
        }

    .main-header {
        display: none
    }

    .hero {
        display: none
    }
}

@keyframes modalFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modalFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes moreBellow {
    0% {
        opacity: 0;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        opacity: 1;
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }

    80% {
        opacity: 1;
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }

    100% {
        opacity: 0;
        -ms-transform: translateY(.8rem);
        transform: translateY(.8rem)
    }
}
/*# sourceMappingURL=maps/app.css.map */