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: #333;}
.container-footer {color: #333;background: #F3F3F3;}
section .catalog.promotion .block-product a.img img {/* height: auto; */}

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

footer h5 {color: #333;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: #333;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: #fff;}
.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;}

.header-page {
    background: #5995F7;
}

.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%, black);}
.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-iconb   ar.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 {}
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}

#menu-catalog .menu-catalog-content>ul>li>ul>li>a {color: #333;font-size: var(--font-size);margin: 10px 0;display: block;height: auto;line-height: 20px}

footer .footerbase {width: 50%; margin: auto}
footer.container-footer {background-color: #171a1c; color: #fff; padding-top: 0; padding-bottom: 0; overflow: hidden; font-size: 20px}
footer .container-infos {margin-left: 109px; margin-right: 109px}
footer .links-footer {color: #fff; text-decoration: none; font-size: 12px}
footer .links-footer:hover {color: #ffffff; text-decoration: none; font-weight: bold}
footer a, footer a:hover {color: #fff}
footer ul.footer-links-ul {padding: 0}
footer > .container > .row > .foooter-rightbar {position: relative;z-index: 9;padding-top: 10px;padding: 50px;text-align: center}
footer > .container > .row > .foooter-rightbar:before {content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 10000px;height: 10000px;z-index: -1;background: #1f2427}
footer > .container > .row > .footer-leftbar {padding: 50px 0}
footer.container-footer.footer-links-inline > .container > .row > .footer-leftbar {padding: 20px 0}
footer #footer-bottom {background: #202a34; border: 0; font-size: 12px}
footer #footer-bottom .footer-leftbar {padding: 30px 0}
footer.container-footer .media-body {font-size: 16px}
footer ul.footer-links-ul {margin: 0; padding: 0; line-height: 32px}
footer .footer-section-mobile div {margin-bottom: 15px; text-align: left}
footer .footer-contact .btn-small {color: #fff; width: 180px; text-align: left}
footer .btn-small, .btn-commander {border: 1px solid #eee; border-radius: 20px; color: #fff; font-size: var(--font-size); font-weight: bold; line-height: 28px; padding: 5px 15px}
footer.footer-links h2 {margin-bottom: 35px; font-size: 20px}
footer .footer-contact .btn.btn-small.btn-primary {font-size: var(--font-size); padding-left: 15px; background: #fff !important; color: #333 !important}
footer .footer-contact .btn-small {color: #fff; width: 180px; text-align: left}
footer .footer-rightbar-wrapper {margin-left: 30px; font-size: 12px; margin-top: 20px}


/* header */
.header-selector {padding-top: 15px; border-right: 1px solid #eee; margin-right: -4px; padding-bottom: 20px; padding-left: 0; padding-right: 0; display: inline-block; vertical-align: top; transition: all 0.3s; cursor: pointer}
.header-selector:first-of-type {border-left: 1px solid #eee}
.header-selector.active {background: var(--color-main) !important; color: #fff !important}
.header-selector, .header-selector:hover, .header-selector:focus {color: #333}
.header-selector.active {color: #fff}
.header-selector.active img {filter: brightness(10) saturate(0)}
.header-selector-row {padding: 0; padding-right: 0px; margin-right: 0px; display: inline-block; vertical-align: top; padding-right: 30px; padding-left: 30px; line-height: 20px}
.header-selector-image {text-align: center; display: inline-block; padding: 7px 15px 0}
.header-selector-title {font-weight: bold; font-size: 16px; padding-top: 10px; padding-bottom: 5px}
.header-selector-desc {font-weight: 300; font-size: 12px}
header .btn.btn-small {margin-top: 17px}
header #block-logo {transition: 0.5s; margin: 11px 20px 0 10px; max-height: inherit; width: 210px}
@media (max-width: 767px) {
    header #block-logo {max-height: 40px; margin: 10px auto 10px auto; position: relative; float: none !important}
}
.navbar-fixed-top {background-color: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 16px rgba(0, 0, 0, 0.06)}
.header-menu-middle {border-top: 1px solid #eee; box-shadow: 0 1px 2px rgba(238, 238, 238, 0.08)}

.header-menu-middle nav.submenu a:first-of-type {padding-right: 9px}
.header-menu-middle nav.submenu a:first-of-type {padding-left: 16px}
.header-menu-middle nav.submenu a:first-of-type {padding-left: 16px; text-transform: inherit}
.header-menu-middle nav.submenu a {font-size: var(--font-size); font-weight: bold; color: #000; padding: 20px 33px 20px; cursor: pointer; display: inline-block; transition: all 0.2s}
.header-menu-middle .row > * {height: 65px}
.header-selector-desc {display: none}
.btn.btn-small.btn-primary.btn-dashbaord {font-weight: bold; font-size: var(--font-size)}
.text-right.header-iconbar {margin-top: 15px}

.btn-small {border: 1px solid #eee;border-radius: 20px;font-size: var(--font-size);font-weight: bold;line-height: 28px;padding: 5px 15px}
.btn.btn-phone, .btn.btn-phone:active, .btn.btn-phone:focus {user-select: inherit;color: inherit;box-shadow: none;cursor: inherit}

.landing-views .btn-white,
.btn-small,
.landing-views .landing-row-button,
footer .btn-small, .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, .landing-view.landing-sav .landing-sav-row, .landing-wholesaler .landing-wholesaler-row img,
.block-product-select-quantity, .btn-add-on-click,
.process-row .process-background .process-background-img, .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)
}
.pushProduct-title a, .pushProduct-title a:hover {font-size: var(--font-size)}
.landing-section-list .landing-row-title {display: flex; justify-content: center; align-items: center}

.landing-row-collaboration-row {text-align: center}
.landing-collaboration .bx-wrapper img {max-height: 150px}