.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item .ui-corner-all {
    font-family: Montserrat, arial, sans-serif
}

@keyframes rotate360 {
    to {
        transform: rotate(1turn)
    }
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-weight-semibold {
    font-weight: 500
}

#header a,
a {
    color: #041634;
    transition: color .2s
}

#header a:hover,
#header a:hover .icon,
a:hover,
a:hover .icon {
    color: #0084d2
}

body {
    font-family: Montserrat, sans-serif
}

@media only screen and (min-width:75em) {
    body {
        padding-top: calc(240px + var(--surHeader-h-lg, 0px))
    }

    body#index {
        padding-top: calc(200px + var(--surHeader-h-lg, 0px))
    }

    body#cart,
    body#checkout {
        padding-top: 0
    }
}

#wrapper {
    padding-top: 0;
    margin-bottom: 20px;
    box-shadow: none;
    background-color: #fff
}

img {
    max-width: 100%;
    height: auto
}

.icon {
    color: inherit
}

.relative {
    position: relative
}

body:not(#index) #content-wrapper:not(.left-column) {
    padding: 0 15px
}

.c-red {
    color: #c0392b
}

.bg-red {
    background-color: #c0392b
}

.c-red-label {
    color: #e42e36
}

.bg-red-label {
    background-color: #e42e36
}

.c-blue {
    color: #041634
}

.bg-blue {
    background-color: #041634
}

.c-green {
    color: #21bb70
}

.bg-green {
    background-color: #21bb70
}

.c-white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.c-beige {
    color: #a6a59f
}

.bg-beige {
    background-color: #a6a59f
}

.c-black {
    color: #222
}

.bg-black {
    background-color: #222
}

.c-gold {
    color: #cdb380
}

.bg-gold {
    background-color: #cdb380
}

.c-lightblue {
    color: #0084d2
}

.bg-lightblue {
    background-color: #0084d2
}

.c-lightgrey {
    color: #f6f6f6
}

.bg-lightgrey {
    background-color: #f6f6f6
}

@font-face {
    font-family: icons;
    src: url(../font/icons.eot?df2b07b95d7d62789a2c53a5745b9dbe);
    src: url(../font/icons.eot?df2b07b95d7d62789a2c53a5745b9dbe#iefix) format("embedded-opentype"), url(../font/icons.woff?df2b07b95d7d62789a2c53a5745b9dbe) format("woff"), url(../font/icons.ttf?df2b07b95d7d62789a2c53a5745b9dbe) format("truetype"), url(../font/icons.svg?df2b07b95d7d62789a2c53a5745b9dbe#icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: icons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fi-arrow-down:before {
    content: "\f101"
}

.fi-arrow-left:before {
    content: "\f102"
}

.fi-arrow-right:before {
    content: "\f103"
}

.fi-arrow-up:before {
    content: "\f104"
}

.fi-bars:before,
.main-menu ul[data-depth="0"]>li:first-of-type>a .fi-minus:before {
    content: "\f105"
}

.fi-box-2:before {
    content: "\f106"
}

.fi-box:before {
    content: "\f107"
}

.fi-cart:before {
    content: "\f108"
}

.fi-check:before {
    content: "\f109"
}

.fi-credit:before {
    content: "\f10a"
}

.fi-delivery:before {
    content: "\f10b"
}

.fi-exit:before {
    content: "\f10c"
}

.fi-facebook:before {
    content: "\f10d"
}

.fi-headphones:before {
    content: "\f10e"
}

.fi-id-card:before {
    content: "\f10f"
}

.fi-lock:before {
    content: "\f110"
}

.fi-marker:before {
    content: "\f111"
}

.fi-minus:before {
    content: "\f112"
}

.fi-play:before {
    content: "\f113"
}

.fi-plus:before {
    content: "\f114"
}

.fi-program:before {
    content: "\f115"
}

.fi-search:before {
    content: "\f116"
}

.fi-tag:before {
    content: "\f117"
}

.fi-twitter:before {
    content: "\f118"
}

.fi-user:before {
    content: "\f119"
}

.fi-warning:before {
    content: "\f11a"
}

.fi-x:before {
    content: "\f11b"
}

.custom-checkbox input[type=checkbox] {
    z-index: 2;
    width: 20px;
    height: 20px;
    margin-top: 0
}

.custom-checkbox input[type=checkbox]+span {
    flex: none !important;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 2px;
    overflow: hidden;
    border-color: #232323 !important
}

.custom-checkbox input[type=checkbox]+span .checkbox-checked {
    position: absolute;
    z-index: 1;
    top: -2px;
    left: -2px;
    margin: 0;
    line-height: 20px;
    font-size: 20px;
    background-color: #232323;
    color: #fff
}

.custom-checkbox label {
    margin-bottom: 0
}

.custom-radio {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-color: #041634
}

.custom-radio input[type=radio]:checked+span {
    flex: 0 0 auto;
    top: 50%;
    left: 50%;
    background-color: #041634;
    transform: translate3d(-50%, -50%, 0)
}

.radio-inline {
    display: inline-flex;
    align-items: center
}

.radio-inline .custom-radio {
    margin-right: 15px !important
}

.input-group--password {
    position: relative
}

.input-group--password input {
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important
}

.input-group--password input[type=text]+button {
    opacity: .25;
    transform: rotateY(180deg)
}

.input-group--password button {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    border: 0;
    background: url(/img/marques/briochin/eye.svg) 50% no-repeat;
    background-size: 30px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: transform .3s, opacity .3s
}

input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s
}

.btn,
.validatebutton {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 1.25;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background-color: #041634;
    white-space: normal;
    box-shadow: none;
    transition: background-color .2s, color .2s
}

.btn .icon,
.validatebutton .icon {
    vertical-align: middle;
    font-size: 1.5em;
    padding-right: .25em;
    color: currentColor !important
}

.btn span,
.validatebutton span {
    vertical-align: middle
}

.btn:not(.btn-secondary):focus,
.btn:not(.btn-secondary):hover,
.validatebutton:not(.btn-secondary):focus,
.validatebutton:not(.btn-secondary):hover {
    background-color: #0084d2
}

.btn:not(.btn-secondary).disabled,
.btn:not(.btn-secondary):disabled,
.validatebutton:not(.btn-secondary).disabled,
.validatebutton:not(.btn-secondary):disabled {
    opacity: 1;
    pointer-events: none;
    color: #c5c5c5;
    background-color: #f6f6f6
}

.btn-touchspin {
    color: #222
}

.btn.is-loading,
.is-loading.validatebutton {
    transition: none;
    pointer-events: none;
    position: relative;
    color: transparent !important
}

.btn.is-loading:before,
.is-loading.validatebutton:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    opacity: 1;
    width: 20px;
    height: 20px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    animation: rotate360 .6s linear infinite
}

.btn-beige {
    background-color: #a6a59f;
    color: #fff
}

.btn-beige:not(.btn-secondary):focus,
.btn-beige:not(.btn-secondary):hover {
    background-color: #041634;
    color: #fff !important
}

.btn-ghost {
    padding-top: 13px;
    padding-bottom: 13px;
    border: 2px solid #d9d9d9;
    background-color: #fff;
    color: #041634
}

.btn-ghost:not(.btn-secondary):focus,
.btn-ghost:not(.btn-secondary):hover {
    background-color: #d9d9d9;
    color: #fff !important
}

.btn-ghost:not(.btn-secondary).is-loading {
    pointer-events: none;
    position: relative;
    color: transparent !important
}

.btn-ghost:not(.btn-secondary).is-loading:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    opacity: 1;
    width: 20px;
    height: 20px;
    border-color: transparent transparent #041634 #041634;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    animation: rotate360 .6s linear infinite
}

.table-responsive {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    font-size: 12px;
    color: #041634
}

@media only screen and (min-width:48em) {
    .table-responsive {
        font-size: 14px
    }
}

.table-responsive caption {
    margin-bottom: .67em;
    font-size: 1.5em
}

@media only screen and (max-width:47.937em) {

    .table-responsive tfoot,
    .table-responsive thead {
        display: none
    }
}

.table-responsive tr {
    display: block;
    padding: 0 0 1em
}

@media only screen and (min-width:48em) {
    .table-responsive tr {
        display: table-row;
        padding: 0;
        text-align: left;
        border-bottom-width: 1px;
        transition: background-color .2s
    }
}

.table-responsive tr:not(:last-of-type) {
    margin-bottom: 1em;
    border-bottom: 1px solid #c5dfdc
}

@media only screen and (min-width:48em) {
    .table-responsive tr:nth-child(odd) {
        background-color: #fff
    }
}

.table-responsive td,
.table-responsive th {
    word-break: break-word
}

@media only screen and (min-width:48em) {

    .table-responsive td,
    .table-responsive th {
        padding: 1em
    }
}

.table-responsive td>*,
.table-responsive th>* {
    max-width: 100%
}

.table-responsive td>:nth-last-child(n+2),
.table-responsive td>:nth-last-child(n+2)~*,
.table-responsive th>:nth-last-child(n+2),
.table-responsive th>:nth-last-child(n+2)~* {
    margin-top: .25em;
    margin-bottom: .25em;
    margin-left: .5em
}

@media only screen and (min-width:48em) {

    .table-responsive td>*,
    .table-responsive th>* {
        display: inline-block
    }

    .table-responsive td>:nth-last-child(n+2),
    .table-responsive td>:nth-last-child(n+2)~*,
    .table-responsive th>:nth-last-child(n+2),
    .table-responsive th>:nth-last-child(n+2)~* {
        margin-left: 0;
        margin-right: .5em
    }
}

.table-responsive td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    line-height: 1.5em;
    font-size: 1.1675em;
    text-align: right
}

@media only screen and (min-width:48em) {
    .table-responsive td {
        display: table-cell;
        text-align: left;
        padding: 1em;
        font-size: 1em
    }
}

.table-responsive td:before {
    content: attr(data-label);
    padding: .25em 1em .25em 0;
    width: 50%;
    font-weight: 700;
    text-align: left;
    word-break: normal
}

@media only screen and (min-width:48em) {
    .table-responsive td:before {
        display: none
    }
}

.table-responsive td:first-child {
    padding-top: 0
}

@media only screen and (min-width:48em) {
    .table-responsive td:first-child {
        padding-top: 1em
    }
}

.table-responsive td:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

@media only screen and (min-width:48em) {
    .table-responsive td:last-child {
        padding-bottom: 1em
    }
}

.pagination {
    margin: 0 0 20px
}

@media only screen and (min-width:48em) {
    .pagination {
        margin-bottom: 60px
    }
}

.pagination .page-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 15px 0 0;
    font-size: 12px;
    box-shadow: none;
    background: transparent
}

@media only screen and (min-width:36em) {
    .pagination .page-list {
        padding-top: 15px;
        border-top: 1px solid #a6a59f
    }
}

@media only screen and (min-width:48em) {
    .pagination .page-list {
        font-size: 14px
    }
}

.pagination .page-list li.current a {
    opacity: 1;
    font-size: inherit;
    font-weight: 700;
    color: #041634
}

.pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) a,
.pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) span,
.pagination .page-list li:not(.previous):first-of-type~li:not(.next) a,
.pagination .page-list li:not(.previous):first-of-type~li:not(.next) span {
    position: relative
}

.pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) a:before,
.pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) span:before,
.pagination .page-list li:not(.previous):first-of-type~li:not(.next) a:before,
.pagination .page-list li:not(.previous):first-of-type~li:not(.next) span:before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    font-weight: 400;
    color: #a6a59f;
    transform: translate3d(-50%, -50%, 0)
}

.pagination .page-list li.spacer span {
    padding-left: 0;
    padding-right: 0
}

.pagination .page-list li.spacer+li a:before,
.pagination .page-list li.spacer+li span:before,
.pagination .page-list li.spacer span:before {
    display: none
}

.pagination .page-list a,
.pagination .page-list span {
    display: block;
    padding: 7px 10px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    color: #a6a59f
}

.pagination .page-list a.disabled,
.pagination .page-list span.disabled {
    opacity: .5;
    pointer-events: none
}

.pagination .page-list a:hover,
.pagination .page-list span:hover {
    color: #0084d2
}

.pagination .page-list .arrow {
    padding-left: 15px;
    padding-right: 15px
}

article.product {
    position: relative;
    display: flex;
    padding: 25px 0
}

@media only screen and (min-width:36em) {
    article.product {
        display: block;
        padding: 10px;
        text-align: center
    }

    .products article.product {
        height: 100%
    }
}

article.product .product-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    border: 1px solid transparent;
    transition: border-color .2s
}

@media only screen and (min-width:36em) {
    article.product .product-link:hover {
        border-color: #041634
    }
}

article.product .product-thumbnail {
    position: relative;
    flex: 0 0 auto;
    width: 40%;
    max-width: 150px
}

@media only screen and (min-width:36em) {
    article.product .product-thumbnail {
        width: auto;
        max-width: none;
        height: 180px;
        margin: 0 auto 10px
    }
}

article.product .product-thumbnail img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto !important
}

@supports (object-fit:contain) {
    article.product .product-thumbnail img {
        object-fit: contain;
        height: 100%;
        width: 100%
    }
}

article.product .product-details {
    flex: 1 1 auto;
    padding-left: 10px;
    line-height: 1.25;
    color: #041634
}

@media only screen and (min-width:36em) {
    article.product .product-details {
        padding-left: 0
    }
}

@media only screen and (max-width:35.937em) {
    #js-product-list article.product .product-details>[data-equalize] {
        min-height: 0 !important
    }
}

@media only screen and (min-width:36em) {
    article.product .product-details>[data-equalize] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }
}

article.product .product-brand {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #a6a59f
}

article.product .product-brand[style*="min-height: 0px"]:empty {
    margin-bottom: 0
}

article.product .product-title {
    margin: 0 0 10px !important;
    line-height: inherit;
    font-size: 14px;
    font-weight: 700;
    text-align: left !important;
    color: inherit;
    text-transform: none
}

@media only screen and (min-width:36em) {
    article.product .product-title {
        text-align: center !important
    }
}

article.product .product-ecotax {
    width: 100%;
    margin-bottom: 0;
    padding-top: 5px;
    line-height: 1.1em;
    font-size: 11px;
    color: #7c7b76
}

article.product .product-ecotax sub,
article.product .product-ecotax sup {
    position: static;
    font-size: 100%;
    padding-right: 2px
}

article.product .product-short-desc {
    margin-bottom: 10px;
    font-size: 12px;
    color: inherit
}

article.product .product-short-desc[style*="min-height: 0px"]:empty {
    margin-bottom: 0
}

article.product .product-reviews {
    margin-bottom: 10px
}

article.product .product-prices {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0
}

@media only screen and (min-width:36em) {
    article.product .product-prices {
        display: block
    }
}

article.product .product-price {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: inherit
}

@media only screen and (min-width:36em) {
    article.product .product-price {
        width: 100%
    }
}

article.product .product-old-price {
    margin-left: 10px;
    font-size: 15px;
    text-decoration: line-through
}

@media only screen and (min-width:36em) {
    article.product .product-old-price {
        margin-left: 0
    }
}

article.product .product-new-price {
    color: #e42e36
}

article.product .product-discount {
    position: absolute;
    z-index: 5;
    top: 5px;
    right: 5px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 8px;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    background-color: #e42e36;
    pointer-events: none
}

@media only screen and (min-width:36em) {
    article.product .product-discount {
        right: 5px;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 14px
    }
}

article.product .product-from-text {
    margin-bottom: 2px;
    font-size: 10px
}

article.product .product-from-text[style*="min-height: 0px"]:empty {
    margin-bottom: 0
}

article.product .label-flag {
    display: block;
    pointer-events: none
}

article.product .label-flag--Reduced {
    display: none
}

@media only screen and (min-width:36em) {

    article.product .label-flag--pack,
    article.product .label-flag--recipe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 4
    }
}

@media only screen and (min-width:36em) {

    article.product .label-flag--pack:before,
    article.product .label-flag--recipe:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid #a6a59f
    }
}

article.product .label-flag--pack:after,
article.product .label-flag--recipe:after {
    content: attr(data-label);
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background-color: #a6a59f;
    white-space: nowrap
}

@media only screen and (min-width:36em) {

    article.product .label-flag--pack:after,
    article.product .label-flag--recipe:after {
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:36em) {
    article.product .label-flag--recipe:before {
        border-color: #21bb70
    }
}

article.product .label-flag--recipe:after {
    background-color: #21bb70
}

article.product.has-discount .product-brand {
    padding-right: 40px
}

@media only screen and (min-width:36em) {
    article.product.has-discount .product-brand {
        padding-right: 0
    }
}

article.product.has-discount .label-flag--pack~.product-brand,
article.product.has-discount .label-flag--recipe~.product-brand {
    padding-right: 0
}

.slider-products article.product {
    display: block;
    padding: 10px;
    border-bottom: 0;
    text-align: center
}

.slider-products article.product .product-link:hover {
    border-color: #041634
}

.slider-products article.product .product-thumbnail {
    width: auto;
    max-width: none;
    height: 180px;
    margin: 0 auto 10px
}

.slider-products article.product .product-details {
    padding-left: 0
}

.slider-products article.product .product-details>[data-equalize] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.slider-products article.product .product-brand {
    padding-right: 0 !important
}

.slider-products article.product .product-title {
    text-align: center !important
}

.slider-products article.product .product-prices {
    display: block
}

.slider-products article.product .product-price {
    width: 100%
}

.slider-products article.product .product-old-price {
    margin-left: 0
}

.slider-products article.product .product-discount {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 14px
}

.slider-products article.product .label-flag--pack,
.slider-products article.product .label-flag--recipe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4
}

.slider-products article.product .label-flag--pack:before,
.slider-products article.product .label-flag--recipe:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #a6a59f
}

.slider-products article.product .label-flag--pack:after,
.slider-products article.product .label-flag--recipe:after {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%)
}

.slider-products article.product .label-flag--recipe:before {
    border-color: #21bb70
}

.made-in-france {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 5px;
    width: 46px;
    line-height: 1.4;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;
    color: #041634;
    pointer-events: none
}

.photos-gallery .made-in-france {
    right: 5px;
    bottom: 25px
}

@media only screen and (min-width:62em) {
    .photos-gallery .made-in-france {
        bottom: 5px
    }
}

.made-in-france:before {
    content: "";
    position: absolute;
    left: calc(50% - 13px);
    bottom: calc(100% + 6px);
    width: 26px;
    height: 26px;
    border: 1px solid #eee;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #172c54, #172c54 33.33%, #fff 0, #fff 66.66%, #e42e36 0, #e42e36)
}

.modal .close {
    margin-top: 0;
    color: #fff;
    opacity: .5
}

.breadcrumb {
    display: none
}

@media only screen and (min-width:48em) {
    .breadcrumb {
        display: block;
        margin-top: -10px;
        font-size: 11px;
        line-height: 1;
        color: #041634
    }

    #wrapper .breadcrumb {
        padding: 0 15px
    }

    #wrapper .breadcrumb li:after {
        content: ">"
    }

    .breadcrumb li:last-of-type {
        font-weight: 700
    }

    #wrapper .breadcrumb li:last-of-type,
    #wrapper .breadcrumb li a {
        color: #041634
    }

    #wrapper .breadcrumb li a:hover {
        color: #0084d2
    }
}

@media only screen and (min-width:75em) {
    .breadcrumb {
        margin: -10px 0 20px
    }
}

#block-reassurance {
    padding: 15px;
    color: #041634;
    background-color: #f6f6f6
}

#product #block-reassurance {
    margin: 0 0 16px;
    box-shadow: none;
    background-color: white;
}

#product .product-minimal-quantity {
    background-color: #f6f6f6;
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: black;
    line-height: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}

@media only screen and (min-width:48em) {
    #product #block-reassurance {
        margin-bottom: 0
    }
}

#block-reassurance ul {
    margin-bottom: 0
}

#block-reassurance li {
    border-bottom: 0
}

#block-reassurance li:not(:last-of-type) {
    margin-bottom: 10px
}

#block-reassurance li .block-reassurance-item {
    display: flex;
    align-items: center;
    padding: 0
}

#block-reassurance img {
    align-self: baseline;
    width: 20px;
    height: auto;
    margin-right: 10px
}

#block-reassurance span {
    margin-bottom: 0;
    line-height: 1.4;
    font-size: 13px
}

#product #block-reassurance span {
    font-weight: 500
}

.nav-inline {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:48em) {
    .nav-inline {
        margin-bottom: 2rem
    }
}

.nav-inline .nav-item {
    flex: 1 1 0
}

.nav-inline .nav-item+.nav-item {
    margin-left: 0
}

.nav-inline .nav-link {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #c5dfdc;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #041634;
    transition: background-color .2s, border-color .2s, color .2s
}

@media only screen and (min-width:48em) {
    .nav-inline .nav-link {
        padding: 15px;
        font-size: 14px
    }
}

.nav-inline .nav-link:hover {
    color: #041634 !important;
    background-color: #f6f6f6
}

.nav-inline .nav-link.active {
    border-bottom-color: #a6a59f;
    background-color: #a6a59f;
    color: #fff;
    pointer-events: none
}

.block-about-brands {
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 1.25;
    font-size: 11px;
    text-align: center
}

@media only screen and (min-width:48em) {
    .block-about-brands {
        font-size: 12px
    }
}

@media only screen and (min-width:62em) {
    .block-about-brands {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.block-about-brands .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.block-about-brands h2 {
    text-align: center;
    margin-bottom: 0 !important
}

@media only screen and (min-width:75em) {
    .block-about-brands h2 {
        text-align: left
    }
}

.block-about-brands .item {
    width: 50%;
    padding: 0 15px;
    margin-top: 20px
}

@media only screen and (min-width:36em) {
    .block-about-brands .item {
        width: 50%
    }
}

@media only screen and (min-width:48em) {
    .block-about-brands .item {
        width: 25%
    }
}

@media only screen and (min-width:75em) {
    .block-about-brands .item {
        margin-top: 30px
    }
}

@media only screen and (min-width:36em) {
    .block-about-brands .item>div {
        max-width: 130px;
        margin: 0 auto
    }
}

.block-about-brands img {
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
    height: auto
}

@media only screen and (min-width:75em) {
    .block-about-brands img {
        margin-bottom: 20px
    }
}

.container {
    width: auto
}

@media only screen and (min-width:75em) {
    .container {
        width: 1140px
    }
}

@keyframes fade {
    to {
        opacity: 1
    }
}

#header {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 15;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    background-color: #fff
}

@media only screen and (min-width:75em) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transition: transform .3s
    }

    body.desktop-products-tab-is-open #header {
        transform: translateY(calc(-87px - var(--surHeader-h-lg, 0px)))
    }
}

@media only screen and (min-width:36em) {
    body:not(#index) #header {
        margin-bottom: 30px
    }
}

body#search #header {
    margin-bottom: 0
}

@media only screen and (min-width:36em) {
    body#search #header {
        margin-bottom: 30px
    }
}

html.surHeader-is-shown {
    --surHeader-h-lg: 40px
}

.header-sup {
    display: none;
    background-color: #f6f6f6
}

@media only screen and (min-width:75em) {
    .header-sup {
        display: block
    }
}

.main-menu .header-sup {
    display: block
}

@media only screen and (min-width:75em) {
    .main-menu .header-sup {
        display: none
    }
}

.header-sup__content {
    display: flex;
    justify-content: space-between;
    width: 1140px;
    height: var(--surHeader-h-lg);
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.main-menu .header-sup__content {
    display: block;
    height: auto;
    padding: 0
}

.header-sup__text {
    align-self: center;
    padding-right: 2rem;
    margin: 0;
    font-size: 13px;
    line-height: 1.1
}

.main-menu .header-sup__text {
    padding: 16px
}

.header-sup__link {
    flex: 0 0 auto;
    display: flex !important;
    align-items: center;
    padding: 0 1rem;
    font-size: 14px;
    text-decoration: none;
    background-color: #041634;
    color: #fff !important;
    transition: background-color .2s !important
}

.main-menu .header-sup__link {
    padding: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.header-sup__link:hover {
    background-color: #0084d2
}

.header-sup__link .icon {
    margin-left: 16px;
    color: inherit !important
}

.main-menu .header-sup__link .icon {
    order: -1;
    margin-left: 0;
    margin-right: 16px;
    font-size: 24px
}

.header-wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 6px
}

@media only screen and (min-width:75em) {
    .header-wrap {
        justify-content: space-between;
        width: 1140px;
        max-width: 100%;
        height: auto;
        padding: 15px;
        margin: 0 auto
    }
}

@media only screen and (min-width:75em) {
    body#checkout .header-wrap {
        padding: 15px
    }
}

.header-wrap__column {
    flex: 1;
    display: flex
}

.header-wrap__column:nth-child(2) {
    justify-content: center
}

@media only screen and (min-width:75em) {
    .header-wrap__column:nth-child(2) {
        flex: none
    }
}

.header-wrap__column:nth-child(3) {
    justify-content: flex-end
}

@media only screen and (min-width:75em) {
    .header-wrap__column:nth-child(3) {
        order: 1
    }
}
.header-wrap #search_widget {
    display: none
}
/* .header-wrap.search_mobile #search_widget {
    display: block
} */

@media only screen and (min-width:75em) {
    .header-wrap #search_widget {
        display: block;
        width: 100%;
        margin: 0 15px;
        text-align: center
    }
}
/*
.search-is-open .header-wrap .search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px 0 50px;
    background-color: #fff
}

@media only screen and (min-width:36em) {
    .search-is-open .header-wrap .search {
        padding-right: 50px
    }
}

@media only screen and (min-width:75em) {
    .search-is-open .header-wrap .search {
        position: relative;
        padding: 0
    }
}
*/

.header-wrap .search .fi-x {
    cursor: pointer
}

@media only screen and (min-width:75em) {
    .header-wrap .search .fi-x {
        display: none
    }
}

.header-wrap .search form {
    position: relative;
    width: 100%;
    padding-left: 12px
}

@media only screen and (min-width:75em) {
    .header-wrap .search form {
        display: inline-block;
        width: auto;
        padding-left: 0
    }
}

.header-wrap .search input[type=text] {
    border-radius: 40px;
    outline: none;
    padding: 0px 50px 0px 16px !important;
    color: #000;
    background-color: #f9f9f9;
    border:1px solid #000;
    font-size:13px;
    height:45px;
    width:600px;
}

.header-wrap .search input[type=text]:focus {
    border-color: #000
}

@media only screen and (min-width:75em) {

    .header-wrap .search input[type=text]:hover {
        border-color: rgba(0, 0, 0, .2)
    }

    .header-wrap .search input[type=text]:focus {
        border-color: rgba(0, 0, 0, .2);
        background-color: #fff
    }
}

.header-wrap .search input[type=text].ui-autocomplete-loading+button {
    pointer-events: none
}

.header-wrap .search input[type=text].ui-autocomplete-loading+button i {
    pointer-events: none;
    position: relative;
    color: transparent !important
}

.header-wrap .search input[type=text].ui-autocomplete-loading+button i:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    opacity: 1;
    width: 16px;
    height: 16px;
    border-color: transparent transparent #555 #555;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: rotate360 .6s linear infinite
}

.header-wrap .search button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 0;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.header-wrap .search button i {
    padding: 0
}

@media only screen and (min-width:75em) {
    .header-wrap .search button i {
        font-size: 18px
    }
}

.header-wrap .toggle-mobile-menu {
    cursor: pointer
}

.header-wrap .icon {
    padding: 16px 12px;
    font-size: 20px;
    color: #041634;
    transition: color .2s
}

@media only screen and (min-width:75em) {
    .header-wrap .icon {
        padding: 16px 15px;
        font-size: 24px
    }
}

.header-wrap .icon:hover {
    color: #0084d2
}

.header-wrap .logo {
    margin-bottom: 0
}

.header-wrap .logo a {
    display: inline-flex
}

.header-wrap .logo img {
    display: block;
    width: 32px;
    height: 32px
}

@media only screen and (min-width:36em) {
    .header-wrap .logo img {
        width: 200px;
        height: auto
    }
}

@media only screen and (min-width:75em) {
    .header-wrap .logo img {
        width: 297px;
        height: auto
    }
}

.header-wrap .logo img[src*="logo-mamawax-rect.svg"] {
    display: none
}

@media only screen and (min-width:36em) {
    .header-wrap .logo img[src*="logo-mamawax-rect.svg"] {
        display: block
    }
}

@media only screen and (min-width:75em) {
    .header-wrap .logo img[src*="logo-mamawax-rect.svg"] {
        display: none
    }
}

.header-wrap .logo img[src*="logo-mamawax.svg"] {
    display: none
}

@media only screen and (min-width:75em) {
    .header-wrap .logo img[src*="logo-mamawax.svg"] {
        display: block
    }
}

.header-wrap .open-search {
    cursor: pointer
}

.header-wrap .cart {
    text-align: right
}

.header-wrap .cart a {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none
}

.header-wrap .cart.inactive span {
    background-color: #dcdcdc
}

.header-wrap .cart .icon {
    position: relative;
    font-size: 22px
}

@media only screen and (min-width:75em) {
    .header-wrap .cart .icon {
        font-size: 24px
    }
}

.header-wrap .cart-products-count {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 9px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    border-radius: 50%;
    color: #fff;
    background-color: #e42e36
}

.header-wrap .cart-price {
    padding-top: 9px;
    padding-right: 6px;
    margin-left: -6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1
}

@media only screen and (min-width:36em) {
    .header-wrap .cart-price {
        font-size: 16px
    }
}

@media only screen and (min-width:75em) {
    .header-wrap .cart-price {
        font-size: 18px
    }
}
/*
body.search-is-open {
    overflow: hidden
}

@media only screen and (min-width:75em) {
    body.search-is-open {
        overflow: visible
    }
}

@media only screen and (max-width:74.937em) {
    body.search-is-open .ui-autocomplete:not(.dropdown-search-features) {
        display: block !important
    }
}
*/
body.menu-is-open {
    overflow: hidden
}

@media only screen and (min-width:75em) {
    body.menu-is-open {
        overflow: visible
    }
}

body>main {
    transition: transform .3s
}

@media only screen and (min-width:75em) {
    body.desktop-products-tab-is-open {
        overflow: hidden
    }

    body.desktop-products-tab-is-open:before {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #f6f6f6
    }
}

.ui-autocomplete:not(.dropdown-search-features) {
    max-height: 200px;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    overflow: auto;
    background-color: #fff
}

@media only screen and (max-width:74.937em) {
    .ui-autocomplete:not(.dropdown-search-features) {
        position: fixed;
        top: 65px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        height: auto !important;
        max-height: none;
        margin: 0;
        border: 0
    }
}

.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item {
    list-style-image: none
}

.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item .ui-corner-all {
    padding: 10px;
    font-size: 12px;
    border-radius: 0;
    cursor: pointer;
    transition: background-color .2s
}

.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item .ui-corner-all:hover {
    background-color: rgba(0, 0, 0, .1)
}

.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item .ui-corner-all.ui-state-active,
.ui-autocomplete:not(.dropdown-search-features) .ui-menu-item .ui-corner-all.ui-state-focus {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, .1)
}

.main-menu {
    position: fixed;
    top: 64px;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: 1px solid rgba(0, 0, 0, .2);
    box-shadow: inset -1px 0 0 #dcdcdc;
    background-color: #fff;
    overflow: auto;
    transform: translateX(-100%);
    transition: transform .3s
}

@media only screen and (min-width:75em) {
    .main-menu {
        position: relative;
        top: 0;
        border: 0;
        box-shadow: none;
        transform: none;
        transition: none;
        overflow: visible
    }
}

@media only screen and (min-width:75em) {
    .main-menu>div {
        width: 1140px;
        max-width: 100%;
        padding: 0 15px;
        margin: 0 auto
    }
}

.menu-is-open .main-menu {
    transform: none
}

.main-menu ul[data-depth="0"] {
    padding: 10px 16px
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"] {
        position: relative;
        display: flex;
        align-items: center;
        padding: 0;
        margin-bottom: 0
    }
}

.main-menu ul[data-depth="0"] ul {
    margin-left: 20px
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"]>li {
        padding: 0 7px;
        flex: 2 0 auto;
        text-align: center
    }

    .main-menu ul[data-depth="0"]>li:first-of-type {
        flex: 1 0 auto;
        text-align: left;
        padding-left: 0
    }

    .main-menu ul[data-depth="0"]>li:nth-last-of-type(2) {
        flex: 1 0 auto;
        text-align: right;
        padding-right: 0
    }

    .main-menu ul[data-depth="0"]>li a {
        display: inline-block
    }
}

.main-menu ul[data-depth="0"]>li:first-of-type>a {
    pointer-events: none
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"]>li:first-of-type>a {
        position: relative;
        display: inline-flex;
        align-items: center;
        pointer-events: auto;
        padding-left: 25px;
        transition: padding .3s
    }

    body.desktop-products-tab-is-open .main-menu ul[data-depth="0"]>li:first-of-type>a {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"]>li:first-of-type>a .icon {
        top: calc(50% - 8px);
        left: 0;
        right: auto;
        display: block;
        font-size: 16px;
        opacity: 0;
        color: inherit
    }
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"]>li:first-of-type>a .fi-minus {
        opacity: 1;
        transform: none
    }
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"]>li:first-of-type>.sub {
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0;
        right: 0;
        height: calc(100vh - 59px);
        border-top: 1px solid rgba(0, 0, 0, .2);
        text-align: left;
        overflow-y: auto;
        background-color: #f6f6f6;
        opacity: 0;
        pointer-events: none
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="1"] {
        max-width: 100%;
        padding: 50px 0;
        margin: 0;
        line-height: 1.25
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="1"] li.category {
        display: inline-block;
        padding: 0 15px 30px;
        width: 100%
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="1"]>li:first-of-type>.collapse {
        display: block
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="1"]>li>a {
        display: none
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="1"] ul:not([data-depth]) {
        column-count: 2;
        width: 750px;
        margin-left: 0
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="2"] {
        padding: 15px 0 0;
        margin: 0
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="2"]>li.category {
        margin-left: -10px;
        padding: 0
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub ul[data-depth="2"]>li.category a {
        padding: 7px 10px
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub a[data-depth="1"] {
        font-weight: 700
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub a[data-depth="1"] span {
        display: none
    }

    .main-menu ul[data-depth="0"]>li:first-of-type>.sub a[data-depth="1"]+.collapse {
        display: block !important
    }
}

@media only screen and (min-width:75em) {
    .main-menu ul[data-depth="0"]>li:first-of-type.open~li {
        opacity: 0;
        pointer-events: none
    }

    .main-menu ul[data-depth="0"]>li:first-of-type.open>a .fi-minus {
        opacity: 0;
        transform: rotate(90deg)
    }

    .main-menu ul[data-depth="0"]>li:first-of-type.open>a .fi-plus {
        opacity: 1;
        transform: rotate(135deg)
    }

    .main-menu ul[data-depth="0"]>li:first-of-type.open>a+.sub {
        transform: none;
        opacity: 1;
        pointer-events: auto
    }
}

.main-menu a {
    display: block;
    padding: 5px 0;
    font-size: 14px
}

@media only screen and (min-width:48em) {
    .main-menu a {
        padding: 7px 0;
        font-size: 16px
    }
}

@media only screen and (min-width:75em) {
    .main-menu a {
        padding: 0;
        font-size: 14px;
        transition: background-color .2s
    }
}

.main-menu a.item {
    font-weight: 500
}

.main-menu a:focus {
    text-decoration: none
}

.main-menu a[data-depth="0"] {
    margin-top: 10px;
    padding: 10px 0;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (min-width:75em) {
    .main-menu a[data-depth="0"] {
        margin-top: 0;
        padding: 16px 0
    }
}

.main-menu a[data-depth="0"] span[data-toggle] {
    display: none
}

.main-menu a.has-submenu {
    position: relative;
    padding-right: 40px
}

.main-menu a span[data-toggle] {
    position: absolute;
    top: calc(50% - 5px);
    right: 5px;
    font-size: 10px;
    transition: opacity .3s, transform .3s
}

@media only screen and (min-width:48em) {
    .main-menu a span[data-toggle] {
        top: calc(50% - 7px);
        font-size: 14px
    }
}

.main-menu a span[data-toggle]+span {
    opacity: 0;
    transform: rotate(90deg)
}

.main-menu a.open {
    font-weight: 700
}

.main-menu a.open span[data-toggle] {
    opacity: 0;
    transform: rotate(-90deg)
}

.main-menu a.open span[data-toggle]+span {
    opacity: 1;
    transform: none
}

.main-menu .cart {
    display: none
}

@media only screen and (min-width:75em) {
    .main-menu .user-info {
        display: none
    }
}

.main-menu .user-info a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #f6f6f6
}

.main-menu .user-info .fi-user {
    font-size: 24px;
    margin-right: 16px
}

.main-menu .user-info .fi-check {
    top: 10px;
    left: 34px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 6px;
    right: auto
}

.main-menu .user-info span {
    font-weight: 700;
    text-transform: uppercase
}

.main-menu .block-about-brands {
    padding: 0 0 10px
}

.main-menu .block-about-brands .item {
    margin-top: 10px
}

.main-menu .block-about-brands .item>div {
    width: auto
}

@media only screen and (min-width:75em) {
    .main-menu .block-about-brands .item>div {
        width: 130px
    }
}

.main-menu .block-about-brands a {
    padding: 0;
    font-size: 0
}

@media only screen and (min-width:75em) {
    .main-menu .block-about-brands a {
        font-size: 12px
    }
}

.main-menu .block-about-brands img {
    width: auto;
    margin-bottom: 0
}

@media only screen and (min-width:75em) {
    .main-menu .block-about-brands img {
        margin-bottom: 20px
    }
}

.header-wrap .user-info {
    display: none
}

@media only screen and (min-width:75em) {
    .header-wrap .user-info {
        display: block
    }
}

.header-wrap .user-info .account {
    position: relative;
    display: block
}

.header-wrap .user-info .account:focus {
    text-decoration: none
}

.header-wrap .user-info span {
    display: none
}

.user-info .fi-check {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    line-height: 18px;
    text-align: center;
    font-size: 8px;
    font-weight: 700;
    border-radius: 50%;
    color: #fff;
    background-color: #21bb70;
    color: #fff !important
}

#top-menu .good-plans a {
    font-weight: 700
}

@media only screen and (min-width:75em) {
    #top-menu .good-plans--mobile {
        display: none
    }
}

#top-menu .good-plans--mobile a {
    color: #c0392b
}

#top-menu .good-plans--desktop {
    display: none
}

@media only screen and (min-width:75em) {
    #top-menu .good-plans--desktop {
        position: absolute;
        top: calc(50% - 18px);
        right: 0;
        width: auto;
        padding: 0
    }

    body.desktop-products-tab-is-open #top-menu .good-plans--desktop {
        display: block;
        opacity: 1;
        pointer-events: auto
    }
}

#top-menu .good-plans--desktop a {
    padding: 0 16px;
    line-height: 36px;
    border-radius: 36px;
    font-size: 12px;
    color: #fff;
    background-color: #c0392b;
    transition: background-color .2s
}

#top-menu .good-plans--desktop a:hover {
    color: #fff !important;
    background-color: #9a2e22
}

.desktop-tabs-filter {
    display: none
}

@media only screen and (min-width:75em) {
    .desktop-tabs-filter {
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        width: 450px;
        transform: translateX(-50%)
    }

    .desktop-products-tab-is-open .desktop-tabs-filter {
        display: flex
    }

    .desktop-tabs-filter a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 33.33%;
        margin: 0 15px;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        font-size: 12px;
        font-weight: 500;
        transition: border-color .2s !important
    }

    .desktop-tabs-filter a:hover {
        border-bottom-color: rgba(4, 22, 52, .25);
        color: #041634 !important
    }

    .desktop-tabs-filter a.open {
        border-bottom-color: #041634
    }
}

.push-products-menu {
    display: none
}

@media only screen and (min-width:75em) {
    .push-products-menu {
        position: absolute;
        top: 50px;
        right: 15px;
        display: block;
        width: 220px
    }
}

.push-products-menu__title {
    display: block;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 26px;
    color: #041634
}

.push-products-menu .product {
    margin-bottom: 20px;
    background-color: #fff
}

#header .push-products-menu .product a {
    transition: color .2s, border-color .2s
}

.search_features_widget {
    padding: 20px 16px;
    text-align: center;
    color: #041634;
    background-color: #f6f6f6
}

@media only screen and (min-width:48em) {
    .search_features_widget {
        padding: 40px 20px
    }
}

@media only screen and (min-width:75em) {
    .search_features_widget {
        padding: 0
    }
}

.search_features_widget-wrapper {
    margin: 0 -16px 0 -36px
}

@media only screen and (min-width:75em) {
    .search_features_widget-wrapper {
        margin: 0
    }
}

.search_features_widget .title {
    font-size: 18px;
    margin-bottom: 16px;
    line-height: 1.25;
    font-weight: 700
}

@media only screen and (min-width:320px) {
    .search_features_widget .title {
        font-size: calc(18px + 8*(100vw - 320px)/672)
    }
}

@media only screen and (min-width:992px) {
    .search_features_widget .title {
        font-size: 26px
    }
}

@media only screen and (min-width:48em) {
    .search_features_widget .title {
        margin-bottom: 24px
    }
}

.search_features_widget .title small {
    display: block;
    margin-top: 5px;
    font-weight: inherit;
    text-transform: lowercase
}

.search_features_widget .widget {
    position: relative;
    width: 95%;
    margin: 0 auto
}

.search_features_widget .widget input[type=text] {
    width: 100%;
    height: 40px;
    padding: 0 50px 0 16px;
    font-size: 16px;
    border-radius: 40px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    outline: none
}

.search_features_widget .widget input[type=text]:-ms-input-placeholder {
    font-size: 14px;
    color: #a6a59f
}

.search_features_widget .widget input[type=text]::-ms-input-placeholder {
    font-size: 14px;
    color: #a6a59f
}

.search_features_widget .widget input[type=text]::placeholder {
    font-size: 14px;
    color: #a6a59f
}

.search_features_widget .widget input[type=text].ui-autocomplete-loading+i {
    pointer-events: none;
    position: absolute;
    color: transparent !important
}

.search_features_widget .widget input[type=text].ui-autocomplete-loading+i:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    opacity: 1;
    width: 16px;
    height: 16px;
    border-color: transparent transparent #041634 #041634;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: rotate360 .6s linear infinite
}

.search_features_widget .widget .icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    pointer-events: none
}

.search_features_widget .widget .icon.fi-x {
    font-size: 12px;
    pointer-events: auto;
    cursor: pointer
}

.search_features_widget .wrap {
    max-width: 450px;
    margin: 0 auto
}

#support_list {
    margin-top: 20px
}

#support_list:empty {
    display: none
}

@media only screen and (min-width:48em) {
    #support_list {
        margin-top: 60px
    }
}

@media only screen and (min-width:75em) {
    #support_list {
        max-width: 800px;
        margin: 60px auto 0
    }
}

#support_list.is-loading {
    display: block;
    min-height: 40px;
    pointer-events: none;
    position: relative;
    color: transparent !important
}

#support_list.is-loading:before {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    opacity: 1;
    width: 40px;
    height: 40px;
    border-color: transparent transparent #041634 #041634;
    border-style: solid;
    border-width: 4px;
    border-radius: 50%;
    animation: rotate360 .6s linear infinite
}

#support_list.is-loading>* {
    display: none
}

#support_list label {
    display: inline-block;
    margin: 5px 4px;
    padding: 6px 10px;
    border: 1px solid #041634;
    border-radius: 30px;
    line-height: 1.4;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    background-color: #fff;
    color: #041634;
    transition: color .2s, background-color .2s;
    cursor: pointer
}

@media only screen and (min-width:48em) {
    #support_list label {
        font-size: 12px;
        padding: 7px 15px
    }
}

#support_list label:hover {
    background-color: rgba(4, 22, 52, .05)
}

#support_list input[type=checkbox] {
    display: none
}

#support_list input[type=checkbox]:checked+label {
    color: #fff;
    background-color: #041634
}

#support_list input[type=checkbox]:checked~:last-child [type=submit] {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer
}

#support_list [type=submit] {
    opacity: .25;
    pointer-events: none;
    cursor: not-allowed
}

.dropdown-search-features {
    column-count: auto !important;
    position: static !important;
    width: 85% !important;
    max-width: 100%;
    max-height: 150px;
    margin: -1px auto 0 !important;
    padding: 5px;
    border: 1px solid #d9d9d9;
    text-align: left;
    background-color: #fff;
    overflow-y: auto
}

@media only screen and (min-width:36em) {
    .dropdown-search-features {
        width: 88% !important;
        padding: 10px
    }
}

.dropdown-search-features .ui-menu-item {
    display: inline-block;
    width: auto
}

.dropdown-search-features .ui-menu-item a {
    margin: 5px !important;
    padding: 5px 12px !important;
    border: 1px solid #041634 !important;
    border-radius: 30px !important;
    font-size: 10px;
    font-weight: 500 !important;
    text-align: center;
    background-color: #fff !important;
    transition: color .2s, background-color .2s !important;
    cursor: pointer
}

@media only screen and (min-width:36em) {
    .dropdown-search-features .ui-menu-item a {
        font-size: 12px
    }
}

.dropdown-search-features .ui-menu-item a:hover {
    color: #fff !important;
    background-color: #041634 !important
}

#footer {
    display: block !important;
    padding: 0
}

.footer-container {
    padding-top: 0;
    margin-top: 0;
    box-shadow: none
}

.footer-container .links {
    color: #fff
}

@media only screen and (min-width:48em) {
    .footer-container .links {
        padding: 30px 15px
    }
}

@media only screen and (min-width:62em) {
    .footer-container .links {
        padding: 160px 15px 50px;
        background: url(/img/marques/briochin/logo-mamawax-white.svg) center 60px no-repeat;
        background-size: 300px auto
    }
}

@media only screen and (min-width:48em) {
    .footer-container .links>.row {
        column-count: 3
    }
}

@media only screen and (min-width:62em) {
    .footer-container .links>.row {
        column-count: 4
    }
}

.footer-container .links .title {
    position: relative;
    padding: 18px 50px 18px 15px;
    line-height: 1.25;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 0
}

@media only screen and (min-width:48em) {
    .footer-container .links .title {
        margin-bottom: 10px;
        padding: 0
    }
}

.footer-container .links .title span {
    padding-right: 15px;
    line-height: 1.25;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.footer-container .links .title .icon {
    position: absolute;
    top: calc(50% - 6px);
    right: 20px;
    font-size: 12px;
    color: #fff;
    transition: opacity .3s, transform .3s
}

@media only screen and (min-width:48em) {
    .footer-container .links .title .icon {
        display: none
    }
}

.footer-container .links .title .fi-minus {
    opacity: 0;
    transform: rotate(-90deg)
}

.footer-container .links .title.open .fi-plus {
    opacity: 0;
    transform: rotate(90deg)
}

.footer-container .links .title.open .fi-minus {
    opacity: 1;
    transform: none
}

.footer-container .links ul {
    display: none;
    padding-left: 30px;
    background-color: transparent;
    transform: translateY(-10px)
}

@media only screen and (min-width:48em) {
    .footer-container .links ul {
        display: block !important;
        height: auto !important;
        padding: 0;
        margin: 0 0 30px !important;
        transform: none
    }
}

.footer-container .links ul>li {
    padding: 10px 0;
    margin-bottom: 0;
    border: 0
}

@media only screen and (min-width:48em) {
    .footer-container .links ul>li {
        padding: 2px 0
    }
}

.footer-container .links ul>li a {
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

@media only screen and (min-width:48em) {
    .footer-container .links ul>li a:hover {
        text-decoration: underline
    }
}

.footer-container .links .wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media only screen and (min-width:48em) {
    .footer-container .links .wrapper {
        float: none;
        width: 100%;
        padding-left: 15px !important;
        padding-right: 15px !important;
        page-break-inside: avoid
    }
}

.footer-container .block-trustpilot .title {
    pointer-events: none
}

.footer-container .block-trustpilot iframe {
    padding: 0 15px
}

@media only screen and (min-width:48em) {
    .footer-container .block-trustpilot iframe {
        padding: 0;
        margin-bottom: 30px
    }
}

.footer-container .block-social {
    text-align: left
}

.footer-container .block-social .title {
    pointer-events: none
}

@media only screen and (min-width:48em) {
    .footer-container .block-social .title {
        margin-bottom: 15px
    }
}

.footer-container .block-social ul {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    padding-left: 15px;
    margin: 15px 0
}

@media only screen and (min-width:48em) {
    .footer-container .block-social ul {
        padding-left: 0
    }
}

.footer-container .block-social li {
    width: 40px;
    height: 40px;
    padding: 0 !important;
    margin: 0 16px 0 0;
    border-radius: 50%;
    background-color: #fff;
    background-position: 50%;
    background-size: 65% auto;
    transition: background-color .2s
}

.footer-container .block-social li:before {
    display: none
}

.footer-container .block-social li:hover {
    background-color: hsla(0, 0%, 100%, .75)
}

.footer-container .block-social li.facebook {
    background-image: url(https://www.mamawax.fr/themes/classic-child/assets/img/facebook.svg)
}

.footer-container .block-social li.youtube {
    background-image: url(https://www.mamawax.fr/themes/classic-child/assets/img/youtube.svg)
}

.footer-container .block-social li.instagram {
    background-image: url(https://www.mamawax.fr/themes/classic-child/assets/img/instagram.svg)
}

.block-reassurance {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #a6a59f;
    background-color: #f6f6f6
}

@media only screen and (min-width:62em) {
    .block-reassurance {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: left
    }
}

.block-reassurance .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: -20px
}

.block-reassurance .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

@media only screen and (min-width:62em) {
    .block-reassurance .item {
        flex-direction: row
    }
}

.block-reassurance .icon {
    display: block;
    font-size: 40px;
    color: inherit
}

.block-reassurance .icon[src] {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    object-fit: contain
}

.block-reassurance span {
    margin-top: 10px;
    line-height: 1.25;
    font-size: 12px;
    font-weight: 700
}

@media only screen and (min-width:62em) {
    .block-reassurance span {
        margin: 0 0 0 15px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    transform: translateZ(0)
}

.swiper-slide,
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transition-property: transform
}

.swiper-slide {
    flex-shrink: 0
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border: 1px solid #041634;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px transparent;
    background-color: transparent;
    transition: box-shadow .2s, background-color .2s;
    cursor: pointer;
    outline: none
}

.swiper-pagination-bullet:hover {
    box-shadow: inset 0 0 0 1px #fff;
    background-color: #041634
}

.swiper-pagination-bullet-active {
    background-color: #041634
}

.swiper-pagination-bullet:only-child {
    display: none
}
.breakzone {
    padding: 0 !important;
    margin: 0 !important;
}
.breakzone img {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.breakzone .thumbnail-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
@media only screen and (max-width: 576px) {
    .breakzone {
        margin: 30px 0 !important;
        text-align: center;
    }
    .breakzone img {
        margin: 0 !important;
        max-width: 300px;
        width: 100% !important;
        height: auto !important;
    }
}

.mmx_home {
    max-width: 1020px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 180px;
}
.mmx_home .col_left {
    max-width: 300px;
    width: 100%;
}
.mmx_home .col_mid {
    max-width: 300px;
    width: 100%;
    margin-right: -100px;
    margin-left: -20px;
    z-index: 2;
    position: relative;
    top: 110px;
}
.mmx_home .col_right {
    max-width: 540px;
    width: 100%;
    background-color: #04222d;
    padding: 30px 30px 10px 130px;
    position: relative;
    top: 50px;
    text-align: center;
}
.mmx_home .col_right h2 {
    color: white !important;
    margin-left: -100px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 33px;
    text-align: left;
}
.mmx_home .col_right p {
    color: #15274b;
    font-size: 19px;
    text-align: left;
}
.mmx_home .col_right a {
    display: block;
    max-width: 220px;
    padding: 6px 10px;
    background-color: #fff;
    color: #04222d;
    text-decoration: none;
    text-align: center;
    transition: .2s;
    border: solid 1px transparent;
    margin: 0 auto 20px auto;
}
.mmx_home .col_right a:hover {
    background-color: transparent;
    color: #fff;
    border: solid 1px #fff;

}
.mmx_home img {
    width: 100%;
    height: auto;
    display: block;
}
@media only screen and (max-width: 768px) {
    .mmx_home {
        flex-direction: column;
        padding-bottom: 30px;
    }
    .mmx_home .col_left {
        display: none;
    }
    .mmx_home .col_mid {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: -1px;
        z-index: 0;
        top: auto;
    }
    .mmx_home .col_right {
        max-width: 300px;
        width: 100%;
        text-align: center;
        padding: 30px 30px 10px 30px;
        top: 0 !important;
    }
    .mmx_home .col_right h2 {
        font-size: 25px !important;
	  margin-left: 0 !important;
    }
    .mmx_home .col_right p {
        font-size: 18px !important;
    }
}

h1.logo > a > img:nth-of-type(3) {
    width : 245px;
}
    
div#search_widget input[type=text]::placeholder {
    color: #000 !important;
    font-size:14px;
}
#search_widget button .icon {
    color: #041634;
}

.hidden-xl-up .fi-search {
    display: none !important;
}
.mmx_search_dskt {
    display: none;
}
.mmx_search_dskt #search_widget {
    padding: 0 15px !important;
    margin: 0;
}
.mmx_search_mob {
    display: block;
}
.mmx_search_mob #search_widget {
    text-align: center;
    padding: 0 15px 10px 15px;
}
.mmx_search_mob .search .fi-x {
    display: none;
}
.mmx_search_mob .search form {
    display: inline-block;
    width: auto;
    padding-left: 0;
    position: relative;
    width: 100%;
}
.mmx_search_mob .search input[type=text] {
    padding: 0px 50px 0px 16px !important;
    color: #000;
    background-color: #f9f9f9;
    border: 1px solid #000;
    font-size: 13px;
    height: 45px;
    max-width: 600px !important;
    width: 100% !important;
    border-radius: 40px;
    outline: none;
}
.mmx_search_mob .search button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    padding: 0;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
@media (min-width: 1200px) {
    .mmx_search_dskt {
        display: block;
        width: 100%;
    }
    .mmx_search_mob {
        display: none;
    }
}
#carousel {
    width: 1140px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.carousel .carousel-inner {
    height: 100%;
}
#carousel figure {
    margin: 0;
}
@media (max-width: 1200px) {
    #carousel {
        width: 100%;
    }
}


#module-prestablog-blog {
    padding-top: 380px !important;
    overflow-x: hidden;
}
#module-prestablog-blog #wrapper {
    position: relative;
    margin-bottom: 0;
}
#module-prestablog-blog #wrapper > .container {
    flex-direction: column-reverse;
}
#module-prestablog-blog .breadcrumb {
    display: none;
}
#module-prestablog-blog #left-column {
    width: 100% !important;
}
#module-prestablog-blog .block-categories {
    margin-bottom: 50px;
}
#module-prestablog-blog .block-categories .block_content {
    column-width: 350px;
    column-gap: 30px;
}
#module-prestablog-blog .block-categories .block_content .item--parent {
    /* width: calc(50% - 25px); */
    width: 100%;
    border-bottom: 1px  solid #e0e0e0;
    padding: 15px 0;

    /* display: table-cell; */
    display: inline-block;
    
}

#module-prestablog-blog #wrapper #left-column.mmx_post_cat {
    width: calc(75% - 25px) !important;
}
#module-prestablog-blog .mmx_post_bot {
    width: calc(75% - 25px) !important;
}
#module-prestablog-blog .mmx_post_bot #blog_article_linked .grid-articles .blog-grid {
    width: calc(50% - 25px);
}
#module-prestablog-blog .mmx_post_bot #blog_article_linked .grid-articles .blog-grid article {
    border: none;
}
#module-prestablog-blog .mmx_post_bot #blog_article_linked .grid-articles .blog-grid article h2 a {
    font-weight: 300;
}
#module-prestablog-blog .mmx_post_bot #blog_article_linked .grid-articles .blog-grid article h2 a:hover {
    color: #b98e63;
}
#module-prestablog-blog .mmx_comments {
    width: calc(75% - 25px) !important;
}
#module-prestablog-blog .mmx_post_title {
    background-color: #b98e63;
    color: #fff;
    text-align: center;
    padding: 25px;
    margin-bottom: 30px;
    background-size: 75%;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
    top: -201px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#module-prestablog-blog .mmx_post_title .info_blog a {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
#module-prestablog-blog .mmx_post_title .info_blog {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
}
#module-prestablog-blog .mmx_post_title #prestablog_article {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}
#module-prestablog-blog #content-wrapper {
    width: 100% !important;
    position: static;
}
#module-prestablog-blog #content-wrapper #mmx_blog_product_linked h3 {
    display: inline-block;
    padding: 8px 20px;
    background-color: #b98e63;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
}
#module-prestablog-blog .mmx_post {
    display: flex;
    justify-content: space-between;
}

#module-prestablog-blog .mmx_post #prestablogfont h2 {
    color: #b98e63;
}
#module-prestablog-blog .mmx_post #prestablogfont {
    width: calc(75% - 25px);
}
#module-prestablog-blog .mmx_post #mmx_blog_product_linked {
    width: calc(25% - 25px);
    margin-top: 0;
    text-align: center;
}
#module-prestablog-blog .mmx_post #mmx_blog_product_linked .product-title {
    text-decoration: underline;
    margin-bottom: 20px !important;
}
#module-prestablog-blog .mmx_post .price {
    color: #081f31;
    font-weight: 700;
    margin: 10px 0;
}
#module-prestablog-blog .mmx_post .product-quantity .add {
    padding: 0 !important;
}
#module-prestablog-blog .mmx_post .product-quantity .add .btn {
    padding: 3px 10px 5px 10px;
    background-color: #fff;
    border: solid 2px #081f31;
    color: #081f31;
    text-transform: capitalize;
    border-radius: 30px;
    text-decoration: underline;
}
#module-prestablog-blog .mmx_post .product-quantity .add .btn:hover {
    background-color: #081f31;
    border: solid 2px #081f31;
    color: #fff;
}
#module-prestablog-blog .product-reviews {
    margin-top: 15px;
    height: 18px;
}
#module-prestablog-blog #blog_share {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 0 !important;
}
#module-prestablog-blog .mmx_une {
    margin-top: -140px;
    margin-bottom: 80px;
}
#module-prestablog-blog .mmx_une h2 {
    font-size: 24px;
    color: #000;
    margin: 0 0 20px 0;
}
#module-prestablog-blog .mmx_une .box_cols {
    display: flex;
    align-items: center;
}
#module-prestablog-blog .mmx_une .box_cols .col_left {
    width: 100%;
    max-width: 700px;
}
#module-prestablog-blog .mmx_une .box_cols .col_left img {
    width: 100%;
}
#module-prestablog-blog .mmx_une .box_cols .col_right {
    width: 100%;
    max-width: 500px;
    background-color: #b98e63;
    margin-left: -120px;
    padding: 30px 20px;
}
#module-prestablog-blog .mmx_une .box_cols .col_right h3 {
    color: #fff;
    font-size: 20px;
}
#module-prestablog-blog .mmx_une .box_cols .col_right p {
    font-weight: 300;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 30px;
}
#module-prestablog-blog .mmx_une .box_cols .col_right a {
    color: #fff;
    display: inline-block;
    padding: 3px 20px 5px 20px;
    text-decoration: underline;
    border: solid 1.5px #fff;
    border-radius: 30px;
    font-weight: 500;
    transition: .2s;
}
#module-prestablog-blog .mmx_une .box_cols .col_right a:hover {
    background-color: #fff;
    color: #b98e63;
}
#module-prestablog-blog .box_mmx_posts {
    display: flex;
    position: relative;
    z-index: 0;
    padding: 50px 0 80px 0;
}
#module-prestablog-blog .box_mmx_posts.box_mmx_posts_view {
    padding: 10px 0 80px 0;
    margin-bottom: 30px;
}
#module-prestablog-blog .title-blog {
    font-size: 24px;
    color: #000;
}
#module-prestablog-blog .box_mmx_posts.aftbfr:before {
    content: '';
    width: 5000px;
    height: 50%;
    background-color: #b98e63;
    position: absolute;
    left: -1000px;
    right: -1000px;
    top: 0;
    margin: auto;
    z-index: -1;
}
#module-prestablog-blog .box_mmx_posts.aftbfr:after {
    content: '';
    width: 5000px;
    height: 50%;
    background-color: #f9f9f9;
    position: absolute;
    left: -1000px;
    right: -1000px;
    bottom: 0;
    margin: auto;
    z-index: -1;
}
#module-prestablog-blog .mmx_blog_home {
    display: flex;
    position: relative;
    z-index: 0;
}
#module-prestablog-blog .mmx_blog_home .mmx_post_li {
    min-width: 300px;
    z-index: 1;
    background-color: #fff;
    position: relative;
    padding-bottom: 20px;
}
#module-prestablog-blog .mmx_blog_home.mmx_blog_home_view .mmx_post_li {
    border: solid 1px #707070;
}
#module-prestablog-blog .mmx_blog_home .mmx_post_li a.read_more {
    text-decoration: underline;
    color: #081f31;
    position: absolute;
    bottom: 20px;
    font-weight: 600;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_post_li a.read_more:hover,
#module-prestablog-blog .mmx_blog_home .mmx_post_li a.read_more:hover {
    color: #b98e63;
}
#module-prestablog-blog .mmx_blog_home .mmx_post_li .mmx_post_infos {
    padding: 15px;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_post_li .mmx_post_infos h2 a:hover,
#module-prestablog-blog .mmx_blog_home .mmx_post_li .mmx_post_infos h2 a:hover {
    color: #b98e63;
}
#module-prestablog-blog .mmx_blog_home .mmx_post_li:not(:last-child) {
    margin-right: 25px;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_nav {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: solid 1px #777777;
    border-radius: 50%;
    position: absolute;
    bottom: 30px;
    z-index: 10;
    transition: .2s;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_nav:hover {
    background-color: #777777;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_prev {
    right: 50px;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_next {
    right: 0;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_prev::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 3px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 1px solid #777777;
    border-left: 1px solid #777777;
    transform: rotate(45deg);
    transition: .2s;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_next::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 1px solid #777777;
    border-right: 1px solid #777777;
    transform: rotate(-45deg);
    transition: .2s;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_prev:hover::before {
    border-bottom: 1px solid #f9f9f9;
    border-left: 1px solid #f9f9f9;
}
#module-prestablog-blog .box_mmx_posts .mmx_post_next:hover::before {
    border-bottom: 1px solid #f9f9f9;
    border-right: 1px solid #f9f9f9;
}
.mmx_slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.mmx_slider .box_slides {
    position: relative;
    display: flex;
}
.mmx_slider .box_slides .slide {
    height: 100%;
    width: 100%;
}
.mmx_slider .box_slides .slide .product {
    width: 245px;
    display: block !important;
}
.mmx_slider .box_slides .slide .product .product-thumbnail {
    height: auto;
}
.mmx_slider .box_slides .slide .product .product-thumbnail img {
    width: 100px;
    margin: 0 auto;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat {
    display: flex;
    flex-wrap: wrap;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li {
    width: 250px;
    border: solid 1px #707070;
    margin: 0 10px 20px 10px;
    position: relative;
    padding-bottom: 20px;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_infos {
    padding: 15px;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_post_li a.read_more {
    text-decoration: underline;
    color: #081f31;
    position: absolute;
    bottom: 20px;
    font-weight: 600;
}
#module-prestablog-blog .categories_select {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    max-width: 250px;
    margin-right: 50px;
}
#module-prestablog-blog .mmx_box_title {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    margin-top: -150px;
}
#module-prestablog-blog .mmx_box_title .cat_desc_blog p {
    margin: 0;
}
#module-prestablog-blog .pagination .page-list {
    border: none;
}
#module-prestablog-blog .box_mmx_posts_cat .mmx_post_li a.read_more_mob {
    display: none;
}
#module-prestablog-blog #comments {
    margin-bottom: 100px;
}
#module-prestablog-blog .mmx_newsletter {
    background-color: #b98e63;
    padding: 15px;
    color: #fff;
}
#module-prestablog-blog .mmx_newsletter.page_all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 15px;
}
#module-prestablog-blog .mmx_newsletter.page_all::before {
    content: '';
    width: 5000px;
    position: absolute;
    left: -1000px;
    right: -1000px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #b98e63;
}
#module-prestablog-blog .mmx_newsletter.page_all .infos {
    max-width: 500px;
    width: 100%;
    position: relative;
}
#module-prestablog-blog .mmx_newsletter.page_all .infos p {
    margin: 0;
}
#module-prestablog-blog .mmx_newsletter.page_all form {
    max-width: 500px;
    width: 100%;
    height: 34px;
}

#module-prestablog-blog .mmx_newsletter h3 {
    color: #fff;
    padding: 0 !important;
    margin-bottom: 10px;
    font-size: 20px;
}
#module-prestablog-blog .mmx_newsletter p {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}
#module-prestablog-blog p.confirm {
    color: #fff;
    position: relative;
    margin: 0;
}
#module-prestablog-blog .mmx_newsletter .mmx_newsletter_form {
    position: relative;
}
#module-prestablog-blog .mmx_newsletter .mmx_newsletter_form input {
    width: 100%;
    border-radius: 0;
    border: none;
    background-color: #fff;
    color: #000;
    height: 34px;
}
#module-prestablog-blog .mmx_newsletter.page_all .mmx_newsletter_form button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #eee;
    border: none;
    outline: none;
    transition: .2s;
    cursor: pointer;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px;
}
#module-prestablog-blog .mmx_newsletter:not(.page_all) .mmx_newsletter_form button {
    background-color: #eee;
    border: none;
    outline: none;
    transition: .2s;
    cursor: pointer;
    padding: 6px 10px;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
}
#module-prestablog-blog .mmx_newsletter .mmx_newsletter_form button:hover {
    background-color: #000;
    color: #fff;
}
#contact {
    padding-top: 340px !important;
}
#contact #wrapper {
    position: relative;
    padding-bottom: 130px;
}
#contact .mmx_ct_title {
    background-color: #b98e63;
    color: #fff;
    text-align: center;
    padding: 25px;
    margin-bottom: 30px;
    background-size: 75%;
    background-position: top center;
    position: absolute;
    left: 0;
    right: 0;
    top: -161px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#contact .mmx_ct_title h1 {
    color: #fff;
}
#contact .mmx_ct_title p {
    color: #fff;
    margin: 0;
}
#contact .breadcrumb {
    display: none;
}
#contact #content-wrapper {
    position: static;
    margin: 0 auto;
    float: none !important;
}
#contact .ct_questions .tgslide {
    display: none;
}
#contact .ct_questions .tgslide a {
    text-decoration: underline;
}
#contact .ct_questions .tgslide a:hover {
    color: #b98e63;
}
#contact .ct_questions .grp {
    border-bottom: solid 1px #dadada;
    cursor: pointer;
    position: relative;
}
#contact .ct_questions .grp::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url('/img/ct/arrow_ct.png');
    background-size: cover;
    position: absolute;
    top: 15px;
    right: 15px;
    transition: .2s;
}
#contact .ct_questions .grp.active::before {
    transform: rotate(-180deg);
}
#contact .ct_questions .grp p {
    color: #000;
}
#contact .ct_questions .grp > p {
    padding: 20px 60px 20px 15px;
    margin: 0;
}
#contact .ct_questions .tgslide {
    padding: 0 15px;
}
#contact .ct_bot {
    text-align: center;
}
#contact .ct_bot p {
    margin: 30px 0;
}
#contact p.cta1 {
    text-align: center;
    margin: 30px 0;
    border-bottom: solid 1px #dadada;
    padding-bottom: 30px;
}
#contact p.cta2 {
    margin-bottom: 50px;
}
#contact .ct_bot a,
#contact .ct_questions .cta1 a {
    display: inline-block;
    padding: 4px 20px 6px 20px;
    background-color: #fff;
    border: solid 1px black;
    text-decoration: underline;
    border-radius: 30px;
    transition: .2s;
    font-weight: 600;
}
#contact .ct_bot a:hover,
#contact .ct_questions .cta1 a:hover {
    background-color: black;
    color: #fff;
}
#contact h2 {
    color: #b98e63;
}
#contact .contact-form {
    max-width: 500px;
    width: 100%;
    margin: 30px auto 0 auto;
    padding: 0;
}
#contact .contact-form textarea,
#contact .contact-form input[type=text],
#contact .contact-form input[type=email] {
    background-color: #d5d2d2;
    border: none;
    outline: none;
    border-radius: 3px;
    color: #000 !important;
    font-weight: 500;
    width: 100%;
}
#contact .contact-form textarea::placeholder,
#contact .contact-form input[type=text]::placeholder,
#contact .contact-form input[type=email]::placeholder {
    color: #666;
}


#contact .contact-form input[type=submit] {
    background-color: #000;
    border-radius: 30px;
    transition: .2s;
}
#contact .contact-form input[type=submit]:hover {
    background-color: #fff;
    color: #000;
}
#contact .contact-form .box_optin {
    position: relative;
    padding-left: 20px;
}
#contact .contact-form .box_optin label {
    text-align: left;
}
#contact .contact-form .box_optin a {
    text-decoration: underline;
    color: #000;
}
#contact .contact-form .box_optin a:hover {
    text-decoration: underline;
    color: #000;
}
#contact .contact-form .box_optin input[type=checkbox] {
    position: absolute;
    top: 3px;
    left: 0;
}
#contact .customer_service {
    background-color: #b98e63;
    color: #fff;
    text-align: center;
    padding: 30px 15px;
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
}
#contact .customer_service a {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
}
#contact .customer_service h3 {
    color: #fff;
    margin: 0 0 15px 0;
    font-size: 20px;
}
#contact .customer_service p {
    color: #fff;
    margin: 0;
}
#module-prestablog-blog .box_mmx_posts_cat_view {
    z-index: 0;
    position: relative;
    margin-bottom: 50px;
    padding: 30px 0 100px 0;
    border-bottom: solid 1px #dadada;
}
#module-prestablog-blog .box_mmx_posts_cat_view::before {
    content: '';
    width: 5000px;
    background-color: #b98e63;
    position: absolute;
    left: -1000px;
    right: -1000px;
    top: 0;
    margin: auto;
    z-index: -1;
    height: calc(100% - 80px);
}
#module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view {
    display: flex;
    justify-content: space-between;
}
#module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li {
    width: 340px;
}
#module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos {
    background-color: #fff;
    padding: 20px 15px;
    max-width: 300px;
    margin: -80px auto 0 auto;
    position: relative;
}
#module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos .read_more:hover,
#module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos h2 a:hover {
    color: #b98e63;
}
#module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos .read_more {
    font-weight: 600;
    text-decoration: underline;
}
#module-prestablog-blog .ct_post {
    padding: 30px 0;
    text-align: center;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 30px;
}
#module-prestablog-blog .ct_post a {
    text-decoration: underline;
    font-weight: 500;
}
#module-prestablog-blog .ct_post a:hover {
    color: #b98e63;
}
#module-prestablog-blog #blockcart-modal section.row .product {
    display: flex;
    min-height: 0;
    text-align: left;
}
#module-prestablog-blog #blockcart-modal section.row .product-thumbnail {
    max-width: 90px;
    height: auto;
    margin: 0;
    width: auto;
}
#module-prestablog-blog #blockcart-modal section.row .product-details {
    max-width: 50%;
    flex: none;
    padding-left: 10px;
}
#module-prestablog-blog #blockcart-modal section.row .product-details .product-title {
    margin-bottom: 10px;
}
#module-prestablog-blog #blockcart-modal section.row .attributes-quantities {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}
#module-prestablog-blog #blockcart-modal .cart-content-btn {
    margin: 15px 0 0;
    padding: 15px 15px 30px 15px;
    background-color: #f6f6f6;
}
#module-prestablog-blog #blockcart-modal .cart-content-btn .btn {
    margin-top: 15px;
}
#module-prestablog-blog #blockcart-modal .product-accessories {
    margin: 60px auto;
    padding: 0 30px;
}
#module-prestablog-blog #blockcart-modal .slider-products .slider-title {
    font-weight: 400;
    margin-bottom: 20px!important;
}
#module-prestablog-blog #blockcart-modal section.row .product-prices {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    display: block;
    width: 30%;
    padding-left: 80px;
}
#module-prestablog-blog #blockcart-modal section.row .product-price {
    font-size: 30px;
    text-align: right;
    display: block;
    font-weight: 700;
}
#module-prestablog-blog .br_desk {
    display: none;
}
#module-prestablog-blog .mmx_post #mmx_blog_product_linked #products {
    border-bottom: solid 1px #b1b1b1;
    margin-bottom: 40px;
}
#module-prestablog-blog .mmx_post #mmx_blog_product_linked #slider_1 {
    margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
    #module-prestablog-blog .br_desk {
        display: block;
    }
    #module-prestablog-blog #blockcart-modal .slider-products .swiper-slide {
        width: 215px!important;
        margin-right: 0!important;
        padding-right: 24px;
        height: auto;
    }
    #module-prestablog-blog #blockcart-modal .slider-products .swiper-wrapper {
        overflow-x: scroll;
    }
    #module-prestablog-blog #blockcart-modal section.row .product-price {
        font-size: 22px;
    }
    #module-prestablog-blog #blockcart-modal section.row .product-details {
        width: 100%;
        max-width: auto;
    }
    #module-prestablog-blog #blockcart-modal section.row .product-prices {
        position: relative;
        width: 100%;
    }
    #module-prestablog-blog .mmx_post_title {
        border-radius: 15px;
        left: 15px;
        right: 15px;
        top: -186px;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view {
        margin: 0 -15px 50px -15px;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos .read_more {
        background-color: #b98e63;
        border-radius: 30px;
        padding: 6px 20px 8px 20px;
        color: #fff;
        margin-top: 10px;
        display: inline-block;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos .read_more:hover {
        background-color: #fff;
        color: #b98e63;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view {
        padding: 0;
        border: none;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        border-bottom: solid 1px #b5b5b5;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li img {
        width: 100%;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li:not(:last-child) {
        margin-bottom: 50px;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos {
        max-width: none;
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 20px 15px 50px 15px;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view .mmx_post_li .mmx_post_infos h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view .mmx_blog_cat_view {
        flex-direction: column;
        align-items: center;
    }
    #module-prestablog-blog .box_mmx_posts_cat_view::before {
        display: none;
    }
    #contact {
        padding-top: 0 !important;
    }
    #contact #header {
        margin-bottom: 15px !important;
    }
    #contact #wrapper {
        padding-top: 150px;
    }
    #contact .mmx_ct_title {
        top: 0;
        left: 15px;
        right: 15px;
        border-radius: 15px;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_post_li a.read_more {
        display: none;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_post_li a.read_more_mob {
        background-image: url('/img/blog/read_more_mob.jpg');
        min-width: 10px;
        height: 16px;
        display: block;
    }
    #module-prestablog-blog .mmx_box_title {
        flex-direction: column;
        align-items: center;
        max-width: 500px;
        width: 100%;
        margin: -150px auto 30px auto;
    }
    #module-prestablog-blog .categories_select {
        margin-right: 0;
        margin-bottom: 30px;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat {
        flex-direction: column;
        align-items: center;
        margin-left: -15px;
        margin-right: -15px;
    }
    #module-prestablog-blog .title-blog.title-cat {
        max-width: 500px;
        width: 100%;
        margin: 30px auto 20px auto;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li {
        width: 100%;
        max-width: 500px;
        border: none;
        border-bottom:  solid 1px #707070;
        margin: 0 0 15px 0;
        padding: 0 10px 15px 10px;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li article {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li .mmx_post_infos {
        max-width: 300px;
        width: 100%;
        padding: 0 15px;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li .mmx_post_infos h2 {
        font-size: 16px;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li .mmx_post_infos p {
        display: none;
    }
    #module-prestablog-blog .box_mmx_posts_cat .mmx_blog_cat .mmx_post_li img {
        max-width: 200px;
        width: 100%;
        display: block;
    }
    #module-prestablog-blog {
        padding-top: 0 !important;
    }
    #module-prestablog-blog #header {
        margin-bottom: 201px !important;
    }
    #module-prestablog-blog #blog_share ul {
        justify-content: center;
    }
    #module-prestablog-blog .mmx_post {
        flex-direction: column;
        /* justify-content: space-between; */
    }
    #module-prestablog-blog .mmx_post #prestablogfont {
        width: 100%
    }
    #module-prestablog-blog .mmx_post #mmx_blog_product_linked {
        width: 245px;
        margin: 0 auto;
        padding-top: 30px;
    }
    #module-prestablog-blog .mmx_comments {
        width: 100% !important;
    }
    #module-prestablog-blog #wrapper #left-column.mmx_post_cat {
        width: 100% !important;
    }
    #module-prestablog-blog #left-column {
        order: unset !important;
    }
    #module-prestablog-blog .mmx_post_bot {
        width: 100% !important;
    }
    #module-prestablog-blog #blog_article_linked .grid-articles {
        flex-direction: column;
    }
    #module-prestablog-blog .mmx_post_bot #blog_article_linked .grid-articles .blog-grid {
        width: 100%;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1023px) {
    #module-prestablog-blog .mmx_newsletter.page_all {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #module-prestablog-blog .mmx_newsletter.page_all .infos p {
        margin-bottom: 10px;
    }
    #module-prestablog-blog .mmx_une h2 {
        max-width: 700px;
        margin: 0 auto 20px auto;
        padding-left: 20px;
    }
    #module-prestablog-blog .mmx_une .mmx_cta_read_more {
        text-align: center;
    }
    #module-prestablog-blog .mmx_une .box_cols {
        flex-direction: column;
        max-width: 700px;
        margin: 0 auto;
    }
    #module-prestablog-blog .mmx_une .box_cols .col_left {
        max-width: initial;
    }
    #module-prestablog-blog .mmx_une .box_cols .col_right {
        background-color: #fff;
        max-width: initial;
        margin-left: 0;
        padding: 20px;
        box-sizing: border-box;
    }
    #module-prestablog-blog .mmx_une .box_cols .col_right h3 {
        color: #081f31;
    }
    #module-prestablog-blog .mmx_une .box_cols .col_right p {
        color: #081f31;
    }
    #module-prestablog-blog .mmx_une .box_cols .col_right a {
        background: #b98e63;
        border-radius: 30px;
        padding: 6px 20px 8px 20px;
    }
    #module-prestablog-blog .mmx_une .box_cols .col_right a:hover {
        color: #b98e63;
    }
    #module-prestablog-blog .mmx_blog_home {
        overflow-x: scroll;
        padding-bottom: 20px;
        margin-right: -15px;
    }
    #module-prestablog-blog .mmx_posts_nav {
        display: none;
    }
    #module-prestablog-blog .box_mmx_posts {
        padding: 50px 0 30px 0;
    }
    #module-prestablog-blog .box_mmx_posts.aftbfr:before {
        width: calc(100% + 30px);
    }
    #module-prestablog-blog .box_mmx_posts.aftbfr:after {
        width: calc(100% + 30px);
    }
    #module-prestablog-blog .mmx_blog_home .mmx_post_li:last-child {
        margin-right: 25px;
    }
    #module-prestablog-blog .mmx_une {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media only screen and (max-width: 576px) {
    .mmx_slider .box_slides .slide .product .product-thumbnail {
        margin: 0 auto;
    }
    #module-prestablog-blog .mmx_post #mmx_blog_product_linked .product-title {
        text-align: center !important;
    }
    #module-prestablog-blog .mmx_post .price {
        text-align: center !important;
    }
}


/* Fleches des sliders */
.slider_arrows {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: solid 2px #b98e63;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    z-index: 10;
    transition: .2s;
}
.slider_arrows[data-side='prev'] {
    display: none;
    left: 10px;
}
.slider_arrows[data-side='prev']:hover {
    background-color: #b98e63;
}
.slider_arrows[data-side='prev']:hover::before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}
.slider_arrows[data-side='next'] {
    right: 10px;
}
.slider_arrows[data-side='next']:hover {
    background-color: #b98e63;
}
.slider_arrows[data-side='next']:hover::before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.slider_arrows[data-side='next']::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 2px solid #b98e63;
    border-right: 2px solid #b98e63;
    transform: rotate(-45deg);
    transition: .2s;
}
.slider_arrows[data-side='prev']::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 3px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-bottom: 2px solid #b98e63;
    border-left: 2px solid #b98e63;
    transform: rotate(45deg);
    transition: .2s;
}


/* MARQUE BRIOCHIN */
#cms.cms-id-38 .breadcrumb {
    margin-top: -40px;
}
#cms.cms-id-38 header.page-header {
  display: none; }
#cms.cms-id-38 #content-wrapper {
  padding: 0 !important; }
#cms.cms-id-38 .page-cms-38 {
  padding: 0; }
#cms.cms-id-38 header {
  margin: 0 !important; }

  #briochin .desk {
    display: block; }
    @media only screen and (max-width: 1200px) {
      #briochin .desk {
        display: none; } }
  #briochin .mob {
    display: none; }
    @media only screen and (max-width: 1200px) {
      #briochin .mob {
        display: block;
        margin: auto; } }
  @media only screen and (max-width: 1200px) {
    #briochin .box_header {
      margin-right: -15px;
      margin-left: -15px; } }
  #briochin .box_histoire {
    padding: 30px 30px 20px 30px; }
    #briochin .box_histoire .box_cols {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30px; }
      #briochin .box_histoire .box_cols .col_left {
        max-width: calc(40% - 25px);
        width: 100%; }
        #briochin .box_histoire .box_cols .col_left img {
          width: 100%; }
          @media only screen and (max-width: 1200px) {
            #briochin .box_histoire .box_cols .col_left img {
              margin-bottom: 20px; } }
        @media only screen and (max-width: 1200px) {
          #briochin .box_histoire .box_cols .col_left {
            max-width: 500px; } }
      #briochin .box_histoire .box_cols .col_right {
        max-width: calc(60% - 25px);
        width: 100%; }
        #briochin .box_histoire .box_cols .col_right .imgtxt_01 {
          max-width: 500px;
          width: 100%; }
        #briochin .box_histoire .box_cols .col_right p {
          font-size: 20px;
          font-weight: 500;
          line-height: 26px;
          color: #132131; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_histoire .box_cols .col_right {
            max-width: 500px; } }
      @media only screen and (max-width: 1200px) {
        #briochin .box_histoire .box_cols {
          flex-direction: column;
          align-items: center;
          text-align: center; } }
  #briochin .box_savoir_faire {
    background-color: #132131;
    padding: 10px 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 24px; }
    #briochin .box_savoir_faire p {
      font-size: 18px;
      color: #fff; }
  #briochin .box_bbr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #132131;
    padding: 0 30px;
    max-width: 950px;
    margin: 80px auto; }
    #briochin .box_bbr .col_left {
      max-width: calc(25% - 25px);
      width: 100%; }
      #briochin .box_bbr .col_left img {
        width: 100%; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_bbr .col_left img {
            margin-bottom: 30px; } }
      @media only screen and (max-width: 1200px) {
        #briochin .box_bbr .col_left {
          max-width: 200px; } }
    #briochin .box_bbr .col_right {
      max-width: calc(75% - 25px);
      width: 100%;
      text-align: center; }
      #briochin .box_bbr .col_right h2 {
        margin: 0; }
        #briochin .box_bbr .col_right h2 img {
          max-width: 300px;
          width: 100%; }
      #briochin .box_bbr .col_right p {
        font-size: 20px;
        font-weight: 600;
        margin: 30px 0 50px 0;
        color: #132131; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_bbr .col_right p {
            margin: 10px 0 30px 0; } }
      #briochin .box_bbr .col_right a {
        display: inline-block;
        background-color: #132131;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        transition: .2s; }
        #briochin .box_bbr .col_right a:hover {
          background-color: #fff;
          color: #132131; }
      @media only screen and (max-width: 1200px) {
        #briochin .box_bbr .col_right {
          max-width: 500px; } }
    @media only screen and (max-width: 1200px) {
      #briochin .box_bbr {
        flex-direction: column;
        align-items: center;
        text-align: center; } }
  #briochin .box_eco {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px; }
    #briochin .box_eco .col_left {
      max-width: calc(30% - 25px);
      width: 100%; }
      #briochin .box_eco .col_left ul {
        list-style: none;
        margin: 0;
        padding: 0;
        color: #65B32E;
        font-weight: 600; }
        #briochin .box_eco .col_left ul li {
          position: relative;
          padding-left: 50px; }
          #briochin .box_eco .col_left ul li:nth-child(2) {
            margin: 40px 0; }
          #briochin .box_eco .col_left ul li:nth-child(odd):before {
            background-image: url("/img/marques/briochin/briochin_feather_01.png");
            width: 38px;
            height: 50px;
            left: 0;
            top: -23px; }
          #briochin .box_eco .col_left ul li:nth-child(even):before {
            background-image: url("/img/marques/briochin/briochin_feather_02.png");
            width: 33px;
            height: 50px;
            left: 0;
            top: -21px; }
          #briochin .box_eco .col_left ul li:before {
            content: '';
            position: absolute;
            background-size: contain;
            background-repeat: no-repeat; }
      @media only screen and (max-width: 1200px) {
        #briochin .box_eco .col_left {
          margin-bottom: 40px;
          max-width: 250px; } }
    #briochin .box_eco .col_right {
      max-width: calc(70% - 25px);
      width: 100%;
      background-color: #65B32E;
      color: #fff;
      padding: 40px 30px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #briochin .box_eco .col_right img {
        margin-right: 30px; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_eco .col_right img {
            margin-bottom: 20px;
            margin-right: 0; } }
      #briochin .box_eco .col_right p {
        text-align: justify;
        margin: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        color: #fff; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_eco .col_right p {
            text-align: center; } }
      @media only screen and (max-width: 1200px) {
        #briochin .box_eco .col_right {
          flex-direction: column;
          align-items: center;
          text-align: center;
          max-width: 500px; } }
    @media only screen and (max-width: 1200px) {
      #briochin .box_eco {
        flex-direction: column;
        align-items: center;
        text-align: center; } }
  #briochin .box_conseil {
    background-color: #132131;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px; }
    #briochin .box_conseil .col_left {
      max-width: calc(30% - 25px);
      width: 100%; }
      #briochin .box_conseil .col_left img {
        width: 100%;
        display: block; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_conseil .col_left img {
            margin-bottom: 30px; } }
      @media only screen and (max-width: 1200px) {
        #briochin .box_conseil .col_left {
          max-width: 200px; } }
    #briochin .box_conseil .col_right {
      max-width: calc(70% - 25px);
      width: 100%;
      color: #fff;
      padding-right: 100px;
      padding-bottom: 50px;
      position: relative; }
      #briochin .box_conseil .col_right p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        color: #fff; }
      #briochin .box_conseil .col_right a {
        display: inline-block;
        background-color: #fff;
        padding: 10px 20px;
        color: #132131;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        transition: .2s;
        position: absolute;
        bottom: 0;
        right: 0; }
        #briochin .box_conseil .col_right a:hover {
          background-color: #132131;
          color: #fff; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_conseil .col_right a {
            margin-top: 20px;
            position: relative; } }
      #briochin .box_conseil .col_right:before {
        content: '';
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("/img/marques/briochin/briochin_hand.png");
        width: 81px;
        height: 140px;
        right: 0;
        top: 0; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_conseil .col_right:before {
            display: none; } }
      @media only screen and (max-width: 1200px) {
        #briochin .box_conseil .col_right {
          padding-right: 0;
          padding-bottom: 0;
          max-width: 100%; } }
    @media only screen and (max-width: 1200px) {
      #briochin .box_conseil {
        flex-direction: column;
        align-items: center;
        text-align: center; } }
  #briochin .box_produits {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 80px; }
    #briochin .box_produits .produit {
      max-width: calc(20% - 10px);
      transition: .2s; }
      #briochin .box_produits .produit a {
        text-decoration: none;
        color: #132131; }
      #briochin .box_produits .produit img {
        width: 100%; }
      #briochin .box_produits .produit h3 {
        margin-top: 5px;
        font-size: 16px;
        text-align: center; }
      #briochin .box_produits .produit:hover {
        transform: scale(1.03); }
      @media only screen and (max-width: 1200px) {
        #briochin .box_produits .produit {
          max-width: 180px;
          margin: 10px; } }
    @media only screen and (max-width: 1200px) {
      #briochin .box_produits {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin-bottom: 30px; } }
  #briochin .box_zoom {
    display: flex;
    justify-content: space-between;
    max-width: 950px;
    margin: 0 auto;
    margin-bottom: 80px; }
    #briochin .box_zoom .col_left {
      max-width: calc(30% - 25px);
      width: 100%; }
      #briochin .box_zoom .col_left img {
        width: 100%; }
      @media only screen and (max-width: 1200px) {
        #briochin .box_zoom .col_left {
          display: none; } }
    #briochin .box_zoom .col_right {
      max-width: calc(70% - 25px);
      width: 100%;
      text-align: center; }
      #briochin .box_zoom .col_right h2 {
        margin: 0; }
        #briochin .box_zoom .col_right h2 img {
          width: 300px; }
      #briochin .box_zoom .col_right p {
        font-size: 20px;
        font-weight: 600;
        margin: 30px 0 50px 0;
        color: #132131; }
        @media only screen and (max-width: 1200px) {
          #briochin .box_zoom .col_right p {
            margin: 10px 0 30px 0; } }
      #briochin .box_zoom .col_right a {
        display: inline-block;
        background-color: #132131;
        padding: 10px 20px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        transition: .2s; }
        #briochin .box_zoom .col_right a:hover {
          background-color: #fff;
          color: #132131; }
      @media only screen and (max-width: 1200px) {
        #briochin .box_zoom .col_right img {
          max-width: 280px;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 1200px) {
        #briochin .box_zoom .col_right {
          max-width: 500px; } }
    @media only screen and (max-width: 1200px) {
      #briochin .box_zoom {
        flex-direction: column;
        align-items: center;
        text-align: center; } }
  @media only screen and (max-width: 1200px) {
    #briochin {
      padding-top: 0; } }


/* STYLE ENCART PROMO HOME */ 
@media (max-width: 767px) {
    #content > div.mmx_home > div.col_right > h2 {
        font-size: 25px !important;
	  margin-left: 0 !important;
      color: white !important;
    }
    #content > div.mmx_home > div.col_right > p {
        font-size: 18px !important;
        color: #15274b !important;
    }
}

/*** Clevercare label (Product page) ***/
.cleverclare {
    display: flex;
		font-family: "Montserrat";
		align-items: center;
}
.cleverclare_img img {
		width: 220px;
}
.cleverclare_content {
		padding-left: 40px;
		width: 80%;
}
.cleverclare_content h4 {
		font-family: "Montserrat";
		color: #00225E;
}
.cleverclare_content ul {
		display: flex;
		margin-top: 20px;
}
.cleverclare_content ul li {
		list-style-type: square;
		width: 29%;
		font-family: "Montserrat" !important;
		color: #00225E !important;
		font-size: 13px !important;
		line-height: 18px !important;
		font-weight: 400 !important;
		margin-left: 10px;
		margin-right: 10px;
}
.cleverclare_content p {
		text-align: center;
		margin: 0;
		font-weight: 600;
		color: #00225E;
}

@media (max-width: 767px) {
    /** Clevercare **/
.cleverclare {
    flex-direction: column;
}
.cleverclare_img img {
    width: 150px;
}
.cleverclare_content {
    padding-left: 0;
    width: 100%;
}
.cleverclare_content br {
    display: none;
}
.cleverclare_content h4 {
    font-size: 14px;
    margin-top: 15px !important;
    line-height: 19px;
    text-align: center;
}
.cleverclare_content ul {
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 15px !important;
}
.cleverclare_content ul li {
    width: 100%;
}
}


/** HOME MARQUES SECTION **/
.section-marques-avis {
    padding-bottom: 50px;
    }
    
    .container-parent-marques {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    #index > main > div.section-marques-avis > div > h2 {
        margin-bottom: 10px;
    }
    
    #index > main > div.section-marques-avis > div > div {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .link-marques {
        width: 23%;
        padding: 15px;
        transition: all 0.5s;
    }
    
    .link-marques:hover {
        transform: translateY(-10px);
    }
    
    .link-marques:hover +p {
        font-weight: 700 !important;
    }
    
    .text-marques {
        text-align: center;
    }
    
    @media (max-width: 1024px) {
        .link-marques {
            width: 32%;
        }
    }
    
    @media (max-width: 767px) {
        #index > main > div.section-marques-avis > div > div {
            flex-direction: row;
        }
        .link-marques {
            width: 50%;
          text-align: center;
          padding-bottom: 0;
          padding-top: 0;
          padding: 10px;
        }
        .link-marques img {
            max-width: 90%;
        }
        .link-marques p {
            font-size: 14px;
        }
    }

/** Produit Offerts Panier **/
    .idx-product_list .idx-product-container .price {
        display: none;
    }
    .idx-product_list .idx-product-container .resizing-font {
        font-size: 14px;
    }
    .idx-product_list .gift-title {
        font-weight: 400;
    }



/** Header LOGO STARWAX
h1.logo > a {
    position: relative;
}
h1.logo > a::after {
    content: '';
    position: absolute;
    width: 110px;
    height: 44px;
    background-image: url(https://www.mamawax.fr/themes/classic-child/assets/img/logo-starwax_mmw.svg);
    background-size: contain;
    background-repeat: no-repeat;
    right: -120px;
    top: -10px;
}

h1.logo > a > img:nth-of-type(3) {
    width: 125px !important;
}


@media (max-width: 1200px) {
.header-wrap .logo img[src*="logo-mamawax-rect.svg"] {
    margin-left: -40px;
}
h1.logo > a::after {
    right: -80px;
    width: 100px;
    height: 40px;
}
}

@media (max-width: 575px) {
    h1.logo > a::after {
        width: 90px;
        height: 36px;
        right: -62px;
        top: 0px;
    }
    .header-wrap .logo img {
        position: relative;
        left: -33px;
    }
}**/


/*** Hello Bar Mamawax Message Delai Livraison ***/
.preheader-mmw {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #F6F6F6;
    overflow: hidden;
}

.preheader-mmw__wrapper {
    max-width: 1140px;
    margin: auto;
    overflow: hidden;
    position: relative;
    height: 20px;
}

.preheader-mmw__p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0;
    white-space: nowrap;
   /* position: absolute;
    animation: defilement 20s linear infinite;
    transform-origin: right; */
}

@keyframes defilement {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}




@media (max-width: 767px) {
    .preheader-mmw__p {
        font-size: 12px;
        padding-left: 7px;
        padding-right: 7px;
    }
}

/*** Header Marques ***/
.logo-marques-header.header-wrap {
    background-color: #f6f6f6;
    margin-bottom: 0;
    padding-bottom: 0;
}
.logo-marques-header__wrapper {
    display: flex;
    justify-content: center;
    gap: 40px;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.logo-marques-header__wrapper img {
    max-height: 40px;
}
.logo-marques-header__wrapper .logo-sinto img {
    max-height: 22px;
}
.logo-marques-header p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .logo-marques-header__wrapper {
        display: none;
    }
}


/*** Hide Second Avis on Miniatures ***/
.slider-products .product-details .product-price + .skeepers_product__stars {
    display: none !important;
}
/** SOLDES BADGE ON PRODUCT **/
/*article.product.js-product-miniature .product-thumbnail::after {
    content: '';
    position:absolute;
    left:0px;
    top:0px; 
    display: inline-block;
    background-image: url('https://www.mamawax.fr/themes/classic-child/assets/img/sticker-soldes-mamawax.svg');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    width:50px;
    height:50px;
}*/

/* Categorie exclude */
/*.category-id-parent-17 article.product.js-product-miniature .product-thumbnail::after, .category-destockage article.product.js-product-miniature .product-thumbnail::after{
    background-image: none !important;
}*/

/* Product exclude */
/*.js-product-miniature[data-id-product="5464"] .product-thumbnail::after, .js-product-miniature[data-id-product="31096"] .product-thumbnail::after, .js-product-miniature[data-id-product="3144"] .product-thumbnail::after, .js-product-miniature[data-id-product="30771"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30937"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30961"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30946"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30924"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3090"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3097"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3095"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3098"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3161"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30928"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3110"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31282"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30927"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30769"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3139"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30944"] .product-thumbnail::after, .js-product-miniature[data-id-product="31139"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3031"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31136"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30740"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3076"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30945"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30963"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30742"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3006"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31206"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3041"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3012"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30744"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31204"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30933"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31096"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3128"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3044"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30743"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31137"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3148"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3117"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3047"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3069"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3002"] .product-thumbnail::after,
.js-product-miniature[data-id-product="2998"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3138"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31089"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31283"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3134"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3135"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30932"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3070"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3118"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31075"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3051"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30962"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3050"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30768"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31230"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31076"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3085"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3157"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31211"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3068"] .product-thumbnail::after, .js-product-miniature[data-id-product="30940"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="30936"] .product-thumbnail::after, .js-product-miniature[data-id-product="30767"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="31205"] .product-thumbnail::after, .js-product-miniature[data-id-product="3001"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="3049"] .product-thumbnail::after, .js-product-miniature[data-id-product="3003"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="31344"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="3005"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="30745"] .product-thumbnail::after, 
.js-product-miniature[data-id-product="30741"] .product-thumbnail::after, .js-product-miniature[data-id-product="30959"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3010"] .product-thumbnail::after, .js-product-miniature[data-id-product="2983"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3071"] .product-thumbnail::after, 

.js-product-miniature[data-id-product="1155"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1156"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1160"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1161"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1162"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1163"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1166"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1170"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1353"] .product-thumbnail::after,
.js-product-miniature[data-id-product="264"] .product-thumbnail::after,
.js-product-miniature[data-id-product="369"] .product-thumbnail::after,
.js-product-miniature[data-id-product="371"] .product-thumbnail::after,
.js-product-miniature[data-id-product="5431"] .product-thumbnail::after,
.js-product-miniature[data-id-product="5437"] .product-thumbnail::after, .js-product-miniature[data-id-product="5458"] .product-thumbnail::after,
.js-product-miniature[data-id-product="5445"] .product-thumbnail::after,
.js-product-miniature[data-id-product="5454"] .product-thumbnail::after,
.js-product-miniature[data-id-product="5455"] .product-thumbnail::after,
.js-product-miniature[data-id-product="5557"] .product-thumbnail::after, .js-product-miniature[data-id-product="5464"] .product-thumbnail::after,
.js-product-miniature[data-id-product="635"] .product-thumbnail::after, .js-product-miniature[data-id-product="636"] .product-thumbnail::after,
.js-product-miniature[data-id-product="666"] .product-thumbnail::after,
.js-product-miniature[data-id-product="667"] .product-thumbnail::after,
.js-product-miniature[data-id-product="668"] .product-thumbnail::after, .js-product-miniature[data-id-product="678"] .product-thumbnail::after,
.js-product-miniature[data-id-product="679"] .product-thumbnail::after, .js-product-miniature[data-id-product="5463"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1169"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30902"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30898"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30908"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30905"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30899"] .product-thumbnail::after,
.js-product-miniature[data-id-product="1169"] .product-thumbnail::after,
.js-product-miniature[data-id-product="12"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31286"] .product-thumbnail::after, .js-product-miniature[data-id-product="31287"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31288"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31289"] .product-thumbnail::after, .js-product-miniature[data-id-product="31290"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31291"] .product-thumbnail::after, .js-product-miniature[data-id-product="30885"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31320"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30895"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31077"] .product-thumbnail::after,
.js-product-miniature[data-id-product="3020"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31233"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31234"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31236"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31239"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31240"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31242"] .product-thumbnail::after,
.js-product-miniature[data-id-product="31306"] .product-thumbnail::after,
.js-product-miniature[data-id-product="487"] .product-thumbnail::after,
.js-product-miniature[data-id-product="464"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30900"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30907"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30981"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30980"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30203"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30896"] .product-thumbnail::after, .js-product-miniature[data-id-product="494"] .product-thumbnail::after,
.js-product-miniature[data-id-product="30896"] .product-thumbnail::after {
    background-image: none !important;
}*/


/**** Message Rupture de Stock Miniature ****/
.availability-min-product {
    position: absolute;
    top: 0;
    background-color: white;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    color: #ff8e28;
}

.availability-min-product .product-availability {
    font-size: 11px;
    margin-top: 0 !important;
}

.availability-min-product .product-availability span {
    margin-left: 3px;
}







/**** PAGE TRANSPARENCE INGRÉDIENTS ****/
/*** Hide H1 Defaut ***/
.cms-id-40 h1 {
    display: none;
}
.transparence-ingredients p, .transparence-ingredients ul {
    color: black;
}
.guillemets::before {
    content: "«\00A0";
}

.guillemets::after {
    content: "\00A0»";
}
/*** First Section ***/
/** Banner **/
.transparence-ingredients .first-section .banner {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/mmw-transparence-ingredient-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 150px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 0;
}
/* Overlay Banner */
.transparence-ingredients .first-section .banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    border-radius: 15px;
}
.transparence-ingredients h1, .transparence-ingredients .first-section .banner p {
    color: white;
    position: relative;
}
.transparence-ingredients h1 {
    font-size: 1.975rem;
    display: block;
}
.transparence-ingredients h1::before {
    content: '';
    position: absolute;
    top: -65px;
    left: 0;
    width: 60px;
    height: 52px;
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/picto-transparence.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.transparence-ingredients .first-section .banner p {
    margin-top: 10px;
    max-width: 600px;
    margin-bottom: 0;
}


/** Text **/
.transparence-ingredients .first-section .text {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #C7C7C7;
}
.transparence-ingredients .first-section .text p {
    text-align: left;
    margin: auto;
}



/*** Second Section ***/
.transparence-ingredients .second-section {
    padding-top: 50px;
    padding-bottom: 50px;
}




/*** Third Section ***/
.section-accordeon {
    overflow: hidden;
}
.third-section .banner-categories {
    margin-bottom: -50px !important;
}
.transparence-ingredients .banner-categories {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/banner-matieres-actives.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 60px;
    padding-top: 60px;
    border-radius: 15px;
    position: relative;
    margin-bottom: 0;
    z-index: 1;
}
.transparence-ingredients .banner-categories::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    border-radius: 15px;
}
.transparence-ingredients .four-section .banner-categories {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/additifs-banner.jpg");
}

.transparence-ingredients .banner-categories h2 {
    color: white;
    text-align: center;
    position: relative;
    font-size: 1.95rem;
    margin-bottom: 20px;
}

.transparence-ingredients .banner-categories span {
    color: white;
    display: block;
    border: 1px solid white;
    padding: 9px 40px;
    border-radius: 50px;
    position: relative;
    width: fit-content;
    margin: auto;
    cursor: pointer;
}


/* Section Close/Open */
.transparence-ingredients .accordeon-matieres-actives, .transparence-ingredients .accordeon-additifs {
    background-color: #E6EDF7;
    padding: 40px 100px;
    margin-top: -10px;
    border-radius: 15px;
}
/* Hide par défaut */
.accordeon-matieres-actives, .transparence-ingredients .accordeon-additifs {
    overflow: hidden; 
    max-height: 0; 
    transform: translateY(-100%);
    transition: all 0.4s ease-in-out;

}
.transparence-ingredients .onglet-close {
    transition: all 0.4s ease-in-out;
    overflow: hidden; 
    max-height: 0; 
}
/* Classe générale Active */
.active {
    transform: translateY(0px) !important;
    max-height: 100% !important;
}
.accordeon-additifs.active, .accordeon-matieres-actives.active {
    margin-bottom: 50px;
}

/* Onglet */
.transparence-ingredients .ma-onglet {
    border-bottom: 1px solid #C7C7C7;
    overflow: hidden;
    transition: all 0.4s;
}
.transparence-ingredients .ma-onglet-titre {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 25px;
    cursor: pointer;
    background-color: #E6EDF7;
    z-index: 1;
    position: relative;
}
.ma-onglet-titre::after {
    content: "\002B";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    color: black;
    font-size: 40px;
}
.ma-onglet-titre.active::after {
    content: "\2212";
}

.tensio-actifs {
    margin-top: 30px;
}
.content-acides ul {
    list-style: inside;
    padding-left: 10px;
}

/* Titre */
.transparence-ingredients .accordeon h3 {
    font-size: 1.325rem;
    margin-bottom: 0;
    padding-left: 65px;
    position: relative;
}

/* Icon Open/Close */
.transparence-ingredients .ma-onglet-titre img {
    max-width: 20px;
}

/* Sous-section */
.transparence-ingredients .onglet-close {
    padding-right: 100px;
}
/* Active */
.onglet-close.active {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Sous-section Info text */
.info-text {
    font-size: 13px;
    font-style: italic;
}
.saviez-vous {
    background-color: white;
    padding: 30px;
    border-radius: 15px;
    font-size: 14px;
}

/** Images Ingrédients **/
.transparence-ingredients .accordeon h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-size: contain;
    border-radius: 50%;
}
/* Tensio Actifs */
.transparence-ingredients .onglet-tensio-actifs h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/tensio-actif.jpg");
}
/* Savon */
.transparence-ingredients .onglet-savons h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Savon.jpg");
}
/* Acides */
.transparence-ingredients .onglet-acides h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Acides.jpg");
}
/* Bases */
.transparence-ingredients .onglet-bases h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Bases.jpg");
}
/* Micro-organismes */
.transparence-ingredients .onglet-micro-organismes h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Micro-organismes.jpg");
}
/* Solvants */
.transparence-ingredients .onglet-solvants h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Solvants.jpg");
}
/* Abrasifs */
.transparence-ingredients .onglet-abrasifs h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Abrasifs.jpg");
}
/* Huiles */
.transparence-ingredients .onglet-huiles h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Huiles.jpg");
}
/* Agents filmogènes */
.transparence-ingredients .onglet-agents-film h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Agents-filmogenes.jpg");
}

/* Parfums */
.transparence-ingredients .onglet-parfums h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Parfums.jpg");
}
/* Colorants et Pigments */
.transparence-ingredients .onglet-colorants h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Colorants-et-pigments.jpg");
}
/* Épaississants */
.transparence-ingredients .onglet-epaississants h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Epaississants.jpg");
}
/* Agents Anti-Mousse */
.transparence-ingredients .onglet-agents-am h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Agents-anti-mousse.jpg");
}
/* Sequestrants */
.transparence-ingredients .onglet-sequestrants h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Sequestrants.jpg");
}
/* Conservateurs */
.transparence-ingredients .onglet-conservateurs h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Conservateurs-1.jpg");
}
/* Inhibiteurs de corrosion */
.transparence-ingredients .onglet-inhibiteurs h3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/transparence/Inhibiteurs-de-corrosion.jpg");
}



/*** Dernière Section ***/
.transparence-ingredients .five-section {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #C7C7C7;
}

.transparence-ingredients .five-content {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 30px;
}
.transparence-ingredients .five-content__bloc {
    background-color: #E8F2EA;
    border-radius: 15px;
    padding: 30px;
    width: 50%;
}
.transparence-ingredients .five-content__bloc p {
    margin-bottom: 0;
}
.transparence-ingredients .five-content__right a {
    font-weight: 700;
}


/** Responsive **/
@media (max-width: 800px) {
    .transparence-ingredients .onglet-close {
        padding-right: 0;
    }
}


@media (max-width: 620px) {
    .transparence-ingredients .first-section .banner {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 25px;
        padding-top: 90px;
        margin-bottom: 0rem !important;
    }
    .transparence-ingredients h1 {
        font-size: 1.475rem;
    }
    .transparence-ingredients .first-section .text, .transparence-ingredients .second-section, .transparence-ingredients .five-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .transparence-ingredients .banner-categories {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 25px;
        padding-top: 25px;
    }
    .transparence-ingredients .banner-categories h2 {
        font-size: 1.45rem;
        margin-bottom: 10px;
    }
    .transparence-ingredients .banner-categories span {
        padding: 8px 30px;
        font-size: 13px;
    }

    .transparence-ingredients .accordeon-matieres-actives, .transparence-ingredients .accordeon-additifs {
        padding: 30px 20px;
    }
    .transparence-ingredients .accordeon h3 {
        font-size: 0.925rem;
        text-align: left;
        padding-left: 50px;
    }
    .transparence-ingredients .accordeon h3::before {
        width: 40px;
        height: 40px;
    }
    .ma-onglet-titre::after {
        font-size: 21px;
    }
    .onglet-close h4 {
        font-size: 0.825rem;
    }
    .onglet-close p {
        font-size: .8375rem;
    }
    .transparence-ingredients .five-section h2 {
        text-align: left;
    }
    .transparence-ingredients .five-content {
        flex-direction: column;
        margin-top: 20px;
        gap: 20px;
    }
    .transparence-ingredients .five-content__bloc {
        width: 100%;
    }
}



/*** Commande Confirmée : Message Livraison Style ***/
#informations-livraison {
    margin-top: 50px;
    margin-bottom: 50px;
}
#informations-livraison p {
    color: #232323;
    font-size: 15px;
}
#informations-livraison a {
    font-weight: bold;
}
#informations-livraison h2 {
    padding-left: 60px;
    position: relative;
    margin-bottom: 25px;
}
#informations-livraison h2::after {
    content: '';
    position: absolute;
    left: 0;
    top: -16px;
    width: 48px;
    height: 48px;
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/picto-verification-commande.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

#informations-livraison .info-livraison__liste {
    font-size: 15px;
    color: #232323;
    margin-top: 26px;
    margin-bottom: 25px;
}
#informations-livraison .info-livraison__liste li {
    padding-left: 37px;
    position: relative;
}
#informations-livraison .info-livraison__liste .info-livraison__liste-2 {
    margin-top: 20px;
    margin-bottom: 15px;
}
#informations-livraison .info-livraison__liste li::before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 27px;
    height: 27px;
    background-size: contain;
    background-repeat: no-repeat;
}
#informations-livraison .info-livraison__liste .info-livraison__liste-1::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/picto-livraison-1.svg");
}
#informations-livraison .info-livraison__liste .info-livraison__liste-2::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/picto-livraison-2.svg");
}
#informations-livraison .info-livraison__liste .info-livraison__liste-3::before {
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/picto-livraison-3.svg");
}

#informations-livraison .info-livraison__important {
    position: relative;
    padding-left: 19px;
}
#informations-livraison .info-livraison__important::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 9px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://www.mamawax.fr/themes/classic-child/assets/img/picto-livraison-important.svg");
}

#informations-livraison .info-livraison__cta {
    background-color: #232323;
    color: white;
    padding: 7px 17px;
    font-size: 15px;
    font-weight: 400;
    border-radius: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    width: fit-content;
}

@media (max-width: 500px) {
    #informations-livraison .info-livraison__cta {
        background-color: white;
        color: #232323;
        padding: 0;
        font-size: 14px;
        font-weight: bold !important;
    }
}





/**** Section Description Absorbeurs d'odeurs ****/
.content-flex.absorbeur {
    display: flex;
    gap: 40px;
    align-items: center;
}
.content-flex__img {
    max-width: 25%;
}

@media (max-width: 767px) {
    .content-flex.absorbeur {
        flex-direction: column;
        align-items: self-start;
        gap: 20px;
    }
    .content-flex__img {
        max-width: 200px;
    }
    .content-flex.absorbeur-middle {
        flex-direction: column-reverse;
    }
}




/**** Hide Bloc "Tous les produits" des pages catégories ****/
#category-list .list-categories .list-categories__item:first-child {
    display: none !important;
}



/******* Avis Vérifiés ******/
/** Avis Miniatures **/
.skeepers_product__stars .stars__rating {
    font-family: "Montserrat", sans-serif;
}
.skeepers_product__stars span  {
    font-size: 13px !important;
}
.skeepers_product__stars .stars__rating .rate-aggregate, .skeepers_product__stars .stars__rating .rate-aggregate__max {
    font-size: 14px !important;
}
.skeepers_product__stars .stars__rating .rate-aggregate {
    font-weight: 600;
}

/* Carrousel Avis Marque */
.skeepers_carousel_container .rating__value, #skeepers_carousel_modal .rating__value, .rating__details-text,
.skeepers_carousel_container .rating__value .rating__details a, #skeepers_carousel_modal .rating__value .rating__details a, 
.skeepers_carousel_container .skeepers_carousel-main .skeepers-swiper .swiper-wrapper .skeepers-w25 .carousel-content .full-width .review__carousel .review__rating, #skeepers_carousel_modal .skeepers_carousel-main .skeepers-swiper .swiper-wrapper .skeepers-w25 .carousel-content .full-width .review__carousel .review__rating,
.skeepers_carousel_container .skeepers_carousel-main .skeepers-swiper .swiper-wrapper .skeepers-w25 .carousel-content .carousel__comment .skeepers-content, #skeepers_carousel_modal .skeepers_carousel-main .skeepers-swiper .swiper-wrapper .skeepers-w25 .carousel-content .carousel__comment .skeepers-content,
.skeepers_carousel_container .skeepers_carousel-main .skeepers-swiper .swiper-wrapper .skeepers-w25 .carousel-content .carousel__comment .skeepers-reviewer-wide.display-publisher, #skeepers_carousel_modal .skeepers_carousel-main .skeepers-swiper .swiper-wrapper .skeepers-w25 .carousel-content .carousel__comment .skeepers-reviewer-wide.display-publisher,
.skeepers_product__stars, #skeepers_product_widget, #skeepers_modal {
    font-family: "Montserrat", sans-serif !important;
}