@charset "UTF-8";





#SpecialOffers-V1-Aspot .jcarousel li,
#SpecialOffers-V1-Aspot li,
.Bspot-banner .col,
.editorial-slides-section .jcarousel li {
    vertical-align: top
}

.Bspot-banner a:active,
.mega-menu-wrapper .menu-category.level-1 .level1-category.custom-design-class:hover {
    outline: 0
}

.megamenu-header .level0Nav.megamenu-header-right-links .component,
.megamenu-header .megamenu-header-left-links .component {
    margin-right: 0
}

.img-delayed-container {
    position: relative;
    height: 0;
    background: url(../images/placeholder.gif) center center no-repeat #fff
}

.img-delayed-container>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.img-delayed-container>.js-loaded {
    display: block
}

.fr_FR .checkout-progress-indicator-rework .step-2 {
    min-width: 230px
}

.aspect-ratio-263x332 {
    padding-bottom: 126.23574144%
}

.aspect-ratio-1170x440 {
    padding-bottom: 37.6068376%
}

.promotionOverlay {
    position: absolute;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 10px;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.promotionOverlay p {
    margin-bottom: 0;
    margin-top: 6px;
    word-break: normal
}

.Bspot-banner h2,
.Bspot-banner p {
    margin: 0;
    font-weight: 400;
    text-align: center;
    color: #000
}

.promotionHeader,
.promotionLink,
.promotionOverlayTitle {
    text-transform: uppercase
}

span.promotionDescription {
    width: 100%;
    max-width: 206px
}

.promotionOverlayTitle,
span.promotionHeader,
span.promotionLink {
    width: 100%
}

.verticalAssetContainer .promotionLink {
    border: none;
    border-bottom: 1px solid #bfbfbf;
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif
}

.verticalAssetContainer .promotionHeader,
.verticalAssetContainer span.promotionDescription {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif
}

.verticalAssetContainer span.promotionLink {
    display: inline-block;
    width: auto
}

.verticalAssetContainer a {
    border-bottom: 0 solid !important
}

.verticalAssetContainer span.promotionDescription {
    text-transform: none !important
}

.verticalAssetContainer a:hover .promotionLink {
    border-bottom: 1px solid #be0f34
}

@media only screen and (min-width:762px) {

    .topbanner-wrapper,
    .verticalAssetContainer img {
        max-width: none
    }
}

@media only screen and (min-width:1024px) {
    .verticalAssetContainer img {
        max-width: 206px
    }
}

.Bspot-banner {
    text-align: center
}

.Bspot-banner .col {
    display: inline-block;
    float: none;
    padding-bottom: 60px
}

.Bspot-banner a,
.Bspot-banner a:hover {
    color: #000
}

.Bspot-banner h2 {
    font-size: 40px;
    font-family: times new roman, Times, serif;
    padding: .5em 0 0;
    line-height: 1em
}

.Bspot-banner .btn-link,
.Bspot-banner .btn-link-black,
.Bspot-banner .special-mention,
.editorial-slides-section h3 .special-mention {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif
}

@media screen and (max-width:761px) {
    .Bspot-banner h2 {
        font-size: 30px
    }
}

.Bspot-banner p {
    font-size: 16px;
    line-height: 25px;
    padding: 10px 20px 0
}

.Bspot-banner p.small-content {
    font-size: 14px;
    line-height: 20px
}

.Bspot-banner .btn-link,
.Bspot-banner .btn-link-black {
    margin-top: 20px;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400
}

.Bspot-banner .btn-link {
    border: 2px solid #e5e5e5;
    padding: 16px 18px;
    min-width: 60px;
    color: #000;
    line-height: 14px
}

.Bspot-banner .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

.Bspot-banner .btn-link-black {
    padding: 15px;
    min-width: 160px;
    color: #FFF;
    line-height: 1em;
    background-color: #000
}

.Bspot-banner img {
    width: 100%;
    max-width: 452px
}

.Bspot-banner .special-mention {
    color: #be0f34;
    display: block;
    font-size: 14px;
    line-height: 30px;
    margin-top: -30px
}

.editorial-slides-section {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1024px
}

.editorial-slides-section p {
    margin: 0 !important
}

.editorial-slides-section .text-link {
    margin: 0;
    padding-top: 15px !important;
    color: #000 !important;
    line-height: 1em !important;
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px !important;
    text-decoration: none !important;
    border-bottom: #d4d4d4 1px solid !important
}

.editorial-slides-section .text-link:hover {
    border-bottom: #be0f34 1px solid !important;
    color: #be0f34 !important
}

.editorial-slides-section h3 {
    padding-top: .2em !important
}

.editorial-slides-section .jcarousel-pagination {
    display: none
}

@media screen and (max-width:761px) {
    .editorial-slides-section .jcarousel-pagination {
        display: block;
        bottom: 40px
    }

    .editorial-slides-section .jcarousel {
        padding-bottom: 80px !important
    }

    .editorial-slides-section .jcarousel li {
        display: inline-block !important;
        float: none !important
    }
}

.editorial-slides-section h3 .special-mention {
    color: #be0f34;
    display: block;
    font-size: 12px;
    letter-spacing: normal
}

#SpecialOffers-V1-Aspot {
    margin: 0 auto 60px;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    max-width: 1024px
}

#SpecialOffers-V1-carousel {
    overflow: hidden;
    position: relative;
    width: 100%
}

#SpecialOffers-V1-Aspot ul {
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    position: relative;
    width: 20000em
}

#SpecialOffers-V1-Aspot li {
    width: 286px;
    margin: 0;
    display: block;
    padding: 0;
    float: left;
    font-size: 0;
    text-align: center
}

#SpecialOffers-V1-Aspot li a {
    color: #000;
    font-size: 13px;
    text-transform: none;
    max-width: 300px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px
}

#SpecialOffers-V1-Aspot li a:hover {
    color: #000
}

#SpecialOffers-V1-Aspot li .Visual {
    max-width: 286px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-V1-Aspot li .Picto {
    max-width: 286px;
    width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-V1-Aspot li h3 {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 40px;
    line-height: 1em
}

@media screen and (max-width:1023px) {
    #SpecialOffers-V1-Aspot li h3 {
        font-size: 35px
    }
}

#SpecialOffers-V1-Aspot .btn-link {
    border: 2px solid #e5e5e5;
    padding: 16px;
    min-width: 176px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #000;
    line-height: 14px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    text-decoration: none;
    margin-bottom: 30px;
    margin-top: 30px
}

#SpecialOffers-V1-Aspot .jcarousel-pagination,
#SpecialOffers-V1-Aspot .jcarouselControlarrows {
    display: none
}

#SpecialOffers-V1-Aspot .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-V1-Aspot .btn-link:hover a {
    color: #000
}

.SpecialOffers-V1-slides-section {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1024px
}

#SpecialOffers-V1-Cartbanner li h3,
#SpecialOffers-V1-Cartbanner ul,
#SpecialOffers-V1-MegaMenu,
#SpecialOffers-V1-MegaMenu li h3 {
    margin: 0;
    position: relative;
    text-align: center
}

#SpecialOffers-V1-MegaMenu li img,
#SpecialOffers-V1-Minicart li img,
#SpecialOffers-V1-ProductBanner li img {
    max-width: none
}

@media screen and (max-width:761px) {
    #SpecialOffers-V1-Aspot .jcarousel-pagination {
        display: block;
        bottom: 20px
    }

    #SpecialOffers-V1-Aspot .jcarousel {
        padding-bottom: 40px !important
    }

    #SpecialOffers-V1-Aspot .jcarousel li {
        display: inline-block !important;
        float: none !important
    }

    #SpecialOffers-V1-Aspot li:first-child {
        margin-right: 20px;
        margin-left: 20px
    }
}

#SpecialOffers-V1-Cartbanner {
    padding: 30px;
    position: relative;
    display: block;
    border: 10px solid #efefef
}

#SpecialOffers-V1-Cartbanner ul {
    padding: 0;
    display: block;
    list-style: none;
    min-height: 165px;
    line-height: 165px;
    width: 100%
}

#SpecialOffers-V1-Cartbanner li:first-child,
#SpecialOffers-V1-MegaMenu li:first-child {
    margin-left: 0
}

#SpecialOffers-V1-Cartbanner li {
    min-width: 100px;
    margin: 0 0 0 5%;
    display: inline-block;
    padding: 0;
    float: none;
    vertical-align: middle;
    font-size: 0;
    width: 29%;
    line-height: 11px;
    min-height: 120px
}

#SpecialOffers-V1-Cartbanner li a {
    color: #000;
    font-size: 11px;
    text-transform: none;
    line-height: 1em
}

#SpecialOffers-V1-Cartbanner li a:hover,
#SpecialOffers-V1-MegaMenu li a:hover {
    color: #000
}

#SpecialOffers-V1-Cartbanner li img {
    width: 50px !important
}

#SpecialOffers-V1-Cartbanner li h3 {
    padding: 0 0 8px;
    display: block;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 26px;
    line-height: 1em
}

@media only screen and (max-width:1023px) {
    #SpecialOffers-V1-Cartbanner li h3 {
        font-size: 20px
    }

    #SpecialOffers-V1-Cartbanner li {
        margin-left: 0;
        width: 32%
    }

    #SpecialOffers-V1-Cartbanner {
        padding: 10px
    }

    #SpecialOffers-V1-Cartbanner li a {
        font-size: 10px
    }
}

#SpecialOffers-V1-MegaMenu {
    padding: 0;
    display: block;
    width: 100%
}

#SpecialOffers-V1-MegaMenu li {
    width: 286px;
    margin: 0 0 0 40px;
    display: inline-block;
    padding: 0;
    float: none;
    vertical-align: top;
    font-size: 0
}

#SpecialOffers-V1-MegaMenu li a {
    color: #000;
    font-size: 13px;
    text-transform: none;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif
}

#SpecialOffers-V1-MegaMenu li h3 {
    padding: 0 0 10px;
    display: block;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 37px;
    line-height: 1em
}

#SpecialOffers-V1-Minicart li strong,
#SpecialOffers-V1-ProductBanner li strong {
    font-weight: 400;
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    position: relative
}

.SpecialOffers-V1-WidePromo-bottom {
    line-height: 50px;
    width: 100%;
    position: relative;
    padding: 15px
}

.SpecialOffers-V1-WidePromo-bottom .leftSectionWidePromo {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .02em;
    color: #be0f34;
    display: inline-block;
    height: 16px;
    vertical-align: middle
}

.SpecialOffers-V1-WidePromo-bottom .rightSectionWidePromo {
    color: #000;
    font-size: 10px;
    letter-spacing: .1em;
    text-align: center;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle
}

.SpecialOffers-V1-WidePromo-bottom .rightSectionWidePromo a {
    color: #000;
    border: 2px solid #e5e5e5;
    display: inline-block;
    padding: 18px;
    font-size: 11px;
    min-height: 11px;
    line-height: 11px
}

.SpecialOffers-V1-WidePromo-bottom .rightSectionWidePromo a:hover {
    color: #000;
    border: 2px solid #000
}

#SpecialOffers-V1-Minicart {
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-V1-Minicart ul {
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-V1-Minicart .Picto {
    display: inline-block;
    width: 18%;
    margin-right: 5%;
    vertical-align: middle
}

#SpecialOffers-V1-Minicart span {
    display: inline-block;
    letter-spacing: -.1em;
    line-height: 11px;
    text-align: left;
    vertical-align: middle;
    width: 74%;
    font-size: 11px
}

#SpecialOffers-V1-Minicart li {
    display: block;
    font-size: 0;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 100%
}

#SpecialOffers-V1-Minicart li a {
    color: #000;
    font-size: 0;
    text-transform: none;
    border-bottom: 0 solid;
    width: 100%;
    position: relative
}

#SpecialOffers-V1-Minicart li a:hover {
    color: #000
}

#SpecialOffers-V1-Minicart li strong {
    margin: 0;
    padding: 0 0 2px;
    display: block;
    text-align: left;
    color: #000;
    font-size: 14px;
    line-height: 14px
}

#SpecialOffers-V1-ProductBanner,
#SpecialOffers-V1-ProductBanner ul {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-V1-ProductBanner .Visual {
    float: left
}

#SpecialOffers-V1-ProductBanner .Picto {
    padding-top: 30px;
    display: inline-block;
    width: 50px;
    margin-left: -10px;
    height: 50px
}

#SpecialOffers-V1-ProductBanner li:first-child,
#SpecialOffers-V1-ProductBanner li:first-child .Picto,
#SpecialOffers-V1-SearchBanner li:first-child {
    margin-left: 0
}

#SpecialOffers-V1-ProductBanner span {
    display: block;
    line-height: 12px;
    margin-left: 160px;
    max-width: 250px;
    text-align: left
}

#SpecialOffers-V1-ProductBanner li {
    margin: 0 0 0 40px;
    display: inline-block;
    padding: 0;
    float: none;
    vertical-align: top;
    font-size: 0;
    text-align: left
}

#SpecialOffers-V1-ProductBanner li a {
    color: #000;
    font-size: 11px;
    text-transform: none
}

#SpecialOffers-V1-ProductBanner li a:hover,
#SpecialOffers-V1-SearchBanner li a:hover {
    color: #000
}

#SpecialOffers-V1-ProductBanner li strong {
    margin: 0 0 4px;
    padding: 0;
    display: block;
    text-align: left;
    color: #000;
    font-size: 16px;
    line-height: 16px
}

#SpecialOffers-V1-SearchBanner li h3,
#SpecialOffers-V2-Aspot h1 {
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    padding: 0
}

@media only screen and (max-width:1023px) {
    #SpecialOffers-V1-ProductBanner .Visual {
        display: none
    }

    #SpecialOffers-V1-ProductBanner .Picto {
        display: inline-block;
        vertical-align: middle;
        width: 70px;
        height: 70px;
        padding-top: 0
    }

    #SpecialOffers-V1-ProductBanner li {
        display: inline-block;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left;
        vertical-align: middle;
        width: 270px
    }

    #SpecialOffers-V1-ProductBanner span {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 170px;
        margin-left: 10px
    }
}

#SpecialOffers-V1-SearchBanner {
    padding: 30px;
    position: relative;
    display: block
}

#SpecialOffers-V1-SearchBanner ul {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    list-style: none
}

#SpecialOffers-V1-SearchBanner li {
    min-width: 160px;
    width: 30%;
    margin: 0 0 0 20px;
    display: inline-block;
    padding: 0;
    float: none;
    vertical-align: top;
    font-size: 0
}

#SpecialOffers-V1-SearchBanner li a {
    color: #000;
    font-size: 11px;
    text-transform: none;
    display: block;
    width: 100%;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-V1-SearchBanner li img {
    width: 60px !important;
    margin-right: 5px
}

#SpecialOffers-V1-SearchBanner li h3 {
    margin: 0;
    position: relative;
    display: block;
    color: #000;
    font-size: 36px
}

#SpecialOffers-V1-SearchBanner li span {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px
}

@media only screen and (max-width:1023px) {
    #SpecialOffers-V1-SearchBanner {
        padding: 15px;
        position: relative;
        display: block
    }

    #SpecialOffers-V1-SearchBanner li h3 {
        font-size: 30px
    }
}

@media only screen and (max-width:761px) {
    #SpecialOffers-V1-SearchBanner {
        padding: 0
    }

    #SpecialOffers-V1-SearchBanner li img {
        width: 50px !important
    }

    #SpecialOffers-V1-SearchBanner .Picto {
        float: left
    }

    #SpecialOffers-V1-SearchBanner li h3 {
        text-align: left;
        font-size: 25px;
        margin-left: 60px;
        display: block;
        padding-top: 10px
    }

    #SpecialOffers-V1-SearchBanner li a {
        color: #000;
        font-size: 11px;
        text-transform: none;
        width: 100%
    }

    #SpecialOffers-V1-SearchBanner li {
        text-align: left;
        display: block;
        width: 100%;
        margin: 0;
        min-height: 70px
    }

    #SpecialOffers-V1-SearchBanner span {
        margin-left: 60px;
        display: block !important;
        padding-bottom: 10px;
        padding-top: 5px !important
    }
}

#SpecialOffers-V1-SearchBanner-Help {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 21px !important
}

#SpecialOffers-V1-SearchBanner-Help strong {
    display: block
}

#SpecialOffers-V2-Aspot {
    text-align: center;
    padding-bottom: 30px
}

#SpecialOffers-V2-Aspot .Aspot-Cat1 {
    position: relative;
    overflow: hidden
}

#SpecialOffers-V2-Aspot .Aspot-Cat1 img {
    width: 100%;
    max-width: 1250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#SpecialOffers-V2-Aspot .Aspot-Cat1 .visual {
    display: block;
    overflow-y: hidden;
    position: absolute;
    width: 2000px;
    text-align: center;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -1000px
}

#SpecialOffers-V2-Aspot .Aspot-Cat1 .visual img {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    width: auto !important
}

#SpecialOffers-V2-Aspot .gutter {
    text-align: center
}

#SpecialOffers-V2-Aspot h1 {
    margin: -.5em 0 0;
    font-size: 60px;
    display: block;
    position: relative
}

#SpecialOffers-V2-Aspot p {
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-bottom: 20px
}

@media screen and (max-width:761px) {
    #SpecialOffers-V2-Aspot h1 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-V2-Cartbanner {
    padding: 30px;
    position: relative;
    display: block;
    border: 10px solid #efefef;
    overflow: hidden
}

#SpecialOffers-V2-Cartbanner .content {
    width: 50%;
    position: absolute;
    line-height: 200px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    right: 0
}

#SpecialOffers-V2-Cartbanner .wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 100%
}

#SpecialOffers-V2-Cartbanner ul {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    list-style: none;
    width: 50%
}

#SpecialOffers-V2-Cartbanner li {
    width: 45%;
    margin: 0;
    display: inline-block;
    padding: 0 0 10px;
    float: none;
    vertical-align: top;
    font-size: 0;
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif
}

#SpecialOffers-V2-Cartbanner h3,
#SpecialOffers-V2-MegaMenu .content h3 {
    text-align: center;
    font-family: times new roman, Times, serif;
    position: relative;
    color: #000;
    font-weight: 400
}

#SpecialOffers-V2-Cartbanner li a {
    color: #000;
    font-size: 11px;
    text-transform: none
}

#SpecialOffers-V2-Cartbanner li a:hover {
    color: #000
}

#SpecialOffers-V2-Cartbanner li img {
    width: 100% !important;
    max-width: 140px
}

#SpecialOffers-V2-Cartbanner h3 {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 30px;
    line-height: 1em
}

#SpecialOffers-V2-Cartbanner p {
    font-size: 11px;
    line-height: 17px
}

@media screen and (max-width:1023px) {
    #SpecialOffers-V2-Cartbanner .content {
        width: 100%;
        position: relative;
        line-height: 1em;
        height: auto;
        margin-top: 20px
    }

    #SpecialOffers-V2-Cartbanner ul {
        width: 100%;
        max-width: 280px;
        padding-top: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

#SpecialOffers-V2-MegaMenu {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-V2-MegaMenu ul {
    width: 920px;
    margin: 0 auto;
    display: block;
    padding: 0;
    text-align: center;
    position: relative
}

#SpecialOffers-V2-MegaMenu li {
    width: 226px;
    margin: 0;
    display: inline-block;
    padding: 0;
    float: none;
    vertical-align: top;
    font-size: 0
}

#SpecialOffers-V2-MegaMenu .content {
    width: 1024px;
    margin: 0 auto 40px;
    display: block;
    padding: 0;
    text-align: center;
    position: relative;
    height: 200px;
    line-height: 200px
}

#SpecialOffers-V2-MegaMenu .content img {
    width: 368px;
    display: inline-block;
    max-width: 368px;
    vertical-align: middle
}

#SpecialOffers-V2-MegaMenu .content h3 {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 50px;
    line-height: 1em
}

#SpecialOffers-V2-Minicart p.title,
#SpecialOffers-V2-SearchBanner li {
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif
}

#SpecialOffers-V2-MegaMenu .wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 480px;
    position: relative;
    margin-left: 40px;
    line-height: 0
}

#SpecialOffers-V2-MegaMenu .wrapper p {
    margin: 0;
    padding: 10px 0 0;
    line-height: 25px !important;
    font-size: 16px !important;
    word-break: normal !important;
    text-align: center !important;
    width: 340px;
    display: inline-block
}

#SpecialOffers-V2-MegaMenu .wrapper p.small-text {
    line-height: 25px !important;
    font-size: 14px !important;
    padding-top: 0
}

#SpecialOffers-V2-Minicart p {
    font-size: 11px
}

#SpecialOffers-V2-Minicart p.title {
    font-size: 14px
}

#SpecialOffers-V2-SearchBanner {
    position: relative;
    display: block;
    overflow: hidden
}

#SpecialOffers-V2-SearchBanner .content {
    width: 100%;
    position: relative;
    display: block
}

#SpecialOffers-V2-SearchBanner ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    list-style: none;
    width: 100%
}

#SpecialOffers-V2-SearchBanner li {
    width: 24%;
    margin: 0;
    display: inline-block;
    padding: 0 0 10px;
    float: none;
    vertical-align: top;
    font-size: 0
}

#SpecialOffers-V2-SearchBanner li a {
    color: #000;
    font-size: 11px;
    text-transform: none
}

#SpecialOffers-V2-SearchBanner li a:hover {
    color: #000
}

#SpecialOffers-V2-SearchBanner li img {
    width: 100% !important;
    max-width: 226px
}

#SpecialOffers-V2-SearchBanner h3 {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 38px;
    line-height: 1em
}

#SpecialOffers-V2-SearchBanner p {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 20px
}

#SpecialOffers-V2-SearchBanner .btn-link {
    border: 2px solid #e5e5e5;
    padding: 15px;
    margin-top: 0;
    display: inline-block;
    min-width: 140px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0
}

#SpecialOffers-V2-SearchBanner .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-V2-SearchBanner .btn-link:hover a {
    color: #000
}

@media screen and (max-width:761px) {
    #SpecialOffers-V2-SearchBanner ul {
        max-width: 515px
    }

    #SpecialOffers-V2-SearchBanner h3 {
        font-size: 30px
    }

    #SpecialOffers-V2-SearchBanner li {
        width: 45%
    }

    #SpecialOffers-V2-SearchBanner .btn-link {
        display: inline-block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }
}

#SpecialOffers-TimetoChoose-ProductBanner {
    text-align: center;
    width: 100%;
    position: relative;
    display: inline-block
}

#SpecialOffers-TimetoChoose-ProductBanner .content {
    display: inline-block;
    position: relative;
    width: 320px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
}

#SpecialOffers-TimetoChoose-ProductBanner a:hover {
    color: inherit !important
}

#SpecialOffers-TimetoChoose-ProductBanner p {
    margin: 0;
    font-size: 14px;
    padding-bottom: 10px
}

#SpecialOffers-TimetoChoose-ProductBanner p.code-promo {
    margin: 0;
    font-size: 12px;
    color: #be0f34;
    text-decoration: underline;
    padding-bottom: 10px;
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif
}

#SpecialOffers-TimetoChoose-ProductBanner img {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

#SpecialOffers-TimetoChoose-ProductBanner p.title {
    margin: -10px 0 0;
    font-size: 28px;
    font-family: times new roman, Times, serif;
    padding: 0
}

#SpecialOffers-V2-Mentions {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1024px;
    width: 100%;
    font-size: 11px;
    display: block;
    color: #8b8b8b;
    padding-top: 40px;
    padding-bottom: 40px
}

.product-quickshop .quickview {
    padding: 11px 9px;
    line-height: 14px
}

#SpecialOffers-TimetoChoose-Aspot {
    text-align: center;
    border: 12px solid #efefef;
    margin-bottom: 60px;
    background-color: #FFF;
    font-size: 0;
    display: block;
    position: relative
}

#SpecialOffers-TimetoChoose-Aspot .col {
    display: inline-block;
    float: none;
    vertical-align: middle
}

#SpecialOffers-TimetoChoose-Aspot .Visual {
    width: 100%;
    display: block;
    position: relative
}

#SpecialOffers-TimetoChoose-Aspot .wrapper {
    padding: 30px;
    background-color: #FFF
}

#SpecialOffers-TimetoChoose-Aspot h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 50px;
    line-height: 50px;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    display: block;
    position: relative
}

#SpecialOffers-TimetoChoose-Aspot .btn-link,
#SpecialOffers-TimetoChoose-Aspot p.title-content {
    text-align: center;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#SpecialOffers-TimetoChoose-Aspot p.title-content {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    padding-bottom: 11px;
    padding-top: 10px;
    color: #be0f34
}

#SpecialOffers-TimetoChoose-Aspot p.text-content {
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-bottom: 36px;
    padding-top: 20px
}

@media screen and (max-width:761px) {
    #SpecialOffers-TimetoChoose-Aspot h2 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-TimetoChoose-Aspot .btn-link {
    margin: 0;
    border: 2px solid #e5e5e5;
    padding: 15px;
    display: inline-block;
    min-width: 120px;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    line-height: 1em
}

#SpecialOffers-TimetoChoose-Aspot .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-TimetoChoose-Aspot .btn-link:hover a {
    color: #000
}

.SpecialOffers-TimetoChoose-Bspot .col {
    position: relative
}

.SpecialOffers-TimetoChoose-Bspot p.price-value {
    color: #be0f34;
    font-size: 11px;
    border-right: 2px solid #be0f34;
    padding: 0 10px 0 0;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 10;
    text-transform: uppercase;
    line-height: 1.5em;
    text-align: right
}

.SpecialOffers-TimetoChoose-Bspot p.price-value strong {
    color: #be0f34;
    font-size: 16px;
    font-weight: 400;
    display: block
}

.SpecialOffers-TimetoChoose-Bspot .small-title {
    font-family: times new roman, Times, serif;
    font-size: 20px
}

.SpecialOffers-TimetoChoose-Bspot .code-promo {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif
}

.SpecialOffers-TimetoChoose-Bspot .code-promo strong {
    color: #be0f34;
    font-weight: 400
}

.SpecialOffers-TimetoChoose-Bspot p.small-content-1 {
    font-size: 14px;
    text-align: center;
    border-top: #eaeaea 2px solid;
    display: block;
    width: 80%;
    margin-top: 30px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.SpecialOffers-TimetoChoose-Bspot p.small-content-2 {
    font-size: 14px;
    text-align: left
}

#SpecialOffers-TimetoChoose-Minicart p {
    font-size: 11px
}

#SpecialOffers-TimetoChoose-Minicart p.title {
    font-size: 14px;
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif;
    vertical-align: middle
}

#SpecialOffers-TimetoChoose-Minicart p.title .Picto {
    display: inline-block;
    vertical-align: bottom;
    margin-left: -10px
}

#SpecialOffers-TimetoChoose-Minicart p.title span {
    display: inline-block;
    padding-bottom: 5px;
    vertical-align: bottom
}

#SpecialOffers-TimetoChoose-Minicart .btn-link-black a {
    border: 2px solid #e5e5e5;
    padding: 15px;
    margin-top: 0;
    display: block;
    min-width: 140px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 1em;
    background-color: #000;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none
}

#SpecialOffers-TimetoChoose-MegaMenu {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-TimetoChoose-MegaMenu ul {
    width: 920px;
    margin: 0 auto;
    display: block;
    padding: 0;
    text-align: center;
    position: relative
}

#SpecialOffers-TimetoChoose-MegaMenu li {
    width: 226px;
    margin: 0;
    display: inline-block;
    padding: 0;
    float: none;
    vertical-align: top;
    font-size: 0
}

#SpecialOffers-TimetoChoose-MegaMenu .content {
    width: 1024px;
    margin: 0 auto 40px;
    display: block;
    padding: 0;
    text-align: center;
    position: relative;
    height: 200px;
    line-height: 200px
}

#SpecialOffers-TimetoChoose-MegaMenu .content img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-TimetoChoose-MegaMenu .content h3 {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 50px;
    line-height: 1em
}

#SpecialOffers-TimetoChoose-MegaMenu .wrapper {
    display: inline-block;
    width: 680px;
    position: relative;
    line-height: 0
}

#SpecialOffers-TimetoChoose-MegaMenu .wrapper p {
    margin: 0;
    padding: 10px 0 0;
    line-height: 25px !important;
    font-size: 16px !important;
    word-break: normal !important;
    text-align: center !important;
    width: 390px;
    display: inline-block
}

#SpecialOffers-TimetoChoose-MegaMenu .wrapper p.small-text {
    line-height: 25px !important;
    font-size: 14px !important;
    padding-top: 0
}

#SpecialOffers-TimetoChoose-MegaMenu .wrapper p a {
    color: #be0f34;
    text-decoration: underline;
    font-size: 12px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#SpecialOffers-TimetoChoose-MegaMenu ul li span {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    width: 100%;
    text-transform: none
}

#SpecialOffers-TimetoChoose-Cartbanner {
    padding: 30px;
    position: relative;
    display: block;
    border: 10px solid #efefef;
    overflow: hidden
}

#SpecialOffers-TimetoChoose-Cartbanner .content {
    width: 50%;
    position: absolute;
    line-height: 200px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    right: 0
}

#SpecialOffers-TimetoChoose-Cartbanner .wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 100%;
    line-height: 1em
}

#SpecialOffers-TimetoChoose-Cartbanner ul {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: block;
    list-style: none;
    width: 50%
}

#SpecialOffers-TimetoChoose-Cartbanner li {
    width: 45%;
    margin: 0;
    display: inline-block;
    padding: 7px 0;
    float: none;
    vertical-align: top;
    font-size: 0;
    font-family: 'Gotham SSm medium A', 'Gotham SSm medium B', Helvetica, Arial, sans-serif
}

#SpecialOffers-TimetoChoose-Cartbanner h3,
#WideMenuExplore h2,
.PushNewsletter .white-box h3 {
    font-family: times new roman, Times, serif;
    font-weight: 400
}

#SpecialOffers-TimetoChoose-Cartbanner li a {
    color: #000;
    font-size: 11px;
    text-transform: none
}

#SpecialOffers-TimetoChoose-Cartbanner li a:hover {
    color: #000
}

#SpecialOffers-TimetoChoose-Cartbanner li img {
    width: 100% !important;
    max-width: 140px
}

#SpecialOffers-TimetoChoose-Cartbanner h3 {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    text-align: center;
    color: #000;
    font-size: 30px;
    line-height: 1em
}

#SpecialOffers-TimetoChoose-Cartbanner p {
    font-size: 11px;
    line-height: 17px
}

#SpecialOffers-TimetoChoose-Cartbanner ul li span strong {
    font-weight: 400;
    color: #be0f34
}

.PushNewsletter {
    background-color: #f8fafa;
    width: 100%;
    max-width: 1250px;
    text-align: right;
    position: relative;
    display: block;
    overflow: hidden
}

.PushNewsletter .visual {
    height: 100%;
    z-index: 1;
    text-align: left;
    position: absolute;
    width: 10px
}

.PushNewsletter .visual img {
    height: 100%
}

.PushNewsletter .white-box {
    background-color: #FFF;
    width: 500px;
    text-align: center;
    margin: 60px;
    z-index: 2;
    position: relative;
    display: inline-block
}

.PushNewsletter .white-box .wrapper {
    padding: 60px 40px 40px
}

.PushNewsletter .white-box h3 {
    font-size: 38px;
    margin: 10px 0 20px;
    padding: 0;
    letter-spacing: -.02em;
    line-height: 1em
}

.PushNewsletter .white-box p.text-content {
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0;
    line-height: 25px
}

.PushNewsletter .emailfeild {
    margin-bottom: 10px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top
}

.PushNewsletter .form-row {
    display: inline-block;
    vertical-align: top
}

.PushNewsletter input.input-text {
    width: auto
}

.PushNewsletter .subscribe {
    display: inline-block;
    margin: 0 0 10px
}

.PushNewsletter form {
    min-height: 90px
}

@media screen and (max-width:1024px) {
    .PushNewsletter .visual {
        height: 490px
    }

    .PushNewsletter .white-box {
        margin: 30px;
        width: 380px
    }

    .PushNewsletter .white-box h3 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .PushNewsletter .white-box p {
        font-size: 14px
    }

    .PushNewsletter .white-box p.text-content {
        font-size: 14px;
        margin-bottom: 10px
    }

    .PushNewsletter .white-box .wrapper {
        padding: 30px
    }

    .PushNewsletter .emailfeild {
        margin-right: 10px
    }
}

@media screen and (max-width:761px) {
    .PushNewsletter .visual {
        height: auto;
        z-index: 1;
        text-align: left;
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .PushNewsletter .visual img {
        width: 180%
    }

    .PushNewsletter .white-box {
        background-color: #FFF;
        text-align: center;
        margin: 0;
        z-index: 2;
        position: relative;
        display: block;
        width: auto
    }

    .PushNewsletter .white-box h3 {
        font-size: 35px
    }

    .PushNewsletter .white-box p {
        font-size: 14px
    }

    .PushNewsletter .emailfeild {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
        overflow: hidden
    }

    .PushNewsletter .form-row {
        width: 100%;
        margin-left: 0
    }

    .PushNewsletter button,
    .PushNewsletter input {
        width: 90% !important;
        margin-left: 0
    }
}

.ruler .hr-divider {
    color: transparent;
    background-color: #e5e5e5
}

.anchor-item {
    padding-top: 60px
}

iframe[name=google_conversion_frame] {
    position: absolute !important;
    top: -20px
}

#WideMenuExplore {
    padding-left: 0;
    position: absolute;
    width: 100%;
    height: 690px;
    background-color: #FFF;
    left: 0;
    top: 0;
    text-align: center
}

#WideMenuExplore h2 {
    width: 100%;
    text-transform: none;
    margin: -.46em 0 0;
    padding: 0;
    font-size: 60px;
    line-height: 1em;
    text-align: center;
    display: block;
    position: relative
}

@media screen and (max-width:1023px) {
    #WideMenuExplore h2 {
        font-size: 60px
    }
}

#WideMenuExplore p.text {
    width: 100%;
    text-transform: none;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 1.5em;
    display: block;
    text-align: center
}

#WideMenuExplore a {
    text-decoration: none
}

#WideMenuExplore a:hover {
    text-decoration: none;
    color: #000
}

#WideMenuExplore .btn-link {
    border: 2px solid #e5e5e5;
    padding: 16px 18px;
    margin-top: 30px;
    min-width: 176px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #000;
    line-height: 14px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    text-decoration: none
}

#WideMenuExplore .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-FreeShipping-Aspot {
    text-align: center;
    border: 12px solid #efefef;
    margin-bottom: 60px;
    background-color: #FFF;
    font-size: 0;
    display: block;
    position: relative
}

#SpecialOffers-FreeShipping-Aspot .col {
    display: inline-block;
    float: none;
    vertical-align: middle
}

#SpecialOffers-FreeShipping-Aspot .Visual {
    width: 100%;
    display: block;
    position: relative
}

#SpecialOffers-FreeShipping-Aspot .wrapper {
    padding: 30px;
    background-color: #FFF
}

#SpecialOffers-FreeShipping-Aspot h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 50px;
    line-height: 50px;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    display: block;
    position: relative
}

#SpecialOffers-FreeShipping-Aspot .btn-link,
#SpecialOffers-FreeShipping-Aspot p.title-content {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase
}

#SpecialOffers-FreeShipping-Aspot p.title-content {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    padding-bottom: 26px;
    padding-top: 10px;
    color: #be0f34
}

#SpecialOffers-FreeShipping-Aspot p.text-content {
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-bottom: 36px;
    padding-top: 5px
}

@media screen and (max-width:761px) {
    #SpecialOffers-FreeShipping-Aspot h2 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-FreeShipping-Aspot .btn-link {
    margin: 0;
    border: 2px solid #e5e5e5;
    padding: 15px;
    display: inline-block;
    min-width: 120px;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    line-height: 1em
}

#SpecialOffers-FreeShipping-Aspot .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-FreeShipping-Aspot .btn-link:hover a {
    color: #000
}

#SpecialOffers-FreeShipping-Cspot {
    position: relative;
    display: block;
    max-width: 452px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

#SpecialOffers-FreeShipping-Cspot .Visual {
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-FreeShipping-Cspot .LeftBlock {
    width: 100%;
    top: 0;
    right: 0;
    position: relative;
    box-shadow: 0 0 0 10px rgba(239, 239, 239, 1) inset;
    display: block;
    font-size: 0;
    margin: 0;
    overflow: hidden;
    height: 210px
}

#SpecialOffers-FreeShipping-Cspot .content {
    display: block;
    height: 100%;
    line-height: 200px;
    margin-top: -100px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

#SpecialOffers-FreeShipping-Cspot .red,
#SpecialOffers-FreeShipping-Cspot a:hover p.red {
    color: #be0f34
}

#SpecialOffers-FreeShipping-Cspot .wrapper {
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

#SpecialOffers-FreeShipping-Cspot h3 {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 40px;
    line-height: 1em
}

#SpecialOffers-FreeShipping-Cspot p {
    line-height: 26px;
    margin: 0;
    padding: 0;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 12px
}

#SpecialOffers-FreeShipping-Cspot p.text-content {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 20px
}

#SpecialOffers-FreeShipping-Cspot a:hover p {
    color: #000
}

#SpecialOffers-FreeShipping-Cartbanner {
    position: relative;
    display: block
}

#SpecialOffers-FreeShipping-Cartbanner .Visual {
    position: relative;
    display: block;
    width: 100%
}

#SpecialOffers-FreeShipping-Cartbanner .LeftBlock {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    box-shadow: 0 0 0 10px rgba(239, 239, 239, 1) inset;
    display: block;
    font-size: 0;
    margin: 0;
    overflow: hidden
}

#SpecialOffers-FreeShipping-Cartbanner .content {
    display: block;
    height: 100%;
    line-height: 200px;
    margin-top: -100px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

#SpecialOffers-FreeShipping-Cartbanner .red,
#SpecialOffers-FreeShipping-Cartbanner a:hover p.red {
    color: #be0f34
}

#SpecialOffers-FreeShipping-Cartbanner .wrapper {
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

#SpecialOffers-FreeShipping-Cartbanner h3 {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 30px;
    line-height: 1em
}

#SpecialOffers-FreeShipping-Cartbanner p {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0 0 20px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif
}

#SpecialOffers-FreeShipping-Cartbanner p.text-content {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif
}

#SpecialOffers-FreeShipping-Cartbanner a:hover p {
    color: #000
}

#SpecialOffers-FreeShipping-MegaMenu {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-FreeShipping-MegaMenu a {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

#SpecialOffers-FreeShipping-MegaMenu .Visual {
    position: relative;
    display: block;
    width: 100%;
    max-width: 956px
}

#SpecialOffers-FreeShipping-MegaMenu .LeftBlock {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

#SpecialOffers-FreeShipping-MegaMenu .RightBlock {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    box-shadow: 0 0 0 10px rgba(239, 239, 239, 1) inset;
    display: block;
    font-size: 0;
    margin: 0;
    overflow: hidden
}

#SpecialOffers-FreeShipping-MegaMenu .content {
    display: block;
    height: 100%;
    line-height: 500px;
    margin-top: -250px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

#SpecialOffers-FreeShipping-MegaMenu .wrapper {
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

#SpecialOffers-FreeShipping-MegaMenu h3 {
    margin: 0;
    padding: 20px 0 10px;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 50px;
    line-height: 1em;
    text-transform: none
}

#SpecialOffers-FreeShipping-MegaMenu p {
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
    margin: 0;
    padding: 0;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    letter-spacing: normal
}

#SpecialOffers-FreeShipping-MegaMenu p.text-content {
    padding-bottom: 30px
}

#SpecialOffers-FreeShipping-MegaMenu a:hover p {
    color: #000
}

#SpecialOffers-FreeShipping-MegaMenu .red {
    color: #be0f34;
    display: inline;
    margin: 0;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    letter-spacing: normal
}

#SpecialOffers-FreeShipping-MegaMenu a:hover p.red {
    color: #be0f34
}

#SpecialOffers-FreeShipping-ProductBanner {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #efefef;
    margin-bottom: 60px;
    clear: both
}

#SpecialOffers-FreeShipping-ProductBanner a {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

#SpecialOffers-FreeShipping-ProductBanner .Visual {
    position: relative;
    display: block;
    width: 100%;
    border-right: 2px solid #efefef
}

#SpecialOffers-FreeShipping-ProductBanner .LeftBlock {
    display: block;
    margin: 0;
    padding: 0;
    position: relative
}

#SpecialOffers-FreeShipping-ProductBanner .RightBlock {
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    font-size: 0;
    margin: 0;
    overflow: hidden
}

#SpecialOffers-FreeShipping-ProductBanner .content {
    display: block;
    height: 100%;
    line-height: 500px;
    margin-top: -250px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%
}

#SpecialOffers-FreeShipping-ProductBanner .wrapper {
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

#SpecialOffers-FreeShipping-ProductBanner h3 {
    margin: 0;
    padding: 0 0 3px;
    position: relative;
    display: block;
    text-align: center;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    color: #000;
    font-size: 28px;
    line-height: 1em;
    text-transform: none
}

#SpecialOffers-FreeShipping-ProductBanner p {
    font-size: 12px;
    line-height: 17px;
    text-transform: none;
    margin: 0;
    padding: 0
}

#SpecialOffers-FreeShipping-ProductBanner p.text-content {
    padding-bottom: 30px
}

#SpecialOffers-FreeShipping-ProductBanner a:hover p {
    color: #000
}

#SpecialOffers-FreeShipping-ProductBanner .red {
    color: #be0f34;
    display: inline;
    margin: 0;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

#SpecialOffers-FreeShipping-ProductBanner a:hover p.red {
    color: #be0f34
}

#SpecialOffers-FreeShipping-Minicart {
    display: block;
    height: 323px;
    margin-left: -20px;
    position: relative;
    width: 300px
}

#SpecialOffers-FreeShipping-Minicart .Visual {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

#SpecialOffers-FreeShipping-Minicart .title {
    background-color: #fff;
    border: 6px solid #e5e5e5;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 40px;
    left: 50%;
    line-height: 40px;
    margin-left: -126px;
    margin-top: -90px;
    padding: 10px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 190px;
    z-index: 2
}

#SpecialOffers-FreeShipping-Minicart .btn-link-black a,
#editorial-carousel h3 .special-mention {
    display: block;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    font-size: 12px
}

#SpecialOffers-FreeShipping-Minicart .title img,
.custom-jcarousel-wrapper .jcarousel li {
    vertical-align: top
}

#SpecialOffers-FreeShipping-Minicart p.btn-link-black {
    bottom: 20px;
    left: 50%;
    margin-left: -106px;
    position: absolute;
    width: 170px;
    z-index: 5
}

#SpecialOffers-FreeShipping-Minicart .btn-link-black a {
    background-color: #000;
    border: 2px solid #e5e5e5;
    color: #fff;
    font-weight: 400;
    line-height: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-width: 140px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.footer-advantages h3,
.footer-main h2 {
    border-top: 0 solid !important
}

#SpecialOffers-FreeShipping-Minicart .text-mentions {
    bottom: -10px;
    left: 50%;
    margin-left: -126px;
    position: absolute;
    width: 220px;
    z-index: 4
}

#editorial-carousel h3 .special-mention {
    color: #be0f34;
    letter-spacing: normal
}

#Aspot-BeautyConsult .white-block h2,
#DynamicWomen-ASpot h2,
#Ingredient-ASpot h2 {
    font-family: times new roman, Times, serif;
    font-weight: 400
}

.custom-jcarousel-wrapper .jcarousel-pagination {
    display: none
}

@media screen and (max-width:761px) {
    .custom-jcarousel-wrapper .jcarousel-pagination {
        display: block;
        bottom: 40px
    }

    .custom-jcarousel-wrapper .jcarousel {
        padding-bottom: 80px !important
    }

    .custom-jcarousel-wrapper .jcarousel li {
        display: inline-block !important;
        float: none !important
    }
}

.custom-jcarousel-wrapper .jcarouselControlprev {
    left: -25px
}

.custom-jcarousel-wrapper .jcarouselControlnext {
    right: -25px
}

#Ingredient-ASpot {
    text-align: center;
    margin-bottom: 60px;
    display: block;
    position: relative
}

#Ingredient-ASpot .Aspot-banner-visual {
    width: 2000px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    margin-left: -375px;
    position: relative
}

#Ingredient-ASpot .visual {
    display: block;
    position: absolute;
    height: 100%;
    width: 2000px;
    left: 50%;
    margin-left: -1000px;
    top: 0;
    min-height: 1px;
    text-align: center
}

#Ingredient-ASpot .Aspot-banner-visual img {
    width: 100%;
    display: block;
    position: relative;
    max-height: 425px
}

#Ingredient-ASpot .Aspot-banner-visual .visual img {
    height: 100%;
    width: auto;
    display: inline-block;
    max-height: 425px
}

#Ingredient-ASpot .row {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 400px;
    margin-top: -200px;
    margin-left: -500px;
    line-height: 400px;
    font-size: 0;
    text-align: center
}

#Ingredient-ASpot .row .wrapper {
    display: inline-block;
    padding: 30px;
    background-color: rgba(255, 255, 255, .85);
    vertical-align: middle
}

#Ingredient-ASpot h2 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    line-height: 1em;
    text-align: center;
    display: block;
    position: relative
}

#Ingredient-ASpot p.text {
    margin: 0;
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 1.5em;
    display: block;
    text-align: center
}

@media screen and (max-width:1249px) {
    #Ingredient-ASpot {
        overflow-x: hidden
    }

    #Ingredient-ASpot .Aspot-banner-visual {
        width: 100%;
        margin-left: 0;
        overflow: hidden;
        height: 100% !important
    }
}

@media screen and (max-width:761px) {
    #Ingredient-ASpot h2 {
        font-size: 35px
    }

    #Ingredient-ASpot p {
        font-size: 16px
    }

    #Ingredient-ASpot .row {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        line-height: 0;
        font-size: 0;
        text-align: center
    }

    #Ingredient-ASpot .row .wrapper {
        padding: 20px 20px 0
    }
}

#Aspot-BeautyConsult {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    height: 467px;
    margin-bottom: 60px
}

#Aspot-BeautyConsult .white-block {
    display: block;
    font-size: 0;
    height: 467px;
    left: 80px;
    line-height: 467px;
    position: absolute;
    top: 0;
    width: 420px;
    z-index: 2
}

#Aspot-BeautyConsult .white-block .wrapper {
    display: inline-block;
    vertical-align: middle;
    padding: 40px;
    background-color: #FFF
}

#Aspot-BeautyConsult .white-block h2 {
    color: #000;
    font-size: 40px;
    line-height: 1em;
    padding: 0;
    margin: 0
}

#Aspot-BeautyConsult .white-block h2 .line-break {
    display: inline-block
}

#Aspot-BeautyConsult .white-block p.text {
    padding: 30px 0 0;
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42em;
    display: block
}

#Aspot-BeautyConsult .visual {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -625px;
    top: 0;
    z-index: 1
}

#Aspot-BeautyConsult .visual img {
    width: 1250px !important
}

@media screen and (max-width:1023px) {
    #Aspot-BeautyConsult .white-block {
        left: 30px
    }
}

@media screen and (max-width:761px) {

    #Aspot-BeautyConsult .visual,
    #Aspot-BeautyConsult .white-block {
        top: auto;
        left: auto;
        height: auto;
        line-height: 1em;
        position: relative;
        width: 100%
    }

    #Aspot-BeautyConsult {
        height: auto
    }

    #Aspot-BeautyConsult .white-block h2 {
        text-align: center
    }

    #Aspot-BeautyConsult .white-block h2 .line-break {
        display: block
    }

    #Aspot-BeautyConsult .visual {
        margin: 0
    }

    #Aspot-BeautyConsult .visual img {
        margin-left: -50%;
        width: 150% !important
    }
}

#DynamicWomen-ASpot {
    text-align: center;
    margin-bottom: 60px;
    display: block;
    position: relative
}

#DynamicWomen-ASpot .Aspot-banner-visual {
    width: 2000px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    margin-left: -375px;
    position: relative
}

#DynamicWomen-ASpot .visual {
    display: block;
    position: absolute;
    height: 100%;
    width: 2000px;
    left: 50%;
    margin-left: -1000px;
    top: 0;
    min-height: 1px;
    text-align: center
}

#DynamicWomen-ASpot .Aspot-banner-visual img {
    width: 100%;
    display: block;
    position: relative;
    max-height: 345px
}

#DynamicWomen-ASpot .Aspot-banner-visual .visual img {
    height: 100%;
    width: auto;
    display: inline-block;
    max-height: 345px
}

#DynamicWomen-ASpot .row {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 400px;
    margin-top: -200px;
    margin-left: -500px;
    line-height: 400px;
    font-size: 0;
    text-align: left;
    color: #be0f34
}

#DynamicWomen-ASpot .row .wrapper {
    display: inline-block;
    padding: 30px;
    background-color: rgba(255, 255, 255, .85);
    vertical-align: middle
}

.footer-advantages h3,
.footer-wrapper .footer-logos,
.footer-wrapper .footer-logos ul {
    background-color: #e5e5e5;
    text-align: center
}

#DynamicWomen-ASpot h2 {
    margin: 0;
    padding: 0;
    font-size: 45px;
    line-height: 1em;
    text-align: center;
    display: block;
    position: relative
}

#DynamicWomen-ASpot p.text {
    margin: 0;
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 1.5em;
    display: block;
    text-align: center
}

@media screen and (max-width:1249px) {
    #DynamicWomen-ASpot {
        overflow-x: hidden
    }

    #DynamicWomen-ASpot .Aspot-banner-visual {
        width: 100%;
        margin-left: 0;
        overflow: hidden;
        height: 100% !important
    }
}

@media screen and (max-width:1053px) {
    #DynamicWomen-ASpot .row {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    #DynamicWomen-ASpot h2 {
        font-size: 40px
    }

    #DynamicWomen-ASpot .row .wrapper {
        margin-left: 30px
    }
}

@media screen and (max-width:761px) {
    #DynamicWomen-ASpot h2 {
        font-size: 35px
    }

    #DynamicWomen-ASpot p {
        font-size: 16px
    }

    #DynamicWomen-ASpot .row {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        margin-top: 0;
        margin-left: 0;
        line-height: 0;
        font-size: 0;
        text-align: center
    }

    #DynamicWomen-ASpot .row .wrapper {
        padding: 20px 20px 0;
        margin-left: 0
    }
}

#footer-jcarousel li a .picto,
.footer-wrapper .footer-logos ul li {
    background-image: url(../images/footer.png?$staticlink$);
    background-repeat: no-repeat;
    width: 100px
}

.footer-advantages h3 {
    padding: 0 10px;
    margin: 0;
    display: inline-block;
    padding-bottom: 10px !important;
    font-size: 22px;
    font-weight: 400;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.footer-advantages-hr {
    border-top: 2px solid #cbcbcb;
    line-height: 0
}

#footer-jcarousel .slick-dots {
    height: 12px
}

.footer-advantages {
    margin-top: -15px !important;
    margin-bottom: 25px !important;
    text-align: center
}

.footer-advantages ul {
    padding: 0;
    list-style: none
}

.footer-advantages .slick-item {
    height: auto
}

@media only screen and (min-width :768px) {
    .footer-advantages .slick-item {
        height: 150px
    }
}

@media screen and (max-width:1023px) {
    .footer-advantages {
        margin-bottom: 50px !important
    }

    .footer-advantages a:hover,
    .footer-advantages a:hover strong {
        color: #000 !important
    }
}

#footer-jcarousel strong {
    color: #000;
    font-size: 24px;
    line-height: 1em;
    display: block;
    font-family: times new roman, Times, serif;
    text-decoration: none;
    margin: 0;
    padding: 0 0 6px;
    font-weight: 400
}

#footer-jcarousel a:hover strong {
    color: #be0f34
}

#footer-jcarousel li a .picto {
    padding: 0;
    margin: 0;
    height: 50px;
    display: inline-block
}

.footer-wrapper .footer-logos {
    border-bottom: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    padding: 13px;
    font-size: 0;
    margin-bottom: 38px
}

.footer-wrapper .footer-logos ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0
}

.footer-wrapper .footer-logos ul li {
    padding: 0;
    margin: 6px 14px;
    background-position: top center;
    height: 28px;
    display: inline-block
}

.footer-wrapper .footer-logos ul li span {
    display: none
}

.footer-avantage-1 {
    background-position: center -250px
}

.footer-avantage-2 {
    background-position: center -300px
}

.footer-avantage-3 {
    background-position: center -350px
}

.footer-avantage-4 {
    background-position: center -400px
}

.footer-avantage-5 {
    background-position: center -450px
}

.footer-avantage-6 {
    background-position: center -500px
}

#footer-logo-1 {
    width: 75px;
    background-position: center 0
}

#footer-logo-2 {
    width: 58px;
    background-position: center -28px
}

#footer-logo-3 {
    width: 48px;
    background-position: center -56px
}

#footer-logo-4 {
    width: 30px;
    background-position: center -84px
}

#footer-logo-5 {
    width: 48px;
    background-position: center -112px
}

#footer-logo-6 {
    width: 50px;
    background-position: center -140px
}

#footer-logo-7 {
    width: 50px;
    background-position: center -168px
}

#footer-logo-8 {
    width: 50px;
    background-position: center -196px
}

#footer-logo-9 {
    width: 50px;
    background-position: center -224px
}

.customer-logincontent #picto-2 {
    margin-left: -19px
}

.customer-logincontent {
    padding: 0 0 25px;
    margin: 0;
    color: #000;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    font-size: 0;
    list-style: none
}

.customer-logincontent li {
    padding: 0;
    margin: 0 0 5px;
    position: relative;
    display: block;
    min-height: 50px
}

.customer-logincontent span {
    display: inline;
    vertical-align: middle;
    font-size: 11px
}

.customer-logincontent strong {
    display: block;
    font-weight: 400;
    font-size: 14px;
    padding-top: 8px
}

.picto-logincontent {
    display: inline-block !important;
    margin-right: 20px;
    float: left
}

#SpecialOffers-GWP-Aspot {
    text-align: center;
    border: 12px solid #efefef;
    margin-bottom: 60px;
    background-color: #FFF;
    font-size: 0;
    display: block;
    position: relative
}

#SpecialOffers-GWP-Aspot .col {
    display: inline-block;
    float: none;
    vertical-align: middle
}

#SpecialOffers-GWP-Aspot .Visual {
    width: 100%;
    display: block;
    position: relative
}

#SpecialOffers-GWP-Aspot .wrapper {
    padding: 25px;
    background-color: #FFF
}

#SpecialOffers-GWP-Aspot h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 50px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    display: block;
    position: relative
}

#SpecialOffers-GWP-Aspot .btn-link,
#SpecialOffers-GWP-Aspot p.title-content {
    margin: 0;
    text-align: center;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#SpecialOffers-GWP-Aspot p.title-content {
    font-size: 14px;
    line-height: 14px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #be0f34
}

#SpecialOffers-GWP-Aspot p.text-content {
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-top: 0;
    padding-bottom: 20px
}

#SpecialOffers-GWP-Aspot .btn-link {
    border: 2px solid #e5e5e5;
    padding: 15px;
    display: inline-block;
    min-width: 120px;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    line-height: 1em
}

#SpecialOffers-GWP-Aspot .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-GWP-Aspot .btn-link:hover a {
    color: #000
}

.SpecialOffers-GWP-Bspot .col {
    position: relative
}

.SpecialOffers-GWP-Bspot p.price-value {
    color: #be0f34;
    font-size: 11px;
    border-right: 2px solid #be0f34;
    padding: 0 10px 0 0;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 10;
    text-transform: uppercase;
    line-height: 1.5em;
    text-align: right
}

.SpecialOffers-GWP-Bspot p.price-value strong {
    color: #be0f34;
    font-size: 16px;
    font-weight: 400;
    display: block
}

.SpecialOffers-GWP-Bspot .small-title {
    font-family: times new roman, Times, serif;
    font-size: 20px
}

.SpecialOffers-GWP-Bspot .code-promo {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif
}

.SpecialOffers-GWP-Bspot .code-promo strong {
    color: #be0f34;
    font-weight: 400
}

.SpecialOffers-GWP-Bspot p.small-content-1 {
    font-size: 14px;
    text-align: center;
    border-top: #eaeaea 2px solid;
    display: block;
    width: 80%;
    margin-top: 30px;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto
}

.SpecialOffers-GWP-Bspot p.small-content-2 {
    font-size: 14px;
    text-align: left;
    display: inline-block;
    max-width: 316px
}

#SpecialOffers-Template-Aspot-Type-A {
    text-align: center;
    padding: 0 12px;
    background-color: #FFF;
    font-size: 0;
    display: block;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-Template-Aspot-Type-A .ProductOfferRow .col {
    height: 390px
}

#SpecialOffers-Template-Aspot-Type-A .row {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-A .ProductOfferRow {
    padding-bottom: 60px
}

#SpecialOffers-Template-Aspot-Type-A .col {
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: center;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-A .duration-offer {
    margin: 0;
    display: block;
    position: relative;
    color: #be0f34;
    padding: 6px;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif
}

#SpecialOffers-Template-Aspot-Type-A .duration-offer img {
    display: inline-block;
    vertical-align: bottom
}

#SpecialOffers-Template-Aspot-Type-A .Visual {
    display: block;
    position: absolute;
    right: 50px;
    bottom: 0
}

#SpecialOffers-Template-Aspot-Type-A .wrapper {
    padding: 0 50px 50px;
    background-color: #FFF
}

@media screen and (max-width:1023px) {
    #SpecialOffers-Template-Aspot-Type-A .ProductOfferRow .col {
        height: auto
    }

    #SpecialOffers-Template-Aspot-Type-A .Visual {
        display: block;
        position: relative;
        right: auto;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        bottom: auto
    }

    #SpecialOffers-Template-Aspot-Type-A .wrapper {
        padding: 0 30px 30px;
        background-color: #FFF
    }
}

#SpecialOffers-Template-Aspot-Type-A h2 {
    margin: 0;
    padding: 40px 0 5px;
    font-size: 50px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-A h3 {
    margin: 0;
    font-size: 35px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    position: relative;
    text-align: left;
    padding: 0 0 5px
}

#SpecialOffers-Template-Aspot-Type-A h3 span {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    display: block;
    font-size: 22px
}

#SpecialOffers-Template-Aspot-Type-A .btn-link,
#SpecialOffers-Template-Aspot-Type-A p.title-content {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

#SpecialOffers-Template-Aspot-Type-A p.title-content {
    margin: 0;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #be0f34
}

#SpecialOffers-Template-Aspot-Type-A p.text-content {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 10px 40px 60px;
    position: relative;
    text-align: center
}

#SpecialOffers-Template-Aspot-Type-A p.text-content-2 {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 10px 0 20px;
    position: relative;
    text-align: left;
    height: 148px
}

#SpecialOffers-Template-Aspot-Type-A p.text-picto {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

@media screen and (max-width:761px) {
    #SpecialOffers-Template-Aspot-Type-A h2 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-Template-Aspot-Type-A .btn-link {
    margin: 0;
    border: 2px solid #e5e5e5;
    padding: 15px;
    display: inline-block;
    min-width: 120px;
    font-weight: 400;
    text-align: center;
    font-size: 11px;
    color: #000;
    line-height: 1em
}

#SpecialOffers-Template-Aspot-Type-A .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

#SpecialOffers-Template-Aspot-Type-A .btn-link:hover a {
    color: #000
}

#SpecialOffers-Template-Aspot-Type-A p.price-value {
    color: #be0f34;
    font-size: 11px;
    border-left: 2px solid #be0f34;
    padding: 0 0 0 10px;
    position: absolute;
    top: 58px;
    right: 50px;
    z-index: 10;
    text-transform: uppercase;
    line-height: 1.5em;
    text-align: left
}

@media screen and (max-width:1023px) {
    #SpecialOffers-Template-Aspot-Type-A p.price-value {
        color: #be0f34;
        font-size: 11px;
        border-left: 2px solid #be0f34;
        padding: 0 0 0 10px;
        margin-left: 10px;
        position: relative;
        top: auto;
        right: auto;
        z-index: 10;
        text-transform: uppercase;
        line-height: 1.5em;
        text-align: left
    }
}

#SpecialOffers-Template-Aspot-Type-A p.price-value strong {
    color: #be0f34;
    font-size: 16px;
    font-weight: 400;
    display: block
}

#SpecialOffers-Template-Aspot-Type-B {
    text-align: center;
    padding: 0 12px 12px;
    margin-bottom: 60px;
    background-color: #FFF;
    font-size: 0;
    display: block;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-Template-Aspot-Type-B .row {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-B .col {
    display: inline-block;
    float: none;
    vertical-align: middle;
    text-align: center
}

#SpecialOffers-Template-Aspot-Type-B .Visual {
    width: 100%;
    display: block;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-Template-Aspot-Type-B h2 {
    margin: 0;
    padding: 40px 0 5px;
    font-size: 50px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    display: block;
    position: relative
}

@media screen and (max-width:761px) {
    #SpecialOffers-Template-Aspot-Type-B h2 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-Template-Aspot-Type-B p.text-content {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 10px 40px 60px;
    position: relative;
    text-align: center
}

#SpecialOffers-Template-Aspot-Type-C {
    text-align: center;
    padding: 0 12px 12px;
    margin-bottom: 60px;
    background-color: #FFF;
    font-size: 0;
    display: block;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-Template-Aspot-Type-C .row {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-C .col {
    display: inline-block;
    float: none;
    vertical-align: middle
}

#SpecialOffers-Template-Aspot-Type-C .Visual {
    width: 100%;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-C .wrapper {
    padding: 25px;
    background-color: #FFF
}

#SpecialOffers-Template-Aspot-Type-C h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 50px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: left;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-C p.text-content {
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-top: 0;
    padding-bottom: 20px
}

@media screen and (max-width:761px) {
    #SpecialOffers-Template-Aspot-Type-C h2 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-Template-Aspot-Type-D {
    text-align: center;
    padding: 12px 12px 0;
    font-size: 0;
    display: block;
    position: relative;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#SpecialOffers-Template-Aspot-Type-D .row {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-D .col {
    display: inline-block;
    float: none;
    vertical-align: middle;
    background-color: #FFF
}

#SpecialOffers-Template-Aspot-Type-D .Visual {
    width: 100%;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-D .wrapper {
    padding: 25px;
    background-color: #FFF
}

#SpecialOffers-Template-Aspot-Type-D h2 {
    margin: 0;
    padding: 0 0 5px;
    font-size: 50px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    font-weight: 400;
    text-align: center;
    display: block;
    position: relative
}

#SpecialOffers-Template-Aspot-Type-D .btn-link,
#SpecialOffers-Template-Aspot-Type-D p.title-content {
    text-align: center;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif
}

#SpecialOffers-Template-Aspot-Type-D p.title-content {
    margin: 0;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #be0f34
}

#SpecialOffers-Template-Aspot-Type-D p.text-content {
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-top: 0;
    padding-bottom: 20px
}

@media screen and (max-width:761px) {
    #SpecialOffers-Template-Aspot-Type-D h2 {
        font-size: 40px;
        margin-top: .5em
    }
}

#SpecialOffers-Template-Aspot-Type-D .btn-link {
    margin: 0;
    border: 2px solid #e5e5e5;
    padding: 15px;
    display: inline-block;
    min-width: 120px;
    font-weight: 400;
    font-size: 11px;
    color: #000;
    line-height: 1em
}

#SpecialOffers-Template-Aspot-Type-D .btn-link:hover {
    border: 2px solid #000;
    color: #000
}

.mega-menu-wrapper .menu-category.level-1 .level1-category .custom-design-class:hover,
.mega-menu-wrapper .menu-category.level-1 .level1-category:hover a.custom-design-class {
    border-bottom: 2px solid #20558a;
    color: #20558a
}

#SpecialOffers-Template-Aspot-Type-D .btn-link:hover a {
    color: #000
}

#SpecialOffers-V3-ProductBanner {
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    margin-top: 20px
}

@media screen and (max-width:761px) {
    #SpecialOffers-V3-ProductBanner {
        text-align: center
    }
}

#SpecialOffers-V3-ProductBanner a {
    position: relative;
    display: inline-block;
    font-size: 0
}

#SpecialOffers-V3-ProductBanner .visual {
    display: inline-block;
    max-width: 245px;
    vertical-align: middle
}

#SpecialOffers-V3-ProductBanner .content {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px
}

#SpecialOffers-V3-ProductBanner a:hover {
    color: inherit !important
}

#SpecialOffers-V3-ProductBanner p {
    margin: 0;
    font-size: 14px;
    padding-bottom: 10px
}

#SpecialOffers-V3-ProductBanner p.Terms {
    margin: 0;
    font-size: 10px;
    color: #CCC
}

#SpecialOffers-V3-ProductBanner img.Picto {
    display: block;
    float: left;
    height: 40px;
    margin-left: -10px;
    margin-top: -12px;
    vertical-align: middle;
    width: 40px
}

#SpecialOffers-V3-ProductBanner p.title {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1em;
    font-family: times new roman, Times, serif;
    padding: 0;
    color: #be0f34
}

.clarinsmag-wrap .video-wrap .image-holder img.YTVideoPreview {
    width: auto;
    object-fit: cover
}

.pdp-main .pdp-prdimage-thumbnails img {
    cursor: pointer
}

#howToApply .YTVideoPreview {
    transform: scaleY(1.33);
    -webkit-transform: scaleY(1.33);
    -ms-transform: scaleY(1.33)
}

#howToApply .YTthumbnail {
    overflow: hidden
}

.mega-menu-wrapper .menu-category.level-1 .level1-category .custom-design-class:before {
    background: 0 0
}

.mega-menu-wrapper .menu-category.level-1 .level1-category .custom-design-class {
    color: #000
}

.header-wrapper .mega-menu-wrapper-extended .level-2 li.always-active>a.special-blue {
    color: #20558a
}
/* 
.mega-menu-wrapper .menu-category.level-1 li:nth-of-type(9).level1-category a.text-uppercase.empty-custom-class {
    color: #be0f34 !important
}

.mega-menu-wrapper .menu-category li:nth-of-type(8) {
    padding-left: 50px !important
}

div.mega-menu-wrapper.mega-menu-wrapper-extended ul.level-0 ul.menu-category.level-1.row.row--relative li.level1-category.col-gutter.col-1-desktop div.level-2.level2-container.row ul.col.col-3-desktop.col-gutter.menu-category.menu-vertical.panes-five-columns-block-desktop li.always-active.highlights-section div.level-3 ul.level-3.menu-category li:nth-of-type(8),
div.mega-menu-wrapper.mega-menu-wrapper-extended ul.level-0 ul.menu-category.level-1.row.row--relative li.level1-category.col-gutter.col-1-desktop div.level-2.level2-container.row ul.menu-category.menu-vertical.col.col-gutter.col-2-desktop li div.level-3 ul.menu-category li:nth-of-type(8) {
    padding-left: unset !important
} */

/* .mega-menu-wrapper .menu-category li:nth-of-type(7) a.text-uppercase:before {
    background: url(../images/logo-myclarins.png?$staticlink$) center no-repeat !important;
    background-size: 100px 34px !important;
    left: -35px !important;
    top: -1px !important;
    width: 150px
} */

@media only screen and (max-width:575.98px) {
    .mega-menu-wrapper .menu-category li:nth-of-type(8) {
        padding-left: 10px !important
    }

    /* .mega-menu-wrapper .menu-category li:nth-of-type(7) a.text-uppercase:before {
        background: url(../images/logo-myclarins.png?$staticlink$) center no-repeat !important;
        background-size: 100px 34px !important;
        left: -26px !important;
        top: -1px !important;
        width: 150px
    } */
}

@media only screen and (min-width:576px) and (max-width:767.98px) {
    .mega-menu-wrapper .menu-category li:nth-of-type(8) {
        padding-left: 10px !important
    }

    /* .mega-menu-wrapper .menu-category li:nth-of-type(7) a.text-uppercase:before {
        background: url(../images/logo-myclarins.png?$staticlink$) center no-repeat !important;
        background-size: 100px 34px !important;
        left: -26px !important;
        top: -1px !important;
        width: 150px
    } */
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .mega-menu-wrapper .menu-category li:nth-of-type(8) {
        padding-left: 10px !important
    }

    /* .mega-menu-wrapper .menu-category li:nth-of-type(7) a.text-uppercase:before {
        background: url(../images/logo-myclarins.png?$staticlink$) center no-repeat !important;
        background-size: 100px 34px !important;
        left: -26px !important;
        top: -1px !important;
        width: 150px
    } */
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    div.mega-menu-wrapper.mega-menu-wrapper-extended ul.level-0 ul.menu-category.level-1.row.row--relative li.level1-category.col-gutter.col-1-desktop div.level-2.level2-container.row ul.col.col-3-desktop.col-gutter.menu-category.menu-vertical.panes-five-columns-block-desktop li.always-active.highlights-section div.level-3 ul.level-3.menu-category li:nth-of-type(8),
    div.mega-menu-wrapper.mega-menu-wrapper-extended ul.level-0 ul.menu-category.level-1.row.row--relative li.level1-category.col-gutter.col-1-desktop div.level-2.level2-container.row ul.menu-category.menu-vertical.col.col-gutter.col-2-desktop li div.level-3 ul.menu-category li:nth-of-type(8) {
        padding-left: 0 !important
    }

    @media only screen and (min-width:1024px) {
        .level-1>li {
            padding: 0 10px
        }
    }

    @media only screen and (min-width:1100px) {
        .level-1>li {
            padding: 0 14px
        }
    }

    @media only screen and (min-width:1200px) {
        .level-1>li {
            padding: 0 20px
        }
    }

    @media only screen and (min-width:1300px) {
        .level-1>li {
            padding: 0 22px
        }
    }

    .search-reassurance-block-container .title {
        word-break: break-word
    }

    .search-reassurance-block-container .reassurance-block {
        padding: 15px 13px
    }

    .PDP-SpecialOfferBanner {
        width: calc(100% - 20px);
        max-width: 544px;
        font-size: 0;
        border: 10px solid #f3f4f6;
        background-color: #BB9B9B;
        position: relative;
        display: block;
        overflow: hidden;
        text-align: center
    }

    .PDP-SpecialOfferBanner div img {
        display: block
    }

    .PDP-SpecialOfferBanner div {
        vertical-align: middle;
        display: inline-block;
        position: relative
    }

    .PDP-SpecialOfferBanner div p {
        margin: 0 0 10px;
        padding: 0;
        font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.4em;
        color: #000
    }

    .PDP-SpecialOfferBanner div p.picto {
        margin-bottom: 0
    }

    .PDP-SpecialOfferBanner div p.picto img {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .PDP-SpecialOfferBanner div p.title {
        padding: 0;
        font-family: ClarinsRegular, Clarins;
        color: #be0f34;
        font-size: 25px;
        line-height: 1em
    }

    .PDP-SpecialOfferBanner div p.terms {
        font-size: 10px;
        opacity: .5
    }

    .PDP-SpecialOfferBanner div:first-child {
        width: 272px;
        text-align: left;
        z-index: 1
    }

    .PDP-SpecialOfferBanner div:first-child::after {
        background-color: #FFF;
        content: " ";
        height: calc(100% - 20px);
        left: 282px;
        position: absolute;
        top: 10px;
        width: 252px;
        z-index: 2
    }

    .PDP-SpecialOfferBanner div:last-child {
        width: 212px;
        text-align: center;
        margin: 10px;
        padding: 20px;
        background-color: #FFF;
        font-size: 14px;
        z-index: 2
    }

    @media only screen and (max-width:563px) {
        .PDP-SpecialOfferBanner {
            width: 272px;
            margin-left: auto;
            margin-right: auto
        }
    }

    .samples-page-wrapper .title {
        font-family: ClarinsRegular, "Times New Roman", Times, serif;
        font-size: 30px;
        line-height: 15px;
        margin-bottom: 20px
    }

    .xtrateaser,
    .xtrateaser--inner {
        width: 100%;
        margin: auto
    }

    .iframe--title em,
    .xtrateaser .clearfix,
    html[xmlns] .xtrateaser .clearfix {
        display: block
    }

    .xtrateaser .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    * html .xtrateaser .clearfix {
        height: 1%
    }

    .xtrateaser,
    .xtrateaser * {
        box-sizing: border-box
    }

    .xtrateaser .xtrateaser--bg {
        overflow: hidden;
        background: #5e3b2d
    }

    .xtrateaser--inner {
        position: relative;
        max-width: 1250px
    }

    .xtrateaser--left,
    .xtrateaser--right {
        float: left;
        width: 50%
    }

    .xtrateaser--right {
        position: relative;
        padding: 20px 0;
        z-index: 2
    }

    @media (max-width:1024px) {

        .xtrateaser--left,
        .xtrateaser--right {
            float: none;
            width: 100%
        }

        .xtrateaser--right {
            padding: 20px 30px
        }

        .xtrateaser--right .xtrateaser--desc {
            margin-top: 520px;
            padding: 10px 0 20px
        }
    }

    .iframe--wrapper {
        position: fixed;
        width: 50%;
        max-width: 625px;
        background: #fff;
        z-index: 2;
        border: 1px solid #eee
    }

    .iframe--title,
    .xtrateaser--title {
        position: relative;
        font-family: ClarinsRegular, clarins, Georgia, "Times New Roman", Times, serif;
        text-align: center
    }

    @media (max-width:1024px) {
        .iframe--wrapper {
            position: relative;
            width: 80%;
            margin: auto
        }
    }

    @media (max-width:762px) {
        .xtrateaser--right {
            padding: 0 30px 20px
        }

        .iframe--wrapper {
            width: 100%
        }

        .iframe--title em {
            display: inline
        }
    }

    .iframe--title {
        font-size: 22px;
        line-height: 28px;
        padding: 20px
    }

    .iframe--title em {
        font-style: normal
    }

    @media (max-width:762px) {
        .iframe--title {
            padding: 30px 10px 0
        }
    }

    .xtrateaser--content {
        width: 50%;
        padding: 40px 60px
    }

    .xtrateaser--title {
        font-size: 50px;
        color: #fffefe;
        line-height: 1;
        z-index: 1
    }

    @media (max-width:762px) {
        .xtrateaser--title {
            font-size: 36px;
            line-height: 1.1
        }
    }

    .xtrateaser--title em {
        display: block;
        font-style: normal
    }

    @media (max-width:1220px) {
        .xtrateaser--title em {
            display: inline
        }
    }

    @media (max-width:1024px) {
        .xtrateaser--content {
            padding: 40px 20px;
            width: 100%
        }

        .xtrateaser--title em {
            display: block;
            line-height: unset !important
        }
    }

    @media (max-width:762px) {
        .xtrateaser--title em {
            display: inline
        }
    }

    .xtrateaser--img {
        padding: 260px 0
    }

    .xtrateaser--img img {
        display: block;
        position: absolute;
        bottom: -40px;
        left: -384px;
        z-index: 0
    }

    @media (max-width:1220px) {
        .xtrateaser--img img {
            left: -400px
        }
    }

    @media (max-width:1124px) {
        .xtrateaser--img img {
            left: -420px
        }
    }

    @media (max-width:1088px) {
        .xtrateaser--img img {
            left: -440px
        }
    }

    @media (max-width:1024px) {
        .xtrateaser--img {
            padding: 0
        }

        .xtrateaser--img img {
            bottom: -90px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }
    }

    @media (max-width:400px) {
        .xtrateaser--img img {
            bottom: -10px
        }
    }

    .xtrateaser--desc {
        position: relative;
        z-index: 1;
        font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #fffefe;
        line-height: 22px;
        text-align: center
    }

    .xtrateaser--desc b {
        font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif
    }

    .xtrateaser-ing--title,
    .xtrateaser-res--title {
        font-family: ClarinsRegular, clarins, Georgia, "Times New Roman", Times, serif;
        color: #b16d57
    }

    .xtrateaser-ing {
        width: 100%;
        max-width: 1250px;
        margin: auto;
        background: #fff
    }

    .xtrateaser-ing--inner {
        position: relative;
        width: 50%;
        padding: 0 0 0 20px
    }

    @media (max-width:1024px) {
        .xtrateaser-ing--inner {
            width: 70%;
            margin: auto;
            padding: 0 30px
        }
    }

    @media (max-width:762px) {
        .xtrateaser--desc br {
            display: none
        }

        .xtrateaser-ing--inner {
            width: 100%
        }
    }

    .xtrateaser-ing--content {
        float: left;
        width: 50%;
        max-width: 320px;
        position: relative;
        padding-top: 200px;
        text-align: right;
        z-index: 1
    }

    @media (max-width:762px) {
        .xtrateaser-ing--content {
            float: none;
            width: 100%;
            max-width: none;
            margin: auto;
            padding-top: 34px;
            text-align: center
        }
    }

    .xtrateaser-ing--ing {
        position: relative;
        left: -30px;
        float: left;
        width: 40%;
        max-width: 252px;
        z-index: 0
    }

    .xtrateaser-ing--ing img {
        display: block;
        margin: auto
    }

    @media (max-width:762px) {
        .xtrateaser-ing--ing {
            float: none;
            left: initial;
            margin: auto;
            width: 100%;
            max-width: 300px;
            max-height: 410px;
            overflow: hidden
        }
    }

    .xtrateaser-ing--legend {
        position: absolute;
        bottom: 30px;
        left: 20px;
        font-size: 10px;
        font-style: italic
    }

    .xtrateaser-ing--title {
        font-size: 35px;
        line-height: 1
    }

    .xtrateaser-ing--title em {
        display: block;
        font-style: normal
    }

    .xtrateaser-ing--text {
        margin-top: 20px;
        font-size: 14px;
        line-height: 20px
    }

    .xtrateaser-res {
        background: #f6f1ee;
        background: linear-gradient(to bottom, #f6f1ee 0, #fff 23%, #fff 73%, #dec8bf 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f1ee', endColorstr='#dec8bf', GradientType=0)
    }

    .xtrateaser-res--content {
        padding: 60px 0 40px
    }

    @media (max-width:762px) {
        .xtrateaser-ing--legend {
            bottom: 60%;
            right: 0;
            left: initial;
            max-width: 60px
        }

        .xtrateaser-ing--title em {
            display: inline
        }

        .xtrateaser-res--content {
            padding: 40px 10px
        }
    }

    .xtrateaser-res--title {
        font-size: 35px;
        line-height: 1;
        text-align: center
    }

    .xtrateaser-res--title em {
        display: block;
        font-style: normal
    }

    .xtrateaser-res--text {
        font-size: 10px;
        text-align: center
    }

    .xtrateaser-res--img {
        position: relative;
        margin: 20px auto;
        padding: 100px 0 114px
    }

    @media (max-width:530px) {
        .xtrateaser-res--img {
            padding-top: 110px
        }
    }

    @media (max-width:450px) {
        .xtrateaser-res--img {
            padding-top: 120px
        }
    }

    .xtrateaser-res--img img {
        display: block;
        position: relative;
        width: 100%;
        max-width: 585px;
        margin: auto;
        z-index: 1
    }

    .xtrateaser-res--img .chart {
        z-index: 0
    }

    .xtrateaser-res--img .chart--1,
    .xtrateaser-res--img .chart--2,
    .xtrateaser-res--img .chart--3,
    .xtrateaser-res--img .chart--4 {
        position: absolute;
        left: 50%
    }

    .xtrateaser-res--img .chart--1 {
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .xtrateaser-res--img .chart--2 {
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .xtrateaser-res--img .chart--3 {
        bottom: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .xtrateaser-res--img .chart--4 {
        bottom: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .circular-chart {
        display: block;
        position: relative;
        width: 100%;
        max-width: 160px
    }

    .circular-chart .circle--text {
        fill: #b16d57;
        font-size: 7px;
        text-anchor: middle;
        text-align: center
    }

    .circular-chart .circle--text tspan {
        font-size: 3px
    }

    .circle-bg {
        fill: none;
        stroke: #cdcdcd;
        stroke-width: .4
    }

    .circle {
        fill: none;
        stroke-width: .4;
        -webkit-animation: progress 1s ease-out forwards;
        animation: progress 1s ease-out forwards
    }

    .brown .circle {
        stroke: #b16d57
    }

    @-webkit-keyframes progress {
        0% {
            stroke-dasharray: 0 100
        }
    }

    @keyframes progress {
        0% {
            stroke-dasharray: 0 100
        }
    }

    body.pl_PL .UserRegistrationForm #RegistrationForm .required-label {
        width: 100%;
        display: inline-block;
        margin-top: 0
    }

    body.pl_PL .UserRegistrationForm #RegistrationForm .password {
        margin-bottom: 20px
    }
}


/*------------------- DTW CUSTOM ------------------------*/
.article-text .heading2 {
    
    line-height: 56px;
}

.article-text p:first-letter {
   
    letter-spacing: 6px;
}


/* my clarins entry custom updates 02/04/2019 10:11 hub_fr */
.mega-menu-wrapper .menu-category.level-1 li:nth-of-type(6).level1-category{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
/* ///////////////////////////////////////////////////////// */

/* wyprzedaz custom updates 09/07/2019 10:42 hub_fr */
/* wyprzedaz custom updates deactivated on 25/07/2019 11:25 hub_fr */

/*.mega-menu-wrapper .menu-category.level-1 li:nth-of-type(8).level1-category {
   padding-left:30px;
   padding-right:5px!important; 
}*/

/* .mega-menu-wrapper .menu-category.level-1 li:nth-of-type(8).level1-category a.level-1-item{
   color: #be0f34!important;
} */
/*.mega-menu-wrapper .menu-category.level-1 li:nth-of-type(8).level1-category a.level-1-item::before{
   background: url(../images/percentage_new.png?$staticlink$) center no-repeat !important;
   background-size: 20px 20px !important;
   left: -30px !important;
   top: -1px !important
}*/

/*.level1-category:nth-child(8):before {
   background: url(../images/percentage_new.png?$staticlink$) center no-repeat !important;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -1px;
    left: 506px;
    content: "";
    margin-left: 203px;
    transform: scale(0.5);
}*/

@media screen and (max-width: 1024px) {
/*.level1-category:nth-child(8):before {
    background: url(../images/percentage_new.png?$staticlink$) center no-repeat !important;
    width: 50px;
    height: 50px;
    position: absolute !important;
    content: "";
    display: block;
    margin-left: 70px !important;
    transform: scale(0.38);
}*/
.level1{
    padding-left: 8px;
    padding-right: 8px;
}
.level1-category:nth-child(7),.level1-category:nth-child(6),.level1-category:nth-child(5),.level1-category:nth-child(4),.level1-category:nth-child(3),.level1-category:nth-child(2),.level1-category:nth-child(1){
    padding-left: 8px !important;
}
.level1-category:nth-child(8){
    padding-left: 40px !important;
}
.level1-category:nth-child(9),.level1-category:nth-child(10),.level1-category:nth-child(11),.level1-category:nth-child(12){
    padding-left: 50px !important;
}
}
 @media screen and (max-width: 991.98px) {
    .level1-category:nth-child(8) a {
        padding-left: 6px!important;
    }
    /*.level1-category:nth-child(8):before{
        background: url(../images/percentage_new.png?$staticlink$) center no-repeat !important;
    width: 50px;
    height: 50px;
        position: absolute;
        top: unset;
        left: unset;
        content: "";
        margin-left: -34px !important;
    }*/
    }

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .level1-category:nth-child(9), .level1-category:nth-child(10), .level1-category:nth-child(11), .level1-category:nth-child(12){
        padding-left: initial !important;
    }
    .level1-category:nth-child(7), .level1-category:nth-child(6), .level1-category:nth-child(5), .level1-category:nth-child(4), .level1-category:nth-child(3), .level1-category:nth-child(2), .level1-category:nth-child(1){
        padding-left: initial !important;
    }
    .mega-menu-wrapper .menu-category li:nth-of-type(8){
        padding-left: 30px !important;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    .level1-category:nth-child(9), .level1-category:nth-child(10), .level1-category:nth-child(11), .level1-category:nth-child(12){
        padding-left: initial !important;
    }
    .level1-category:nth-child(7), .level1-category:nth-child(6), .level1-category:nth-child(5), .level1-category:nth-child(4), .level1-category:nth-child(3), .level1-category:nth-child(2), .level1-category:nth-child(1){
        padding-left: initial !important;
    }
    .mega-menu-wrapper .menu-category li:nth-of-type(8){
        padding-left: 30px !important;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
    .level1-category:nth-child(9), .level1-category:nth-child(10), .level1-category:nth-child(11), .level1-category:nth-child(12){
        padding-left: initial !important;
    }
    .level1-category:nth-child(7), .level1-category:nth-child(6), .level1-category:nth-child(5), .level1-category:nth-child(4), .level1-category:nth-child(3), .level1-category:nth-child(2), .level1-category:nth-child(1){
        padding-left: initial !important;
    }
    .mega-menu-wrapper .menu-category li:nth-of-type(8){
        padding-left: 30px !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .level1-category:nth-child(9), .level1-category:nth-child(10), .level1-category:nth-child(11), .level1-category:nth-child(12){
        padding-left: initial !important;
    }
    .level1-category:nth-child(7), .level1-category:nth-child(6), .level1-category:nth-child(5), .level1-category:nth-child(4), .level1-category:nth-child(3), .level1-category:nth-child(2), .level1-category:nth-child(1){
        padding-left: initial !important;
    }
    /*.mega-menu-wrapper .menu-category li:nth-of-type(8){
        padding-left: 30px !important;
    }*/
    .mega-menu-wrapper .menu-category li:nth-of-type(8){
        padding-left: 9px !important;
    }
}

@media only screen and (min-device-width : 411px) and (max-device-width : 823px) {
    .level1-category:nth-child(9), .level1-category:nth-child(10), .level1-category:nth-child(11), .level1-category:nth-child(12){
        padding-left: initial !important;
    }
    .level1-category:nth-child(7), .level1-category:nth-child(6), .level1-category:nth-child(5), .level1-category:nth-child(4), .level1-category:nth-child(3), .level1-category:nth-child(2), .level1-category:nth-child(1){
        padding-left: initial !important;
    }
    .mega-menu-wrapper .menu-category li:nth-of-type(8){
        padding-left: 30px !important;
    }
}

/* ///////////////////////////////////////////////////////// */


/*------------------- DTW Edits -----------------------*/

.level1-category:nth-child(10):before {
   /*background: url(../images/2019_HOLIDAYS_icone-Gift-guide.png?$staticlink$) no-repeat center!important; */
   background-size: 100% 100%;
   width: 25px;
   height: 50px;
   position: absolute;
   top: 0px;
   left: 716px;
   content: "";
   margin-left: 203px;
}

@media screen and (max-width: 1024px) {
.level1-category:nth-child(10):before {
    background: url(../images/2019_HOLIDAYS_icone-Gift-guide.png?$staticlink$) no-repeat center !important;
    width: 25px !important;
    height: 50px !important;
    position: absolute !important;
    content: "";
    display: block;
    margin-left: 50px !important;
}
.level1-category:nth-child(10) a {
        padding-left: 12px!important;
    }
}
 @media screen and (max-width: 991.98px) {
    .level1-category:nth-child(10) a {
        padding-left: 33px!important;
    }
    .level1-category:nth-child(10):before {
        background: url(../images/2019_HOLIDAYS_icone-Gift-guide.png?$staticlink$) no-repeat center !important;
        background-size: 100% 100%;
        width: 25px;
        height: 50px;
        position: absolute;
        top: unset;
        left: unset;
        content: "";
        margin-left: 4px !important;
    }
    }

.mega-menu-wrapper .menu-category.level-1 .level1-category:hover a[data-tc-category-id="500"] {
    color: #20558a;
    border-bottom: 2px solid #20558a;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
    #navigation > div > div.level-0 > ul > li:nth-child(6) > a{
    margin-left: -10px;
}
#navigation > div > div.level-0 > ul > li:nth-child(6) > span{
    margin-left: -12px;
}
#navigation > div > div.level-0 > div.hamburger-only.header-content-links > ul > ul{
    padding-left: initial;
}
}

#navigation > div > div.level-0 > ul > li:nth-child(6) > a,#navigation > div > div.level-0 > ul > li:nth-child(9) > a{
    color: #be0f34 !important;
}

    /*------------------- DTW Edits end -----------------------*/


    /*------------------- DTW Xmas icon 2020 ------------------------*/
/*.categories-list .level1-category:nth-child(7){
        padding-left: 33px!important;
    }
.categories-list .level1-category:nth-child(7):before {
   background: url(../images/2020_HOLIDAYS_icone-Gift-guide.png?$staticlink$) no-repeat center!important;
   background-size: 100% 100%;
   width: 25px;
   height: 50px;
   position: absolute;
   top: 0px;
   left: 685px;
   content: "";
    margin-left: 4px;
}
 @media screen and (max-width: 991.98px) {
    .categories-list .level1-category:nth-child(7) {
        padding-left: 30px!important;
    }
     .categories-list .level1-category:nth-child(7):before {
        background: url(../images/2020_HOLIDAYS_icone-Gift-guide.png?$staticlink$) no-repeat center !important;
        background-size: 100% 100%;
        width: 25px;
        height: 50px;
        position: absolute;
        top: unset;
        left: unset;
        content: "";
        margin-left: -15px;
    }
    }
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.level1-category:nth-child(7):before {
   background: url(../images/2020_HOLIDAYS_icone-Gift-guide.png?$staticlink$) no-repeat center!important;
   background-size: 100% 100%;
   width: 25px;
   height: 50px;
   position: absolute;
   top: 0px;
   left: 10px;
   content: "";
    margin-left: 4px;
    display: none;
}
}*/
i-dropdown div.sbHolder { display: none; }