/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Thin.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Thin.woff) format("woff"), url(../fonts/Moderat-Condensed-Thin.otf) format("opentype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Light.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Light.woff) format("woff"), url(../fonts/Moderat-Condensed-Light.otf) format("opentype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Light.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Light.woff) format("woff"), url(../fonts/Moderat-Condensed-Light.otf) format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Medium.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Medium.woff) format("woff"), url(../fonts/Moderat-Condensed-Medium.otf) format("opentype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Bold.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Bold.woff) format("woff"), url(../fonts/Moderat-Condensed-Bold.otf) format("opentype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Bold.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Bold.woff) format("woff"), url(../fonts/Moderat-Condensed-Bold.otf) format("opentype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Black.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Black.woff) format("woff"), url(../fonts/Moderat-Condensed-Black.otf) format("opentype");
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: "moderat";
    src: url(../fonts/Moderat-Condensed-Black.woff2) format("woff2"), url(../fonts/Moderat-Condensed-Black.woff) format("woff"), url(../fonts/Moderat-Condensed-Black.otf) format("opentype");
    font-style: normal;
    font-weight: 900
}

*:not(i) {
    font-family: 'moderat';
}


#products .up .btn-secondary,
#products .up .btn-tertiary {
    color: #fff;
}

#about #header,
#index #header {
    position: fixed;
    width: 100%;
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid transparent;
    transition: 0.6s
}

@media (min-width: 767px) {

    #about #header,
    #index #header {
        background: rgba(255, 255, 255, 0);
    }

    #about #header #category-10 a::before,
    #index #header #category-10 a::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.76809 8.61979C3.0382 8.56238 3.30371 8.7348 3.36112 9.00491L4.64325 15.0368L14.0987 13.027L12.8166 6.9951C12.7591 6.72499 12.9316 6.45948 13.2017 6.40207C13.4718 6.34466 13.7373 6.51708 13.7947 6.78719L15.1808 13.3082C15.2382 13.5783 15.0658 13.8438 14.7957 13.9012L4.36208 16.1189C4.09198 16.1763 3.82647 16.0039 3.76905 15.7338L2.38298 9.21282C2.32556 8.94271 2.49799 8.67721 2.76809 8.61979Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.38574 6.22955C0.328327 5.95944 0.50075 5.69393 0.770858 5.63652L13.8128 2.86436C14.0829 2.80695 14.3484 2.97937 14.4059 3.24948L15.0989 6.50997C15.1563 6.78008 14.9839 7.04559 14.7138 7.103L1.67181 9.87516C1.4017 9.93257 1.13619 9.76015 1.07878 9.49004L0.38574 6.22955ZM1.46784 6.51071L1.95297 8.79305L14.0168 6.22881L13.5317 3.94646L1.46784 6.51071Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29184 4.25044C7.56195 4.19303 7.82746 4.36545 7.88487 4.63556L9.96399 14.417C10.0214 14.6871 9.84898 14.9527 9.57887 15.0101C9.30876 15.0675 9.04325 14.8951 8.98584 14.6249L6.90672 4.84347C6.84931 4.57336 7.02173 4.30785 7.29184 4.25044Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.87227 2.59183C3.56961 2.65616 3.30491 2.83809 3.13639 3.09759C2.96786 3.35709 2.90933 3.67291 2.97366 3.97557C3.038 4.27822 3.21992 4.54293 3.47942 4.71145C3.73892 4.87997 4.05474 4.93851 4.3574 4.87417L6.64625 4.38766C6.4996 4.14146 6.30228 3.84715 6.0595 3.56599C5.47761 2.89213 4.74147 2.40708 3.87227 2.59183ZM7.3958 4.73951C7.85499 4.54166 7.85492 4.5415 7.85484 4.54132L7.85422 4.53988L7.85294 4.53695L7.84889 4.52776C7.84552 4.52017 7.84082 4.50968 7.83479 4.49651C7.82274 4.47019 7.80538 4.43307 7.7828 4.38685C7.73768 4.2945 7.67146 4.16522 7.58483 4.01255C7.4125 3.70884 7.15486 3.30442 6.81637 2.91243C6.1551 2.14663 5.07751 1.31331 3.66436 1.61368C3.10228 1.73316 2.61068 2.07102 2.29772 2.55295C1.98475 3.03488 1.87604 3.6214 1.99552 4.18348C2.11499 4.74556 2.45285 5.23715 2.93478 5.55012C3.41671 5.86309 4.00323 5.9718 4.56531 5.85232L7.49975 5.22859C7.64628 5.19744 7.77112 5.10224 7.83993 4.96919C7.90873 4.83613 7.91412 4.67889 7.85484 4.54132L7.3958 4.73951Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.18199 2.83472C7.47461 1.86617 8.1201 0.666585 9.53325 0.366212C10.0953 0.246738 10.6818 0.355443 11.1638 0.668412C11.6457 0.981381 11.9836 1.47298 12.103 2.03506C12.2225 2.59713 12.1138 3.18365 11.8008 3.66558C11.4879 4.14751 10.9963 4.48538 10.4342 4.60485L7.49975 5.22859C7.35323 5.25973 7.20046 5.22354 7.08348 5.12997C6.9665 5.03641 6.89764 4.89532 6.89583 4.74553L7.3958 4.73951C6.89583 4.74553 6.89584 4.74572 6.89583 4.74553L6.89582 4.74472L6.89581 4.74359L6.89579 4.7404L6.89575 4.73035C6.89574 4.72205 6.89577 4.71056 6.89592 4.69608C6.89622 4.66712 6.89698 4.62616 6.89881 4.57474C6.90246 4.47203 6.91038 4.32699 6.92742 4.15228C6.96132 3.80474 7.0322 3.33049 7.18199 2.83472ZM7.93744 4.11321L10.2263 3.6267C10.5289 3.56237 10.7936 3.38044 10.9622 3.12094C11.1307 2.86144 11.1892 2.54563 11.1249 2.24297C11.0606 1.94031 10.8786 1.6756 10.6191 1.50708C10.3596 1.33856 10.0438 1.28003 9.74116 1.34436C8.87196 1.52911 8.39675 2.27165 8.13925 3.12393C8.03182 3.47952 7.97127 3.82865 7.93744 4.11321Z' fill='white'/%3E%3C/svg%3E");
        display: inline-block;
        left: -7px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

#about #header.active,
#about #header:hover,
#index #header.active,
#index #header:hover {
    background: rgba(255, 255, 255, 1);
    /* border-bottom: 1px solid #A6542F; */
}

#about #header #category-10 a {
    position: relative;
}



#header #category-10 a::before,
#about #header:hover #category-10 a::before,
#about #header.active #category-10 a::before,
#index #header:hover #category-10 a::before,
#index #header.active #category-10 a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.76809 8.61979C3.0382 8.56238 3.30371 8.7348 3.36112 9.00491L4.64325 15.0368L14.0987 13.027L12.8166 6.9951C12.7591 6.72499 12.9316 6.45948 13.2017 6.40207C13.4718 6.34466 13.7373 6.51708 13.7947 6.78719L15.1808 13.3082C15.2382 13.5783 15.0658 13.8438 14.7957 13.9012L4.36208 16.1189C4.09198 16.1763 3.82647 16.0039 3.76905 15.7338L2.38298 9.21282C2.32556 8.94271 2.49799 8.67721 2.76809 8.61979Z' fill='%23A6542F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.38574 6.22955C0.328327 5.95944 0.50075 5.69393 0.770858 5.63652L13.8128 2.86436C14.0829 2.80695 14.3484 2.97937 14.4059 3.24948L15.0989 6.50997C15.1563 6.78008 14.9839 7.04559 14.7138 7.103L1.67181 9.87516C1.4017 9.93257 1.13619 9.76015 1.07878 9.49004L0.38574 6.22955ZM1.46784 6.51071L1.95297 8.79305L14.0168 6.22881L13.5317 3.94646L1.46784 6.51071Z' fill='%23A6542F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29184 4.25044C7.56195 4.19303 7.82746 4.36545 7.88487 4.63556L9.96399 14.417C10.0214 14.6871 9.84898 14.9527 9.57887 15.0101C9.30876 15.0675 9.04325 14.8951 8.98584 14.6249L6.90672 4.84347C6.84931 4.57336 7.02173 4.30785 7.29184 4.25044Z' fill='%23A6542F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.87227 2.59183C3.56961 2.65616 3.30491 2.83809 3.13639 3.09759C2.96786 3.35709 2.90933 3.67291 2.97366 3.97557C3.038 4.27822 3.21992 4.54293 3.47942 4.71145C3.73892 4.87997 4.05474 4.93851 4.3574 4.87417L6.64625 4.38766C6.4996 4.14146 6.30228 3.84715 6.0595 3.56599C5.47761 2.89213 4.74147 2.40708 3.87227 2.59183ZM7.3958 4.73951C7.85499 4.54166 7.85492 4.5415 7.85484 4.54132L7.85422 4.53988L7.85294 4.53695L7.84889 4.52776C7.84552 4.52017 7.84082 4.50968 7.83479 4.49651C7.82274 4.47019 7.80538 4.43307 7.7828 4.38685C7.73768 4.2945 7.67146 4.16522 7.58483 4.01255C7.4125 3.70884 7.15486 3.30442 6.81637 2.91243C6.1551 2.14663 5.07751 1.31331 3.66436 1.61368C3.10228 1.73316 2.61068 2.07102 2.29772 2.55295C1.98475 3.03488 1.87604 3.6214 1.99552 4.18348C2.11499 4.74556 2.45285 5.23715 2.93478 5.55012C3.41671 5.86309 4.00323 5.9718 4.56531 5.85232L7.49975 5.22859C7.64628 5.19744 7.77112 5.10224 7.83993 4.96919C7.90873 4.83613 7.91412 4.67889 7.85484 4.54132L7.3958 4.73951Z' fill='%23A6542F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.18199 2.83472C7.47461 1.86617 8.1201 0.666585 9.53325 0.366212C10.0953 0.246738 10.6818 0.355443 11.1638 0.668412C11.6457 0.981381 11.9836 1.47298 12.103 2.03506C12.2225 2.59713 12.1138 3.18365 11.8008 3.66558C11.4879 4.14751 10.9963 4.48538 10.4342 4.60485L7.49975 5.22859C7.35323 5.25973 7.20046 5.22354 7.08348 5.12997C6.9665 5.03641 6.89764 4.89532 6.89583 4.74553L7.3958 4.73951C6.89583 4.74553 6.89584 4.74572 6.89583 4.74553L6.89582 4.74472L6.89581 4.74359L6.89579 4.7404L6.89575 4.73035C6.89574 4.72205 6.89577 4.71056 6.89592 4.69608C6.89622 4.66712 6.89698 4.62616 6.89881 4.57474C6.90246 4.47203 6.91038 4.32699 6.92742 4.15228C6.96132 3.80474 7.0322 3.33049 7.18199 2.83472ZM7.93744 4.11321L10.2263 3.6267C10.5289 3.56237 10.7936 3.38044 10.9622 3.12094C11.1307 2.86144 11.1892 2.54563 11.1249 2.24297C11.0606 1.94031 10.8786 1.6756 10.6191 1.50708C10.3596 1.33856 10.0438 1.28003 9.74116 1.34436C8.87196 1.52911 8.39675 2.27165 8.13925 3.12393C8.03182 3.47952 7.97127 3.82865 7.93744 4.11321Z' fill='%23A6542F'/%3E%3C/svg%3E");
    display: inline-block;
    position: relative;
    padding-right: 5px;
}

#header {
    position: fixed;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: none;
    border-bottom: 1px solid #fcfaf9;
    transition: 0.6s
}

#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    border-bottom: none;
}

#mobile_top_menu_wrapper {
    position: relative;
    height: 100vh;
}

#mobile_top_menu_wrapper .top-menu .sub-menu li>a {
    padding: 0.3rem;
}

@media (min-width: 767px) {
    #header {
        border-bottom: 1px solid #ebdcd5;
    }

    #header #category-10 a::before,
    #about #header:hover #category-10 a::before,
    #about #header.active #category-10 a::before,
    #index #header:hover #category-10 a::before,
    #index #header.active #category-10 a::before {
        display: inline-block;
        left: -7px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.marge_menu {
    height: 86px;
}


#header .header_oj {
    display: flex;
    padding: 0 40px;
    align-items: center;
}

#wrapper {
    padding: 40px;
    padding-bottom: 35px;
}

#index #wrapper {
    padding: 0;
}

#_desktop_top_menu {
    flex: 1;
    text-align: center;
}

@media (min-width: 767px) {

    #header #top-menu li>.dropdown-item[data-depth="0"],
    #header.active #top-menu li>.dropdown-item[data-depth="0"],
    #header:hover #top-menu li>.dropdown-item[data-depth="0"] {
        color: #202944;
    }

    #about #top-menu li>.dropdown-item[data-depth="0"],
    #index #top-menu li>.dropdown-item[data-depth="0"] {
        color: #fff;
    }

    #top-menu li>.dropdown-item[data-depth="0"] {
        text-transform: uppercase;
        font-size: 1.01vw;
        font-weight: 700;
        line-height: 16px;
        cursor: pointer;
    }
}


#mobile_top_menu_wrapper #top-menu {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

#mobile_top_menu_wrapper #top-menu .category,
#mobile_top_menu_wrapper #top-menu .link,
#mobile_top_menu_wrapper #top-menu .cms-page {
    width: 220px;
}

#mobile_top_menu_wrapper .dropdown-item {
    font-size: 1rem;
}


#search_widget,
#_desktop_user_info,
#_desktop_cart {

    padding-left: 1.2rem;
}

#search_widget {
    position: relative;
    min-width: 130px;
}

#search_widget svg {
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: -22px;
    left: 30px;
}

@media (min-width: 767px) {
    #search_widget svg {
        top: -14px;
        right: 0;
        left: unset;
    }
}

#search_widget input::placeholder {
    color: #A6542F;
    opacity: 1;
}



#header #search_widget input:focus,
#header #search_widget input:active,
#header #search_widget input {
    position: absolute;
    left: 56px;
    top: -22px;
    transition: right 0.5s ease-in-out, opacity 0.5s 0.3s width 0.9s;
    z-index: 1;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    opacity: 1;
    outline: none;
    width: 130px;
}

@media (min-width: 767px) {

    #header #search_widget input:focus,
    #header #search_widget input:active,
    #header #search_widget input {
        right: 0;
        left: 0;
        top: -14px;
    }

}

#search_widget input,
#search_widget input:focus,
#search_widget input:active {
    color: #A6542F;
    border-bottom: 1px solid #A6542F
}

#about #header.active #search_widget input::placeholder,
#index #header.active #search_widget input::placeholder {
    color: #A6542F;
}


@media (min-width: 767px) {

    #index #header #search_widget input,
    #index #header #search_widget input:focus,
    #index #header #search_widget input:active,
    #about #header #search_widget input:focus,
    #about #header #search_widget input:active,
    #about #header #search_widget input {
        border-bottom: #fff 1px solid;
        color: #fff;
    }

    #about #header #search_widget input::placeholder,
    #index #header #search_widget input::placeholder {
        color: #fff;
    }
}


#index #header.active #search_widget input,
#index #header.active #search_widget input:focus,
#index #header.active #search_widget input:active,
#about #header.active #search_widget input:focus,
#about #header.active #search_widget input:active,
#about #header.active #search_widget input {
    border-bottom: #A6542F 1px solid;
    color: #A6542F;
}

#header #search_widget input.inactive {
    right: -150px;
    opacity: 0;
    transition: right 1.5s ease-in-out, opacity 0.4s 0.1s, width 1s;
    width: 0px;
}

#shop_logo {
    opacity: 1;
    transition: 0.3s;
    width: 100%;
    height: auto;
    min-width: 120px;
}

#shop_logo.fadeout {
    opacity: 0;
}

#top-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

#top-menu,
#top-menu ul,
#top-menu li {
    height: 100%;
}

#top-menu li>.dropdown-item[data-depth="0"] {
    padding: 13px 0;
    margin: 0 15px;
    position: relative;
    height: 100%;
}

@media (min-width: 767px) {
    #top-menu li>.dropdown-item[data-depth="0"] {
        padding: 35px 0;
    }
}

#top-menu li>.dropdown-item[data-depth="0"]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #A6542F;
    transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
}

#top-menu li>.dropdown-item[data-depth="0"]:hover::after {
    width: 100%;
    left: 0;
}

#top-menu .sub-menu {
    width: fit-content;
    min-width: fit-content;
    background: #F1EFEE;
    padding: 22px;
    margin-top: 0px;
    top:86px
}

/* #top-menu li {
    position: relative;
} */
#cms-category-2{
    position: relative;
}
.panachage-title.reference{
    color: #E0B683;
}

#top-menu li>.dropdown-submenu {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #A6542F;
    text-transform: none;
    margin-bottom: 10px;
}

.top-menu[data-depth="1"],
.top-menu .sub-menu ul[data-depth="1"]>li {
    margin: 0;
}

#top-menu li>.dropdown-item[data-depth="1"] {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    margin-bottom: 10px;
}

@media (min-width: 767px) {
    #top-menu .sub-menu {
        left: 50%;
        transform: translateX(-50%);
    }
}

.container_fullwidth {
    overflow-x: hidden;
}

#wrapper {
    background-color: #fff;
}

.btn.btn_default_1 {
    height: auto;
    padding: 10px 15px;
    background-color: #202944;
    font-size: 14px;
    font-weight: 900;
    line-height: 18.2px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    border: none;
    transition: 0.4s ease-in-out;
    display: inline-block;
    z-index: 1;
    text-transform: uppercase;
}

.btn.btn_default_1::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    min-height: 120%;
    min-width: 120%;
    background-color: #A6542F;
    z-index: -1;
    transition: 0.4s ease-in-out;
}

.btn.btn_default_1:hover::after {
    left: 0px;
    transition: 0.4s ease-in-out;
}

.btn.btn_default_3:hover {
    border-color: #A6542F;
    color: #fff;
}

.btn.btn_default_3 {
    height: auto;
    padding: 10px 15px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 900;
    line-height: 18.2px;
    text-align: center;
    color: #202944;
    position: relative;
    overflow: hidden;
    border: 1px solid #202944;
    transition: 0.4s ease-in-out;
    display: inline-block;
    z-index: 1;
    text-transform: uppercase;
}

.btn.btn_default_3::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    min-height: 120%;
    min-width: 120%;
    background-color: #A6542F;
    z-index: -1;
    transition: 0.4s ease-in-out;
}

.btn.btn_default_3:hover::after {
    left: 0px;
    transition: 0.4s ease-in-out;
}

.product-information {
    font-size: 16px;
}

#soyresponsiveslider .caption h2 {
    font-size: 32px;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

#soyresponsiveslider .caption p {
    text-align: left;
}

#soyresponsiveslider .caption img {
    margin-bottom: 0.5rem;
}

#soyresponsiveslider .caption .btn.btn-default {
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    margin-top: 15px;
    line-height: normal;
    display: inline-block;
    z-index: 1;
    position: relative;
    overflow: hidden;
    border: none;
    transition: 0.4s ease;
}

#soyresponsiveslider .caption .btn.btn-default:hover {
    color: #fff;
}

#soyresponsiveslider .caption .btn.btn-default::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    min-height: 120%;
    min-width: 120%;
    background-color: #202944;
    z-index: -1;
    transition: 0.4s ease-in-out;
}

#soyresponsiveslider .caption .btn.btn-default:hover::after {
    left: 0px;
    transition: 0.4s ease-in-out;
}

#soyresponsiveslider .caption {
    top: 40%;
    left: 40px;
}

@media (min-width: 767px) {
    #soyresponsiveslider .caption h2 {
        font-size: 64px;
    }

    #soyresponsiveslider .caption {
        top: 47%;
        left: 40px;
    }
}

#banner_brand {
    background-color: #EBDCD5;
    padding-top: 60px;
    padding-bottom: 112px;
}

#banner_brand h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.04em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#banner_brand .list_brands {
    display: flex;
    justify-content: space-around;
}

#index .page-footer {
    display: none;
}

#footer {
    background-color: #f9f7f4;
    display: flex;
    flex-direction: column;
    width: 100%;
}

body#checkout #footer {
    background-color: #f9f7f4;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    padding-top: 2.5rem;
}

#checkout #search_widget {
    display: block;
}

#about #footer {
    background-color: #fff;
}

#about #pre_footer {
    background-image: url(../img/texture_footer2.svg);
}

#pre_footer {
    margin-top: -32px;
    margin-bottom: -2px;
    background-image: url(../img/texture_footer.svg);
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 32px;
    position: relative;
    z-index: 1;
}

#footer .footer_top {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 40px;
    justify-content: space-between;
    min-height: 320px
}

@media (min-width: 767px) {
    #footer .footer_top {
        flex-direction: row;
    }
}

.footer_before img {
    width: 100%;
    height: auto;
    max-width: 150px;
}

#footer .footer_bottom svg {
    margin: 0 1rem;
}

#footer .footer_bottom a,
#footer .footer_bottom {
    font-size: 14px;
    font-weight: 300;
}

#footer .footer_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    margin: 0 40px;
    margin-top: 40px;
    border-top: 1px solid #A6542F;
}

#link-cms-page-10-4::before {
    content: '';
    display: block;
    background: url(../img/target.svg);
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}
#link-cms-page-14-4::before {
    content: '';
    display: block;
    background: url(../img/glossaire.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}
#link-cms-page-15-5::before {
    content: '';
    display: block;
    background: url(../img/indice_impact.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}

#link-custom-page-etapes-de-commande-4::before {
    content: '';
    display: block;
    background: url(../img/box.svg);
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}

#link-custom-page-livraison-rapide-3::before {
    content: '';
    display: block;
    background: url(../img/car.svg);
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}

.links ul a,
#contact-infos .item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;


}

#contact-infos .item svg {
    margin-right: 10px;
}

.links ul a,
#contact-infos .item,
#contact-infos .item a {
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: left;
    color: #202944;
}

.block_newsletter_oj .form_nl {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    position: relative;
    justify-content: start;
}

.block_newsletter_oj input {
    height: 100%;
}

.block_newsletter_oj input.btn-primary {
    margin-left: -5px;
}

#link-cms-page-4-5::before {
    content: '';
    display: block;
    background: url(../img/leaf.svg);
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}

#link-cms-page-13-1::before {
    content: '';
    display: block;
    background: url(../img/cut.svg);
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}

#link-custom-page-blog-5::before {
    content: '';
    display: block;
    background: url(../img/book.svg);
    height: 20px;
    width: 20px;
    color: #202944;
    margin-right: 10px;
}

.footer_top .footer_before,
.footer_top .footer_1,
.footer_top .footer_2,
.footer_top .footer_after {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 767px) {

    .footer_top .footer_before,
    .footer_top .footer_1,
    .footer_top .footer_2,
    .footer_top .footer_after {
        width: 20%;
    }
}

.footer_after img {
    max-width: 144px;
    width: 100%;
    height: auto;
}

.block-social .item svg {
    margin-right: 10px;
}

.block-social .item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.block-social {
    text-align: left;
}

.block_truspilot {
    height: 126px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.footer_top .h3 {
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-weight: 700;
    color: #202944;
}

#wrapper .breadcrumb li::after {
    content: '|';
}



#search_filters .facet .collapse.picto_filter {
    display: flex;
    flex-wrap: wrap;
}

#search_filters .facet .collapse.picto_filter img {
    max-width: 70px;
    height: auto;
    margin-bottom: 10px;
}

#search_filters .facet .collapse.picto_filter .facet-label a {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-category {
    min-height: auto;
}

.block-category .block-category-inner #category-description p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: left;
    color: #202944;
}

.block-category .block-category-inner #category-description p strong {
    font-weight: 500;
    color: #202944;
}

.block-category {
    padding-right: 40%;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.block-category h1 {
    font-size: 42px;
    font-weight: 800;
    color: #E0B683;


}

#subcategories button.btn-unstyle svg {
    margin-left: 5px;
    transition: 0.3s;
}

#subcategories .dropdown button.btn-unstyle svg {
    transform: rotate(0deg);
}

#subcategories .dropdown.open button.btn-unstyle svg {
    transform: rotate(180deg);
}

#subcategories button.btn-unstyle {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
}

#subcategories #cta_facet {
    margin-left: 2rem;
    font-size: 14px;
    text-transform: uppercase;
}

#subcategories {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    padding-top: 0;
    align-items: center;
}

#subcategories ul {
    flex-wrap: nowrap;
    flex: 1;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    min-width: 344px
}

#subcategories ul li h5 {
    margin-bottom: 0;
}

#subcategories ul li {
    width: auto;
    min-width: fit-content;
    margin-right: 0;
}

@media (max-width: 767px) {
    #subcategories ul {
        justify-content: flex-start;
    }

    #subcategories ul li:first-child {
        margin-left: 0;
    }
}

.subcategory-name.btn.btn_default_1 {
    border: 2px solid #A6542F;
    color: #A6542F;
    background-color: #fff;
    text-transform: uppercase;
}

#category .subcategory-name.btn.btn_default_1:hover {
    color: #fff;
}

#category #list_filter .right_filters {
    max-width: 0%;
    height: 0px;
}

#category #list_filter.active .right_filters {
    max-width: 20%;
    height: 100%;
}

@media (min-width: 1200px) {
    #category #list_filter.active .right_filters {
        min-width: 461px;
    }
}

.colors_filter_custom {
    display: flex !important;
    flex-wrap: wrap;
}

.colors_filter_custom>* {
    width: 50px;
}

#category #products {
    flex: 1;
}

#category #list_filter {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#category .right_filters {
    transition: 0.3s ease-in-out;
    background: #F9F7F4;
    overflow: hidden;
    transform: translateX(40px);
}

#search_filters,
#search_filters_brands,
#search_filters_suppliers {
    background-color: transparent;
}

#category #wrapper,
#category .container_fullwidth {
    overflow: visible;
}

#category main {
    overflow-x: hidden;
}

#category #js-product-list-footer {
    padding-bottom: 32px;
}

label .color,
.variant-links .color,
.custom-checkbox input[type="checkbox"]+span.color {
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

.custom-checkbox input[type="checkbox"] {
    height: 35px;
    width: 35px;
    border-radius: 50%;
}

label .color,
.variant-links .color,
.custom-checkbox input[type="checkbox"]+span.color,
#search_filters .facet .facet-label .color {
    margin: 10px 5px;
    margin-left: 5px;
}

#category .product-miniature .thumbnail-container {
    width: 100%;
}

#category .product-miniature .thumbnail-container .product-thumbnail img {
    width: 100%;
    max-width: none;
}

#search_filters .facet .facet-title,
#search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #202944;
}

#search_filters .facet:first-child {
    padding-top: 0;
}

#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a {
    font-size: 16px;
    font-weight: 300;
}

.product_description_top {
    display: flex;
    justify-content: space-between;
}

.product-miniature .product-title {
    margin-top: 0;
    text-transform: uppercase;
}

.product_description_top .product_color span {
    background: #F1DDCD;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #202944;
    padding: 6px;
    text-transform: uppercase;
}

.modal_moq {
    color: #A6542F;

}

.product-miniature .product-title a {
    font-size: 16px;
    font-weight: 700;
    color: #202944;
}

.product-miniature .product-price-and-shipping,
.product-miniature .product-price-and-shipping {
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: left;
}

.product-miniature .product-description {
    padding-top: 20px;
}

#search_filters .ui-slider-horizontal {
    height: 1px;
    background: #CFCBCA;
}

.ui-slider-horizontal .ui-slider-range {
    height: 1px;

}

#search_filters .ui-widget-header {
    background: #A6542F;
}

.ui-widget-content {
    border: none;
}

#search_filters .ui-slider .ui-slider-handle {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    border: none;
    background-color: #A6542F;
    top: -14px;
}

.active_filters {
    background: transparent;
}

#picture_secondary {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.thumbnail-top picture {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.swipe:hover .thumbnail-top picture {
    opacity: 0;
}

.swipe:hover #picture_secondary {
    opacity: 1;
}

.product-miniature .thumbnail-container:focus .product-description::after,
.product-miniature .thumbnail-container:hover .product-description::after {
    display: none;
}

.product-accessories {
    padding: 100px 150px;
}

.product-accessories p.h5 {
    font-size: 35px;
    font-weight: 700;
    text-align: left;
    color: #202944;
    margin-bottom: 15px;
}

.product-accessories .products {
    justify-content: space-between;
}

#product .product-container {
    margin-bottom: 10px;
}

@media (min-width: 767px) {
    #product .product-container {
        display: flex;
    }
}

#product h1.h1 {
    font-weight: 900;
    font-size: 42px;
    color: #202944;

}

#product .product-container {
    overflow: hidden;
}

#product .price_product_col {
    border-left: #A6542F 1px solid;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

#product .price_product_col .btn_default_1 svg {
    margin-right: 10px;
}

#product .price_product_col .btn_default_1 {
    font-size: 14px;
    font-weight: 900;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    max-width: fit-content;
}

@media (max-width: 800px) {
    #product .price_product_col {
        margin-top: 2rem;
    }
}

#product label .color,
#product .variant-links .color,
#product .custom-checkbox input[type="checkbox"]+span.color {
    height: 40px;
    width: 40px;
}

#product .product-prices {
    display: flex;
    align-items: end;
    margin-bottom: 10px;
}

#product .price_value,
#product .product-prices .current-price-value {
    font-size: 42px;
    font-weight: 900;
    text-align: left;
    transform: translateY(-3px);
}

/*@media (max-width: ) {
    #product .price_value,
    #product .product-prices .current-price-value {
        font-size: 30px;
    }
}*/

#product .price_value.devis {
    font-size: 16px;
    font-weight: 700;
}

#product .current-price {
    margin-bottom: 0;
    transform: translateY(7px);
}

#product .price_details {
    margin: 20px 0;
}

#product .product-prices {
    margin-top: 10px;
}

#product .from,
#product .price_tax,
#product .pieces_number,
#product .tax-shipping-delivery-label,
#price-mini-panachage {
    font-size: 16px;
    font-weight: 700;
    color: #202944;
}

#product #content {
    max-width: 100%;
}

.header_about {

    width: 100%;
}

.header_content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/texture_about.png);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}

.header_content {
    position: relative;
}

.header_content .title_page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header_content img {
    width: 100%;
    height: auto;
}

#about nav.breadcrumb ol {

    list-style: none;
    display: flex;
}

#about nav.breadcrumb li span {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

#about nav.breadcrumb li a::after {
    content: "|";
    margin: 0 15px;
}

#about nav.breadcrumb li a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
}

#about nav.breadcrumb {
    position: absolute;
    z-index: 999;
    top: 100px;
    width: fit-content;
    background-color: transparent;
}

#collab_voltaire .title_page,
#about .title_page {
    text-transform: uppercase;
    font-size: 64px;
    font-weight: 900;
    color: #fff;
}

#collab_voltaire h1.title ,
#about h1.title {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

#collab_voltaire p.txt ,
#about p.txt {
    font-size: 16px;
    font-weight: 300;
    color: #202944;
}

#about h2.title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#about .row_about {
    display: flex;
    justify-content: center;
    padding: 100px 150px;
    align-items: center;
}

#about .section {
    width: 50%;
    text-align: left;
}

#about .section.left.picture {
    text-align: right;
}

#about .row_about.brown {
    background: #F9F7F4;

}

#about .section svg:not(a svg) {
    margin-bottom: 10px;
}

#about .section img {
    max-width: 100%;
    height: auto;
}

#about .section.left {
    padding-right: 20px;
}

#about .section.right {
    padding-left: 20px;
}

#about #wrapper {
    padding: 0;
}

#about .row_items h1.title {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

#about .row_items .item {
    width: 30%;
    padding: 0 25px;
    text-align: left;
}

#about .row_items .item:nth-child(2) {
    border-right: #A6542F 1px solid;
    border-left: #A6542F 1px solid;
}

#about .row_items {
    padding: 100px 150px;

}

#about .row_items .items {
    display: flex;
    justify-content: center;
}

#about .item_values.border::after {
    content: '';
    border-bottom: #A6542F 1px solid;
    width: 35%;
    position: absolute;
    bottom: 0;
}

#about .item_values.border::before {
    content: '';
    border-bottom: #A6542F 1px solid;
    width: 35%;
    position: absolute;
    top: 0;
}

#about .item_values p.txt {
    margin: 0;
}

#about .item_values {
    position: relative;
    padding: 40px 0;
}

#about .section a,
#about .items a {
    text-transform: uppercase;
}

#faq .title_page svg {
    margin-bottom: 10px;
}

#labels .title_page,
#impact .title_page,
#collab_voltaire .title_page,
#guide .title_page,
#faq .title_page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    color: #202944;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;

}

#labels .title_page svg,
#impact .title_page svg,
#guide .title_page svg,
#faq .title_page svg {
    margin-bottom: 15px;
}

#faq #wrapper {
    margin-bottom: 32px;
}

#faq .section_1,
#faq .section_2 {
    padding: 0 150px;
}

#faq .order_help {
    padding-top: 30px;
    border-top: 1px solid #A6542F;
}

#faq .order_help .title h2 {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase
}

#faq p.txt {
    font-size: 16px;
    font-weight: 300;
    color: #202944;
}

#faq .item p.title {
    font-size: 14px;
    font-weight: 700;
    color: #202944;
}

#faq .item p.txt {
    font-size: 14px;
    font-weight: 300;
    color: #202944;
}

#faq .order_status {
    display: flex;
    justify-content: center;
    align-items: start;
    position: relative;
    gap: 5px;
    margin-top: 50px;
}

#faq .order_status .item img {
    margin-bottom: 10px;
    z-index: 10;
}

#faq .line_status {
    border-bottom: #CFCBCA 1px dashed;
    width: 90%;
    position: absolute;
    top: 20px;
    margin: auto;
    z-index: 0;
}

#faq .order_status .item {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#logged {
    position: relative;
}

#logged span {
    position: absolute;
    top: 10px;
    left: -15px;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

@media (min-width:767px) {
    #logged span {
        top: 0;
        left: 0;
    }
}

#logged span.account_closed,
#logged.active span.account_open {
    opacity: 1;
}

#logged span.account_open,
#logged.active span.account_closed {
    opacity: 0;
}

#account_bloc .account_link {
    display: flex;
    flex-direction: column;
}

#account_bloc {
    width: 0;
    top: 87px;
    right: -450px;
    position: fixed;
    overflow: hidden;
    background-color: #fff;
    height: calc(100vh - 87px);
    transition: 0.6s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2000;
    width: 400px;
    border-left: 1px solid #A6542F;
}


#account_bloc.active {
    right: 0;
}

.account_bloc_item:hover {
    color: #A6542F;
    background-color: #F9F7F4;
    border-left: #A6542F 3px solid;
}

.account_bloc_item {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.04em;
    text-align: left;
    color: #202944;
    padding: 10px;
    border-left: transparent 3px solid;
}

#_desktop_cart a {
    position: relative;
}

#_desktop_cart a .cart-products-count {
    position: absolute;
    bottom: -20px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
}

.card_order {
    background-color: #f9f7f4;
    padding: 10px 20px;
}

.card_order .card_order_body {
    display: flex;

}

.card_order .card_order_body .left_card_order .order_preview {
    padding-left: 20px;
}

.card_order .card_order_body .left_card_order .order_preview,
.card_order .card_order_body .right_card_order .date_status,
.card_order .card_order_body .right_card_order .shipping_method {
    font-size: 14px;
    font-weight: 300;
    line-height: 18.2px;
    text-align: left;
    color: #202944;
}

.card_order .card_order_body .left_card_order .order_img {
    width: 12%;
}

.card_order .card_order_body .left_card_order {
    display: flex;
}

.card_order .card_order_body .right_card_order,
.card_order .card_order_body .left_card_order {

    border-right: 2px dashed #B4C7CC;
}

.card_order .card_order_body .right_card_order h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #e0b683;
}

.card_order .card_order_body .right_card_order {
    padding-left: 20px;
}

.card_order .card_order_body .left_card_order,
.card_order .card_order_body .right_card_order {
    width: 40%;
}

.card_order .card_order_header {
    color: #e0b683;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 15px;
}

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

.action_history {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20%;
}

.action_history a {
    display: block;
    text-align: center;
    margin: 10px 0;
    width: 80%;
}



#order-detail .card_order .card_order_body {
    padding-bottom: 50px;
}

#order-detail .card_order {
    padding: 50px;
}

#order-detail .card_order h2 {
    text-transform: uppercase;
}

.card_order {
    width: 100%;
    background-color: #F9F7F4;
    padding: 15px;
    margin-bottom: 10px;
}

#order-detail .order_details,
#order-detail .order_products {
    padding:0 10px;
    padding-top: 50px;
    border-top: #A6542F 1px solid;
}


#order-detail .order_details .address .delivery_address,
#order-detail .order_details .address .invoice_address {
    width: 50%;
}

#order-detail .order_details .address {
    margin-top: 50px;
    display: flex;
}

#order-detail .order_details .price_order {
    margin-top: 50px;
}

#order-detail .order_products .line .separator_detail,
#order-detail .order_details .line .separator_detail {
    flex: 1;
    border-bottom: 1px dashed #A6542F;
    transform: translateY(-45%);
    margin: 0 20px;
}

#order-detail .order_details .line,
#order-detail .order_products .line {
    display: flex;
    width: 100%;
    position: relative;
}

#order-detail .order_products {
    margin-top: 50px;
}

#order-detail .order_products .line_products {
    display: flex;
    flex-wrap: wrap;
}

#order-detail .order_products .line_products .product_card {
    width: 100%;
    padding: 15px 0;
    display: flex;
}

#order-detail .order_products .line_products .product_card .info_product {
    flex: 1;
    padding-left: 15px;
}

#order-detail .order_products .line_products .product_card .preview_product img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

#order-detail #main .card_order {
    padding: 30px;
    background-color: #f9f7f4;
    border-radius: 0;
}

#order-detail .order_products .line_products .product_card .product_name {
    color: #e0b683;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    letter-spacing: -0.01em;
    text-align: left;
    margin-bottom: 20px;


}

#order-detail h2,
#order-detail h4 {
    color: #e0b683;
}

#order-detail .order_products .line_products .product_card .preview_product {
    width: 12%;
    min-width: 300px;
}
@media (max-width:730px){
    #order-detail .order_products .line_products .product_card .preview_product {
        width: 100%;
        min-width: 100%;
        margin-bottom: 20px;
    }
    #order-detail .order_products .line_products .product_card{
        flex-direction: column;
    }
}

.post-wrapper {
    flex: 1 1 calc(33.33% - 20px);
    box-sizing: border-box;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    min-height: 640px;
    max-width: calc(33.33% - 20px);
    min-width: 330px;
}

.post-wrapper .ets-blog-wrapper-content {
    min-height: 83px;
}

.post-wrapper:first-child .ets_item_img {
    mask-image: url(../img/maskoj.png);
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: bottom left;
}

.post-wrapper .ets_item_img {
    flex: 1;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.post-wrapper:first-child .ets_item_img img {
    top: 50%;
    left: 50%;
    height: auto;
    min-width: 100%;
    transform: translate(-50%, -50%);
}

.post-wrapper .ets_item_img img {
    left: -50%;
    position: absolute;
    height: 100%;
    width: auto;
    max-width: none;
}

.post-wrapper:nth-child(3n+2) .ets-blog-wrapper-content {
    background-color: #E0B683;
}

.post-wrapper:nth-child(3n+3) .ets-blog-wrapper-content {
    background-color: #f1efee;
}

.post-wrapper:nth-child(3n+4) .ets-blog-wrapper-content {
    background-color: #ebdcd5;
}

.post-wrapper .ets-blog-wrapper-content {
    padding: 20px 0;
}

.post-wrapper:first-child .ets-blog-wrapper-content {
    background-color: transparent;
}

.post-wrapper:first-child {
    flex: 1 1 calc(66.66% - 20px);
    box-sizing: border-box;
    margin-bottom: 10px;
    max-width: calc(66.66% - 20px);
}

.post-wrapper:first-child .ets_title_block,
.post-wrapper:first-child .ets_title_block:hover {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: start;
    font-size: 25px;
    text-align: left;
}

.post-wrapper .ets_title_block .date_post {
    font-size: 14px;
    font-weight: 300;
    line-height: 15.4px;
    text-transform: none;
}

.ets_title_block,
.ets_title_block:hover {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #202944;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.03em;
    text-align: center;
}

.ets_blog_layout_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.post-wrapper .ets_item_img .cat_title {
    position: absolute;
    top: 25px;
    left: 25px;
    background-color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: inherit;
    text-transform: uppercase;
}

#ets_blog_page .blog_title {
    font-size: 42px;
    font-weight: 900;
    line-height: 37.8px;
    text-align: left;
    color: #A6542F;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 60px;
}

#ets_blog_page .breadcrumb {
    margin-top: 20px;
    z-index: 22;
    position: absolute;
}

.ets_blog_layout_list,
#ets_blog_page .breadcrumb,
.blog_title {
    padding: 0 40px;
}

.ets_blog_layout_list .post-details {
    padding: 0 15%;
}

#content-blog {
    margin-top: 500px;
    padding: 0 40px;
}

#ets_blog_page #wrapper {
    padding: 0;
}

.header_single_post .img_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.header_single_post {
    z-index: 0;
    min-height: 500px;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    mask-image: url(../img/maskojheader.png);
    mask-repeat: no-repeat;
    mask-size: 100%;

}

.info_post_header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info_post_header .title {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    line-height: 57.2px;
    letter-spacing: -0.02em;
    color: #fff;
}

.info_post_header .separator {
    width: 100px;
    border-top: 1px solid #fff;
    margin-top: 50px;
    margin-bottom: 40px;
}

.info_post_header .date {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    color: #fff;
}

.short_description_post p {
    font-size: 22px;
    font-weight: 700;
    line-height: 26.4px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #202944;
} 

.blog_description strong {
    font-weight: 700;
}

.blog_description p, .blog_description li{
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    margin: 10px 0;
}
.blog_description ul{
    margin-left: 25px;
}

.blog_description h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -0.03em;
    color: #E0B683;
    margin: 25px 0;
}

.blog_description img {
    margin: 15px 0;
}
.blog_description h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: #202944;
    margin: 15px 0;
}

ul.top-menu[data-depth="1"] {
    display: block;
}

@media (min-width: 767px) {
    ul.top-menu[data-depth="1"] {
        display: flex;
        gap: 25px;
    }
}

p.dropdown-item[data-depth="1"],
a.dropdown-item[data-depth="1"] {
    padding-bottom: 5px;
}

ul.top-menu[data-depth="1"]>li {
    height: 100%;
}

p.dropdown-item[data-depth="2"]:hover,
a.dropdown-item[data-depth="2"]:hover {
    border-color: #A6542F;
}

p.dropdown-item[data-depth="1"],
a.dropdown-item[data-depth="1"] {
    padding-left: 7px;
}

p.dropdown-item[data-depth="2"],
a.dropdown-item[data-depth="2"] {
    padding: 0;
    padding-left: 5px;
    border-left: 2px solid transparent;
}

ul.top-menu[data-depth="2"] li {
    margin: 5px 0;
}

#cms.cms-id-15 #content-wrapper header.page-header,
#cms.cms-id-14 #content-wrapper header.page-header,
#cms.cms-id-6 #content-wrapper header.page-header,
#cms.cms-id-3 #content-wrapper header.page-header,
#cms.cms-id-2 #content-wrapper header.page-header {
    display: none;
}

#contact .title_page::before,
#cms.cms-id-15 #content-wrapper h1::before,
#cms.cms-id-14 #content-wrapper h1::before,
#cms.cms-id-6 #content-wrapper h1::before,
#cms.cms-id-3 #content-wrapper h1::before,
#cms.cms-id-2 #content-wrapper h1::before {
    content: "";
    background-image: url(../img/trefle.svg);
    width: 45px;
    height: 45px;
    background-size: contain;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%);

}

#cms.cms-id-15 #content-wrapper h1,
#cms.cms-id-14 #content-wrapper h1,
#cms.cms-id-6 #content-wrapper h1,
#cms.cms-id-3 #content-wrapper h1,
#cms.cms-id-2 #content-wrapper h1 {
    color: #202944;
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: -0.03em;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;

}

#impact #wrapper h5,
#guide #wrapper h5,
#cms.cms-id-15 #content-wrapper h5,
#cms.cms-id-14 #content-wrapper h5,
#cms.cms-id-6 #content-wrapper h5,
#cms.cms-id-3 #content-wrapper h5 {
    color: #E0B683;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.04em;
    text-align: left;

}

#cms.cms-id-15 #content-wrapper h2 strong,
#cms.cms-id-14 #content-wrapper h2,
#cms.cms-id-6 #content-wrapper h2,
#cms.cms-id-3 #content-wrapper h2,
#cms.cms-id-2 #content-wrapper h2 {
    color: #A6542F;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 40px;
    margin-top: 60px;

}

#impact #wrapper a,
#guide #wrapper a,
#cms.cms-id-15 #content-wrapper a,
#cms.cms-id-14 #content-wrapper a,
#cms.cms-id-6 #content-wrapper a,
#cms.cms-id-3 #content-wrapper a,
#cms.cms-id-2 #content-wrapper a {
    font-weight: 600;
}

#labels #wrapper p,
#impact #wrapper p,
#guide #wrapper p,
#cms.cms-id-15 #content-wrapper p,
#cms.cms-id-14 #content-wrapper p,
#cms.cms-id-6 #content-wrapper p,
#cms.cms-id-3 #content-wrapper p,
#cms.cms-id-2 #content-wrapper p {
    color: #202944 !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: left;

}

#cms.cms-id-15 #content-wrapper img {
    max-height: 400px;
    width: auto;
}

#cms.cms-id-14 #content-wrapper img {
    max-width: 200px;
    height: auto;
}

#product .table-product-discounts tbody tr {
    background: transparent;
}

#product .table-product-discounts tbody tr td,
#product .table-product-discounts thead tr th {
    border: none;

}

#product .table-product-discounts tbody tr td {
    border-bottom: 1px solid #202944;
}

#product .table-product-discounts thead tr th {
    background-color: #202944;
    color: #fff;
}

#contact .title_page::before {
    top: -60px;

}

#contact .title_page {
    position: relative;
    text-align: center;
    margin-top: 60px;
    text-transform: uppercase;
}

#contact .contact-form,
#contact #content {
    padding-top: 0;
}

#contact .contact-content {
    padding-top: 25px;
    padding: 25px 160px;
}

#contact #content-wrapper {
    border-right: 1px solid #A6542F;
}

.form-control:focus,
.form-control-select:focus,
.form-control:disabled:focus,
.form-control[readonly]:focus,
.form-control:focus-visible,
.form-control-select:focus-visible,
.form-control:disabled:focus-visible,
.form-control[readonly]:focus-visible,
.form-control,
.form-control-select,
.form-control:disabled,
.form-control[readonly] {
    outline: none;
    background-color: transparent;
    border-color: #A6542F;
    width: 100%;
}

.input-group .input-group-btn>.btn {
    background-color: transparent;
    color: #202944;
    border: 1px solid #202944;
    position: absolute;
    right: 0;
}

#contact .form-group.row {
    display: flex;
    flex-direction: column;
    align-items: start;
}

#contact form .form-control-label {
    text-align: left;
    color: #202944;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: left;

}

#contact .items_contact .title,
#contact .items_contact h4 {
    text-transform: uppercase;
}

#contact .items_contact .title p,
#contact .items_contact .title a {
    color: #A6542F;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: -0.04em;
    text-align: left;
}

#contact .items_contact .title,
#contact .items_contact .title a {
    display: flex;
    align-items: center;
    gap: 5px;


}

#contact .items_contact .detail {
    margin-bottom: 0;
    margin-top: 15px;
    color: #202944;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    text-align: left;
}

#contact .subcategory-name.btn.btn_default_1:hover {
    color: #fff;
}

#contact .items_contact:not(#contact .items_contact:last-child) {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #EBDCD5;
}

#addMultipleToCart-modal #select-size-quantity .container-table table thead th {
    background-color: #202944;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width: 50%;
}

#addMultipleToCart-modal #select-size-quantity .container-table table tbody tr td {
    border-bottom: #202944 1px solid;
    border-top: none;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width: 50%;
}

#addMultipleToCart-modal #select-size-quantity .container-table table i.fas {
    display: none;
}

#blockcart-modal .cart-content-btn {
    display: flex;
    justify-content: space-between;
}

/*.bootstrap-touchspin .input-group-btn-vertical {
    display: none;
}*/

.price_details {
    position: relative;
    width: fit-content;
}

.price_details svg {
    position: absolute;
    top: -20px;
    left: 100%;
}

#search_filters .ui-slider-horizontal {
    max-width: 90%;
}

#product .product-actions {
    flex: 1;
}

#labels .subcategory-name.btn.btn_default_1:hover,
#impact .subcategory-name.btn.btn_default_1:hover,
#guide .subcategory-name.btn.btn_default_1:hover {
    color: #fff;
}

#impact .nav_guide,
#labels .nav_guide {
    margin-top: 40px;
}

#impact .nav_guide,
#labels .nav_guide,
#guide .nav_guide {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

html {
    scroll-behavior: smooth;
}

#impact .text_notation p {
    text-align: center;
    padding: 0 15%;
}

#labels #wrapper .text_center p,
#impact #wrapper .text_center p,
#guide #wrapper .text_center p {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

#impact .text_center,
#guide .text_center {
    margin-bottom: 70px;
    padding: 0 80px;
}

#impact .img_notation,
#labels .content_labels,
#impact .content_impact,
#guide .txt_guide,
#guide .title_guide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#guide .txt_guide .txt img {
    max-width: none;
    height: 85px;
    width: auto;
    margin-top: 15px;
}

#impact .txt_content,
#guide .txt_guide .txt {
    padding: 0 40px;
}


#guide .title_guide img {
    max-width: 300px;
    height: auto;
    margin: 20px 30px;
}

#labels #wrapper,
#impact #wrapper,
#guide #wrapper {
    padding-bottom: 80px;
}

.return_nav {
    position: sticky;
    bottom: 50px;
    left: 100%;
    width: 30px;
    height: 30px;
    background-color: #A6542F;
    border-radius: 50%;
    text-align: center;
    transition: 0.1s ease-in-out;
}

.return_nav svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    padding: 7px;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: 0.1s ease-in-out;
    transform-origin: center;
}

.return_nav:hover {
    transform: rotate(-180deg);
}

#sublimation {
    padding-bottom: 40px;
}

#impact #wrapper li,
#guide #wrapper li {
    list-style: inside;
}

#labels h2,
#impact h2,
#guide h2 {
    color: #A6542F;
    font-size: 32px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.04em;
    text-align: left;
    margin: 70px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #A6542F;
    padding: 20px 0;

}

#labels h2,
#impact h2 {
    width: fit-content;
    margin: 70px auto;
}


#guide .img_guide img {
    transition: 0.3s ease-in;
    width: 100%;
    height: auto;
}


#guide .img_guide:hover img {
    transform: scale(1.035);
}


#guide .img_guide {
    overflow: hidden;
    width: 50%;
}

#category .pagination ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
} 
#category .pagination ul li.current a{
    background-color: #202944;
    color: #fff;
    font-size: 14px;
    height: 30px;
    border-radius: 50%;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: normal;
} 

#category .category-additional-description {
    text-align: center;
}

.products-sort-order .dropdown-menu,
.brands-sort .dropdown-menu,
.suppliers-sort .dropdown-menu {
    right: 0;
    left: auto;
    top: 58px;
    box-shadow: none;
    border: 1px solid #202944;
    background-color: #fff;
    padding: 0;
}

#subcategories.no-sub {
    margin-bottom: 10px;
}

.sort-by-row {
    justify-content: end;

}

.sort-by-row .dropdown-menu {
    left: calc(100% - 15px);
    transform: translateX(-100%);

}

.products-sort-order .select-title {
    align-items: center;
    padding: 10px 12px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
}

.products-sort-order {
    position: initial;
}

.price_product_col {
    position: inherit;
}

#product .fixed_price {
    position: fixed;
    bottom: 10px;
    /*margin: 15px;*/
}

@media (max-width: 800px) {
    #product .fixed_price {
        margin: 0;
    }
}

.configure a.btn.btn_default_3 {
    background-color: #A6542F;
    color: #fff;
    border-color: #A6542F;
}

.configure a.btn.btn_default_3:hover {
    border-color: #A6542F;

}

.configure a.btn.btn_default_3::after {
    background-color: #202944;
}

.bolder {
    font-weight: 700;
}

.mb-2 {
    margin-bottom: 15px !important;
}

.origin.true {
    font-size: 12px;
    font-weight: 300;
    line-height: 13.2px;
    text-align: left;
    color: #A6542F;
    padding-bottom: 6px;
}

#fa_customproductshome #product_list .product_card .info_product .product_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

/* .describtion_item #tab_1 .txt {
    max-height: 100px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.describtion_item #tab_1 .txt.collaps {
    max-height: 350px;
} */

.describtion_item #tab_1 .btn_view {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: none;
}

.describtion_item #tab_1 .btn_view span {
    position: absolute;
    padding-left: 4px;
}

.describtion_item #tab_1 .btn_view .more,
.describtion_item #tab_1 .btn_view.collaps .less {
    display: inline;
}

.describtion_item #tab_1 .btn_view .less,
.describtion_item #tab_1 .btn_view.collaps .more {
    display: none;
}

#impact .img_notation img {
    max-width: 50px;
    height: auto;
    cursor: pointer;
    opacity: 0.5;
    transition: 3s;
}

#impact .img_notation img:hover {
    opacity: 1;
    transition: 0.2s;
}

#impact .img_notation img:hover~img {
    opacity: 1;
    transition: 0.2s;
}

#impact .img_notation {
    flex-direction: row-reverse;
    gap: 20px;
    margin-top: 40px;
}

#impact .img_content {
    overflow: hidden;
}

#impact .img_content img {
    transition: 0.3s ease-in-out;
}

#impact .img_content:hover img {
    transform: scale(1.03);
}

#labels .content_labels {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

#labels .txt_content {
    width: 60%;
    text-align: left;
    padding: 40px;
}
#labels .img_content img{
    max-width: 100%;
    height: auto;
}
#labels .content_left {
    max-width: 200px;
    display: flex;
}

#product .btn-add-to-cart {
    display: none;
}

#product .btn-add-to-cart a {
    margin-top: 1rem;
}


.describtion_item p strong {
    font-weight: 700;
}

#subcategories {
    margin-bottom: 0;
}

.block_newsletter_oj input::placeholder {
    color: #202944;
    opacity: 1;
}

.block_newsletter_oj .input-wrapper {
    width: 60%;
}

.block_newsletter_oj .input-wrapper input {
    width: 100%;
}

.blockreassurance_product {
    padding: 1.25rem 1.25rem 3rem 1.25rem;
    margin-top: 0;
    margin-bottom: 2rem;
    border: 1px solid #a75530;
    border-radius: 0;
}

.blockreassurance_product .rea_subtitle,
.blockreassurance_product .rea_title {
    font-size: 20px;
    margin: 16px 0;
    color: #202944;
    font-weight: 700;
    text-align: center;
}

.blockreassurance_product .items_rea {
    margin: 40px 0;
}

.blockreassurance_product .item_rea {
    font-size: 18px;
    color: #202944;
    font-weight: 400;
    text-align: center;
}

.blockreassurance_product .separator {
    height: 0px;
    width: 30%;
    border-bottom: #A6542F solid 1px;
    margin: 20px auto;
}

#my-account.page-my-account #content .links a.account_bloc_item,
#account_bloc .my-account-page ,
#account_bloc #quotation-link{
    display: none;
}


.product-line-grid.real_product:not(.cart-item:first-child .product-line-grid.real_product) {
    border-top: #A6542F 1px solid;
    padding-top: 30px;
}


/* width */
::-webkit-scrollbar {
    width: 0;
    height: 10px;
}

.subcategories-list::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #202944;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #202944;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.custom-product-list-padding {
    padding-right: 6px;
    padding-left: 6px;
}

.product-miniature .product-title {
    text-align: left;
}

.input-group {
    display: flex;
}

section.product-discounts {
    display: none !important;
}
@media (max-width: 1350px) {
    #product .recap_cart td{
        padding: 5px;
        vertical-align: middle;
    }
}

#product .recap_cart{
    visibility: hidden;
    height: 0;
    font-size: 0.8vw;
}
#product .recap_cart.visible_content{
    visibility: visible;
    height: auto;
}
@media (min-width: 767px) {
    .custom-product-list-padding {
        padding-right: 15px;
        padding-left: 15px;
    }

    .product-miniature .product-title {
        text-align: center;
    }
    .mobile_title{
        display: none;
    }
}


#header .header_oj_mobile {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}
.btn.btn_default_3.customize{
    background-color: #A6542F;
    color: #fff;
    border-color: #A6542F;
}
.btn.btn_default_3.customize::after {
    background-color: #202944;
}
html {
    scroll-padding-top: 86px; /* Ajuste cette valeur en fonction de la hauteur de ton menu fixe */
}
@media (max-width: 767px) {
    html {
        scroll-padding-top: 110px; /* Ajuste cette valeur en fonction de la hauteur de ton menu fixe */
    }
    #product .recap_cart.visible_content{
        visibility: visible;
        height: auto;
        margin-top: 15px;
    }
    .block_newsletter_oj,
    #follow_us {
        padding: 0.625rem;
    }

    #soyresponsiveslider_wrapper {
        margin-top: 110px;
    }

    #banner_oj .image {
        display: none;
    }

    #home_categories #top_category {
        min-height: 500px;
    }

    #home_categories #categries_list {
        padding: 10px 20px;
    }

    #fa_customproductshome #product_list .product_card .info_product,
    .product_description_top {
        flex-direction: column-reverse;
    }
    #fa_customproductshome #product_list .product_card .info_product .product_name{
        max-width: 100%;
    }
    #footer_sub_menu_4,#footer_sub_menu_5{
        padding-left: 0.625rem;
    }
    .product_description_top {
        gap: 10px;
    }
    .product-miniature .product-title a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block;
        text-align: left;
    }
    .desktop_title{
        display: none;
    }
    #about #header, #index #header{
        top: 0;
    }
    .header_about{
        margin-top: 110px;
    }
    .header_content::after{
        bottom: -2px;
        top: auto;
    }
    #about .row_about{
        padding: 20px 30px;
        flex-direction: column-reverse;
        gap: 20px;
    }
    .ets_blog_layout_list{
        justify-content:center ;
    }
    .ets_blog_layout_list{
        padding: 0 10px;
    }
    .ets_blog_layout_list .post-details{
        padding: 0 5%;
        max-width: 100%;
    }
    
    #ets_blog_page .breadcrumb {
        margin-top: 40px;
        z-index: 22;
        position: relative;
    }
    #content-blog {
        margin-top: auto;
        padding: 0 20px;
    }
    .header_single_post{
        position: relative;
        min-height: 200px;
    }
    .info_post_header {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0 15px;
    }
    #about .row_items .item:nth-child(2) {
        border-right: none;
        border-left: none;
        border-top: #A6542F 1px solid;
        border-bottom: #A6542F 1px solid;
    }
    .info_post_header .separator {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .info_post_header .title {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: -0.02em;   
    }
   
    #about .row_items{
        padding: 20px 30px;
    }
    #about .row_items .item{
        width: 100%;
        padding: 25px 0;
    }
    #about .row_items .items{
        flex-direction: column;
    }
    #about .row_about.brown{
        flex-direction: column;
    }
    #about .section{
        width: 100%;
        padding: 0;
    }
    #about .section.right {
        padding-left: 0;
    }
    #about .section.left {
        padding-right: 0;
    }
    #about .title_page{
        font-size: 24px;
        text-align: center;
    }
    #contact .contact-content,.contact-form{
        padding: 0;
    }
    #contact .contact-content .contact-form .col-md-12{
        width: 100%;
    }
    #contact .title_page{
        margin-top: 80px;
    }
    #labels h2, #impact h2, #guide h2{
        line-height: 30px;
    }
    #labels .img_content, #labels .img_content img{
        max-width: 100%;
        height: auto;
    }
    #guide .img_guide{
        width: 100%;
        margin: 20px 0;
    }
    #faq .section_1, #faq .section_2{
        padding: 0;
    }
    #impact .txt_content, #guide .txt_guide .txt{
        padding: 0;
    }
    #guide .txt_guide .txt img{
        max-width: 100%;
        height: auto;
    }
    #labels .txt_content{
        width: 100%;
    }
    #faq .line_status{
        display: none;
    }
    #faq .order_status{
        flex-direction: column;
    }
    #impact .txt_content, #guide .txt_guide .txt{
        max-width: 100%;
    }
    #faq .faq_categories{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    #impact .text_center, #guide .text_center{
        padding: 0;
    }
    #impact .nav_guide, #labels .nav_guide, #guide .nav_guide{
        justify-content: center;
    }
    #labels .content_labels, #impact .content_impact, #guide .txt_guide, #guide .title_guide{
        flex-direction: column;
    }
    #home_categories{
        height: auto;
    }
    #fa_customproductshome #product_list .product_card:nth-child(odd){
        padding-right: 8px;
    } 
    #_mobile_top_menu a.dropdown-item,
    #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a {
        text-transform: uppercase;
    }
    #impact .img_content {
        max-width: 100%;
        margin: 15px 0;
    }
    #impact .img_content img{
        max-width: 100%;
        height: auto;
    }
    .card_order .card_order_body .left_card_order, .card_order .card_order_body .right_card_order {
        width: 100%;
    }
    .card_order .card_order_body {
        flex-direction: column;
    }
    #history.page-customer-account #content{
        padding: 1rem 0;
    }
    .card_order .card_order_body .left_card_order .order_img{
        width: 50%;
    }.action_history {
        padding: 2rem 0;
        width: 100%;
    }
    .card_order .card_order_body .right_card_order, .card_order .card_order_body .left_card_order {
        border-right:none;
        border-bottom: 2px dashed #B4C7CC;
        padding: 2rem 0;
    }
    #exportDataToPdf,#exportDataToCsv{
        max-width: 100%;
        margin: 0;
        font-size: 12px;
    }
    .psgdprinfo17{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    #product .delay_fab{
        padding: 0.75rem;
        vertical-align: top;
        font-size: 1rem;
        margin-bottom: 10px;
    }
    #product .recap_cart td {
        padding: 0.75rem;
        vertical-align: top;
        font-size: 1rem;
        
    }
}
#product #impact_carbone a{
    display: flex;
    align-items: center;
    gap: 5px;
}
#product #impact_carbone,
#product .delay_fab{
    position: relative;
    cursor: help;
}

#product .delay_fab:hover::before{
    content: "Délai d’expédition indicatif après validation BAT pour les produits personnalisés. Le délai pour les produits sans personnalisation peut être plus court.";
    position: absolute;
    background-color: #EBDCD5;
    color: #202944;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    padding: 10px;
    left: 0;

    transform: translateY(-50%);
}
.top-menu .sub-menu{
    transition: 0.1s ease-in-out;
}

#product .delay_fab:hover::before{
    bottom: 20px;
    content: "Délai d’expédition indicatif après validation BAT pour les produits personnalisés. Le délai pour les produits sans personnalisation peut être plus court.";
}
#shopping_cart_title{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#shopping_cart_title .contact_info{
    display: flex;
    gap: 25px;
}
#shopping_cart_title .tel_line{
    display: flex;
    gap: 5px;
    align-items: center;
}
#cart .card-block::after{
    display: none;
}

@media (max-width: 991px) {
    .block-contact {
        padding-left: 0;
    }
}
#product .delay_fab svg{
    margin-right: 10px;
}
#product .delay_fab{
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.short_description_post{
    margin: 30px 0;
}
.text-rea_cart{
    text-align: center;
    padding: 0 20px ;
    margin-bottom: 30px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #7a7a7a;
}
.card-block.checkout{
    padding-bottom: 5px;
}
#about p.txt.sub-title a{
    font-weight: 600;
}
#about p.txt.sub-title{
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 40px;

}
.product_attr_quantity_panachage:focus-visible{
    outline: none;
}
#product #thumbnails{
    display: none;
}
@media (max-width: 767px) {
    #ui-id-1.searchbar-autocomplete{
        transform: translateY(110px);
        position: fixed;
        top: 0 !important;
        left: 20 !important;
        right: auto !important;
        width: auto !important;
    }
}
#ui-id-1.searchbar-autocomplete{
    transform: translateY(90px);
    position: fixed;
    top: 0 !important;
    left: auto !important;
    right: 20px;
    width: auto !important;
}
#acv_page .blend-mode {
    mix-blend-mode: multiply; /* Vous pouvez essayer d'autres modes : screen, overlay, etc. */
    width: 100%;
    height: auto;
}


#acv_page .item_values .parallax {
    display: flex;
    align-items: center;
}

#acv_page .item_values .parallax::after {
    content: '';
    border-bottom: #A6542F 1px solid;
    width: 400px;
    position: absolute;
    bottom: 0;
}


#acv_page .item_values p.txt {
    margin: 0;
}

#acv_page .item_values {
    position: relative;
    padding: 11px 0;
}

#acv_page p.txt {
    font-size: 10px;
    font-weight: 300;
    color: #202944;
}

#acv_page .mt-10{
    padding-top: 20px;
}

#acv_page h2.title {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

#acv_page .mb-30 {
    margin-bottom: 30px;
}

#acv_page .onFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#acv_page .item_values .active {
    display: none; 
}

#acv_page .item_values.active .active {
    display: block;
}
.customization_order_detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}
.items_customization_order_detail {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media(max-width:1200px){
    #acv_page{
        flex-direction: column;
    }
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li p,
.top-menu p[data-depth="0"]{
    font-weight: 600;
    text-transform: uppercase;
}
#_mobile_top_menu{
    background-color: #fff;
}
#mobile_top_menu_wrapper .top-menu .collapse.in{
    overflow: visible;
}
.header_oj_mobile>a{
    margin: 10px 0;
}
@media(max-width:768px){
    .breadcrumb ol{
        padding: 0;
        justify-content: center;
        flex-wrap: wrap;
    }
    #content>h1:first-child{
        margin-top: 50px;
    }
    #cms.cms-id-6 #content-wrapper h1::before, #cms.cms-id-3 #content-wrapper h1::before{
        top: 0;
    }
}
#filtersModal .modal-content{
    border: none;
}
#filtersModal .modal-body{
    background-color: #fff;
}
.pagination-setup {
    position: absolute;
    top: 0;
    left: 0;
    height: 1000vh !important;
    width: 100%;
    z-index: 9999;
}
.g_customfields_content .form-group.input_box,
.g_customfields_content .form-group.select_box{
   display: flex;margin-bottom: 5px;
}
.g_customfields_content #input_1737106367,
.g_customfields_content #input_1737106448,
.g_customfields_content #input_1737106515,
.g_customfields_content #input_1742571210,
.g_customfields_content #select_1737106189{
   width: calc(50% - 15px);
   margin-left: 9px;
}
#checkout .g_customfields_content label{
   text-align: start;
}
.select_box select{
   max-width: none;
}
.g_customfields_content label{
   font-size: 0.875rem;
   font-weight: 700;
   color: #202944; 
   width: 25%;
   padding-top: 0.625rem;   
   padding-right: 15px;
   margin-bottom: 0;
}
#g_customfields_2, 
#g_customfields_4,
#g_customfields_3,
#g_customfields_8,
#g_customfields_content_box_2{
   display: none;
}

#acv_page {
    align-items: start;
}
#acv_page b{
    font-weight: 600;
}
#acv_page h2{
    line-height: 35px;
}
#acv_page .img_content{
    position: sticky;
    top: 90px;
}
#collab_voltaire .section_3{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 150px;
}
#collab_voltaire .section_4,
#collab_voltaire .section_1{
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
}
#collab_voltaire .section_2 .row_left{
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    margin-bottom: 50px;
}
#collab_voltaire .section_2 .row_left .title_link{
    font-size: 18px;
    text-decoration: underline;
    font-weight: 600;
    text-align: end;
    text-transform: uppercase;
}
#collab_voltaire .section_2 .row_left p{
    text-align: end;
}
#collab_voltaire #wrapper img{
    max-width: 100%;
    height: auto;
}
#collab_voltaire {
    max-width: 100%;
}
#collab_voltaire #wrapper {
    padding: 100px 150px;
    padding-top: 0px;
}



#collab_voltaire p {
    color: #202944;
}
#module-pdfquotation-accountpdfquotation .preview_miniature{
    position: relative;
    cursor: pointer;
}
#module-pdfquotation-accountpdfquotation .preview_miniature:hover svg{
    opacity: 1;
}
#module-pdfquotation-accountpdfquotation .preview_miniature svg{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    transition: 0.2s ease-in-out;
}
#module-pdfquotation-accountpdfquotation #modal_preview_customization .content_preview svg{
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
    cursor: pointer;
}
#module-pdfquotation-accountpdfquotation #modal_preview_customization .content_preview img{
    max-width: 100%;
    height: auto;
}
#module-pdfquotation-accountpdfquotation #modal_preview_customization .content_preview{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 33vw;
    background-color: #fff;
}
#module-pdfquotation-accountpdfquotation #modal_preview_customization{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
#collab_voltaire .header_faq.voltaire{
    color: #E0B683;
    font-size: 50px;
    padding:40px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: normal;
}
#collab_voltaire .section_3 svg,
#collab_voltaire .section_4 svg,
#collab_voltaire .section_1 svg{
    margin-bottom: 10px;
}
#collab_voltaire .section_3 .bloc_left,
#collab_voltaire .section_4 .bloc_left,
#collab_voltaire .section_1 .bloc_left{
    width: 50%;
}
#collab_voltaire .section_3 .bloc_right,
#collab_voltaire .section_4 .bloc_right,
#collab_voltaire .section_1 .bloc_right{
    width: 50%;
}
#collab_voltaire .section_4 .bloc_left,
#collab_voltaire .section_1 .bloc_left{
    text-align: end;
}

@media (max-width:771px) {
    
    #collab_voltaire .products.row{
        margin: 0;
    }
    #collab_voltaire .section_3,
    #collab_voltaire .section_4,
    #collab_voltaire .section_1{
        flex-direction: column;
    }
    #collab_voltaire #wrapper {
        padding: 10px;
    }
    #collab_voltaire .section_3 .bloc_left,
    #collab_voltaire .section_4 .bloc_left,
    #collab_voltaire .section_1 .bloc_left{
        width: 100%;
    }
    #collab_voltaire .section_3 .bloc_right,
    #collab_voltaire .section_4 .bloc_right,
    #collab_voltaire .section_1 .bloc_right{
        width: 100%;
    }
    .block-category,
    .block-category .block-category-inner #category-description p{
        text-align: center;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .blog_description em {
        display: inline-block;
        max-width: 100%;
        word-break: break-word;
      }
}


#module-fa_marking-customization .fixed_price {
    float: none;
    width: 100%;
    right: 0;
    padding: 0;
    background: #fff;
}

@media (min-width: 1025px) {
    #module-fa_marking-customization #preview-right-side {
        padding-bottom: 250px;
    }
    #module-fa_marking-customization .fixed_price {
        float: left;
        width: 23%;
        right: 0;
        padding: 0px 17px; /*0px 34px;*/
        background: #fff;
        position: fixed !important;
    }
}