body {font-family: Be Vietnam, sans-serif}
.header-menu-middle .row > * {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    margin: 0 !important;
}

.header-logo-wrapper {
    max-height: 145px;
    height: 100%;
    width: auto;
    float: left;
}

.navbar-fixed-top {
    background: transparent;
    box-shadow: none;
}


.process-icon.process-icon-font {font-size: 20px;height: 42px;width: 42px;background: var(--color-main);display: inline-block;color: #fff;text-align: center;line-height: 42px;border-radius: 9px;vertical-align: top}
a, a:hover, .btn-link:hover {
    color: var(--color-main);
}

header #block-logo {
    margin: 15px;
    width: 350px;
    display: inline-block;
    position: static;
}

.header-line {
    background: var(--color-main);
    color: #fff;
}

.header-line a {
    display: inline-block;
    color: #fff;
    line-height: 42px;
    margin: 0px 6px;
}

nav.container-produits ul.nav li.item-menu > a {
    color: var(--color-main);
    font-weight: 600;
}

#homepage:before {
    background: transparent;
    display: none;
}

.process-row {
    background: #fff;
    box-shadow: 0 1px 12px #eaeaea;
}

.section-title:after {
    display: none;
}

.container-footer {
    background: transparent;
    padding-top: 30px;
    padding-bottom: 40px;
}

footer.header-line {
    text-align: center;
    background: var(--color-main);
}

footer.header-line small {
    color: #fff;
    font-size: 16px;
}

footer .block-pietrini.text-footer {
    margin-top: 0;
}

footer #block-logo {
    fill: #fff !important;
    max-height: 260px;
    /* width: auto; */
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

@media(max-width: 767px) {
    footer #block-logo {
        margin: -80px auto;
        position: static;
    }   
}

#homepage #commander {
    background: var(--color-main) !important;
}

.btn-commander, .btn-small.btn-primary, .btn-ajouter, .btn-main {
    background: var(--color-main) !important;
    border: none;
}

.process-row .process-icon img {
    width: auto;
}

.process-row .process-desc2 {
    font-size: 14px;
}

.landing-sav .btn-small.btn-primary {
    background: var(--color-main) !important;
}

.landing-mpb .landing-mpb-icon-title strong {
    display: block;
}

.landing-mpb .landing-mpb-icon-title {
    font-weight: 400;
}

.landing-mpb .section-title {
    margin-bottom: 20px
}

.landing-mpb .landing-mpb-icons .landing-mpb-row {
    padding: 10px;
}

.custom-barre {
    width: 100%;
    height: 5px;
    left: 0;
}

.custom-barre {
    background: #D7282F;
    text-align: center;
}

.custom-barre:before {
    content: "";width: 50%;background: var(--color-main);height: 5px;position: absolute;left: 25%;
}

.custom-links {
    text-align: center;
    position: relative;
    top: -20px;
    background: #fafafa;
    display: inline-block;
    padding: 10px;
}

.custom-links a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

nav.container-produits ul.nav li.item-menu:hover > a {
    color: var(--color-main);
}




.nav-item .dropdown-menu>li>a {font-weight: 600; color: #333; padding: 3px 20px; background: #fff!important }
.nav-item .dropdown-menu {border-radius: 3px!important; padding: 18px 7px; margin: 0 }
.nav-item .dropdown-submenu {position: relative }
.nav-item .dropdown-submenu>a:after {content: "\F0DA"; float: right; border: none; font-family: FontAwesome }
.nav-item .dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: 0; margin-left: 0; overflow-y: scroll }
.nav-item .dropdown-menu {border: 0; background: #fff; font-size: var(--font-size); overflow: scroll;max-height: calc(100vh - 70px) }
li.dropdown:hover>.dropdown-menu {width: 304px;}
.nav-item .dropdown-menu.show {display: none!important; position: absolute }
.nav-item .open .dropdown-menu.show {display: block!important }
.nav-item li.dropdown-submenu {position: relative!important }
.nav-item .dropdown-submenu>a:after {position: absolute; right: 0; background: #fff; padding: 0 15px }
.nav-item .dropdown-menu>li>a {overflow: hidden }
nav ul.menu li a {padding: 7px 15px;border-radius: 100px;font-weight: 400;color: var(--color-main);font-size: var(--font-size);}
nav.navbar ul.menu.text-right {padding: 0; margin-bottom: 0; }
nav.container-produits ul {margin: 0;padding: 0;}

footer a,
footer a:hover {color: #fff;}
.container-footer {color: #fff;background: #fafafa;}
section .catalog.promotion .block-product a.img img {/* height: auto; */}

.landing-mpb .landing-mpb-row img {position: relative;top: 120px}

footer h5 {color: #fff;text-transform: unset;font-size: 16px;}

:root {
    --nav-margin: 80px;
}

#menu-catalog {top: var(--nav-margin)}
.nav-margin, .header-page {margin-top: var(--nav-margin)}

section.main {padding-top: var(--nav-margin)}
@media(max-width: 991px) {
    .footer-section-mobile div {margin-bottom: 15px}
    .nav-margin, .header-page {margin-top: 50px !important;}
    section.main {padding-top: calc(var(--nav-margin) - 50px)}
}

.container-ventes {text-shadow: none}

.landing-view section > h2 span, .process-row .process-desc1, .process-row .process-desc2 strong, .landing-view.landing-sav .landing-sav-row h2 span {
    color: var(--color-main);
}

.section-title:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAAALCAYAAABid5PYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFySURBVHgB7ZdPToNAFId/r03rFVA3szRGkSPgCdq1jVFPoJ6g5QTqCdQY0m17AjkCVmPcyU4ST2AbeA5UFI0pf0o3nX4JCwZm8jHvzTCPbE3vEaELwAPYqwHuhHl46D85WBB32o7ZIGqFgAGQkE0i9dhbeUAww6JUcP7iMbPV8R9vUBH2un5KwBl+T0IWSnpkBedb6oPH+yf+i4eSRJlRp9oF4swojVIeUXBqyEasUfO1v6F3UYKonxS5x3wToqRHnpWTJnfWTLOD5LhkonqW3iPe1pIbe3PbQFA3ZKBacoB2RteB7DxEELid92c3ab3WtkQTDVOOcZQpwewwcDvGxEl/3Mrjx4P+e6+vGYIpjJaeQNVIiQBs5Tn9qO5Bs/oV3PJyeECedkY9FERVj5nBiagoa9yAw/N5agUVPTKDk2Bru8cU/9CK1Qbyujp4G12iIlTyyB2chK8zeluuyb24mqWUHE+rahA9yMwYLLqqXnaPT4JwfGJzQNWbAAAAAElFTkSuQmCC);
}

.section-title:after {
    content: "";
    height: 11px;
    width: 103px;
    background: no-repeat 100%;
    position: relative;
    top: 5px;
    display: block;
    text-align: center;
    margin: 0 auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAzIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTAzIDExIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05Mi41NjczIDMuNDU1QzkwLjU1MzUgNC44NzY2NyA4OC45NjMxIDYgODUuNSA2QzgyLjAzNjkgNiA4MC40NDY1IDQuODc2NjcgNzguNDMyNyAzLjQ1NUM3Ni4xMzg0IDEuODMzMzMgNzMuNTM2OSAwIDY4LjUgMEM2My40NjMxIDAgNjAuODYzMyAxLjgzMzMzIDU4LjU2NzMgMy40NTVDNTYuNTUxOSA0Ljg3NjY3IDU0Ljk2MTQgNiA1MS40OTgzIDZDNDguMDM1MyA2IDQ2LjQ0NDggNC44NzY2NyA0NC40MzExIDMuNDU1QzQyLjEzNjcgMS44MzMzMyAzOS41MzY5IDAgMzQuNDk4MyAwQzI5LjQ1OTggMCAyNi44NjE2IDEuODMzMzMgMjQuNTY3MyAzLjQ1NUMyMi41NTM1IDQuODc2NjcgMjAuOTYxNCA2IDE3LjUgNkMxNC4wMzg2IDYgMTIuNDUzMSA0Ljg3NjY3IDEwLjQzMjcgMy40NTVDOC4xMzY3MiAxLjgzMzMzIDUuNTM2OTEgMCAwLjUgMFY1QzMuOTYzMDkgNSA1LjU1MzUyIDYuMTIzMzMgNy41NjcyOSA3LjU0NUM5Ljg2MTYyIDkuMTY2NjcgMTIuNDYxNCAxMSAxNy41IDExQzIyLjUzODYgMTEgMjUuMTM2NyA5LjE2NjY3IDI3LjQzMTEgNy41NDVDMjkuNDQ2NSA2LjEyMzMzIDMxLjAzNjkgNSAzNC40OTgzIDVDMzcuOTU5OCA1IDM5LjU1MTkgNi4xMjMzMyA0MS41NjczIDcuNTQ1QzQzLjg2IDkuMTY2NjcgNDYuNDYxNCAxMSA1MS40OTgzIDExQzU2LjUzNTMgMTEgNTkuMTM1MSA5LjE2NjY3IDYxLjQzMTEgNy41NDVDNjMuNDQ2NSA2LjEyMzMzIDY1LjAzNjkgNSA2OC41IDVDNzEuOTYzMSA1IDczLjU1MzUgNi4xMjMzMyA3NS41NjczIDcuNTQ1Qzc3Ljg2MzMgOS4xNjY2NyA4MC40NjE0IDExIDg1LjUgMTFDOTAuNTM4NiAxMSA5My4xMzY3IDkuMTY2NjcgOTUuNDMyNyA3LjU0NUM5Ny40NTMxIDYuMTIzMzMgOTkuMDM4NiA1IDEwMi41IDVWMEM5Ny40NjMxIDAgOTQuODYxNiAxLjgzMzMzIDkyLjU2NzMgMy40NTVaIiBmaWxsPSIjQTYxOTJFIi8+PC9zdmc+) !important;
}

/* faq */
.landing-views h2:not(.media-heading) {margin-bottom: 50px; font-size: 32px; text-align: center}
.landing-confidence {background: #f2f5f8}
.landing-view {padding: 35px 0;clear: both}
.landing-row-container {display: inline-block;vertical-align: top;width: 260px;max-width: 100%;margin: 0 5%;background: #fff;box-shadow: 0 0px 1px 0px #eee;border-radius: 3px;margin-top: 45px;transition: all 0.3s;border: 1px solid #eee}
.landing-row-container:hover {box-shadow: 0 0 20px rgb(0 0 0 / 10%)}
.landing-view .landing-row-container {margin: 0 43px;margin: 0;}
.landing-confidence .landing-row-container {display: table; max-width: 800px; width: 100%; margin: 0 auto 30px}
.landing-faq .landing-row-container {width: 100%; max-width: 100%; padding: 20px 0; border-radius: 4px}
.landing-confidence .landing-row-title strong {font-weight: bold; font-size: 18px; line-height: 24px}

#page-cms_page .landing-view {padding-top: 70px;}

.landing-header-container .landing-view {min-height: 600px;}


/* custom fiche produit */

#page-product h4.comment {font-weight: bold; margin: 10px 0 -5px; color: #000}
#page-product h3.text-title {font-size: 26px; color: #000; font-weight: bold; margin: 0; width: auto; display: block; padding: 0; margin-bottom: 30px; margin-top: 0; border-bottom: 1px solid #eee; padding-bottom: 30px}
.comments-left, .comments-right, .comments-bottom {padding-top: 20px;}
#page-product .product-full-description h3:before {content: ""; width: 15px; height: 15px; background: #a0da8c; display: inline-block; border-radius: 100px; left: -15px; position: relative}
#page-product .container-description {border: 0; padding: 0}
#page-product .comments-right {margin-top: 80px;border-top: 1px solid #eee}
#page-product .comments-wrapper > div:not(.comments-title) {border-bottom: 1px solid #eee; margin-bottom: 20px}
#page-product .comments-wrapper table.width-table-1 {margin: 20px 0 40px}
#page-product h3.text-title:before {content: ""; width: 15px; height: 15px; background: var(--color-main); display: inline-block; border-radius: 100px; left: -15px; position: relative}
#page-product .width-table-1 td:first-child {width: 40%;font-weight: 500}
#page-product .width-table-1 td {height: 26px;line-height: 26px;color: #000;border: none;}
#page-product .text-specification {margin-right: 15px;font-size: var(--font-size);margin-top: 4px;color: #000}
@media(max-width: 991px) {
    #page-product .comments-right {margin: 0}
}

#customDropdownCatalog1 .dropdown-submenu>a:after {display: none}
#customDropdownCatalog1 .dropdown-menu {overflow-x: hidden !important}

.header-menu-middle nav.submenu {padding-left: 20px;}
.header-menu-middle nav.submenu a {color: #fff;margin: 0;padding: 15px 19px;margin-top: 16px;}
@media(max-width: 1200px) {
    .header-menu-middle nav.submenu a {padding: 22px 5px !important}   
}
@media(min-width: 992px) {
    header .container, header .container-produits {min-height: 70px;background: transparent;line-height: 0;}
}

.comments-wrapper.comments-top {text-align: left; margin: 0 0 -5px; font-size: 12px}

header #block-logo {max-height: 145px;height: 100%;width: auto;float: left;margin-left: 0;margin-bottom: -50px;}
.social-links span {font-size: 19px;padding: 5px;border: 2px solid #fff;border-radius: 80px;width: 30px;height: 30px;text-align: center;color: #fff;line-height: 10px;display: inline-block}



.language-switch {font-weight: bold;margin-top: 22px}
.language-switch a {color: #676767;margin: 7px}
.language-switch a.active {color: var(--color-main);font-weight: bold}

.header-menu-middle nav.submenu a:hover {color: var(--color-main)}
.landing-header-container .landing-view {padding: 130px 0}
.header-menu-middle nav.submenu a {
    margin: 0;
}

#page-content .landing-header h1 {font-weight: bold;background: transparent;font-size: 60px;line-height: 1.2em;max-width: 100%;margin-top: 40px;text-shadow: 0 1px 6px #333;letter-spacing: -0.01em}
#page-content .landing-header h1 span, 
#page-content .landing-header h1 strong {
    background: #fff;
    color: #333;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

#page-content .landing-header h1 strong {
    background: #b49658;
    color: #fff;
    max-width: max-content;
}
.landing-row-collaboration-row .landing-row-container {box-shadow: none;border: 0;background: transparent}
.landing-view.landing-collaboration {background: #fff}
.section-title:after {display: none;}


.landing-wholesaler .landing-wholesaler-icon-title strong {
    font-family: inherit;
}

.landing-view.landing-activity {font-size: 16px;line-height: 30px}

.landing-views .landing-no-background{background:#fff}
.landing-views .landing-background{background:#f2f5f8}
.margin-left-xxs {margin-left: 10px}

#page-contact .landing-view.header-page {height: auto}
.header-menu-middle {box-shadow: none;border: 0;background: #084876;}
.header-iconbar.icons {margin-top: 4px}
.block-description h2.text-title {font-size: 20px}
.block-description, .block-description p.text-light {font-size: var(--font-size)}.block-description h2.text-title {font-size: 20px}
.block-description, .block-description p.text-light {font-size: var(--font-size)}



@media (min-width: 1270px) {
    .container {
        width: 1270px;
    }
}

.breadcrumb li a {
    color: #000000;
    text-decoration: none;
    transition: 0.3s;
    font-size: var(--font-size);
}


.breadcrumb>li+li:before {
    content: "-";
    color: #000000;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "-";
}

#filters {
    padding-top: 30px;
}

@media(min-width: 991px) {
    #page-nouveautes_catalogue .product-listing, #page-section_catalogue .product-listing, #page-nouveautes_catalogue_group .product-listing, .search-result .product-listing {
        padding-left: 80px;
        padding-top: 30px;
    }
}

.landing-section-list .bx-wrapper .landing-row-image {height: 150px;}

.landing-row-container {width: 280px}

.landing-view .landing-row-container {
    margin: 0 43px;
    /* margin: 0; */
}

.landing-view section>h2 span, 
.landing-wholesaler .section-title span {font-family: inherit;font-style: normal;}
.landing-header-container .landing-view {background-position: center !important}

/* dynamic logo vertical */
div#block-logo {display: flex;align-items: center;justify-content: center;height: 80px;margin-bottom: 0;margin: 0;}
#block-logo img {max-width: 140px;max-height: 80px;margin-top: 0;padding: 10px;padding-top: 0;margin: 0;padding: 0;}

.landing-view section>h2 b {
    color: var(--color-main) !important;
}


#footer .adresses .item:not(:first-child) {
    border-left: 2px solid #b49658;
}

#footer .adresses .item {
    padding: 2rem;
    flex: 1;
    font-size: 1.1rem;
}

#footer .adresses .item a {
    color: var(--color-main);
    margin: 0;
    padding: 0;
    line-height: 0;
    text-decoration: underline !important;
}

#footer .adresses {
    display: flex;
    flex-direction: row;
    padding: 5rem 0;
}


#footer .footer-navigation ul li {
    display: inline-block;
    /* padding: 0 1rem; */
}

nav.footer-navigation {
    text-align: center;
}
header {min-height: var(--nav-margin) - 3px;}

.modal-ui1 .btn.btn-commander, .full .btn-add-on-click button, .full .btn-add-on-click, .header-iconbar .btn-small.btn-primary, .hp-sav-btn.btn-primary, a.btn.btn-centered, .process-icon.process-icon-font, .search-form-button button, .btn.btn-small.btn-primary.btn-dashbaord, #pay-orders, .modal-footer button, #stats .btn-default, .info-block-content a.btn, .header-iconbar .btn-small.btn-primary, .btn-default, #confirm-payment, #confirm-order.btn-default, .tunnel-order-info .btn-main, .btn.btn-ajouter-p, .btn.btn-ajouter-grey, .btn.btn-commander, .btn.select-company, #invite-user {
    border-radius: var(--border-radius)
}

body, .btn {font-size: var(--font-size)}

/* min width btn */
.modal-ui1 .btn.btn-commander:not(.overall-loader), .btn-default, .tunnel-order-info .btn-main {
    min-width: unset;
    max-width: unset;
    width: auto;
}

.header-menu-middle nav.submenu a {text-transform: uppercase;padding: 15px 5px;font-weight: 600;font-size: 14px;}
.landing-collaboration .bx-wrapper img {border-radius: 0}
#menu-catalog .menu-catalog-list:before {color: var(--color-main); background: color-mix(in srgb, currentColor 50%, #000)}
#menu-catalog .menu-catalog-list nav [data-toggle=nav]:before {color: var(--color-main);background: color-mix(in srgb, currentColor 70%, transparent)}
#menu-catalog .menu-catalog-content:before {background: transparent}
#menu-catalog .menu-catalog-list nav li:hover:not(.active):before {background: var(--color-main)}


@media(max-width: 766px) {
    #footer .adresses .item {flex: none}
    #footer .adresses {display: block;width: 100%}
    #footer .adresses .item:not(:first-child) {border: 0}
}

ul#menu-fr-footer {padding: 0}

.landing-collaboration .bx-wrapper img {max-height: 100px;width: auto;margin: 0 auto}
@media(max-width: 767px) {
    .landing-wholesaler .landing-wholesaler-row img {max-width: 100%}
    /*.landing-section-list .slider-section-list {left: -42px}*/
    .landing-view .landing-row-container {margin: 0}
    .landing-wholesaler .landing-wholesaler-icons .landing-wholesaler-row {width: 100%}
}

.header-menu-middle nav.submenu a:hover {color: color-mix(in srgb, var(--color-main) 30%, white);}
.btn.btn-small.btn-primary.btn-dashbaord {border-radius: 30px}

.process-row .process-title {font-family: inherit}
.process-icon.process-icon-font {width: 50px;height: 50px;line-height: 50px;font-size: 26px}

.header-iconbar.icons.dark-theme .icon-favoris {
    background-image: url(/images/v2/icon-star.png);
}

.header-iconbar.icons.dark-theme .icon-favoris:hover {
    background-image: url(/images/v2/icon-star2.png);
}

.btn.btn-small.btn-primary.btn-dashbaord {line-height: 16px !important; padding: 8px 15px!important}

.landing-wholesaler .landing-wholesaler-icon-title {text-align: left}
.landing-wholesaler .landing-wholesaler-row .landing-wholesaler-icon img {filter: grayscale(1);}
.landing-wholesaler .landing-wholesaler-icons .landing-wholesaler-row {text-align: center}

.container-footer {background-color: var(--color-main);}
footer #block-logo {margin-top: 25px;}

.section-title:after {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAAALCAYAAABid5PYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFySURBVHgB7ZdPToNAFId/r03rFVA3szRGkSPgCdq1jVFPoJ6g5QTqCdQY0m17AjkCVmPcyU4ST2AbeA5UFI0pf0o3nX4JCwZm8jHvzTCPbE3vEaELwAPYqwHuhHl46D85WBB32o7ZIGqFgAGQkE0i9dhbeUAww6JUcP7iMbPV8R9vUBH2un5KwBl+T0IWSnpkBedb6oPH+yf+i4eSRJlRp9oF4swojVIeUXBqyEasUfO1v6F3UYKonxS5x3wToqRHnpWTJnfWTLOD5LhkonqW3iPe1pIbe3PbQFA3ZKBacoB2RteB7DxEELid92c3ab3WtkQTDVOOcZQpwewwcDvGxEl/3Mrjx4P+e6+vGYIpjJaeQNVIiQBs5Tn9qO5Bs/oV3PJyeECedkY9FERVj5nBiagoa9yAw/N5agUVPTKDk2Bru8cU/9CK1Qbyujp4G12iIlTyyB2chK8zeluuyb24mqWUHE+rahA9yMwYLLqqXnaPT4JwfGJzQNWbAAAAAElFTkSuQmCC);
    filter: hue-rotate(-145deg);
}
.landing-view section > h2 span {font-family: 'Playfair Display', serif;color: var(--color-main);font-weight: 400;font-style: italic}

.overlay:before {content: "";z-index: 9999;position: absolute;width: 100%;height: 100%;background: #00104366;top: 0}

.landing-wholesaler .section-title {margin-top: 0}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {font-size: inherit}
.background-img {height: 150px}
.text-price-1 {line-height: 10px;margin: 12px 0}
.badge.badge-new {background: #E1C6A4}
.block-picto-produit.text-danger {color: #fda000 !important;background: #fff4e5}

.text-danger {color: #fda000 !important}

.header-line {background: #094877}
.header-line .navbar-item.dropdown-item.active {background: transparent !important}
.header-lang {display: inline-block; background: var(--color-main)!important}
.header-lang.border {border-radius: 100px;padding: 0px 6px}