body {
    font-family: "Be Vietnam", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.retail-media-banner {clear: both; margin: 0 0 20px}
.retail-media-banner img {display: block; width: 100%; height: auto}

/* Conservation des choix customisés */
.wrapper-thumbnail.is-custom:before {
    border-width: 0 25px 25px 0;
}

.is-custom:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    right: 0;
    top: 0;
    z-index: 2;
    border: transparent;
}

.wrapper-thumbnail.is-custom:after {
    font-size: 17px;
    right: 2px;
    top: 1px;
    margin: 0;
}

.is-custom:after {
    font-family: 'Glyphicons Halflings';
    content: "\e006";
    position: absolute;
    margin-top: calc(-50% + 15px);
    margin-left: calc(100% - 35px);
    z-index: 3;
    color: #333;
}

.is-custom {position: relative;}

/* modal selectOfferedProducts */
#selectOfferedProducts .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    width: 100%;
    padding: 20px 40px;
    background: #fbfbfb;
}

#selectOfferedProducts .modal-dialog {
    max-width: 920px;
    width: 100%;
}

#selectOfferedProducts .catalog {
    float: left;
    border-bottom: 3px solid #fff;
    transition: 0s;
    width: 100%;
}

#selectOfferedProducts .btn-add-on-click {display: none}
#selectOfferedProducts .block-product-select-quantity {border-radius: 30px}

#selectOfferedProducts .catalog.choose-promo-selected {
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    transition: all 0.6s;
    border: 0;
    overflow: hidden;
}

/* Stats fix on mobile */
@media(max-width: 767px) {
    #stats #global-graph, #stats #global-pie {
        margin-left: 0 !important;
    }

    #stats .overlay-pie-value {
        margin-left: 60px !important;
    }

    #stats .overlay-pie-label {
        margin-left: 58px !important;
    }
}

.localConfig {display: none}
.btn-default.btn-white {background: #fff;color: #555;box-shadow: 0 1px 2px rgba(0,0,0,.15);margin: 0 20px}
.catalog .block-product h4 {color: #333}

#selectOfferedProducts .catalog {margin-bottom: 80px}
#selectOfferedProducts button[data-role=add-promos] {margin: 0 auto;width: 100%;max-width: 300px;font-weight: bold;padding: 13px}
#selectOfferedProducts .choose-promo-selected button {display: none;}
#selectOfferedProducts .fixed {position: fixed;bottom: 0;left: 0;background: #fff;padding: 10px;box-shadow: 0 0px 4px #ddd;z-index: 9999;}

button.btn.overall-loader {
    display: block !important;
    border: 8px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 8px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 50% !important;
    animation: spin 2s linear infinite;
    margin-left: calc(50% - 20px);
    margin-right: calc(50% - 20px);
    margin-top: 40px;
    height: 40px;
    width: 40px;
    max-width: 40px;
    max-height: 40px;
    color: transparent !important;
    cursor: auto;
    background: #fff !important;
    min-width: auto;
    padding: 0 !important;
}

.loader-orders:first-of-type {
    display: block !important;
    border: 5px solid #aaa;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid transparent;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-left: calc(50% - 25px);
    margin-right: calc(50% - 25px);
    margin-top: 20px;
    margin-bottom: 20px;
}

.loader {
    margin: 0;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border: 4px solid #eee;
    border-top: 4px solid #555;
    animation: spin 1s linear infinite;
    display: block;
    border-radius: 50%;
}

.multi-colisage button {background: #fff;border: 0;margin-right: 0px;box-shadow: 0 2px 2px #ddd;transition: all 0.3s;width: 75px;padding: 7px 0;vertical-align: top;margin: 0 0 14px;font-size: 10px;color: #737373;font-weight: 600;letter-spacing: -0.03em;text-shadow: 0 1px #fff;height: 48px;margin-left: -3px;}
.multi-colisage button:first-of-type {border-radius: 3px 0 0 3px;}
.multi-colisage button:last-of-type {border-radius: 0 3px 3px 0;}
.multi-colisage button.active {background: #f7f8fb;color: #515979;box-shadow: 0 2px 2px #ddd, inset 0px 3px 5px #e3e3e3;}
.multi-colisage {padding-top: 15px;}
.multi-colisage button strong {color: #464646;font-size: 12px;font-weight: 600;letter-spacing: -0.05em;font-weight: 600;display: block;}
.multi-colisage button.active strong {color: #12245b;}

/* Fullpage header */
.full-header-bg {background: url('/images/header/background1.png') no-repeat 100% / cover;color: #fff;height: 224px;margin-top: 130px;padding-top: 22px;float: left;width: 100%;margin-bottom: 30px}
.full-header-bg .breadcrumb {margin-top: 10px;background-color: transparent;padding-left: 0}
.full-header-bg .breadcrumb>li+li:before,
.full-header-bg .breadcrumb li a.active,
.full-header-bg .breadcrumb li a {color: #fff}
.full-header-bg .breadcrumb li a:hover {opacity: 0.4}
.full-header-bg h1 {color: #fff;font-size: 48px;font-weight: 700;margin-top: 15px;text-align: left;float: left;width: 100%}
.full-header-bg h1:after {display: none}
.full-header-bg .container.main {padding: 0 15px; background: transparent}
.full-header-bg.no-filter {filter: unset !important;}

.full-header-bg.header-description h1 {padding: 0;margin-bottom: 5px; margin-top: 0}
.full-header-bg.header-description .selection-description {color: #fff;font-size: 18px;font-weight: 600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

@media (max-width: 991px) {
    .full-header-bg {height: auto}
}


/* Search form */
.search-form {width: 100%;height: 100%;position: fixed;display: block;top: 0;left: 0;z-index: 1000;transform: translateY(-100%);transition: all 0.2s; }
.search-result {overflow: hidden}
.search-form .search-form-input input::placeholder {font-style: normal;font-weight: 500;color: #444; }
.search-form .search-cta-fullpage {position: relative;margin-top: 20px;margin-bottom: 30px;text-align: center; }
.search-form-overlay {width: 100%;height: 100%;background: rgba(0,0,0,.2);background-color: #27323D;opacity: 0.5;position: fixed;display: block;z-index: 999;top: 0;left: 0; }
.search-form-wrapper {position: relative;background: #fafafa;height: 100px;padding-top: 20px; }
.search-form-button {position: absolute;right: 0;top: 0; }
.search-form-group {position: relative; }
.search-form-button button {padding: 10px 20px;border-radius: 30px;font-weight: bold; }
.search-form-icon {background: url('https://goot-master-shard.web.app/images/icons/search-form-icon.png');width: 22px;height: 22px;top: 17px;left: 19px;z-index: 99999;position: absolute;}
.search-form-input input {padding-left: 50px}
.search-form-active {transform: translateY(0px)}
.search-form-icon {width: 22px;height: 22px;left: 0;top: 11px;z-index: 99999;position: absolute;cursor: pointer;}
.search-form .search-form-input input {border: 0;background: transparent;margin: 0 !important;padding: 0;padding-left: 40px;height: 42px;width: 100%;border-radius: 0;box-shadow: none;font-weight: 500;font-size: 16px;}
.search-form-border {position: relative;padding: 7px 20px;background: #fff;border-radius: 4px;box-shadow: 0px 5px 5px #ddd, 0px 1px 13px 0px #eee, 0px -1px 2px #eee;transition: box-shadow 0.2s;}
.search-form .search-form-input input:focus, .search-form .search-form-input input:active {border: 0;outline: none}
.search-form-wrapper, .search-form-output {z-index: 9999;position: relative;overflow-y: scroll;background: #fbfbfb;}
.search-form-output { opacity: 0;transition: opacity 0.2s}
.search-form-output.visible {opacity: 1;height: calc(100% - 300px);}
.search-form-output {background: #fff;height: 0px;}
.search-form-output section.main {padding: 0}
.search-form .filter-block[data-type=filters] {display: none}
.search-form .loading-icon {margin: 0;width: 25px;height: 25px;margin-right: 10px;border: 4px solid #eee;border-top: 3px solid #555;animation: spin 1s linear infinite;border-radius: 50%;background: transparent;display: none}
.search-form-button.loading button {display: none}
.search-form-button.loading .loading-icon {display: block;left: 0;margin-top: 10px;right: auto}
.search-form-button button {display: block}
.search-form .search-cta-fullpage a {display: inline-block}

@media(max-width: 991px) {
    .search-form-wrapper {
        height: 80px;
    }
}

/* Loading bar */
.search-form-output.loading {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0; background: rgba(0, 0, 0, 0.8);z-index: 99999;opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in; pointer-events: none;}
.search-form-output.loading:target {opacity:1;pointer-events: auto;}
.search-form-output.loading > div {width: 100%;position: relative;margin: 20% auto;}
@-webkit-keyframes rotate-forever {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes rotate-forever {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotate-forever {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
.loading-spinner {-webkit-animation-duration: 0.75s;-moz-animation-duration: 0.75s;animation-duration: 0.75s;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: rotate-forever;-moz-animation-name: rotate-forever;animation-name: rotate-forever;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;animation-timing-function: linear;height: 50px;width: 50px;border: 3px solid #ffffff;border-right-color: transparent;border-radius: 50%;display: inline-block;}
.loading-spinner { position: absolute; top: 50%; right: 0; bottom: 0; left: 50%; margin: -15px 0 -15px;}

.search-result h1 b {color: var(--color-main);font-weight: 600;}
.search-result h1 {font-size: 26px;position: relative;color: #444;margin-top: 10px;font-weight: 400}
.search-result h1:after {display: none}
.search-result .filter-block strong {display: block;font-size: 16px;margin-bottom: 20px}

.search-form-overlay {display: none}
.search-form-active .search-form-overlay {display: block}

.search-form {display: none}
.search-form.search-form-active {display: block}

@media(max-width: 991px) {
    .search-form-border {margin-left: -15px;margin-right: -15px;}
    .search-form .search-form-input input {font-size: 12px;padding-left: 30px;}
    .search-form-wrapper {padding-top: 10px}
}

@media(max-width: 300px) {
    .search-form .search-form-input input {padding-left: 0;}
    .search-form-icon {display: none}
}

/* Custom UI transverse */
input {-moz-appearance: textfield}
#stats .btn-default {padding: 6px 12px; font-size: var(--font-size); height: auto;padding-right: 30px}

/* promo list */
section .catalog.promotion .block-product a.img {display: block; margin: 0 0 15px; width: 100%; text-align: center; height: 250px !important; background-color: #fff; overflow: hidden; display: flex !important; align-items: center; flex-wrap: wrap; position: static; }
section .catalog.promotion .block-product a.img img {margin: 0 auto; display: block; }
section .catalog.promotion .block-product a.img div {display: inline-block; margin: 0 auto; }
section .catalog.promotion .block-product .price {float: right; line-height: 30px; padding-left: 5px; font-size: 15px; margin-top: -12px; width: 100%; }
section .catalog.promotion .block-product .media-heading {max-height: 64px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 18px;height: 64px;}

.is-new:before {content: "";height: 120px;width: 120px;top: 0;position: absolute;left: 0;display: inline-block;z-index: 990;background: url('https://goot-master-shard.web.app/images/icons/is-new.png') 100% / 100%}
.img.is-new.has-promo:after {content: "";height: 120px;width: 120px;top: 0;position: absolute;right: 0;display: inline-block;z-index: 990;background: url(https://goot-master-shard.web.app/images/icons/is-new.png) 100% / 100%;transform: rotate(90deg)}
.btn-centered {font-weight: 600;background-color: var(--color-main);color: #fff;border-radius: 30px;padding: 10px 12px;margin-right: auto;margin-left: auto;padding-left: 50px;padding-right: 50px;margin-bottom: 40px;margin-top: 40px;display: inline-block}
.btn.btn-centered {color: #fff}

/* cart preview */
#cart-preview {z-index: 1100;padding: 10px;border: 0;box-shadow: 0 10px 12px rgb(0 0 0 / 30%), 0 0px 10px rgb(0 0 0 / 10%);border-radius: 5px;top: 60px;position: fixed;right: 0;left: auto;top: 60px;overflow-y: scroll;background: #fff;text-align: left;width: 450px;max-height: 315px;opacity: 0;margin-top: -10px;transition: all 0.3s;}
#cart-preview.in {opacity: 1;margin-top: 0}
#cart-preview #basket-preview {width: 100%;display: table;}
#cart-preview #basket-preview td a {font-size: 16px; box-shadow: none}
#cart-preview .preview-product-row {width: 100%;vertical-align: top;padding: 20px 10px;}
#cart-preview #basket-preview tbody tr {margin: 0;padding: 0px;border: 0;box-shadow: none;border-bottom: 1px solid #eee;}
#cart-preview #basket-preview td a {display: inline-block}
#cart-preview .preview-product-media {max-width: 100px;min-width: 100px;width: 100px;display: table-cell;}
#cart-preview .preview-select-quantity {display: inline-block; border: 1px solid #eee; border-radius: 30px 0 0 30px; vertical-align: top; background: #fff; z-index: 999; position: relative; line-height: 0; border-radius: 30px; margin-right: 14px}
#cart-preview tbody td span.qte {color: #f0f0f0;line-height: 18px;font-size: 12px;color: #333235;border-radius: 12px;text-align: center;cursor: pointer;display: inline-block;padding: 18px 13px;}
#cart-preview .preview-select-quantity input.short_qte {display: inline-block;text-align: center;font-size: 16px;color: #000!important;height: 54px;border: 0!important;border-left: 1px solid #eee!important;border-right: 1px solid #eee!important;width: 53px;vertical-align: top;line-height: 54px;margin: 0 -4px;outline: none;opacity: 1;box-shadow: none !important;background: #fff !important}
#cart-preview .block-product-title {max-height: 56px;overflow: hidden;height: 50px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #000;font-weight: 600;font-size: 16px;}

#cart-preview .wrapper-thumbnail {max-width: 100%; box-shadow: none; margin: 0}
#cart-preview .wrapper-thumbnail img {max-width: 100%;max-height: 100px;margin: 0 auto;}

#cart-preview .wrapper-thumbnail.has-promo:before,
#cart-preview .wrapper-thumbnail.is-new:before {width: 80px;height: 80px}
#page-cart #cart-preview, #page-tunnel #cart-preview {display: none !important}

.icons-header {margin: 20px 0}
.icons-header a {margin: 0 3px}
.icons-header .icon-header {width: 22px;height: 22px;display: inline-block;background-size: 100%;background-repeat: no-repeat;position: relative;}
.icon-panier {background-image: url('https://goot-master-shard.web.app/images/icons/v1/icon-cart.svg')}
.icon-espace-client {background-image: url('https://goot-master-shard.web.app/images/icons/v2/dashboard.svg')}
.icon-search {background-image: url("https://goot-master-shard.web.app/images/icons/v1/icon-search.svg")}
.icon-favoris {background-image: url('https://goot-master-shard.web.app/images/icons/v1/icon-shoppinglist.svg')}

.dark-mode .icon-panier {background-image: url("https://goot-master-shard.web.app/images/icons/icon-panier-dark.png")}
.dark-mode .icon-espace-client {background-image: url("https://goot-master-shard.web.app/images/icons/icon-espace-client-dark.png")}
.dark-mode .icon-search {background-image: url("https://goot-master-shard.web.app/images/icons/icon-search-dark.png")}

.search-form-button button,
.search-form-button button:focus,
.search-form-button button:hover,
.search-form-button button:active,
.search-form-button button:active:focus {background: var(--color-main); border-color: var(--color-main); font-size: var(--font-size); color: #fff}

/* v2 desktop header icons */
.header-iconbar.icons a > span {width: 40px;height: 40px;display: inline-block;background-repeat: no-repeat;background-position: center;position: relative;background-size: 25px}
.header-iconbar.icons .icon-espace-client {background-image: url(https://goot-master-shard.web.app/images/icons/v2/dashboard.svg)}
.header-iconbar.icons .icon-favoris {background-image: url(https://goot-master-shard.web.app/images/icons/v2/shoppinglist.svg)}
.header-iconbar.icons .icon-panier {background-image: url(https://goot-master-shard.web.app/images/icons/v2/cart.svg)}
.header-iconbar.icons .icon-search {background-image: url(https://goot-master-shard.web.app/images/icons/v2/search.svg)}
.header-iconbar.icons.dark-theme .icon-espace-client {background-image: url(https://goot-master-shard.web.app/images/icons/v2/dashboard-white.svg)}
.header-iconbar.icons.dark-theme .icon-favoris {background-image: url(https://goot-master-shard.web.app/images/icons/v2/shoppinglist-white.svg)}
.header-iconbar.icons.dark-theme .icon-panier {background-image: url(https://goot-master-shard.web.app/images/icons/v2/cart-white.svg)}
.header-iconbar.icons.dark-theme .icon-search {background-image: url(https://goot-master-shard.web.app/images/icons/v2/search-white.svg)}
.header-iconbar.icons a, .header-iconbar.icons div {vertical-align: middle;margin: 11px 0px 0}
.header-iconbar.icons a.btn-primary {margin-left: 20px}
.header-iconbar .btn-small.btn-primary,.hp-sav-btn.btn-primary {width: auto;margin: 0 auto;display: inline-block;padding: 14px 18px;border-radius: 35px;font-style: normal;font-weight: bold;font-size: var(--font-size) !important;line-height: 120%;text-shadow: none !important;background: var(--color-main) !important;border: 0; color: #fff}
.header-iconbar .badge {transition: .2s;background-color: #fbb616;color: #132a3e;right: -2px;top: 9px;padding: 2px 5px;position: absolute;font-size: 11px;left: auto;width: auto;height: auto}


/* mobile responsive header */
.navbar-mobile-fixed-top {display: none; position: fixed; width: 100%;height: 70px; background: #fff; z-index: 1010; top: 0;}
.dark-mode .navbar-mobile-fixed-top {background: #222}
.dark-mode .navbar-mobile-fixed-top .navbar-toggler {color: #fff}

.notification-row {padding: 5px;color:#fff}
#navbar-notifications .notification-row {color: #000;border-bottom: 1px solid #eee;padding: 10px 30px;}

@media (max-width: 991px) {
    .navbar-fixed-top {display: none}
    .navbar-mobile-fixed-top {display: block}
    .navbar-mobile-fixed-top .header-menu-top>.navbar-mobile-icons a.header-iconbar.icons {
        position: relative;
        top: 2px;
    }
}
.navbar-mobile-fixed-top .header-menu-top {display: table}
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-toggle-menu {display: table-cell;min-width: 45px; position: relative}
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-icons {display: table-cell;min-width: 140px;padding-right: 5px}
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-icons a {margin: 0 4px}
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-logo {display: table-cell;width: 100%}
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-logo img {height: 50px; display: inline-block}

@media(max-width: 991px) {
    #navbar-mobile .nav[data-level="2"] {transform: translateX(-10%)}
    #navbar-mobile .nav[data-level="3"] {transform: translateX(-20%)}
    #navbar-mobile .nav[data-level="4"] {transform: translateX(-30%)}
    #navbar-mobile .nav[data-level="5"] {transform: translateX(-40%)}
    #navbar-mobile .nav[data-level="6"] {transform: translateX(-50%)}
    #navbar-mobile .nav[data-level="7"] {transform: translateX(-60%)}
    #navbar-mobile .nav[data-level="8"] {transform: translateX(-70%)}
    #navbar-mobile .nav[data-level="9"] {transform: translateX(-80%)}
    #navbar-mobile .nav[data-level="10"] {transform: translateX(-90%)}
    #navbar-mobile .nav {overflow-y: scroll;width: 1000%;max-height: 100%;position: fixed;top: 66px;background: #fff;display: none;z-index: 99999;transition: all 0.3s;padding: 0;height: calc(100% - 70px)}
    #navbar-mobile [data-nav-target-list] {width: 10% !important;position: relative !important;display: inline-block;vertical-align: top;margin: 0;padding: 0;height: 100%;display: block !important}
    #navbar-mobile [data-nav-target-list] .submenu {width: 100%;margin: 0}
    #navbar-mobile [data-nav-target].active {display: block}
    #navbar-mobile [data-nav-target] {display: none;position: absolute;top: 0;transform: translateX(100%);width: 100%;z-index: 99;box-shadow: none;opacity: 1 !important;left: 0 !important;margin: 0;padding: 10px 0;height: 100%;padding-top: 100px}
    #navbar-mobile .nav-dropdown-header, [data-nav-redirect="back"] {background: #f3f3f3;padding: 15px 30px;margin: 0;left: 0;position: absolute;right: 0;top: 0;font-size: var(--font-size);font-weight: 500}
    #navbar-mobile .nav-dropdown-header {top: 50px;background: var(--color-main);color: #fff}
    #navbar-mobile nav.submenu a.navbar-item {font-size: var(--font-size);font-weight: bold;color: #000;padding: 20px 0 20px;cursor: pointer;transition: all 0.2s;display: block; border-bottom: 1px solid #eee}
    #navbar-mobile nav.submenu a.navbar-item:hover, #navbar-mobile nav.submenu a.navbar-item.active {color: var(--color-main)}
    #navbar-mobile nav.submenu a.navbar-item:hover, #navbar-mobile nav.submenu a.navbar-item.active {margin-left: 0;margin-right: 0;padding-right: 30px;padding-left: 30px;background: #f8f8f8}
    #navbar-mobile nav.submenu a.navbar-item {padding-right: 30px !important;padding-left: 30px !important}
    #navbar-mobile .link-target > a:after {display: block;top: 20px;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f105";position: absolute !important;font-size: 23px;right: 30px}
    #navbar-mobile .link-target a {position: relative !important}
    #navbar-mobile [data-nav-redirect="back"] {cursor: pointer}
    #navbar-mobile [data-nav-redirect="back"]:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f177"; font-size: 20px;margin-right: 10px;color: #ccc;top: 2px; position: relative}
    #navbar-mobile nav.submenu [data-role="catalog"] {display: none}
}

/* crv */
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-logo img {max-width: 100%;max-height: 50px;height: auto;width: auto}

.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-logo,
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-toggle-menu,
.navbar-mobile-fixed-top .header-menu-top > .navbar-mobile-icons {vertical-align: middle;height: 45px}

#navbar-mobile {background: #fff;top: 0;box-shadow: 0 5px 12px rgba(17, 17, 17, 0.08);overflow:hidden; height: calc(100vh - 70px); overflow-y: scroll}

.navbar-mobile-fixed-top .navbar-toggler {position: absolute;width: auto;background: transparent;border: 0;left: 6px;top: 20px;font-size: 20px; padding: 1px 6px; color: #333}
.navbar-mobile-fixed-top .icon-header.icon-panier .badge {position: absolute;top: 10px;width: auto;height: auto;left: 14px;font-size: 9px;padding: 0px 3px 1px;border-radius: 100px;background: var(--color-main);color: #fff;min-width: 13px;min-height: 13px;line-height: 13px;}

#navbar-mobile li {display: block;width: 100%;display: inline-block;list-style: none}
#navbar-mobile > div {/* width: 10%; */position: relative;left: 0;top: 0;display: inline-block;vertical-align: top;margin: 0;height: 100%;}

@media(min-width: 767px) {
    #filters {height: auto !important;display: block !important}
}

/* CRV Catalog UI transverse */
.product-listing-filters {z-index: 999; padding-top: 10px}
.catalog-view-type-selector {margin: 10px}
@media(max-width: 991px) {.catalog-view-type-selector {display: none}}
.catalog-view-type.active {filter: none; cursor: default}
.catalog-view-type {position: relative; width: 24px; height: 16px; margin: 0 15px; transition: all 0.3s; z-index: 1; filter: brightness(160%) saturate(0); cursor: pointer; display: inline-block; vertical-align: top}
.catalog-view-type-separator {height: 24px; width: 2px; margin: -4px 0; background: #cfcfcf; z-index: 9999; display: inline-block}

.filter-block {margin-bottom: 32px}
.filter-block strong {display: block; font-size: 16px; margin-bottom: 20px}
.filter-block .badge {margin-bottom: 23px; margin-right: 18px; opacity: 0.3; border-radius: 3px; padding: 6px 13px; height: auto; width: auto; font-size: 12px; font-weight: 700}
.filter-block .badge.active {opacity: 1}

.header-page {
    background: var(--color-main);
    color: #fff;
    height: 224px;
    margin-top: 123px;
    padding-top: 22px;
    float: left;
    width: 100%;
}

.header-page .container.main {padding: 0 15px}
#page-content .header-page h1 {color: #fff; font-size: 48px; font-weight: 700; margin-top: 15px; text-align: left; float: left; width: 100%; word-break: break-word;}
section.header-page .breadcrumb>li+li:before, section.header-page .breadcrumb li a.active, section.header-page .breadcrumb li a {color: #fff}
#filters {padding: 0; padding-right: 38px; padding-top: 30px}
.product-listing {padding-left: 50px;padding-top: 30px}
.pagination, .product-listing-filters .padd-select h6 {display: none}
.form-control.select-goot {background: transparent !important; color: #fff; border: 0; box-shadow: none; padding-left: 22px; border-radius: 3px; background: transparent; color: #333; line-height: 22px; font-size: 11px; text-transform: uppercase; font-weight: 700; width: 100%; border: 0; padding: 0; height: 34px}
.product-listing-filters .padd-select {width: auto; padding: 0; margin: 0}
.catalog-view-type {font-size: 24px;opacity: 0.4;margin-top: -4px}
.catalog-view-type.active {opacity: 1;color: var(--color-main)}

#filters {padding: 0;margin-top: 30px;margin-right: 10px;width: calc(25% - 10px);padding-right: 20px!important}
#filters .container-catego .input-field{position:relative}
#filters .container-catego .input-field input{opacity:0}
#filters .container-catego .input-field input:checked + .input-field-selector{border:3px solid #fff}
#filters .container-catego .input-field-selector{opacity:1;background:var(--color-main);width:18px;height:18px;position:absolute;border-radius:100px;box-shadow:0 0 0 1px #ccc;transition:all .3s;border:9px solid #fff;cursor:pointer;top:4px;left:0;top:auto;margin-top:2px;left:4px;border-radius:2px;background:#fff;border:1px solid #ccc!important;width:24px;height:24px;border-radius:3px;box-shadow:none}
#filters .container-catego input:checked + .input-field-selector:before{opacity:1;transform:rotate(45deg) scale(1)}
#filters .container-catego .input-field input{margin-left:17px!important}
#filters .container-catego input:checked + span + span{color:var(--color-main);font-weight:700}
#filters .container-catego .input-field-selector:before{content:"";vertical-align:top;line-height:0;display:inline-block;width:7px;height:13px;position:relative;left:8px;top:3px;transition:all .3s;opacity:0;transform:rotate(45deg) scale(.5);border-bottom:2px solid #fff;border-right:2px solid #fff}
#filters .container-catego .input-field input:checked + .input-field-selector{border:1px solid var(--color-main)!important;background:var(--color-main)}
#filters .container-catego .radio-field .input-field-selector:before{width:14px;height:14px;border:none;background:var(--color-main);border-radius:100px;left:4px;top:4px}
#filters .container-catego .radio-field .input-field-selector{border-radius:100px}
#filters .container-catego{padding:0}
#filters .container-catego > div{max-height:240px;overflow-y:scroll;margin:0;padding:10px 20px}
#filters .container-catego .btn-section-pro:after{content:"\f106";font:normal normal normal 22px/1 FontAwesome;margin-right:-10px;color:var(--color-main);position:absolute;right:0;padding:11px 10px;top:-7px;margin-top:0}
#filters .container-catego:not(:first-child) .btn-section-pro.collapsed:after{content:"\f107"}
#filters .container-catego .container-section-pro label{padding:10px 0;font-size: var(--font-size);font-weight:400;line-height:25px;cursor:pointer;}
#filters .container-catego .container-section-pro{padding:0;}
#filters .container-catego .btn-section-pro{display:inline-block;position:relative;text-overflow:ellipsis;overflow:hidden;padding-right:10px;box-shadow:none!important;font-size:16px}
#filters .container-catego .collapse{padding:0;border: 0;}
#filters .container-catego > div{background:#fff;border-radius:5px}
#filters label{padding:10px 0;font-size: var(--font-size);font-weight:400;line-height:25px;cursor:pointer;text-transform:unset}
#filters .container-catego .btn-section-pro{font-weight:400;border-bottom:0!important;color:#444!important;background: transparent;border: 0;padding-left: 0;}
#filters .container-catego{margin-bottom:20px;border-radius:5px;border: 1px solid #eee;}
#filters .container-catego .container-section-pro[data-type=boolean] input:checked + .input-field-selector {background: transparent}
.catalog-view-type-selector .catalog-view-type {font-size: 24px;opacity: 0.4;margin-top: -4px}
.catalog-view-type-selector .catalog-view-type.active {opacity: 1;color: var(--color-main)}

.catalog .block-product:hover {box-shadow: 0px 5px 5px #ddd, 0px 1px 13px 0px #eee, 0px -1px 2px #eee;transition: all 0.2s ease-in;border: 0;background: #fff}
.catalog .block-product.col-lg-4 {width: calc(33.333% - 30px);background: #fff;border-radius: 4px;position: relative;top: 0;border: 0}
.catalog .block-product {transition: 0.3s ease;padding: 10px;height: 520px;margin: 15px;padding: 10px 20px;box-sizing: border-box;box-shadow: 0px 0px 3px #eaeaea, 0px 0px 2px 0px #eee;border-radius: 2px;background: #fff;width: calc(25% - 30px)}
.catalog .block-product h4 {font-size: 16px;font-weight: bold;margin-bottom: 0;max-height: 56px;overflow: hidden;height: 56px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;width: 100%;line-height: 18px}
.catalog .block-product a.img {display: block;margin: 0 0 15px;width: 100%;text-align: center;height: 220px !important;background-color: #fff;overflow: hidden;display: flex !important;align-items: center;flex-wrap: wrap;position: static;padding: 19px}
.catalog .block-product a.img img {max-height: 100%;transition: 0.5s;max-width: 100%;height: auto;width: auto;margin: auto}
.catalog .block-product .price {color: #111;font-size: var(--font-size);border-left: 1px solid #eee;line-height: 15px;margin-top: 5px;margin-bottom: 5px;padding-left: 15px;display: block;text-align: right;font-weight: bold;float: right}
.catalog .block-product .price small {margin-left: 5px;font-size: 12px}
.catalog .block-product-reference {margin-top: 12px;font-size: 12px;color: #000;margin-bottom: 3px}
.catalog .block-product .block-product-stock {display: inline-block;width: 100%;margin-bottom: 0}

.catalog .block-product.hidden {
    width: 50px !important;
}

.catalog .block-product.col-lg-3 {
     width: calc(25% - 30px);
}

@media (max-width: 767px) {
    .catalog .block-product.col-lg-3,
    .catalog .block-product.col-lg-4 {
        width: calc(100% - 20px);
    }

    .suggested-products .block-product,
    .catalog .block-product.col-lg-3 {
        width: calc(100% - 30px);
    }
}

/* catalog full */
.catalog.full .block-product.col-lg-4 {width: 100%;height: 100%;display: table;margin-left: 0;margin-right: 0}
.catalog.full .block-product.col-lg-4 {width: 100%; height: 100%; display: table; margin-left: 0; margin-right: 0}
.catalog.full .block-product div.add-product {width: auto; left: 0; right: auto; width: 100%; text-align: left}
.catalog.full .block-product-image,
.catalog.full .block-product-wrapper {display: table-cell; vertical-align: top; position: relative}
.catalog.full .block-product-wrapper {padding-bottom: 85px}
.catalog.full .block-product-image {width: 197px}
.catalog .block-product-image {position: relative}
.catalog.full .block-product h4 {font-size: 20px}
.catalog.full .block-product-description {display: table; width: 100%}
.catalog.full .block-product h4 {float: left; height: auto; overflow: unset}
.catalog.full .block-product-stock,
.catalog.full .block-product .price {float: right; margin-top: 10px}
.catalog.full .block-product-description-row {float: left; width: 100%; margin-bottom: 20px}
.catalog.full .block-product-reference {float: left; margin-right: 10px; margin-top: 0; width: 100%}
.catalog.full .block-product .price {text-align: left; font-size: 20px; min-width: 120px}
.catalog.full .block-picto-produit {width: auto; max-width: initial; line-height: 16px}
.catalog.full .block-product h4 {width: auto}
.full .add-cart-title {display: block}
.catalog.full .block-product-select-quantity {border-radius: 30px; margin-bottom: 20px}
.full .btn-add-on-click {border-radius: 100px; float: right}
.full .btn-add-on-click button {width: auto; background: transparent !important; padding: 0 33px; font-size: 16px; color: #fff; font-weight: 600; outline: none; min-width: 210px}
.full .active .add-cart-title,
.full .btn-add-on-click:focus,
.full button:hover .add-cart-title {color: var(--color-main) !important}
.block-product-select-quantity{display:inline-block;border:1px solid #eee;border-radius:30px 0 0 30px;vertical-align:top;margin-right:-4px;background:#fff;z-index:990;position:relative;line-height:0}
.short_qte{width:25px;display:inline-block;margin:0;text-align:center;font-size:16px;color:#000!important;height:54px;border:0!important;border-left:1px solid #eee!important;border-right:1px solid #eee!important;width:54px;margin-bottom:0!important;vertical-align:top;line-height:54px;margin:0 -4px;outline:none}
.block-product div.add-product .glyphicon{display:inline-block!important;color:#2F2F2F!important;margin:0 12px;width:16px;height:54px;line-height:54px;text-align:center;font-size:12px;cursor:pointer}
.btn-add-on-click{border-radius:0 30px 30px 0;background:linear-gradient(45deg,#ff5761,#9e010a);border:1px solid #fff;transition:background-color .3s!important;display:inline-block;border:1px solid var(--color-main);vertical-align:top;z-index:990;position:relative;background:var(--color-main)}
.btn-add-on-click button{border:0;width:72px;height:54px;display:inline-block;float:right;outline:none;background: transparent}
.btn-add-on-click:hover, .active .btn-add-on-click {border: 1px solid var(--color-main);background: #fff}
.btn-add-on-click:hover button span {color: var(--color-main) !important}
.add-cart-title{display:none}
.catalog .block-product .btn.btn-primary.add-product {background:transparent;box-shadow:none;width:100%;cursor:default;padding:0;margin-right:0;transition:.3s;opacity:1!important;height:56px;display:inline-block!important;position:absolute;left:0;bottom:20px;font-weight:600;color:#333;border: 0}
#basket-details .block-product .btn.btn-primary.add-product {position: static}
.block-product-select-quantity.can-see-prices + .price.ttc {margin-left: -5px;}

#page-nouveautes_catalogue .main .col-md-9,
#page-section_catalogue .main .col-md-9,
#page-nouveautes_catalogue_group .main .col-md-9,
.search-result .col-md-9 {
    position: relative;
    z-index: 0;
}

#page-nouveautes_catalogue .main .col-md-9:before,
#page-section_catalogue .main .col-md-9:before,
#page-nouveautes_catalogue_group .main .col-md-9:before,
.search-result .col-md-9:before {
    content: "";
    display: block;
    width: 10000px;
    height: 100000px;
    top: 0;
    z-index: -1;
    position: absolute;
    background: #fbfbfb;
    pointer-events: none;
}

#page-nouveautes_catalogue #page-content,
#page-section_catalogue #page-content,
#page-nouveautes_catalogue_group #page-content,
#page-search_index #page-content {
    background: #fff;
    overflow: clip
}

#page-product {background: #fff}

.block-picto-produit {border-radius: 3px;padding: 5px 13px;height: auto;width: auto;font-size: 12px;font-weight: 700;background: #e7f7fd;height: 25px;word-break: break-all;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;margin-top: 0px;display: inline-block}
.block-picto-produit.text-danger {background: rgba(169, 68, 66, 0.10)}
.block-picto-produit.text-success {background: #e3f4de;color: #24A54F}
.block-picto-produit.text-warning {background: #fff4e5}

.block-picto-produit small {border: 0;font-size: 12px !important}

@media(max-width: 991px) {
    .nav-margin, .header-page {margin-top: 70px !important;height: auto !important;padding: 20px 20px 40px}
    .nav-margin {padding-left: 0; padding-right: 0}
    #filters {width: 100%;padding: 0 20px}

    #page-section_catalogue .product-listing,
    .search-result .product-listing {
        padding-left: 0;
    }

    [data-target="#filters"] {margin-top: 20px;display: inline-block !important}
}

#all-to-cart {margin: 41px 0 0;padding: 0;font-size: 16px;min-width: 120px;color: #000;font-weight: bold;text-decoration: underline !important;cursor: pointer;text-align: center;border-left: 1px solid #eee;border-radius: 0;background: transparent}
#page-shopping_list .transparent {opacity: 1}
#page-shopping_list .catalog .block-product a.img {margin: 0}
#page-shopping_list .catalog.full .block-product-wrapper {padding: 0}
#page-shopping_list #basket-details .block-product .btn.btn-primary.add-product {position: absolute}

.modalCustom .modal-footer {text-align: center}
.modalCustom .modal-footer button {background: var(--color-main) !important;border: 0;border-radius: 100px;padding: 9px 40px;font-size: var(--font-size);font-weight: 600}
.modalCustom .modal-footer .btn+.btn {background: #ddd !important;;}
.modalCustom .modal-inscription {background-color: #fff;border-radius: 5px;border: 0}
.modalCustom .modal-title {font-size: 17px;padding: 4px 0;font-weight: 600}
.modalCustom .modal-header {background-color: #fff;border-bottom: 1px solid #eee;border-radius: 5px 5px 0 0;padding: 15px 23px}
.modalCustom .modal-title, .modalCustom .modal-body {color: #333;}


.block-product-unavailable {background: var(--color-main);padding: 10px 20px;font-size: 12px;color: #fff;font-weight: 600;border-radius: 4px;text-align: center;width: auto;display: inline-block}

#basket-details tbody tr.header:first-of-type {margin-top: 0}
.catalog .header, #basket-details tbody tr.header {width: 100%;text-align: left;color: #333235;font-size: 18px;font-weight: 700;text-transform: none;box-shadow: none;background: transparent !important;border: 0;padding: 0;margin: 20px 0}
#basket-details tbody tr.header td {text-align: left !important;padding-left: 20px}
.catalog .header {margin-top: 30px; margin-bottom: 20px; display: inline-block; width: 100%}
.catalog .header:first-of-type {margin-top: 0;}
.catalog .header a {color: #000;font-size: 20px; text-align: left; font-weight: 600}

#page-shopping_list .remove-from-shoppinglist {width: 26px;height: 26px;display: inline-block;float: right;margin: 10px;margin-left: 30px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAURJREFUSA21ltENgjAQhml30BlIfIFXHkwcwiV0HqZgCBMX4MmEHdwBvB8tKdBrr1iaFI7e3f+1hWvIMmpFUdzKsjzATtmgCW1oKhjDMNRKqRf1S9u27xQwQEj3Qf1EundNlwYQDMCRYmULCBbQKMze4di8Mk5rBKWCcRDoT6B/YT7ICrQVFoI4QbEwCYQFSWFSiBcUgsVAgiAOhnHUHGoPNUg9WA6zrw4CrmbPnvzdLyaXQhAvAiEQsL7vn2TmeKbWaa3P0iNLf3P2v4pAZutoOlgNtg49jzkbg1tnIPaLJ0jaj8EFMe/E58NElo1dkURIEmOATlCMgDR2BZImmpniLsmZgSQJNsC2Q7kTKBRoi3K2T2ME+QI4UW6c01KcgxOSjLs0NRXi1S5GUycSQS4GGjjRcehCG4wxdq8fyKqqjuYH8gNS8+06jKAXagAAAABJRU5ErkJggg==);cursor: pointer}
#page-shopping_list .catalog.full .block-product .price {margin-top: 15px;min-width: 100px}
.suggested-products .block-product {transition: 0.5s;overflow: hidden}

@media(max-width: 767px) {
    .product-listing-filters {display: block;float: left}
    .product-listing {padding: 0}
    .catalog .block-product.col-lg-4 {height: 480px;width: calc(50% - 10px);margin-left: 5px;margin-right: 5px;padding-left: 15px;padding-right: 15px}
    .catalog .block-product a.img {height: 220px}
    .btn-add-on-click button {width: 50px}
    .short_qte {width: 38px}
    .block-product div.add-product .glyphicon {width: 8px;margin: 0 10px}
    .block-picto-produit, .block-picto-produit small {font-size: 10px !important}
    .block-product .product-icons {right: 10px}
    .btn-add-on-click button {width: 48px}
}

body.loading:before {content: "";width: 100%;height: 100%;background: rgb(231 231 231);opacity: 0.7;position: fixed;top: 0;left: 0;z-index: 1000;}
body.loading:after {content: "";position: fixed;top: 50%;display: block !important;border: 5px solid #fff;-webkit-animation: spin 1s linear infinite;animation: spin 1s linear infinite;border-top: 6px solid var(--color-main);border-radius: 50%;width: 50px;height: 50px;margin-left: calc(50% - 25px);margin-right: calc(50% - 25px);z-index: 99999;margin-top: -25px}

.btn-default[data-target="#selectOfferedProducts"] {background: var(--color-main);color: #fff}
.btn-default[data-target="#selectOfferedProducts"]:hover {background: #fff;color: var(--color-main)}

.password-toggle {position: relative;}
.password-toggle::after {content: "";position: absolute;top: 0;right: 15px;width: 24px;height: 100%;background-image: url("https://goot-master-shard.web.app/images/icons/icon-password-invisible.png");background-position: center;background-repeat: no-repeat;background-size: 24px 24px;pointer-events: none;z-index: 1;}
.password-toggle.is-visible::after {background-image: url("https://goot-master-shard.web.app/images/icons/icon-password-visible.png");}
.password-toggle input[type="password"],
.password-toggle input[type="text"] {background-image: none !important;padding-right: 52px;}
.password-toggle input[type="password"]:-webkit-autofill,
.password-toggle input[type="password"]:-webkit-autofill:hover,
.password-toggle input[type="password"]:-webkit-autofill:focus,
.password-toggle input[type="password"]:-webkit-autofill:active,
.password-toggle input[type="text"]:-webkit-autofill,
.password-toggle input[type="text"]:-webkit-autofill:hover,
.password-toggle input[type="text"]:-webkit-autofill:focus,
.password-toggle input[type="text"]:-webkit-autofill:active {-webkit-text-fill-color: currentColor;caret-color: currentColor;}
.toggle-btn {position: absolute;top: 0;right: 0;width: 54px;height: 100%;opacity: 0;cursor: pointer;z-index: 2;}

.dark-mode .password-toggle::after {background-image: url("https://goot-master-shard.web.app/images/icons/icon-password-invisible-white.png")}
.dark-mode .password-toggle.is-visible::after {background-image: url("https://goot-master-shard.web.app/images/icons/icon-password-visible-white.png")}

.full .product-prices-table {display: none}
.product-prices-table{display: grid;grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));position:absolute;bottom:73px;width:calc(100% - 50px);left:25px;border-radius:5px;box-shadow:0 1px 3px #ddd;padding:8px 5px;margin-bottom:15px}
.product-prices-table div{display:inline-block;border-right:1px solid #eee;float:left;font-size:12px;text-align:center;color:#333;font-weight:600;padding:3px 0}
.product-prices-table div > span{font-weight:700;color:var(--color-main);font-size:11px}
.product-prices-table div > *{display:block;color:#333}
.product-prices-table div:last-of-type{border:0}

@media(max-width: 767px) {
    .product-prices-table {display: none}
    #page-shopping_list .block-product.show-price .block-product-price-details .price {display: none}
}

#page-shopping_list .block-product-price-details {display: inline-block}
#page-shopping_list .block-product.show-price .block-product-price-details .price {background: #efeeee;border-radius: 0 30px 30px 0;margin: 0 0 0 -30px !important;z-index: 0;position: relative;color: #000;line-height: 56px;text-align: center;font-size: var(--font-size);min-width: 155px;padding-left: 38px;padding-right: 10px}

#families {list-style: none;padding: 0;margin-bottom: 30px}
#families li > a {width: 100%;display: inline-block;padding-bottom: 60px;position: relative;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);overflow: hidden;margin-bottom: 20px;transition: all 0.5s;}
#families li a img {position: static;width: 100%;transition: 0.3s;box-shadow: 0 2px 3px #eee;border: 8px solid #fff;}
#families li a span {color: #333;border: none;position: absolute;width: 100%;font-size: 21px;font-weight: bold;margin: 0;display: block;background-color: #fff;line-height: 25px;transition: 0.3s;padding-left: 10px;text-align: center;vertical-align: middle;top: auto;bottom: 0;padding-bottom: 20px;padding-top: 20px;border-top: 3px solid #f8f8f8;}

header nav.container-produits ul.nav {padding: 0}
@media(min-width: 992px) and (max-width: 1200px) {
    header nav.container-produits ul.nav li.item-menu > a {padding: 4px}
}

#page-espace_client .warehouse-icon,
#page-espace_client .user-icon {vertical-align: top;margin-top: 10px; max-width: 24px}


/* Adds font for specific svg icons */
@font-face {
    font-family: 'goot-icomoon';
    src:  url('//goot-master-shard.web.app/fonts/cart-icon/goot-icomoon.eot?tu2quv');
    src:  url('//goot-master-shard.web.app/fonts/cart-icon/goot-icomoon.eot?tu2quv#iefix') format('embedded-opentype'),
    url('//goot-master-shard.web.app/fonts/cart-icon/goot-icomoon.ttf?tu2quv') format('truetype'),
    url('//goot-master-shard.web.app/fonts/cart-icon/goot-icomoon.woff?tu2quv') format('woff'),
    url('//goot-master-shard.web.app/fonts/cart-icon/goot-icomoon.svg?tu2quv#goot-icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'goot-icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-add-on-click button:before {
    font-family: 'goot-icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    color: #fff;
    font-size: 28px;
}

.btn-add-on-click:hover button:before,
.active .btn-add-on-click button:before {
    color: var(--color-main);
}

.full .btn-add-on-click button:before {display: none}
footer.header-line {height: auto}
#choose-service select {background: #fff !important;box-shadow: 0 1px 4px #bbb;padding-left: 16px}

.process-row .process-background .process-background-img {background-size: cover;height: 250px;background-repeat: no-repeat;border-radius: 10px;background-position: center}

.block-product-legend {color: #888;font-size: 12px;text-transform: none;float: left;width: 100%;margin-top: 5px;font-weight: 500; line-height: 12px}
.background-img {width: 100%;height: 360px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 5px}

.px-0, .landing-view.landing-header-container.px-0 {padding: 0}
.landing-header-container .landing-view {padding: 130px 0 220px; min-height: 420px}
.landing-views .bx-wrapper {padding-bottom: 80px}
.landing-view .bx-wrapper {border: 0;box-shadow: none;background: transparent;margin: 0 auto;max-width: 100% !important}
.landing-views .landing-header-container .bx-wrapper {padding: 0;margin: 0;height: auto;border: 0}


.landing-view .bx-wrapper .bx-controls-direction a {background: url(https://goot-master-shard.web.app/images/icons/slider-dark-arrow-left.png) no-repeat;width: 50px;height: 50px;z-index: 999; top: calc(50% - 48px);}
.landing-view .bx-wrapper .bx-controls-direction a.bx-next {background: url(https://goot-master-shard.web.app/images/icons/slider-dark-arrow-right.png) no-repeat;}
.landing-section-list .bx-viewport {overflow: visible !important}

.landing-views .bx-wrapper .bx-pager.bx-default-pager a {background: transparent; border: 1px solid #2D3946; transition: all 0.3s; width: 9px; height: 9px; margin: 0 10px}
.landing-views .bx-wrapper .bx-pager.bx-default-pager a.active {border: 1px solid #2D3946; background: #2D3946}

.landing-views .bx-wrapper .bx-pager {margin-bottom: 30px}

.landing-views .landing-row-button:hover {
    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid var(--color-main);
    color: var(--color-main);
}
.landing-views .landing-row-button {border-radius: 40px; padding: 17px 0; display: block; text-align: center; margin: 0 auto 30px; width: calc(100% - 60px); font-size: var(--font-size); font-weight: bold; display: inline-block; display: block; border: 1px solid #fff; transition: all 0.3s}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-commander {background: var(--color-main);color: #fff;border: 0}

.landing-section-list .landing-row-title {height: 77px; padding-bottom: 0; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}

.landing-row-title {font-size: 20px; font-weight: bold; text-align: center; padding: 25px 10px; margin-bottom: 25px}
.landing-section-list .bx-wrapper .landing-row-image {height: 156px; width: 100%; background: #edeff0} .landing-row-image {width: 100%; display: block; border-radius: 3px}
.landing-row-image img {width: 100%; border-radius: 3px 3px 0 0}
.bx-wrapper img {max-width: 100%; display: block}
.landing-section-list .bx-wrapper .landing-row-image img {height: 100%; width: auto; margin: 0 auto}

/* landing section list */
.landing-section-list {background: #f6f8f9;}
.landing-section-list .bx-wrapper .landing-row-image {height: 156px;width: 100%;background: #edeff0;height: 156px;background: transparent;}
.landing-section-list .bx-wrapper .landing-row-image  img {height: 100%;width: auto;margin: 0 auto;}
.landing-section-list .slider-section-list {left: 77px;}

@media(min-width: 992px) {
    .landing-section-list .bx-viewport:after,
    .landing-section-list .bx-viewport:before {position: absolute; width: 100%; height: 100%; background: rgba(246, 248, 249, 0.6); z-index: 9999999; content: ""; display: inline-block; opacity: 1} }

.landing-section-list .bx-viewport:after {left: calc(100% - 70px);}
.landing-section-list .bx-viewport:before {right: calc(100% - 70px);}
.landing-section-list .bx-viewport {overflow: visible !important;}
.landing-section-list {overflow: hidden;}

.landing-section-list .bx-wrapper .bx-loading,
.landing-section-list .bx-wrapper .bx-loading + div {display: none}

@media(max-width: 991px) {
    .landing-section-list .bx-viewport:after, .landing-section-list .bx-viewport:before {background: transparent}
    .landing-section-list .slider-section-list {left: 0;}
    .landing-section-list .bx-wrapper .landing-row-image img {width: 100%;}
    .landing-section-list .bx-wrapper .landing-row-image {height: auto;}
    .landing-section-list {height: auto;}
    .landing-section-list .bx-viewport {overflow: hidden !important;}
}

.landing-header-container .bx-wrapper .bx-pager {color: #fff !important;text-align: center;margin-bottom: 0;bottom: 60px}
.landing-header-container .bx-wrapper .bx-pager.bx-default-pager a:hover, .landing-header-container .bx-wrapper .bx-pager.bx-default-pager a.active, .landing-header-container .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff !important;border: 0}
.landing-header-container .bx-wrapper .bx-pager.bx-default-pager a {border-color: #fff}

#page-content .landing-header h1 {color: #fff; font-size: 48px; max-width: 880px; padding-top: 28px; font-weight: bold; line-height: 72px; padding-left: 2px}

.landing-views .btn-white {background: #fff; padding: 14px 23px; border-radius: 30px; float: left; margin-top: 33px; font-weight: bold; font-size: 16px; color: #333; transition: all 0.3s; border: 2px solid #fff}

@media(max-width: 991px) {
    .landing-view {padding-top: 40px;padding-bottom: 40px;}
    .landing-view .landing-row-container {width: 100% !important;margin: 0;}
    .landing-views h2 {font-size: 26px;margin: 0;padding: 0;line-height: 40px;}
    .landing-row-slider-row {margin: 0 30px 0 0}
    .landing-views .bx-wrapper .bx-pager {display: none;}
    .landing-views .bx-wrapper {padding-bottom: 30px;}
    .landing-views .bx-wrapper .bx-controls-direction a {width: 32px;height: 32px;background-size: 100% !important;opacity: 0.7}
}

.landing-views .header-page {margin: 0}
.landing-view.landing-bg-white {background: #fff}

#menu-catalog {position:absolute;width:100%;height:1000px;background:rgba(0,0,0,.7);transition:.3s;left:-20px;opacity:0;top:137px}
#menu-catalog.selected{background:#fff;box-shadow:inset 0 2px 10px #f3f3f3}
#menu-catalog.active{left:0;opacity:1}
#menu-catalog .menu-catalog-list nav a{color:#fff;font-size: var(--font-size);line-height:25px;display:block;cursor:pointer;z-index:999;letter-spacing:-.03em;padding:12px 0;font-weight:400}
#menu-catalog .menu-catalog-list nav{position:relative;z-index:999;height:100%}
#menu-catalog .menu-catalog-list nav ul{list-style:none;padding:0}
#menu-catalog .menu-catalog-list:before{content:"";display:block;background:#2d3946;width:2000%;height:100%;left:-2000%;margin-left:100%;position:absolute;z-index:9}
#menu-catalog .menu-catalog-content{color:#fff;padding-top:70px;height:100%}
#menu-catalog .menu-catalog-list nav [data-toggle=nav]:before,#menu-catalog .menu-catalog-list nav li.active:before,#menu-catalog .menu-catalog-list nav li:hover:not(.active):before{content:"";display:block;background:#fff;position:absolute;z-index:-1;top:0;height:100%;left:-10000px;width:10000px;margin-left:100%;color:#fff}
#menu-catalog .menu-catalog-list nav li:hover:not(.active):before{background:rgba(255,255,255,.08)}
#menu-catalog .menu-catalog-list{padding:0}
#menu-catalog .menu-catalog-list nav li{position:relative}
#menu-catalog .menu-catalog-list nav li.active a{color:#000;font-weight:700}
#menu-catalog .menu-catalog-list nav [data-toggle=nav]:before{content:"";background:#425466}
#menu-catalog .menu-catalog-list nav [data-toggle=nav] a{color:#fff;font-weight:400;line-height:70px;margin-bottom:30px;padding:0}
#menu-catalog .menu-catalog-list nav [data-toggle=nav] img{margin-right:10px}
#menu-catalog .menu-catalog-list nav li ul{display:none!important}
#menu-catalog .menu-catalog-list nav li a:before{content:"";display:inline-block;position:relative;top:-1px;width:6px;height:6px;border-radius:10px;background:var(--color-main);margin:0;opacity:0;transition:.3s}
#menu-catalog .menu-catalog-list nav li.active a:before{opacity:1;margin:0 6px}
#menu-catalog .dropdown-toggle:after,.dropdown-level-4{display:none}
#menu-catalog .menu-catalog-content ul{list-style:none}
#menu-catalog .menu-catalog-content li.dropdown-level-2{width:20%;float:left;margin-left:5%;margin-bottom:50px;min-height:61px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}
#menu-catalog .menu-catalog-content li.dropdown-level-2>a{font-size: var(--font-size);font-weight:700;color:#2f2f2f;line-height: 20px}
#menu-catalog .menu-catalog-content>ul>li h5 a{font-weight:700;color:#333}
#menu-catalog .menu-catalog-content>ul>li>ul{margin:20px 0;padding:0}
#menu-catalog .menu-catalog-content>ul>li>ul>li>a{color:#333;font-size: var(--font-size);margin:9px 0;display:block}
@media (min-width:992px){
    #menu-catalog.active{height:calc(100% - var(--nav-margin) + 15px);overflow:scroll;position:fixed;z-index:999}
    #menu-catalog .menu-catalog-list nav ul{max-height:initial}
    #menu-catalog .menu-catalog-content:before{content:"";top:0;width:100%;height:100%;background:#2d3946;z-index:99;display:inline-block;position:absolute;left:-100%}
}

.header-menu-middle {border-top: 1px solid #eee; box-shadow: 0 1px 2px rgb(238 238 238 / 8%); display: inline-block; width: 100%}
.header-menu-middle li {display: inline-block; list-style: none}
.header-menu-middle nav.submenu a:first-of-type {padding-left: 16px}
.header-menu-middle nav.submenu a {font-size: var(--font-size); font-weight: bold; color: var(--color-main); padding: 22px 33px 22px; cursor: pointer; display: inline-block; transition: all 0.2s}
.header-menu-middle nav.submenu .dropdown-submenu,
.header-menu-middle nav.submenu .dropdown-submenu a {width: 100%; padding: 2px 10px}
.header-menu-middle .container {min-height: auto}
@media (max-width: 1200px) {
    .header-menu-middle nav.submenu a {padding-left: 15px; padding-right: 15px}
}

.modal-ui1 .link-mdp {color: var(--color-main)}
.modal-ui1 .modal-inscription {background-color: #fff; color: #333235; border-radius: 5px; }
.modal-ui1 .modal-header {background-color: #fff; border-bottom: 1px solid #eee; border-radius: 5px 5px 0 0; padding: 15px 23px; }
.modal-ui1 .modal-header h4 {color: var(--color-main); font-size: 17px; padding: 4px 0; text-transform: uppercase; font-weight: 600; }
.modal-ui1 .modal-header span {color: #555; position: relative; top: 6px; }
.modal-ui1 .btn.btn-log {text-transform: none; margin-bottom: 10px; }
.modal-ui1 .btn.btn-commander {font-weight: 600; background-color: var(--color-main); color: #fff; border-radius: 30px; text-transform: initial; padding: 10px 12px; width: 50%; display: block; margin-right: auto; margin-left: auto; line-height: 1.42857143; }
.modal-ui1 input:not(.input-search):not(.text-valeur):not(.default) {border-radius: 0; font-style: normal; margin-bottom: 15px; border: transparent; border-bottom: 2px solid #eee; background-color: transparent; color: #212121; box-shadow: none; padding-left: 2px; }

#page-tunnel .tunnel-block {display: table;width: 100%}
#page-tunnel .tunnel-block > div {display: table-cell; vertical-align: top}

.catalog.full .is-new:before {left: -20px;top: -10px}
div.wrapper-thumbnail:before {width: 60px; height: 60px;top: -20px;left: -13px}

.historic-orders-group-header td[colspan="6"] {text-align: left;padding-left: 20px;}
.historic-orders-group-header .duplicata-month {margin: 0; font-size: 100% !important;background: #2a2a2a;margin-right: 10px}

.order-non-echu:before, .order-echu:before {content: "";width: 9px;height: 9px;background: #000;display: inline-block;position: relative;margin-right: 10px;border-radius: 10px;}
.order-non-echu:before {background-color: #BFD2DC;}
.order-echu:before {background-color: #a52424}
.order-echu {color: #a52424;}

#historic-orders tbody tr:hover {cursor: no-drop !important}
#historic-orders tbody tr[data-href]:hover {cursor: pointer !important}

.modal + .modal.in .modal-dialog {max-width: 620px; width: 100%}

/* gallery slider */
.product-full .bx-wrapper {box-shadow: none; background: transparent; border: 0; width: 100%; max-width: 100% !important}
.product-full .bx-wrapper img {margin: 0 auto; cursor: pointer}
.product-full .slider-gallery > div {height: 47px; border-radius: 5px}
.product-full .slider {width: 100%; margin-top: 20px}
.product-full .slider-gallery div.active:before {opacity: 1; visibility: visible}
.product-full .slider-gallery div.active {position: relative}
.product-full .slider-gallery div:before {background: rgba(212, 212, 212, 0.53); content: ""; width: 100%; height: 100%; position: absolute; z-index: 9999; left: 0; top: 0; border-radius: 5px; opacity: 0; transition: all 0.3s; visibility: hidden}
.product-full .slider-preview video {width: 100%}
.product-full .wrapper-img .slider-gallery-img {max-height: 100%; height: auto}
.product-full .wrapper-img.has-slider {display: flex !important;flex-wrap: wrap;vertical-align: top;position: relative;padding: 0 !important;margin: 0 !important;border: 0;align-items: start;height: 400px !important;}
.product-full .wrapper-img .loading-out {transform: scale(0.8); opacity: 0}
.product-full .wrapper-img .loading {transform: scale(1.2); opacity: 0}
.product-full .wrapper-img .slider-gallery-img {max-height: 100%; height: auto} .product-full .bx-wrapper img {height: 47px}
.product-full .wrapper-img img {max-width: 100%;text-align: center;display: inline-block;width: auto;margin: 0 auto !important;left: 0;transition: linear 0.3s;max-height: 100%;}
.product-full .wrapper-img.has-slider .wrapper-img, .product-full .wrapper-img.has-slider .wrapper-img .slider-gallery-img {max-width: 100%}
.product-full .wrapper-img.has-slider .slider-container, .product-full .wrapper-img.has-slider .wrapper-img-slider {max-height: 100%;height: 300px;width: 100%;}
.product-full .bx-wrapper .bx-controls-direction a {outline: 1px solid #fff;line-height: 40px; -webkit-user-select: none;-ms-user-select: none;user-select: none}
.product-full .bx-wrapper .bx-controls-direction a.disabled {opacity: 0.5 !important}

div#dynamic-content {background: #fff}

#page-order_detail h1, #page-mes_commandes h1 {padding-left: 0}
.wrapper-thumbnail, .wrapper-thumbnail img {max-width: 100%}
.preorder-action button {padding: 14px 18px; border-radius: 30px; margin: 10px 5px 20px}

#menu-catalog .menu-catalog-content {padding-top: 50px}
#menu-catalog .menu-catalog-content .menu-catalog-content-title {color: #000;margin: 0 0 40px 40px;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 20px;font-size: 24px;width: 100%;z-index: 99;height: 60px;font-weight: 600; display: inline-block}
#menu-catalog .menu-catalog-content li.dropdown-level-2 {min-height: 40px}

.has-pdf .btn-ajouter-p {width: auto  !important;display: inline-block;margin: 0 7.5px}
.badge-danger {background: #FF5F5F}
.btn-external-link {border: 1px solid #2D3946;padding: 8px 15px;margin: 15px 5px;font-size: var(--font-size);font-weight: bold;color: #333;border-radius: 30px}
.btn-external-link .badge {margin: -1px 10px -1px -3px; font-size: var(--font-size); padding: 3px 8px}
.btn-external-link:hover {background: #333;color: #fff}
.alert-message {border-radius: 3px;padding: 14px}
#invite-user {border-radius: 30px}
.btn.btn-ajouter-grey, .btn.btn-ajouter-p {font-weight: 600}

#modalPartialStock {z-index: 9999}
#modalPartialStock .stock-partials-wrapper {margin: 20px 0; float: left}
#modalPartialStock .stock-partials-wrapper [data-col] {margin: 7px 0;float: left;background: #fff;padding: 13px 11px;box-shadow: 0 1px 2px #ccc;border-radius: 5px; color: #333}

#page-product .wrapper-img-slider > img {max-height: 600px;margin: 0 auto}

.carrier-list label:before, .carrier-list label:after {top: 10px}
.carrier-list label {padding-right: 50px !important;}

#my-account-dropdown > li > a {width: 100%!important;display: inline-block;padding: 0 20px;font-weight: 600;line-height: 40px}
#my-account-dropdown li {width: 100%}
#my-account-dropdown.dropdown-menu {border: 0}

#page-sections_services_by_group #families li > a {height: 340px}

#modalInscription .modal-dialog, #modalCreateAccount .modal-dialog {max-height: 100%}
#modalInscription iframe, #modalCreateAccount iframe {width: 100%;height: 770px;border: 0;}

.pictograms {position: absolute; margin: 20px}
.pictograms img {width: 16px}
.pictograms > div {display: inline-block}
.pictograms.top-left {top: 0;left: 0}
.pictograms.top-right {top: 0;right: 0}
.pictograms.bottom-left {bottom: 0;left: 0}
.pictograms.bottom-right {bottom: 0;right: 0}
.pictograms-cover {margin: 15px 20px}
#page-cart .pictograms, .preview-product-media .pictograms {margin: 0}



@media(max-width: 991px) {
    a[class^=container-index-] {height: 280px;background-position: center;background-size: contain;background-repeat: no-repeat;box-shadow: none}
}

.is-special:before, .is-special2:before {background: #f5a623;color: #fff;top: 20px;left: 20px;border-radius: 3px;padding: 4px 13px;height: auto;width: auto;font-size: 12px;font-weight: 700; position: absolute}
.is-special:before {content: "Tarif sp\E9 cial"}
.is-special2:before {content: "Tarif sp\E9 cial 2"}
.cart .is-special2:before, .cart .is-special:before {font-size: 10px;padding: 2px 0;width: 110px;left: 0px;height: 20px;top: -7px;text-align: center;opacity: 0.9;line-height: 14px}

#page-tunnel label.radio-field {line-height: 3px}
#duplicate-cart #filters {width: 100%; padding-top: 0; margin-top: 0}
#duplicate-cart .info-block-content {text-align: left}
#duplicate-cart .company-subname {font-weight: bold;width: calc(100% - 200px)}
#duplicate-cart .companies-list-row h3 {margin: 10px 0;font-weight: 700;width: 100%;display: inline-block}
#duplicate-cart #page-tunnel .company-name {width: 100%}
#duplicate-cart .info-block .info-block-content {height: 500px; overflow-y: scroll; font-size: 16px}
#duplicate-cart .block-my-accounts .info-block .info-block-content {margin-bottom: 30px; padding: 16px 30px}
#duplicate-cart #filters .container-catego {border: 0; margin: 0}
#duplicate-cart .input-field-label {width: calc(100% - 70px); display: inline-block; vertical-align: top}
#duplicate-cart .input-field-checkbox {width: 50px; display: inline-block; margin-top: 10px}
#duplicate-cart .companies-list-row {font-size: 16px}

/* Saisie rapide */
.w-auto {min-width: auto !important}

input.companies-list-search::placeholder {font-style: unset;color: rgb(0 0 0 / 45%)}
input.companies-list-search {width: 100%;border: 0 !important;background: #f6f8fd !important;padding: 7px 15px;border-radius: 3px;font-size: 16px;outline: none;margin-bottom: 10px !important;color: #555}

.button-group-2 {background: #eee;display: inline-block;float: right;border-radius: 100px;margin-top: 30px; margin-bottom: 10px}
.button-group-2 .btn {padding: 12px 21px;margin: 0}
.button-group-2 .btn.inactive {background: #eee !important;color: inherit;}

.has-promo:before {content: "";height: 120px;width: 120px;top: 0px;position: absolute;left: 0px;z-index: 1;display: inline-block;background: url("https://goot-master-shard.web.app/images/icons/bandeau-promo.png") 100% center / 100%}
.pictograms-in_sheet {position: static;vertical-align: top;margin: 0}
.pictograms-in_sheet img {width: 170px !important;vertical-align: top;max-height: 100px;max-width: 100px;margin-right: 15px}
#imagepreview { max-height:95vh }

#page-shopping_list #basket-details td a {color: #000; font-size: 28px}
#page-shopping_list .catalog .header {margin-top: 30px;margin-bottom: 10px; padding-left: 15px}

#promotions .promotion-section-name {text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 20px}
#promotions .catalog .block-product {background: #fff;box-shadow: 0 0 3px #eaeaea, 0 0 2px 0 #eee;border-bottom: 4px solid var(--color-main);border-radius: 2px 2px 0 0;height: 430px}

#page-promotion.product-full h2 {font-weight: bold}
#page-promotion .suggested-products.single-product .block-product {width: 100%; margin: 0}
#page-promotion .product-full h2 {font-size: 32px}
#page-promotion .promo-detail .img-responsive {max-height: 400px;margin: 0 auto}
#page-promotion .other-promotions > h2 {font-size: 28px;font-weight: bold;margin: 20px 0; text-align:center}

section .catalog.promotion .block-product a.img img {max-height: 200px}

.form-control {
    border: 1px solid #ccc;
    box-shadow: none !important;
    font-size: 16px;
    font-weight: 400;
    padding: 16px 32px;
    border-radius: 5px;
    height: 56px;
    color: #000;
}

input:not(.input-search):not(.text-valeur):not(.default), select, textarea {
    font-style: normal;
    margin-bottom: 15px;
}

.suggested-products-container {background: #f2f5f8}
.suggested-products-container section.main {padding-top: 80px}
.suggested-products-container h2.text-title {
    border-radius: 100px;
    width: auto;
    display: inline-block;
    color: #fff;
    padding: 17px 40px;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 40px;
    background: transparent;
    color: #2d3946;
    margin-bottom: 0;
    padding: 5px 0;
}

#basket-details tbody td:not(.header):nth-child(2) {max-width: 120px}

@media(max-width: 991px) {
    .landing-view img {
        max-width: 100%;
    }
}

#invite-user {margin-top: -9px}

#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,
.full .btn-add-on-click button {
    font-weight: 700;
    height: 45px;
    line-height: 45px !important;
    padding: 0 18px 2px 18px !important;
    border: 0;
    border-radius: 30px;
}
#stats .btn-default {background: var(--color-main) !important}
.select-company {position: absolute;right: 15px;top: 15px}
@media(min-width: 992px) {
    .btn-add-on-click button:before {line-height: 56px}
}

.flash-wrapper {background: #2c3844;width: 100%;height: 40px;color: #fff;text-align: center;font-weight: bold;font-size: var(--font-size);padding: 0;margin: 0;list-style: none;display: flex;align-items: center;justify-content: center}
.flash-wrapper a, .flash-wrapper a:hover {color: #fff}
@media(max-width: 991px) {
    .flash-wrapper {font-size: 12px}
}
.has-flash + header + #page-content .nav-margin {margin-top: 177px}
.pushProduct-title a, .pushProduct-title a:hover {color: #333}
#reset-filters {margin: 0 0 20px; width: 100%}


#historic-orders .dropdown label input {margin-bottom: 10px;}
#historic-orders .dropdown label {padding: 0 10px;width: 100%;font-size: 13px;line-height: 5px}
#historic-orders .dropdown-menu {border: 0}

#page-tunnel .order_confirmed .tunnel-block{padding:4px 10px;margin:10px 0}
#page-tunnel .confirm-order-icon{color:var(--color-main);background:color-mix(in srgb,currentColor 20%,transparent);border-radius:4px;width:50px;height:50px;line-height:50px;text-align:center;margin:20px auto}
#page-tunnel .confirm-order-icon .glyphicon{color:var(--color-main);line-height:50px!important;font-size:26px!important}
#page-tunnel .confirm-order-wrapper h3{color:var(--color-main);font-size:20px;font-weight:700;color:#333}
#page-tunnel .confirm-order-wrapper.tunnel-block p a{color:inherit}
svg.check-icon{width:50px;height:90px;display:inline-block;text-align:center;margin:0 auto;fill:var(--color-main)}
#page-tunnel .confirm-order-title{max-width:590px;margin:50px auto 10px;border-bottom:1px solid #eee;text-align:left}
#page-tunnel .confirm-order-title>svg,.confirm-order-title>div{vertical-align:top}
#page-tunnel .confirm-order-title-icon{text-align:center}
#page-tunnel .order_confirmed a.btn{margin-top:0}
#page-tunnel .order_confirmed h1{color: inherit;text-align: center;margin-top: 0;font-size: 36px}

.btn.btn-small.btn-primary.btn-dashbaord {line-height: 13px !important;padding: 10px 15px !important;border-radius: 100px;max-width: 330px;text-overflow: ellipsis;overflow: hidden}
.bold {font-weight: bold}
.italic {font-style: italic}
.f-s-14 {font-size: var(--font-size)}
.f-s-16 {font-size: 16px}

#page-product .text-price-1, #page-product .text-price-2 {color: #000}
#page-product .text-price-1 {width: auto}
#page-product input.text-price-1 {text-align: center;font-size: 22px;letter-spacing: -0.03em;width: 35px;padding: 0;text-align: center;border-radius: 3px;border: 0;outline: none;margin: 0 !important}
#page-product .block-prices {background: #f5f5f5;padding: 7px 15px}
#page-product .product-detail-wrapper .block-description {margin-bottom: 0}
#page-product .product-detail-wrapper {width: 100%;float: left;padding: 0 15px;background: #f5f5f5; margin: 20px 0}
#page-product .block-prix-detail {color: #999; padding-left: 0;padding-right: 0}
#page-product h1 {color: inherit;margin: 0 15px 30px;text-align: left;font-weight: bold;padding: 0; font-size: 28px}
#page-product .width-table-1 td {border: none}
#page-product h2 {font-size: 22px}
#page-product .qty-select-wrapper {float: left;background: #fff;border: 1px solid #ddd;padding: 0 5px;line-height: 40px}
#page-product .size-btn {background: transparent !important;color: #333;line-height: 0}
.btn-bordered {border: 1px solid #cdcddd;padding: 10px 20px;margin: 15px 5px;font-size: var(--font-size);font-weight: bold;color: #333;border-radius: 30px}
.btn.btn-bordered:hover, .btn.btn-bordered:active, .btn.btn-bordered:focus {box-shadow: none;font-size: 100%;background: #777;border-color: #777;color: #fff}
#page-product button.btn.btn-ajouter-p.center-block[data-role=add-to-cart] {width: calc(100% - 85px);margin-right: 0}
#page-product .product-full h5 {color: #000; padding: 0;font-size: 16px}
.text-success {color: #24a54f}

.delivery-date #change-date {width: 30px;height: 30px;line-height: 30px;padding: 0 !important}
.delivery-date #change-date span {top: -2px}

@media(max-width: 991px) {
    #page-tunnel .order_confirmed a.btn {margin-left: auto;margin-right: auto;left: 0;right: 0;max-width: 280px}
    #page-tunnel .tunnel-order-info {display: block;position: static;width: 100%}
    .select-company {position: static}
}


.slider .tooltip.top {display: none}
.slider .tooltip.top.in {display: block}
.slider.slider-horizontal {width: calc(100% - 20px);margin: 0 10px}

#notifications-wrapper {margin: 0;vertical-align: middle;position: relative;top: -5px}
#notifications-wrapper #menu-notifications {left: auto;right: 0; border:0; padding: 10px}
#notifications-wrapper .notification-row {color: inherit}

#totop {position: fixed;bottom: 45px;right: 15px;cursor: pointer;width: 60px;height: 60px;color: #fff;line-height: 56px;font-size: 26px;border: 1px solid #ffffff45;border-radius: 50%;text-align: center;z-index:9999;background: url(https://goot-master-shard.web.app/images/icons/slider-dark-arrow-top.png) center no-repeat #27323d}

@media(max-width: 991px) {
    .select-company {position: static}
    img.warehouse-icon {margin-left: 20px;margin-top: 0px !important;margin-right: 10px}
    .companies-list-row h3 {display: inline;margin-left: 0px}
    img.user-icon {margin-top: 0 !important}
    .companies-list-row h3, .companies-list-result .select-company {margin-top: 10px}
    .company-status {top: 23px}
}

#user-menu a {display: inline-block;margin: 0 0 0 11px;line-height: 16px !important;padding: 8px 15px!important;max-width: 180px;overflow: hidden}

.landing-row-slider-row {display: inline-block;margin-bottom: 20px}
.impersontion nav, .impersontion header {box-shadow: inset 0 0 0 5px red !important}

.loader-wrapper .loader {margin: 0 auto}
.loader-wrapper {margin: 20px 0}
.header-menu-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
#stats .stats-parameters select {max-width: 100%}
.product-listing-filters.col-md-12 {position: sticky;top: calc(var(--nav-margin) - 2px);background: #fbfbfb;z-index: 1000}
.product-listing-filters .padd-select,
.product-listing-filters .catalog-view-type-selector {
    position: relative;
    z-index: 2;
}
@supports (-moz-appearance: none) {
    .product-listing-filters.col-md-12 {
        position: static !important;
    }
}
@-moz-document url-prefix() {
    .product-listing-filters.col-md-12 {
        position: static !important;
    }
}
.filters-list span.padd-select {padding: 4px 10px;display: inline-block;margin: 5px 10px 5px 0px;font-size: 12px;background: var(--color-main);color: #fff;border-radius: var(--border-radius)}
.filters-list span.padd-select span.padd-close {padding-left: 5px;cursor: pointer}
.filters-list {display: block;clear: both}
.catalog-view-type-selector,
.form-control.select-goot {margin-bottom: 0}
.product-listing-count {margin-top: 2px}
#notifications-wrapper #menu-notifications {max-height: calc(100vh - var(--nav-margin));overflow-y: scroll}

.badge-list {position: absolute; left: 0px; top: 11px; width: 100%; text-align: left; padding: 0 14px; z-index: 990}
.badge-list .badge {color: #fff; border-radius: 3px; padding: 5px 13px; height: auto; font-weight: 700; font-size: 12px; display: inline-block; width: calc(50% - 2px); letter-spacing: -0.03em; white-space: break-spaces;min-width: 90px;max-width: 150px}
.badge.badge-promo {background: #c6a460}
.badge.badge-new {background: #ab252e}
.badge.badge-special {background: #333}
.badge.badge-special2 {background: #d29b00}
.badge.badge-top {background: #0079c7}
.badge.badge-suggestion {background: #b91720}
.badge.badge-custom {background: #e08300}
.wrapper-thumbnail {position: relative}
.badge-list-small .badge, .wrapper-thumbnail .badge-list .badge {width: 100%;padding: 4px;margin-bottom: 3px;display: block;opacity: 0.7}
.wrapper-thumbnail .badge-list, .badge-list-small {top: 0;left: 0}
.badge-list-small .badge:hover, .wrapper-thumbnail .badge-list .badge:hover {opacity: 1}
#page-product .badge-list {max-width: 270px; top: 0px; left: -10px}
#selectOfferedProducts .block-product div.add-product .glyphicon {margin: 10px 6px}

.loader-spin {width: 50px;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(farthest-side,var(--color-main) 94%,#0000) top/8px 8px no-repeat,    conic-gradient(#0000 30%,var(--color-main));-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation: l13 1s infinite linear}
@keyframes l13{
    100%{transform: rotate(1turn)}
}

.loader-wrapper, .loader-wrapper * {font-size: 16px;color: #686868}
.loader-spin.center {margin: 20px auto;}
.container-full {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.info-block-loader {position: relative;width: 100%;height: 100%}
.block-my-accounts .info-block-loader {height: calc(100% - 50px)}
.companies-list {width: 100%;height: 100%;}
.block-my-accounts .info-block .info-block-content {width: 100% !important;padding-right: 0 !important;}
.loader-container {font-size: 14px}
.search-container {padding-bottom: 30px;background: #eeeeee}
.confirm-order-title>div svg {max-width: 200px}

.badge.badge-special2 {padding: 5px 0 !important}
.variation-title {margin-bottom: 10px}
#detailProduit h4 {margin-top: 10px;margin-bottom: 0;border-top: 1px solid #eee;padding-top: 20px}
#cart-details .btn-clean-cart {margin: 0}
.block-prices.disabled {display: none}
#page-homepage .landing-views.nav-margin {padding: 0}
[data-role-address] .tunnel-block.active {border: 3px solid var(--color-main)!important}


.delivery-calendar-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 9999;display: flex;align-items: center;justify-content: center}
.delivery-calendar-content {background: white;border-radius: 8px;max-width: 400px;width: 90%;max-height: 90vh;overflow-y: auto;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3)}
.delivery-calendar-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #eee}
.delivery-calendar-header h3 {margin: 0;font-size: 18px;font-weight: 600}
.delivery-calendar-close {background: none;border: none;font-size: 24px;cursor: pointer;color: #999;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center}
.delivery-calendar-close:hover {color: #666}
.delivery-calendar-navigation {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;background: #f8f9fa}
.delivery-calendar-prev, .delivery-calendar-next {background: none;border: 1px solid #ddd;border-radius: 4px;padding: 8px 12px;cursor: pointer;color: #333}
.delivery-calendar-prev:hover,
.delivery-calendar-next:hover {background: #e9ecef}
.delivery-calendar-month-year {font-weight: 600;font-size: 16px}
.delivery-calendar-body {padding: 20px}
.delivery-calendar-grid {display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px}
.delivery-calendar-day-header {text-align: center;font-weight: 600;padding: 10px 5px;font-size: 12px;color: #666;text-transform: uppercase}
.delivery-calendar-day {text-align: center;padding: 12px 5px;cursor: pointer;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;margin: 2px auto;font-size: 14px;transition: all 0.2s ease}
.delivery-calendar-day.other-month {color: #ccc;cursor: not-allowed}
.delivery-calendar-day.disabled {color: #ccc;cursor: not-allowed;background: #f5f5f5}
.delivery-calendar-day.available {background: #28a745;color: white}
.delivery-calendar-day.available:hover {background: #218838;transform: scale(1.1)}
.delivery-calendar-day.available.warehouse-day {background: white;color: #333}
.delivery-calendar-day.available.warehouse-day:hover {background: #f8f9fa;transform: scale(1.1)}
.delivery-calendar-day.selected {background: #dc3545 !important;color: white !important;transform: scale(1.1);box-shadow: 0 2px 8px rgba(220, 53, 69, 0.4)}
.delivery-calendar-legend {padding: 15px 20px;border-top: 1px solid #eee;background: #f8f9fa}
.legend-item {display: flex;align-items: center;font-size: 12px;color: #666;margin-bottom: 5px}
.legend-item:last-child {margin-bottom: 0}
.legend-color {width: 16px;height: 16px;border-radius: 50%;margin-right: 8px}
.legend-color.delivery-day {background: #28a745}
.delivery-calendar-footer {padding: 20px;border-top: 1px solid #eee;text-align: center}
.delivery-calendar-confirm {min-width: 120px}
.delivery-calendar-confirm:disabled {opacity: 0.6;cursor: not-allowed}
/* Responsive */
@media (max-width: 400px) {
    .delivery-calendar-content {width: 100%;margin: 0;border-radius:0}
    .delivery-calendar-day {width: 35px;height: 35px;font-size: 12px;}
    .delivery-calendar-header h3 {font-size: 16px;}
}

/* Modal commentaire de ligne - style aligné sur delivery-calendar */
#modalLineComment .modal-line-comment-dialog {max-width: 420px;margin: 30px auto}
#modalLineComment .modal-line-comment {background: #fff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0,0,0,.15);border: 0}
#modalLineComment .modal-line-comment-header {display: flex;justify-content: space-between;align-items: center;padding: 20px 24px;border-bottom: 1px solid #eee}
#modalLineComment .modal-line-comment-title {margin: 0;font-size: 18px;font-weight: 600;color: #333}
#modalLineComment .modal-line-comment-close {background: none;border: none;font-size: 28px;line-height: 1;cursor: pointer;color: #999;padding: 0;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center}
#modalLineComment .modal-line-comment-close:hover {color: #666}
#modalLineComment .modal-line-comment-body {padding: 24px}
#modalLineComment .modal-line-comment-field {margin-bottom: 20px}
#modalLineComment .modal-line-comment-field:last-child {margin-bottom: 0}
#modalLineComment .modal-line-comment-label {display: block;font-weight: 600;font-size: 14px;color: #333;margin-bottom: 8px}
#modalLineComment .modal-line-comment-select {width: 100%;padding: 12px 40px 12px 16px;font-size: 14px;color: #333;background: #fff;border: 1px solid #ddd;border-radius: 6px;appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23666%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E") !important;background-repeat: no-repeat;background-position: right 14px center;cursor: pointer}
#modalLineComment .modal-line-comment-select:focus {outline: none;border-color: var(--color-main,#25a54f)}
#modalLineComment .modal-line-comment-textarea {width: 100%;padding: 12px 16px;font-size: 14px;color: #333;background: #fff;border: 1px solid #ddd;border-radius: 6px;resize: vertical;min-height: 80px}
#modalLineComment .modal-line-comment-textarea:focus {outline: none;border-color: var(--color-main,#25a54f)}
#modalLineComment .modal-line-comment-textarea::placeholder {color: #999}
#modalLineComment .modal-line-comment-footer {display: flex;justify-content: flex-end;gap: 12px;padding: 0 24px 24px}
#modalLineComment .modal-line-comment-cancel {background: #fff;color: #666;border: 1px solid #ddd;border-radius: 6px;padding: 10px 20px;font-weight: 500}
#modalLineComment .modal-line-comment-cancel:hover {background: #f8f9fa;border-color: #ccc;color: #333}
#modalLineComment .modal-line-comment-submit {background: var(--color-main,#25a54f);color: #fff;border: none;border-radius: 6px;padding: 10px 24px;font-weight: 600}
#modalLineComment .modal-line-comment-submit:hover {opacity: .9;color: #fff}

#basket-details .block-product-actions-row {display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}
#basket-details .line-comment-icon {position: absolute !important;bottom: 25px !important;right: 25px !important;top: auto !important;cursor: pointer;font-size: 18px;color: #999;opacity: .7}
#basket-details .line-comment-icon:hover,
#basket-details .line-comment-icon.has-comment {color: var(--color-main,#25a54f);opacity: 1}

.container-flex {display: -webkit-flex;display: flex;flex-flow: row wrap;width: 100%}
.container-flex div {-webkit-flex: 1;flex: 1;text-align: center;margin: 0 auto}
@media (max-width: 991px) {
    .container-flex div {flex: 0 0 50%}
}

@media (max-width: 767px) {
    .container-flex div {flex: 0 0 100%}
}

#page-order_detail #basket-details tbody td:not(.header):nth-child(5) {min-width: 150px !important}

/* Encours banner */
.header-title-row {display:flex;justify-content:space-between;align-items:flex-start;gap:24px;position:relative}
.header-title-row h1 {float:none;width:auto;flex-shrink:1;margin-bottom:0;margin-top:8px}
#page-mes_commandes .header-page {height:225px;min-height:225px;padding-bottom:0;overflow:visible}
#page-mes_commandes .page-body {padding-top:36px}
.encours-banner {position:absolute;right:0;top:0;display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:24px 30px;box-shadow:0 4px 16px rgba(0,0,0,.12);gap:0;width:520px;max-width:520px;z-index:2;margin-bottom:-50px;box-sizing:border-box}
.encours-banner-top {display:flex;align-items:center;gap:20px;min-width:0}
.encours-icon {width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:28px;font-weight:700}
.encours-icon .glyphicon {left: -2px;}
.encours-banner[data-encours-color="orange"] .encours-icon {background:#f58529;color:#ffae4e;box-shadow:0 0 0 6px #f99333}
.encours-banner[data-encours-color="green"] .encours-icon {background:#4caf50;color:#2e7d32;box-shadow:0 0 0 6px rgba(76,175,80,.25)}
.encours-details {display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.encours-row {display:flex;align-items:baseline;gap:12px;min-width:0}
.encours-label {font-size:16px;color:#333;font-weight:bold;flex:1 1 calc(50% - 15px);min-width:0;overflow-wrap:break-word;word-break:break-word}
.encours-value {font-size:22px;font-weight:700;color:#e8a230;flex:1 1 calc(50% + 15px);min-width:0;overflow-wrap:break-word;word-break:break-word;text-align:right}
.encours-value-big {font-size:34px}
.encours-pay-btn {display:block;width:100%;margin-top:12px;padding:10px 20px;border-radius:8px;background:var(--color-main);color:#fff;text-align:center;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;box-sizing:border-box}
.encours-pay-btn:hover {opacity:.85;color:#fff;text-decoration:none}
@media (max-width:991px) {
    #page-mes_commandes .header-page {height:auto}
    .header-title-row {flex-direction:column;align-items:flex-start}
    .encours-banner {position:relative;min-width:auto;width:100%;margin-top:10px;margin-bottom:0}
}
#page-mes_commandes #historic-orders { margin: 90px 0;}
#pay-orders {margin-top: 110px;margin-bottom: -60px}
body#page-contact .alert {text-shadow: none}

/* CMS */
.landing-view {padding: 20px 0}
.landing-view section > h2 {margin-bottom: 40px; color: #212121; text-align: center; font-weight: 600; font-size: 35px; text-transform: unset; font-size: 41px !important}
.landing-view section > h2 span {font-family: 'Playfair Display', serif; color: var(--color-main); font-weight: 400; font-style: italic; }
.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); }

/* homepage process block */
.process-row {display: table;padding: 10px;background: #f6f8f9;margin: 20px 0;border-radius: 10px;color: #212121;min-height: 292px}
.process-row > div {display: table-cell;vertical-align: top;padding: 5px 10px}
.process-row .process-background img {max-width: 205px;border-radius: 10px;width: 100%}
.process-row .process-title {font-family: 'Playfair Display';font-style: normal;font-weight: bold;font-size: 19px;margin-top: 10px}
.process-row .process-desc1 {font-style: normal;font-weight: bold;font-size: 14px;line-height: 160%;color: #FBB616;margin: 10px 0;margin: 0}
.process-row .process-desc2 {font-style: normal;font-weight: normal;font-size: 11px;line-height: 21px}
.process-row .process-icon img {width: 48px}
.process-background {width: 43%}

.process-row .process-icon svg {width: 26px;height: 20px;color: var(--color-main);left: 11px;position: relative;top: 14px}
.process-row .process-icon-svg {width: 48px; height: 48px; background: #eee0e5; border-radius: 100px}

@media(max-width: 1200px) {
    .process-row {min-height: 330px}
}

@media(max-width: 767px) {
    .process-row {min-height: auto}
    .process-row .process-background {display: none}
}

/* homepage sav block */
.landing-view.landing-sav .landing-sav-row {display: inline-block;background: #fff;float: right;width: 41%;text-align: center;padding: 20px;border-radius: 10px;margin: 20px;color: #132A3E}
.landing-view.landing-sav .hp-sav-desc1 {font-style: normal;font-weight: bold;font-size: 19px;line-height: 140%; /* or 36px */text-align: center;margin-top: 20px}
.landing-view.landing-sav .hp-sav-desc2 { font-style: normal; font-weight: normal; font-size: var(--font-size); line-height: 140%; /* or 21px */ text-align: center; margin: 20px 0}
.landing-view.landing-sav .hp-sav-desc3 { font-style: normal; font-weight: normal; font-size: 12px; line-height: 140%; /* or 21px */ text-align: center; margin: 20px 0}
.landing-view.landing-sav .landing-sav-row h2 {font-style: normal;font-weight: bold;font-size: 33px;line-height: 44px;text-align: center}
.landing-view.landing-sav .landing-sav-row h2 span {font-family: 'Playfair Display', serif; color: #FBB616; font-weight: 300}
@media(max-width: 991px) {
    .landing-view.landing-sav .landing-sav-row {width: 100%;margin: 0}
}

/* homepage marques block */
.landing-marques .marques-row img {max-width: 136px; height: auto; margin: 0 30px}
.landing-marques .marques-row {display: inline-block}
.landing-marques .marques-list {text-align: center; margin-bottom: 30px}
@media(max-width: 991px) {
    .landing-marques .marques-list {
        height: 135px;
        overflow: hidden;
    }
}

/* homepage mpb block */
.landing-view.landing-view2.landing-wholesaler {background: #fff;padding: 40px 0;color: #212121}
.landing-wholesaler .landing-wholesaler-icons .landing-wholesaler-row {width: 50%; float: left; padding: 10px 0px; margin-bottom: 20px}
.landing-wholesaler .landing-wholesaler-row img {max-width: 480px; border-radius: 10px; width: 100%}
.landing-wholesaler .section-title {font-size: 31px !important;margin-bottom: 40px;color: #212121;text-align: center;z-index: 99;position: relative;margin-top: 20px}
.landing-wholesaler .section-title span {font-family: 'Playfair Display', serif;font-weight: 400;color: var(--color-main);font-style: italic}
.landing-wholesaler .landing-wholesaler-icon {display: inline-block;width: 52px}
.landing-wholesaler .landing-wholesaler-icon-title {display: inline-block;font-size: var(--font-size);font-weight: 600;margin-left: 10px;width: calc(100% - 80px);vertical-align: top}
.landing-wholesaler .landing-wholesaler-icon-title strong {font-size: 32px;margin-right: 5px;display: inline-block}
.landing-wholesaler .section-title img {max-width: 400px;width: 100%;margin: 30px 0 20px}

@media(max-width: 991px) {
    .landing-wholesaler .landing-wholesaler-row > img {max-height: 300px;width: auto;margin: 0 auto;display: block}
}

/* homepage promotions */
.catalog.promotion .block-product {background: #f5f6f8;height: 420px;border-radius: 2px 2px 0 0;box-shadow: none;border: 0}
.catalog.promotion .block-product .media-heading {color: #132b3e}
.catalog.promotion .block-product .price {color: #FBB616;text-align: left;font-size: 18px}
.catalog.promotion .block-product .price .glyphicon-star {font-size: 130%;vertical-align: middle}
.catalog.promotion  p.small {color: #132b3e;font-size: 10px}

.landing-view.landing-collaboration {background: transparent}
.landing-collaboration .bx-wrapper {background: transparent;box-shadow: none;border: 0;padding: 20px 70px;margin: 0}
.landing-collaboration .bx-wrapper img {border-radius: 100px}
.landing-collaboration .bx-wrapper .bx-pager {display: none}
.landing-collaboration .landing-row-image {padding: 20px}

.landing-collaboration .slider-collaboration-list.is-slider {padding: 0px 120px}
.landing-view .bx-wrapper .bx-controls-direction a {margin: 0; margin-top: 25px; width: 50px;height: 50px;z-index: 999}
.landing-view .bx-wrapper .bx-controls-direction a.bx-next {background: url('https://firebasestorage.googleapis.com/v0/b/goot-master-shard.appspot.com/o/cdn%2Fslider-dark-arrow-right.png?alt=media') no-repeat}
.landing-view .bx-wrapper .bx-controls-direction a.bx-left {background: url('https://firebasestorage.googleapis.com/v0/b/goot-master-shard.appspot.com/o/cdn%2Fslider-dark-arrow-left.png?alt=media') no-repeat}


.landing-page-4-col-flex.landing-view {background: #fff;padding-top: 50px;padding-bottom: 50px}
.landing-page-4-col-flex h2 {text-align: center;margin-bottom: 22px;margin-top: 5px;font-size: 36px;font-weight: 700}
.landing-page-4-col-flex .media-body {padding: 43px 0 0}
.landing-page-4-col-flex .media-body .media-description {text-align: center;margin-top: 45px;font-size: var(--font-size);font-weight: 400; padding: 0 10px}
.landing-page-4-col-flex .media-body img {max-width: 120px;max-height: 120px}

.landing-page-5-col-flex.landing-view {background: #fff;padding-top: 50px;padding-bottom: 50px}
.landing-page-5-col-flex h2 {text-align: center;margin-bottom: 22px;margin-top: 5px;font-size: 36px;font-weight: 700}
.landing-page-5-col-flex .media-body {padding: 43px 0 0}
.landing-page-5-col-flex .media-body .media-description {text-align: center;margin-top: 45px;font-size: var(--font-size);font-weight: 400; padding: 0 10px}
.landing-page-5-col-flex .media-body img {max-width: 120px;max-height: 120px}