﻿.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
}

.component-wrapper-new, .content-list-2-col, .hero-home-extended, .m-b-xl, .module-image, .module-new, .slider.partners {
    margin-bottom: 5rem
}

.component-wrapper-new, .content-list-2-col, .module-image, .module-new, .slider.partners {
    position: relative;
    font-family: BrownStd-Regular, sans-serif;
}

.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
}

.component-wrapper-new.module-hero-new .brand-contact a {
    color: #000
}

.component-wrapper-new.module-hero-new .brand-logo {
    max-width: 16rem;
    margin-right: auto;
    margin-left: auto
}

.component-wrapper-new.module-hero-new .barcode {
    display: block;
    max-width: 14rem;
    margin: -.7rem auto
}

.layout-reversed .component-wrapper-new.module-hero-new .button {
    text-align: center
}

.component-wrapper-new.module-hero-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 .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
}

.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
}

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: "Noto Naskh Arabic",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
}

.component-wrapper-new.module-hero-new ul {
    text-align: left
}


.component-wrapper-new.module-hero-new {
    height: auto;
    background: 0 0
}

@media screen and (min-width:40em) {
    .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
    }
}

        .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-image {
        height: 42rem
    }

    .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: var(--sandstone);
        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
    }

    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: "Noto Kufi Arabic",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
    }

    .hero.opd-hero .component-wrapper-new {
        margin-bottom: 0
    }

        .hero.opd-hero .component-wrapper-new .module-image {
            margin-bottom: 0
        }

        .hero.opd-hero .component-wrapper-new .module-content-wrapper > .module-content .module-title {
            color: var(--sandstone);
            font-size: 2.8rem;
            font-family: Aime-Regular, serif;
            padding-bottom: 1rem
        }

            .hero.opd-hero .component-wrapper-new .module-content-wrapper > .module-content .module-title.module-title-deco:before {
                height: .1rem
            }

        .hero.opd-hero .component-wrapper-new .module-content-wrapper > .module-content p {
            font-size: 1.3rem
        }

    .module-hero-new-no-spacing.component-wrapper-new .module-content-wrapper .hero-content header {
        margin-bottom: 0
    }