@import "font.css";
:root {

    /* Fonts */
    --font-default: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Poppins', sans-serif;
    --font-panier: 'Remachine Script Personal Use';
    --font-gotham: 'Gotham';

    /* Colors */
    /* The *-rgb color names are simply the RGB converted value of the corresponding color for use in the rgba() function */

    /* Default text color */
    --color-default: #1a1f24;
    --color-default-rgb: 26, 31, 36;
    --color-gray-link: #d1d1d1;

    /* Defult links color */
    --color-links: #0ea2bd;
    --color-links-hover: #1ec3e0;

    /* Primay colors */
    --color-primary: #d9a069;
    --color-primary-light: #1ec3e0;
    --color-primary-dark: #272727;

    --color-primary-rgb: 14, 162, 189;
    --color-primary-light-rgb: 30, 195, 224;
    --color-primary-dark-rgb: 1, 137, 161;

    /* Secondary colors */
    --color-secondary: #2c4377;
    --color-secondary-light: #8f9fae;
    --color-secondary-dark: #3a4753;

    --color-secondary-rgb: 72, 86, 100;
    --color-secondary-light-rgb: 143, 159, 174;
    --color-secondary-dark-rgb: 58, 71, 83;

    /* General colors */
    --color-blue: #0d6efd;
    --color-blue-rgb: 13, 110, 253;

    --color-indigo: #6610f2;
    --color-indigo-rgb: 102, 16, 242;

    --color-purple: #6f42c1;
    --color-purple-rgb: 111, 66, 193;

    --color-pink: #f3268c;
    --color-pink-rgb: 243, 38, 140;

    --color-red: #df1529;
    --color-red-rgb: 223, 21, 4;

    --color-orange: #fd7e14;
    --color-orange-rgb: 253, 126, 20;

    --color-yellow: #ffc107;
    --color-yellow-rgb: 255, 193, 7;

    --color-green: #059652;
    --color-green-rgb: 5, 150, 82;

    --color-teal: #20c997;
    --color-teal-rgb: 32, 201, 151;

    --color-cyan: #0dcaf0;
    --color-cyan-rgb: 13, 202, 240;

    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;

    --color-gray: #6c757d;
    --color-gray-rgb: 108, 117, 125;

    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;

    --hover-buttons-primary: #ce9156 ;

}

body{
    font-family: var(--font-default);
}

#main-menu ul li{
    float: left;
    list-style-type: none;
}
#main-menu ul li a{
    text-decoration: none;
    display: block;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 70px;
    color: #000;
}
#main-menu ul li a:hover{
    color: #CF1D25;
}
#header img{
    max-height: 100px;
    margin-left: 8px;
    margin-top: 5px;
}
#header{
    box-shadow: none;
}
.active{
    color: #CF1D25 !important;
}
.dropdown-large{
    width: 900px;
}

.btn-pd-login span{
    text-decoration: none;
    color: #fff;
    margin-right: 0;
    padding: 10px 20px 10px 20px;
    background: #CF1D25;
    border-radius: 5px;
    width: 120px;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.5s ease;
}

.btn-pd-login span:hover{
    color: #fff;
    background: var(--hover-buttons-primary);
}

.btn-pd-light-green{
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: none;
    border: none;
}

.btn-pd-light-green:hover{
    color: #fff;
}

.input-global-search{
    font-size: 1.765rem !important;
    line-height: normal !important;
    font-weight: 400 !important;
    width: 100%;
    height: 3em;
    letter-spacing: 0;
    margin: 0;
    padding: 0 1.5em 0 0;
    border: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    resize: none;
    overflow: hidden;
    display: block;
    visibility: visible;
    background: transparent;
    color: #fff;
}
.input-global-search:focus{
    font-size: 1.765rem !important;
    line-height: normal !important;
    font-weight: 400 !important;
    width: 100%;
    height: 3em;
    letter-spacing: 0;
    margin: 0;
    padding: 0 1.5em 0 0;
    border: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    resize: none;
    overflow: hidden;
    display: block;
    visibility: visible;
    background: transparent;
    outline: 0;
    color: #fff;
}
#pd_search_modal .btn-close{
    cursor: pointer;
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    color: #fff;
    filter: invert(1);
}


#pd_search_modal .modal-dialog{
    max-width: 100% !important;
    background: #141414;
}

#pd_search_modal .modal-content{
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 200px 0 160px;
    background: none;
    box-shadow: none;
    border: none;
}


.btn-pd-search{
    text-decoration: none;
    color: #000;
    margin-right: 15px;
    padding: 0;
    background: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.btn-pd-search svg{
    position: relative;
    left: 3px;
    top: 0;
}

.btn-pd-wishlist{
    text-decoration: none;
    color: #ED5222;
    margin-right: 15px;
    padding: 10px;
    background: rgba(237, 82, 34, 0.1);
    border-radius: 50%;
    width: 44px;
    height: 44px;
}

.btn-pd-wishlist svg {
    position: relative;
    left: 2px;
}
.btn-pd-user{
    text-decoration: none;
    color: #000;
    margin-right: 15px;
    padding: 10px;
    background: #cccccc30;
    border-radius: 50%;
    font-size: 16px;
    text-transform: uppercase;
    width: 44px;
    height: 44px;
    text-align: center;

}

.btn-pd-cart{
    text-decoration: none;
    color: #ACC554;
    margin-right: 15px;
    padding: 10px;
    background: #cccccc30;
    border-radius: 50%;
    position: relative;
    width: 44px;
    height: 44px;
}

.btn-pd-cart svg{
    position: relative;
    left: 2px;
}

.user-dropdown a{
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.user-dropdown a:hover{
    background: #ACC554;
    color: #fff;
}

#user-menu .dropdown-large a{
    line-height: 40px !important;
}
#cart_items{
    background: #ff6170;
    padding: 1px;
    border-radius: 50%;
    color: white;
    position: absolute;
    right: -5px;
    top: -5px;
    min-width: 23px;
    min-height: 23px;
    text-align: center;
    font-size: 14px;
}
.hidden{
    display: none !important;
}

#top-notification-bar{
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top-notification-bar p{
    padding: 5px 0;
    margin: 0;
    color: #fff;
}
#top-notification-bar p a{
    text-decoration: underline;
    color: #fff;
}
.green-color-text{
    color: #0a8f00;
}
.text-bold{
    font-weight: 600;
}
.product-carousel .category_box{
    transition: all 0.2s;
}
.product-carousel .category_box:hover{
    border-bottom: 3px solid #d9a069 !important;
    background: transparent !important;
    color: #fff;
}

.active_offer{
    border-bottom: 3px solid #d9a069 !important;
    background: #fff;
    color: #fff;
}

.active_offer, .active_offer .category_desc, .active_offer .offer_dates {
    color: #000000 !important;
}

.offer_dates{
    text-align: center;
    font-size: 12px;
}

.product-carousel .category_box:hover  .category_desc, .category_box:hover .offer_dates {
    color: #000 !important;
}
.hero-home{
    background: #56A6E1;
    background: linear-gradient(90deg, rgb(135, 188, 227) 0%, rgb(112, 177, 225) 51%, rgb(86, 166, 225) 100%);
    max-width: 100%;
    margin: 0 auto;
    clear: both;
    display: flex;
    flex-direction: column;
    border-radius: 0;
    box-shadow: 5px 5px 10px rgb(0, 0, 0, 0.1);
    padding: 0;
}
.hero-home h1, .hero-home p{
    color: var(--color-primary-dark);
}
.title-homepage{
    width: 100%;
    text-align: center;
    flex-direction: column;
    padding-bottom: 0;
    font-size: 40px;
    line-height: 50px;
    font-family: var(--font-gotham);
    color: var(--color-secondary);
    font-weight: 300;
}
.card{
    padding: 10px !important;
    border-radius: 10px !important;
}
#footer {
    background: #fff;
    max-width: 100%;
    margin: 30px auto 0;
    clear: both;
    display: flex;
    flex-direction: row;
    padding: 40px;
    color: #000;
    border-radius: 0;
    font-family: 'Poppins';
}
#footer footer{
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}
#footer .footer-logo{
    padding-bottom: 10px;
}
#footer .footer-logo img{
    width: 250px;
    padding: 30px;
}
.footer-bottom-elements{
    padding-top: 60px;
    max-width: 1320px;
    margin: 0 auto;
}
#footer .subline-footer{
    width: 100%;
    color: #6c6c6c;
    margin-bottom: 0;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 12px;
    text-align: center;
}
.copyright{
    color: #545454;
    text-align: center;
    clear: both;
    padding-top: 30px;
    font-size: 14px !important;
}
#footer .social-icons{
    float: right;
    padding-top: 45px;
}
.btn-default {
    padding: 12px 30px !important;
    background-color: #d9a069 !important;
    color: #fff !important;
    text-transform: none;
}
.btn-default:hover,.btn-default:active, .btn-default:focus {
    background-color: #ce9156 !important;
    color: #fff !important;
}
#shop-retrait{
    width: 100%;
}
.btn-primary{
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #fff !important;
    padding: 8px 10px;
    text-transform: uppercase;
    border-radius: 0;

}
.btn-primary:hover,.btn-primary:active.btn-primary:focus {
    background-color: var(--hover-buttons-primary) !important;
    border-color: var(--hover-buttons-primary) !important;
    color: #fff !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.m-top-auto{
    margin-top: auto !important;
}
.card-retrait{
    padding: 40px !important;
    background: url(../images/background-form-1.jpg) no-repeat top center;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    border-color: #f9f9f9 !important;
}
.progress-bar-wrapper{
    padding-bottom: 40px;
}
.progress-bar {
    background-color: #acc54e !important;
}
.shop-btn{
    font-weight: 600;
}
.form-select, .form-control{
    border: 1px solid #ebe8de !important;
    padding: .6rem .75rem !important;
    background-color: #f9f7f1 !important;
    font-size: 14px;
    border-radius: 0 !important;
}
.form-select:focus , .form-control:focus {
    box-shadow: none !important;
    border: 1px solid #dcc885 !important;
}
.product_listing h4{
    margin-bottom: 18px;
}
#date-retrait {
    background-color: #fff;
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}
.icon-retrait{
    background-image: url(../images/location-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 20px;
    padding-left: 25px;
}
.icon-date{
    background-image: url(../images/date-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px 20px;
    padding-left: 25px;
}
#shop-retrait label{
    padding-bottom: 10px;
}
.shop-arrow-right{
    position: relative;
    top: -1px;
    padding-left: 7px;
}
.progress-bar-retrait{
    width: 0%;
}
.form-control.disabled{
    opacity: 0.3 !important;
}
.footer-list li{
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 8px;
    color: #000;

}
.tel-footer{
    margin-top: 15px;
}
.tel-footer a{
    font-size: 20px;
}
.footer-list li a{
    color: #000;
    text-decoration: none;
}
.address-footer{
    background-image: url(../images/address-footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 25px;
    padding-left: 35px;
}
.phone-footer{
    background-image: url(../images/phone-footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px 25px;
    padding-left: 35px;
}
.mail-footer{
    background-image: url(../images/mail-footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px 23px;
    padding-left: 35px;
}
.card-quality{
    padding: 40px 60px !important;
}
.card-quality h3{
    padding: 25px 0;
}
.user-card{
    padding: 0 !important;
}
.forgot-pass-text{
    text-decoration: none;
    color: #acc54e;
}
.card-user{
    flex-direction: row !important;
}
.product-home-image{
    width: 100%;
    padding: 10px;
}
.navbar .megamenu{ padding: 1rem; }

#page-products{
    padding-bottom: 20px;
}
.display-product-counter{
    position: relative;
    top: 5px;
}
.paginator-wrapper, .paginator-wrapper nav{
    float: right;
}
.product-categories a{
    text-decoration: none;
    padding: 5px;
    display: inline-flex;
    color: rgba(var(--color-secondary-dark-rgb), 0.7);
    width: 80%;
}

.product_sidebar{
    border-radius: 0;
    padding: 20px;
    float: left;
    width: 100%;
}

.product_box{
    min-height: 365px;
    border-radius: 15px;
    margin-bottom: 25px;
    padding: 10px;
    position: relative;
}
.category_box{
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
    padding: 10px;
    position: relative;
}
.category_desc{
    text-align: center;
    font-weight: 600;
    color: #000;
    height: 33px;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.product-carousel .category_box {
    margin: 0;
}

.product_box a{
    text-decoration: none;
    color: #000;
    display: block;
    transition: all 0.5s;
}
.product_box a:hover{
    color: var(--color-primary) !important
}
.mt-6{
    margin-top: 60px !important;
}
.mt-7{
    margin-top: 70px !important;
}
.mt-8{
    margin-top: 80px !important;
}
.product_desc{
    font-size: 16px;
    min-height: 43px;
    margin-top: 10px;
    margin-bottom: 5px;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 21px;
    font-family: var(--font-default);
}

.fn_add_to_wishlist, .fn_remove_wishlist {
    position: relative;
    float: right;
}
.product_wishlist{
    float: right;
}
.fn_remove_wishlist {
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    display: inline-block;
}
.product_price{
    font-weight: bold;
    margin-bottom: 0;
    font-size: 18px;
    font-family: var(--font-default);
    margin-top: 7px;
    float: left;
}
.product_your_price{
    font-weight: bold;
    margin-bottom: 0;
    font-size: 14px;
    font-family: var(--font-default);
    margin-top: 12px;
    float: left;
    margin-left: 8px;
    text-decoration: line-through;
    color: #969696;
}
.product_box img, .category_box img{
    width: 100%;
    max-height: 240px;
    object-fit: contain;
    transition: all 0.5s;

}
.product_box .prod_image_wrap{
    border: 2px solid #efeee8;
    position: relative;
    transition: all 0.5s;
}
.product_box .prod_image_wrap::before,
.category_box .prod_image_wrap::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid #f3f1ed; /* Inner inset border */
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Trigger the pseudo-element on hover */
.product_box a:hover .prod_image_wrap::before,
.category_box a:hover .prod_image_wrap::before {
    opacity: 1;
}
.product_box a:hover .prod_image_wrap img,
.category_box a:hover .prod_image_wrap img{
    padding: 0;
}

.category_box img{
    min-height: 140px
}
.btn-pd-add-to-cart{
    background: #CF1D25;
    border-radius: 8px;
    padding: 12px 5px;
    width: 100% !important;
    color: #fff !important;
    display: block;
    text-align: center;
    font-size: 16px;
    border: none;
}
.view-more-stocks{
    margin-top: 10px;
}
.fn_add_to_cart svg, .btn-pd-add-to-cart svg {
    width: 33px;
    height: 24px;
    position: relative;
    left: -1px;
    top: -3px;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fn_add_to_cart svg path, .btn-pd-add-to-cart svg path{
    fill: #CF1D25;
    stroke: #fff;
    stroke-width: 1.5;
}
.fn_add_to_cart .cart path.tick, .btn-pd-add-to-cart svg path.tick {
    --svg-stroke: #fff;
    stroke-dasharray: 10px;
    stroke-dashoffset: 1.5;
}
.btn-pd-add-to-cart:hover{
    background: var(--hover-buttons-primary);
}
.btn-pd-add-to-cart:hover svg path{
    fill: var(--hover-buttons-primary);
    stroke: #fff;
}
.pdr-10{
    padding-right: 10px;
}
.btn-pd-add-to-cart span{
    margin-right: 5px;
}

.btn-pd-cancel{
    padding: 0;
    color: #000 !important;
    display: block;
    text-align: center;
    font-size: 24px;
    border: none;
}

.active_category{
    font-weight: bold !important;
    color: var(--color-primary) !important;
}

#atc_prod_desc{
    font-size: 12px;
}

#paginator .pagination li{
    margin-right: 5px;
}
#paginator .pagination li a, #paginator .pagination li span{
    border: 1px solid #ccc;
    padding: 7px 0px;
    border-radius: 50%;
    width: 37px;
    text-align: center;
    display: block;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    height: 37px;
}
#paginator .pagination li a:hover, #paginator .pagination li span:hover{
    border: 1px solid #acc554;
}

#paginator .pagination .active span{
    border: 1px solid #acc554;
    color: #acc554;
}

#paginator .pagination > :first-child, #paginator .pagination > :last-child{
    background: #CF1D25;
    color: #ffffff !important;
    border-radius: 50%;
}

.login-text-desktop{
    display: block;
}
.user-icon-mobile{
    display: none;
}

.main_image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 100%;
    overflow: hidden;
}
.base_price{
    font-size: 22px;
    font-weight: 800;
    color: #035084;
}
.old_price{
    font-size: 16px;
    font-weight: 800;
    color: #000;
    margin-left: 10px;
    float: left;
    position: relative;
    top: 6px;
}
.old_price::after {
    content: "";
    position: absolute;
    left: 0;
    top: 34%;
    width: 100%;
    height: 1px;
    background: red;
    transform: translateY(-40%);
}
.producers_slider{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1350px;
    margin: 0 auto;
}
.thumbnail_images ul {
    list-style: none;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.thumbnail_images ul li {
    margin: 5px;
    padding: 10px;
    border: 2px solid #eee;
    cursor: pointer;
    transition: all 0.5s;
}
.ratings span {
    font-size: 14px;
    margin-left: 12px;
}
.heart {
    height: 29px;
    width: 29px;
    background-color: #eaeaea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heart i{
    text-align: center;
    justify-content: center;
    display: flex;
    padding-top: 1px;
}
.title-product{
    width: 90%;
}
.btn-pd-add-to-cart-details {
    background: #CF1D25;
    border-radius: 8px;
    padding: 12px 5px;
    color: #fff !important;
    display: block;
    text-align: center;
    font-size: 16px;
    border: none;
    width: 200px;
}
.btn-pd-add-to-cart-details:hover {
    background: var(--hover-buttons-primary);
}
.btn-pd-add-to-cart-details:hover svg path{
    fill: var(--hover-buttons-primary);
    stroke: #fff;
}
.modal .modal-content .modal-body .promo-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.bg-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.modal .modal-content .modal-body h3 {
    color: #000;
    font-size: 22px;
}
.modal .modal-content{
    border-radius: 15px !important;
}
.modal .modal-content .modal-body {
    border-radius: 15px;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: 0 10px 50px -10px rgb(0 0 0 / 90%);
    box-shadow: 0 10px 50px -10px rgb(0 0 0 / 90%);
}
.closemodal {
    position: absolute;
    right: 15px;
    color: #000;
    z-index: 4;
    top: 8px;
    cursor: pointer;
}
.line {
    position: relative;
    padding-bottom: 20px;
}
.line:after {
    left: 35px;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background: #ccc;
}
#atc_prod_price{
    font-weight: bold;
}
.cart-image img{
    margin-right: 15px;
}
.qty-cart{
    /*width: 60px;*/
    /*display: flex;*/
    /*float: left;*/
    /*border: 1px solid #ccc;*/
}
.remove-cart{
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.price-cart{
    width: 110px;
}
.cart-update-btn{
    outline: none;
    border: none;
    background: #cccccc;
    padding: 0;
    margin: 0 auto;
}
.qty-line{
    width: 120px;
}
.cart-update-btn {
    outline: none;
    border: none;
    background: #f2f2f2;
    margin: 0 auto;
    border-radius: 0 5px 5px 0;
    height: 31px;
    padding: 2px 5px;
    display: flex;
    float: left;
    align-items: center;
}
.spinner-update{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff73;
    top: 0;
    left: 0;
    text-align: center;
}
.spinner-update .spinner-border{
    position: relative;
    top: 50%;
    margin-top: -20px;
}
.text-right{
    text-align: right !important;
}
.fn_create_wishlist{
    margin: 0 auto 15px;
    justify-content: center;
    align-items: center;
    float: none;
    display: table !important;
}
.remove-wishlist{
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.wishlist-modal-body{
    border-radius: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 40px;
}
.wishlist-modal-body .main-content{
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.modal-header .close{
    border: none;
    background: transparent;
}
.btn-add-to-cart-wishlist{
    width: 150px;
}
.btn-add-to-cart-wishlist a{
    text-decoration: none;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.producer-box .card{
    margin: 10px !important;
}
.producer-box{
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.producer-image{
    margin: 10px auto 18px;
}
.producer-color{
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 15px 0px 15px 15px;
}
.clearfix{
    clear: both;
}
.break {
    flex-basis: 100%;
    height: 0;
}
.line-d{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.producers-products {
    margin-top: 30px;
    text-align: center;
    font-weight: 600;
}
#pd_search_modal.modal .modal-content .modal-body {
    padding-left: 20px;
    padding-right: 20px;
    background: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #313131;
    border-radius: 0;
}

.justify-content-middle{align-items: center; justify-content: center;}
.mobile-cont .table h5 a{
    text-decoration: none;
}
.fs-7{
    font-size: 12px;
}
.white-space-nowrap{
    white-space: nowrap;
}
.p-no-top-4{
    padding: 15px 20px !important;
    border-radius: 15px;
}
.chk-btn{
    margin: 0 auto;
}
.history-dropdown-menu{
    position: relative;
    margin: 0;
    padding: 0;
    display: none;
}
.history-dropdown-menu li{
    list-style: none;
    text-align: center;
}
.history-dropdown-menu li:first-child a{
    border-bottom: 1px solid #e9e8e8;
}
.history-dropdown-menu li a{
    background: #f3f3f3;
}
.order-detail-list a{
    color: #212529;
}
.order-detail-list a:hover{
    color: #acc54e;
}
.btn-user{
    width: 200px;
}

.category-list:after{
    /*content: '';*/
    /*border: solid #ccc;*/
    /*border-width: 0 3px 3px 0;*/
    /*display: inline-block;*/
    /*padding: 3px;*/
    /*transform: rotate(-45deg);*/
    /*-webkit-transform: rotate(-45deg);*/
}
.border-end-product {
    border-right: 1px solid #dee2e6!important;
}
.hero-img-1{
    background: url("../images/home1.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}
.hero-img-2{
    background: url("../images/home2.webp") no-repeat center center;
    background-size: cover;
    position: relative;
}
.hero-img-3{
    background: url("../images/home3.webp") no-repeat center center;
    background-size: cover;
    position: relative;
}
.hero-home h1{
    font-family: var(--font-primary);
    margin: 10px 0;
    font-size: 60px;
    line-height: 70px;
    font-weight: 800;
}

.hero-home p{
    font-size: 23px;
    line-height: 30px;
}

.about-home-text p{
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0;
}
.about-text-h3{
    font-size: 26px !important;
}
.featured-services .service-item {
    margin: 0 auto;
}
.featured-services .service-item h4 {
    text-align: center;
}
.text-about-homepage{
    padding: 0 !important;
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
    height: 400px;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}
.carousel-indicators .active {
    background-color: #fff;
}
.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
}
.footer-menu-list {
    padding:  0 30px;
    text-align: left;
}
.footer-menu-list li{
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.footer-menu-list li a{
    color: #000;
    padding: 0;
    text-decoration: none;
}
.footer-icon{
    width: 30px;
    display: block;
    float: left;
}
.footer-icon i{
    color:#CF1D25!important;
}
#footer .social-icons a{
    color: #000;
    margin-right: 5px;
}
.footer-menu-list li a:hover {
    color: #000;
    padding: 0;
}
#footer .social-icons a.active_lang{
    border-bottom: 1px solid #000;
}
#page-products .card{
    padding: 0 !important;
    border: none;
}
#page-products .right-side .content h5{
    font-weight: 600;
}
.btn-back{
    width: auto;
    float: left;
    display: inline-block;
    color: #000;
    position: relative;
}
.btn-back::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #000;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.btn-back:hover{
    color: #000;
}
.btn-back:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.current-prod{
    text-transform: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 140px;
    float: left;
}
.seperation-br{
    float: left;
    margin: 0 10px;
}
.producers-about-left{
    float: left;
}
.producers-about-right {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
}
.producers-about-left img{
    border-radius: 15px;
}
.see-all-product a {
    color: #acc54e;
    text-decoration: underline;
}
.see-all-product{
    margin-top: 20px;
}
.see-all-product a:hover {
    color: #acc54e;
}
.about-producer-title{
    margin-bottom: 20px;
}
.producers-details{
    padding: 0;
}
.producers-content{
    max-width: 600px;
    margin: 0 auto;
}
.producers-details-products{
    padding: 40px 50px 0 50px;
}
.producers-content h6{
    font-weight: 600;
}
.producers-content .content{
    display: block;
    float: left;
}
.producers-content .content .col-md-6{
    float: left;
}
.producers-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #3d3f40;
}
.points-de-retrait .producers-desc {
    -webkit-line-clamp: 5;
    line-clamp: 5;
}
.services .img {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 295px;
 }
.product-carousel .product_box{
    margin: 5px;
}
.product-details-section{
    background: #fff;
}
.user-card .bg{
    background: url(../images/background-login.jpg) no-repeat center center;
    width: 100%;
    height: 400px;
}
.user-card .card-footer{
    margin-top: 20px;
}
.create-one{
    border-bottom: 1px solid #999;
}
.create-one:hover{
    border-bottom: 1px solid #999;
}
.user-card .pr-1{
    right: 7px;
}
.user-card .pl-1{
    padding-left: 7px;
}
.datepicker table tr td.day {
    font-weight: bold !important;
}
.datepicker table tr td.disabled.day {
    font-weight: normal !important;
}
#featured-services .service-item h4{
    font-size: 26px;
}
.producers-list-icons{
    margin-top: 10px;
}
.social-producers a{
    font-size: 30px;
}
.social-producers a[href=""], .social-producers a[href="#"],.icons-mobile, .services .details .icon {
    display: none;
}
.about-text-home{
    padding-top: 0 !important;
}
.view-more-producers{
    margin:  20px auto 10px;
    text-align: center;
}
.about .accordion-button {
    font-size: 18px;
    color: var(--color-secondary);
    font-weight: 800;
}
.hero-descover-btn{
    color: var(--color-secondary);
    font-weight: 500;
}
.hero-descover-btn:hover{
    color: var(--color-secondary);
    text-decoration: underline;
}
.producers_subtitle{
    font-family: var(--font-primary);
    color: #2c4377;
}
.text-center{
    text-align: center;
}
#about_panierdici h2, #about_panierdici h3, #about_lrg h2, #about_lrg h3{
    margin-bottom: 15px !important;
    font-family: var(--font-gotham);
    margin-top: 30px;
}
.producers-home .producers-desc{
    height: 72px;
}
.producers_link{
    display: block;
}
.producers-home .producers-list-icons {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}
.producers-home .producers-list-icons span {
    margin-right: 5px;
}
.producer_box{
    padding: 15px;
}
.producers-home .details {
    box-shadow: 0 0 10px rgba(var(--color-black-rgb), 0.1);
}
.center-image{
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    display: flex;
}
.producers-home .producers_subtitle{
    text-align: center;
}
.producers-home .producers_subtitle a{
    color: #2c4377;
    font-weight: 600;
}
.producers-home .producers_subtitle a:hover{
    color: #2c4377;
    text-decoration: underline;
}
.subtitle_producer{
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: 500;
}
#producers .col-md-6{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.point-de-retrait-item{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.point-de-retrait-item:nth-child(4n){
    clear: both;

}
.product-details-section .main_image img{
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.text-underline{
    text-decoration: underline;
}
.producers-icon{
    display: none !important;
}
.producers-links{
    color: #000;
    text-decoration: underline;
}
.producers-links:hover{
    color: #000;
    text-decoration: underline;
}
.product_category_image{
    width: 100%;
    height: 80px;
    object-fit: cover;
    position: relative;
}
.general-link{
    color: #fff;
}
.general-link:hover{
    color: #fff;
    text-decoration: underline;
}
.special-text
{font-size: 20px;
font-weight: 600
}
#paginator{
    display: inline-flex;
    width: 100%;
}
.desktop-only{
    display: block;
}
.mobile-only{
    display: none;
}
.product-modal{
    padding: 50px;
}
.pair_note{
    color: red;
    font-style: italic;
}
.qty-input-group{
    width: 120px;
    left: 7px;
    position: relative;
}
.qty-input-group input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.qty-input-group input::-webkit-outer-spin-button,
.qty-input-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.qty-input-group input[type='button'] {
    background-color: #eeeeee;
    min-width: 35px;
    width: auto;
    transition: all 300ms ease;
}

.qty-input-group .button-minus,
.qty-input-group .button-plus {
    font-weight: bold;
    height: 35px;
    padding: 0;
    width: 35px;
    position: relative;
    border: 1px solid #eee;
}

.qty-input-group .quantity-field {
    position: relative;
    height: 36px;
    left: -6px;
    text-align: center;
    width: 40px;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px;
    resize: vertical;
    border: 0 solid #eee;
    padding: 0;
    top: -1px;
    background: #efefef1f;
}
.qty-input-group .quantity-field:focus-visible {
     outline: 0 solid #000;
 }

.button-plus {
    left: -13px;
}

.qty-input-group  input[type="number"] {
    -moz-appearance: textfield !important;
    -webkit-appearance: none !important;
}
.product-details-inputs{
    margin: 5px 0 5px !important;
    clear: both;
    display: inline-block;
    width: 100%;
    flex-direction: row;
}
.product-details-inputs select{
    width: 30%;
    float: left;
}
.product-details-inputs .qty-input-group  .button-minus, .product-details-inputs .qty-input-group .button-plus {
    height: 38px;
    width: 40px;
    left: 0;
    float: left;
}
.product-details-inputs .form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.08rem rgba(13, 110, 253, 0.25);
}
.product-details-inputs .qty-input-group .quantity-field {
    height: 38px;
    left: 0;
    width: 60px;
    font-size: 14px;
    border: 0 solid #eee;
    top: -1px;
    background: #efefef1f;
    float: left;
}
.product-details-inputs .qty-input-group {
    width: auto;
    left: 10px;
    position: relative;
}
.qty-input-group.modal-qty {
    width: 100%;
    left: 0;
    position: relative;
    padding: 10px 0;
}
.points-de-retrait .producers-desc {
    overflow: auto;
    text-overflow: inherit;
    display: block;
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    -webkit-box-orient: unset;
    color: #3d3f40;
}
.remove-icon-svg{
    width: 16px;
    height: 16px;
}
.btn-coupon{
    margin-left: 15px;
}
.blog-header{
    text-align: center;
    width: 100%;
    /*background: url("/public/images/home-3.jpg") no-repeat center center;*/
    background-color: #ffffff;
    background-size: cover;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}
.blog-header:after{
    content: '';
    /*background: rgba(0, 0, 0, 0.25);*/
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    backdrop-filter: blur(3px);
}
.blog-header span{
    z-index: 2;
    font-weight: 700;
}

.blog-box{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 45px;
}
.blog-box .post-content-container {
    padding-left: 13%;
    padding-right: 13%;
    padding-top: 32px;
    background-color: #fff;
}
.post-content-container {
    transition: .3s all ease-in-out;
    box-shadow: 0 15px 45px -9px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
}
.blog-box:nth-of-type(2n+1){
    clear: both;
}
.blog-box .card{
    padding: 0 !important;
    border-radius: 3px !important;
    border: none;
}
.blog-img{
    overflow: hidden;
    object-fit: cover;
}
.blog-img img{
    transition: .3s all ease-in-out;
    object-fit: cover;
}
.blog-box:hover .post-content-container{box-shadow:0 1px 1px 1px rgba(0,0,0,.06)}
.blog-box:hover .blog-img img{transform: scale(1.1);}

.post-meta-two {
    margin-left: -18%;
    margin-right: 92px;
    padding: 19px 0 19px 18%;
    position: relative;
    border-top: 1px solid #e9e9e9;
}
.post-meta-two a{
    color: var(--color-primary);
}
.post-meta-categories {
    padding-left: 0;
}
.post-meta-categories a {
    font-size: 13px;
    text-transform: uppercase;
}
.post-title h2 {
    font-size: 28px;
    margin-top: 12px;
    margin-bottom: 14px;
    line-height: 100%!important;
    color: #505050;
    font-weight: 700;
}
.post-title h2, .post-title h1 {
    transition: .25s all ease;
}
.widget-item {
    padding-bottom: 45px;
}
.blog-sidebar .widget-title {
    color: #505050;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}
.blog-sidebar a {
    color: #8d8d8d!important;
}
.widget_categories li .count {
    float: right;
    font-weight: 700;
    background-color: #f3f3f3;
    color: #9a9a9a;
    border-radius: 50px;
    padding: 0 8px;
    line-height: 1.4;
    cursor: default;
}
.widget_categories ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.widget_categories li * {
    font-size: 13px;
}
.widget-item ul {
    list-style: none;
    padding-left: 0;
}
#sidebar .widget-item li, #sidebar .widget-item .sh-recent-posts-widgets-item {
    border-color: #e3e3e3!important;
}
.widget_categories li:first-child {
    padding-top: 0;
}
.widget_categories li {
    padding: 12px 1px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 0;
    text-transform: uppercase;
}
.widget_categories li>a {
    display: inline-block;
}
.post-title-details{
    font-size: 30px;
    padding-top: 15px;
    cursor: default;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 16px;
}
.post-content {
    padding-bottom: 15px;
    word-break: break-word;
}
.post-meta-border{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.post-meta-data{
    font-size: 12px!important;
}
.post-details-categories-one{
    float: left;
}
.sh-columns .post-details-categories {
    float: right;
}
.sh-columns .post-details-categories a{
    color: #8d8d8d!important;
    font-size: 12px!important;
    transition: all .3s ease-in-out;
}
.sh-mini-overlay-container {
    border-radius: 100px;
}
.sh-table-full {
    display: table;
    width: 100%;
    height: 100%;
}
.sh-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none!important;
}
.sh-mini-overlay i {
    line-height: 1px;
    font-size: 24px;
    color: #fff!important;
    display: block;
}
.sh-recent-posts-widgets-item-thumb .sh-ratio {
    border-radius: 100px;
    overflow: hidden;
    z-index: 0;
}
.sh-ratio {
    position: relative;
}
.sh-ratio-container-square {
    padding-bottom: 100%;
}
.sh-ratio-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50% 50%;
}
.sh-recent-posts-widgets-item-thumb {
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 100px;
    left: 0;
    top: 0;
}

.sh-recent-posts-widgets-item {
    border-color: #e3e3e3!important;
}

.sh-recent-posts-widgets-item {
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
}
.sh-recent-posts-widgets {
    position: relative;
}
.sh-recent-posts-widgets-item-content {
    padding-left: 95px;
    min-height: 76px;
}
.post-meta-categories {
    padding-left: 0;
}
.sh-recent-posts-widgets-item h6 {
    padding-top: 2px;
    --max-lines: 2;
    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
}
.blog-box .post-title h2{
    --max-lines: 2;
    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--max-lines);
}
.latest-post-meta-cat:nth-last-child(2) .seperator-cat,.bloglist-post-meta-cat:last-child .seperator-cat{
    display: none;
}
.post-details-categories .post-meta-categories-det:last-child .seperator-cat{
    display: none;
}
.sh-blog-style2 .sh-recent-posts-widgets-item-content h6 {
    font-size: 16px;
}
.sh-recent-posts-widgets-item h6 {
    padding-top: 5px;
    margin-bottom: 8px;
    color: #3f3f3f;
    font-weight: 700;
    font-size: 18px;
}
.sh-mini-overlay-container{
    background-color: rgba(172,197,84,0.75)!important;
}
.sh-mini-overlay-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(71,201,229,.75);
    text-align: center;
    opacity: 0;
}
.sh-mini-overlay .sh-mini-overlay-container:hover {
    opacity: 1;
}
.icon-link{
    background: url("../images/link-w.png") no-repeat center center;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    left: 25px;
    top: 25px;
}
.blog-details-content img {
    max-width: 100%;
}
.title-level .breadcrumbs {
    font-size: 14px;
    margin: 0;
    margin-bottom: -4px;
    position: relative;
}
.sh-titlebar:not(.sh-titlebar-template) .title-level {
    text-align: right;
    float: right;
    align-items: end;
    display: flex;
}
.sh-titlebar:not(.sh-titlebar-revslider) a {
    color: #fff!important;
}
.sh-titlebar .title-level .separator {
    font-size: 0;
}
.sh-titlebar .title-level .separator:after {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 10px;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    top: -2px;
    position: relative;
    margin: 0 8px;
}

.sh-titlebar .title-level .item-current {
    font-weight: 700;
}
.sh-titlebar .titlebar-title h1, .sh-titlebar .titlebar-title h2 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 700;
    color: #CF1D25;
}
.sh-titlebar-content{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    margin-right: auto;
}
.titlebar-title{
    float: left;
    display: flex;
    flex: auto;
}
.blog-content #paginator{
    justify-content: center;
}
.footer-list, .footer-menu-list{
    padding: 0;
    margin-top: 25px;
}
.footer-list li, .footer-menu-list li{
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.footer-list , .footer-menu-list{
    display: inline-block;
    position: relative;
}
.footer-list li a::after , .footer-menu-list li a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 5px;
    left: 0;
    background-color: #56A6E1;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.hover-underline-animation a{
    color: #000;
    position: relative;
}
.hover-underline-animation a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #56A6E1;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.footer-list li a:hover::after, .footer-menu-list li a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.hover-underline-animation a:hover::after{
    transform: scaleX(1);
    transform-origin: bottom left;
}
#page-products h4{
    font-weight: 800;
}
.product_sidebar h4{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedace;
}
.btn-filter-search svg path{
    fill: #fff;
}
/* Position the modal at the top */
.modal.top-modal .modal-dialog {
    margin: 0 auto;
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    top: 0;
    position: absolute;
    width: 100%;
    max-width: 600px; /* optional */
}

/* Slide down when shown */
.modal.top-modal.show .modal-dialog {
    transform: translateY(0);
}
.product_discount{
    position: absolute;
    left: 35%;
    top: 0;
    background: url(../images/brush.png) no-repeat center center;
    background-size: contain;
    width: 100px;
    height: 65px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc3545;
    font-weight: 800;
    font-size: 16px;
    z-index: 2;
}
.unite{
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px
}
.home-promo-products .product_desc {
    font-size: 18px;
    min-height: auto;
    font-weight: 600;
}
.home-promo-products  .product_price {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 25px;
    font-family: var(--font-default);
    margin-top: 7px;
    float: left;
    color: #6e76dc;
}
.home-promo-products  .product_your_price {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 16px;
    font-family: var(--font-default);
    margin-top: 14px;
    float: left;
    margin-left: 8px;
    color: #000000;
    position: relative;
    display: inline-block;
}
.home-promo-products  .product_your_price::after {
    content: "";
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    height: 1px;
    background: red;
    transform: translateY(-40%);
}
.product_desc_p{
    font-size: 14px;
    min-height: 43px;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 21px;
    font-family: var(--font-default);
}
.promo-display-home .product_box{
    display: flex;
}
.left-cont, .right-cont{
    display: flex;
}
.left-cont{
    flex: 100%;
}
.right-cont{
    flex-direction: column;
    padding-top: 10%;
    width: 100%;
}
.left-cont:before{
    content: "";
    width: 45%;
    height: 80%;
    position: absolute;
    left: 0;
    right: 0;
}

.left-cont.item-1:before{
    content: "";
    background: url(../images/circle-1.jpg) no-repeat;
    background-size: contain;

}
.left-cont.item-2:before{
    content: "";
    background: url(../images/circle-2.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-3:before{
    content: "";
    background: url(../images/circle-3.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-4:before{
    content: "";
    background: url(../images/circle-4.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-5:before{
    content: "";
    background: url(../images/circle-5.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-6:before{
    content: "";
    background: url(../images/circle-6.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-7:before{
    content: "";
    background: url(../images/circle-7.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-8:before{
    content: "";
    background: url(../images/circle-8.jpg) no-repeat;
    background-size: contain;
}
.left-cont.item-9{
    content: "";
    background: url(../images/circle-9.jpg) no-repeat;
    background-size: contain;
}
.left-cont .prod_image_div{
    z-index: 2;
    border-radius: 50%;
    position: absolute;
    top: 72px;
    left: 35px;
}
.left-cont.brushpaint:before{
    content: "";
    width: 50%;
    height: 80%;
    position: absolute;
    left: 0;
    right: 0;
}
/*.left-cont.brush-1:before{*/
/*    content: "";*/
/*    background: url(../images/brush-11.jpg) no-repeat;*/
/*    background-size: contain;*/

/*}*/
/*.left-cont.brush-2:before{*/
/*    content: "";*/
/*    background: url(../images/brush-11.jpg) no-repeat;*/
/*    background-size: contain;*/
/*}*/
/*.left-cont.brush-3:before{*/
/*    content: "";*/
/*    background: url(../images/brush-11.jpg) no-repeat;*/
/*    background-size: contain;*/
/*}*/
/*.left-cont.brush-4:before{*/
/*    content: "";*/
/*    background: url(../images/brush-11.jpg) no-repeat;*/
/*    background-size: contain;*/
/*}*/
.product_box .left-cont img {
    width: 220px;
    max-height: 220px;
    object-fit: contain;
    border-radius: 50%;
}
.home-promo-products .right-cont .product_desc {
    font-size: 18px;
    min-height: auto;
    font-weight: 600;
    padding-right: 90px;
}
.home-promo-products  .right-cont  .product_price {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 29px;
    font-family: var(--font-default);
    margin-top: 7px;
    float: none;
    color: #035084;
    display: flex;
}
.home-promo-products  .right-cont  .product_your_price {
    float: none;
    display: flex;
}
.red-color-text{
    color: #ff0000;
}
.promo-brush-home .product_box {
    min-height: 345px;
}
.left-cont.brushpaint {
    flex: 100%;
    align-items: center;
    justify-content: center;
}
.promo-brush-home .right-cont {
    justify-content: center;
    padding-top: 0 !important;
}
.left-cont.brushpaint  .prod_image_div {
    z-index: 2;
    border-radius: 50%;
    position: relative;
    top: inherit;
    left: inherit;
}
.product_box .left-cont.brushpaint img {
    width: 220px;
    height: 220px;
    object-fit: contain;
    border-radius: 0;
    background: #fff;
}
.promo-brush-home .product_discount {
    top: 30px;
}
.bm-color-slider .carousel-item {
    height: 350px;
}
.bm-color-slider .carousel-item img{
    width: 100%;
    height: 350px;
    object-fit: cover;
}
.bm-color-slider .carousel-item{
    position: relative;
}

.bm-color-slider .productbanner-text{
    position: absolute;
    z-index: 1;
}
.bm-color-slider .carousel-item a{
    display: flex;
}
.position-Top{
    top: 0;
}
.position-Middle{
    text-align: center;
    padding: 20px;
    justify-content: center;
    width: 100%;
}
.position-Center{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.position-Bottom{
    bottom: 0;
}
.position-Left{
    left: 0;
    text-align: left !important;
    justify-content: flex-start;
    padding: 20px 35px;
}
.position-Right{
    right: 0;
    text-align: right !important;
    justify-content: flex-end;
    padding: 20px 35px;
}
.peem_banner_wrapper .carousel-control-next, .peem_banner_wrapper .carousel-control-prev{
    width: 5%;
}
.view-more-stocks a{
    cursor: pointer;
}
.desponible-home{
    font-size: 12px;
}
.logo-text{
    position: relative;
    top: -7px;
    width: 200px;
}
.footer-top-elements .col-md-4{
    float: left;
}
.footer-top-elements .yellow{
    border-bottom: 4px solid #FBF150;
}
.footer-top-elements .red{
    border-bottom: 4px solid #CF1D25;
}
.footer-top-elements .blue{
    border-bottom: 4px solid #56A6E1;
}
footer h5, footer h4, footer h3, footer h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #56A6E1 !important;
}
.ht-text{
    position: relative;
    top: 0;
    font-size: 14px;
    color: #000;
}
.products-home .product-carousel{
    border-bottom: 1px solid #e6e8e8;
}
.offer_subcat{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    padding: 20px;
    color: #fff;
}
.offer_categories a{
    color: #000;
    padding: 10px;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.offer_categories a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #56A6E1;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.offer_categories.active_offer_category a::after{
    transform: scaleX(1);
}
.offer_categories a:hover::after{
    transform: scaleX(1);
    transform-origin: bottom left;
}
/*----
----------------------------------------------------------
# All CSS style ↑↑↑↑↑↑ ******
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MEDIA QUERY Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 992px) {
    .logo img {
        max-width: 260px;
    }
    #user-menu{
        width: 60px;
        float: right;
        display: flex;
        justify-content: flex-end;
        padding-top: 20px;
    }
    #user-menu a{
        margin-right: 10px;
        float: left;
        transition: all 0.5s ease;
        text-decoration: none;
    }
    #user-menu a:hover{
        background: none;
    }
    #user-menu a:last-child{
        margin-right: 0 !important;
    }

    .navbar {
        padding: 0;
    }

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        flex-wrap: wrap;
    }

    .navbar li {
        position: relative;
    }

    .navbar > ul > li {
        white-space: nowrap;
    }

    .navbar a, .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px .5rem;
        font-family: var(--font-secondary);
        font-size: 17px;
        font-weight: 200;
        color: var(--color-black);
        white-space: nowrap;
        transition: 0.3s;
        position: relative;
        text-transform: uppercase;
    }

    .navbar a i, .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }


    .navbar a:hover, .navbar li:hover > a {
        color: #56A6E1 !important;
        font-weight: 200;
    }

   .navbar .nav-link.active, .navbar .nav-link.active:focus {
        color: #56A6E1 !important;
        font-weight: 500;
    }


    .navbar .dropdown a:hover:before, .navbar .dropdown:hover > a:before, .navbar .dropdown .active:before {
        visibility: hidden;
    }

    .navbar .dropdown a:hover, .navbar .dropdown .active, .navbar .dropdown .active:focus, .navbar .dropdown:hover > a {
        color: var(--color-black);
        background: var(--color-white);
    }

    .navbar .dropdown ul {
        display: flex;
        position: absolute;
        left: 0;
        top: 100%;
        margin: 0;
        padding: 0 0 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: var(--color-primary-dark);
        transition: 0.3s;
    }

    .navbar .dropdown ul a {
        padding: 4px 7px;
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
        color: var(--color-gray-link);
    }

    .navbar .dropdown ul a i {
        font-size: 12px;
    }

    .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
        color: var(--color-white) !important;
        background: none;
    }
    .navbar .dropdown ul a::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }
    .navbar .dropdown ul a:hover::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

    .navbar .dropdown:hover > ul {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }
    .navbar .dropdown-toggle::after{
        display: none;
    }
    .mobile-nav-toggle {
        display: none;
    }

    .product-menu .dropdown-toggle::after {
        display: none;
    }
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

    .navbar .megamenu ul {
        right: 0;
        padding: 10px;
        display: flex;
    }
    .navbar .megamenu ul li {
        flex: 1;
    }
    .navbar .megamenu ul li a, .navbar .megamenu ul li:hover > a {
        color: rgba(var(--color-white-rgb), 0.5);
        background: none;
    }
    .navbar .megamenu ul li a:hover, .navbar .megamenu ul li .active, .navbar .megamenu ul li .active:hover {
        color: var(--color-white);
        background: var(--color-primary);
    }
    .product-menu .dropdown-menu {
        display: flex;
        height: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        flex-direction: column;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 48%;
    }

    .product-categories svg{
        width: 12px;
    }
    .product-categories a {
        font-size: 13px;
        display: block;
        font-weight: 600;
        position: relative;
        width: 100%;
    }
    .mobile-cont .table h5 {
        font-size: 17px;
    }
    #page-content{
        padding-left: 0 !important;
        padding-right: 0 !important;;
    }
    .hero-text {
        padding: 10px 75px !important;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 !important;
        position: absolute;
        z-index: 2;
        width: 65%;
    }
    .hero-text a{
        min-width: 200px;
        max-width: 350px;
        font-weight: 400;
        font-size: 20px;
        margin-top: 10px;
    }
    .navbar .language-menu ul {
        left: inherit;
        top: 100%;
        margin: 0 0 0 -15px;
        padding: 15px;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: var(--color-white);
        transition: 0.3s;
        max-height: 100px;
        overflow: hidden;
    }
    .navbar .language-menu ul li {
        min-width: 100%;
    }
    .language-menu{
        margin-left: 15px;
    }
    .language-menu-a{
        padding: 9px 15px !important;
        background: var(--hover-buttons-primary);
    }
    .language-menu-a span{
        color: #fff;
}
    .language-menu-a i{
        color: #fff;
    }
    .btn-pd-login span {
        text-decoration: none;
        width: 150px;
    }
    .navbar .language-menu a:hover, .navbar .language-menu .active, .navbar .language-menu .active:focus, .navbar .language-menu:hover > a {
        color: var(--color-black);
        background: var(--hover-buttons-primary) !important;
    }
    .btn-pd-search svg {
        position: relative;
        left: 3px;
        top: -2px;
    }
    .form-retrait .card{
        border: none;
    }
    .form-retrait .about-section{
        padding-left: 0;
        padding-right: 0;
    }
    .about-section .card-retrait {
        padding: 60px 0 !important;
    }
    .about-section .section-header, .about-section .about-home-text{
        max-width: 1281px;
        margin: 0 auto;
    }
    .about-home-text p {
        font-size: 28px;
        line-height: 36px;
        margin: 10px 0;
        font-weight: 300;
    }
    .card-retrait{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .lrg-footer-logo{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .lrg-footer-logo img{
        width: 90px;
    }
    .login-desktop {
        position: relative;
    }
    .login-desktop .user-icon-mobile{
        display: block;
        position: absolute;
        font-size: 26px;
        color: #fff;
        top: 2px;
        left: 11px;
    }
    .btn-pd-login span {
        margin-right: 0;
        padding: 10px 10px 10px 30px;
        width: 150px;
    }
    .category-list{
        width: 100%;
        float: left;
        line-height: 22px;
    }
    .category-all{
        margin-top: 20px;
    }
    .category-list:nth-child(2n){
        clear: both;
    }
    .all-product-cat{
        display: flex !important;
        height: 100%;
        border: 1px solid #ccc;
        justify-content: center;
        flex-direction: column;
        min-height: 103px;
        margin: 5px;
        width: 95% !important;
        border-radius: 5px;
    }
    .product-categories a:hover > .product_category_image{
        opacity: 0.8;
    }
    .all-product-cat:hover{
        color: #fff !important;
        background: #000 !important;
    }
    .product-menu-items{
        width: 410px;
        padding: 15px !important;
    }
    .hero-home h1 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
    .home-promo-products .product_box{
        width: 50%;
        float: left;
    }

}
@media (min-width: 992px) and (max-width: 1280px) {
    .remove-justify-content{
        justify-content: flex-start;
    }
    #user-menu{
        margin-left: auto;
    }
}
@media (min-width: 1280px) and (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}
@media (min-width: 1280px) {
    .navbar .dropdown ul a {
        padding: 7px 7px;
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
        white-space: pre-wrap;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 33%;
    }
    .product-categories svg{
        width: 22px;
    }
    .product-categories a {
        font-size: 14px;
        display: block;
        font-weight: 600;
        position: relative;
        width: 100%;
    }
    .product-categories a::after {
        content: '';
        position: absolute;
        width: 50%;
        transform: scaleX(0);
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: #949494;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }
    .product-categories a:hover::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }
    #featured-services-with-pictograms{
        max-width: 980px;
        margin: 0 auto;
    }
    #featured-services-with-pictograms .items{
        margin-bottom: 10px;
    }
    #navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: end !important;
        padding-top: 25px;
        padding-bottom: 0.5rem;
        width: 100%;
        margin: 0 auto;
    }
}
@media (min-width: 1400px) {
    .hero-text {
        padding: 30px 75px !important;
    }
    .navbar .dropdown ul a {
        padding: 6px 8px;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        white-space: pre-wrap;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 33%;
    }
    .product_box img, .category_box img{
        width: 100%;
        max-height: 240px;
        object-fit: contain;

    }
    .hero-home h1{
        font-size: 50px !important;
        line-height: 60px !important;
    }
    .lrg-footer-logo img{
        width: 120px;
    }
}
@media (min-width: 1600px) {
    .hero-home h1{
        font-size: 60px !important;
        line-height: 70px !important;
    }
    .navbar .dropdown ul a {
        padding: 6px 6px;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        white-space: pre-wrap;
    }
    .navbar .product-menu .col-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .product-menu .dropdown-menu {
        display: flex;
        height: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        flex-direction: column;
    }
    .hero-home h1{
        font-size: 60px;
        line-height: 66px;
    }

}
/*--------------------------------------------------------------
# MEDIA QUERY Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1400px) {
    .user-wrapper .col-md-3 {
        flex: 0 0 auto;
        width: 33% !important;
    }
    .user-wrapper .col-md-4 {
        flex: 0 0 auto;
        width: 0 !important;
    }
    .user-wrapper .col-md-5{
        flex: 0 0 auto;
        width: 66.66666667% !important;
    }
    .hero-home h1 {
        margin: 10px 0;
        font-size: 60px;
        line-height: 70px;
    }
    .carousel-fade .carousel-item {
        height: 350px;
    }
    .services .img {
        height: 252px;
    }
    .left-cont .prod_image_div {
        top: 65px;
        left: 35px;
    }
    .product_box .left-cont img {
        width: 180px;
        max-height: 180px;
        object-fit: contain;
        border-radius: 50%;
    }

}
@media (max-width: 1280px) {

.navbar a.active{
    color: #141e34 !important;
}

.right-side{
    margin-top: 15px;
}

    #user-menu {
        width: 500px;
        right: 0 !important;
        position: relative;
        float: right !important;
        display: flex;
        justify-content: flex-end;
    }
    .icons-mobile {
        display: block;
        font-size: 20px !important;
        margin-bottom: 12px;
    }
    .product-menu i.bi, .nav-item .bi-chevron-down, .mobile-hamburger {
        display: none;
    }
    .header {
        padding: 15px 0;
        transition: all 0.5s;
        z-index: 997;
        background: #fff;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%
    }

    .sticky + #page-content {
        padding-top: 110px;
    }

}
@media (max-width: 1200px) {
.services .img {
    height: 321px;
}
    .promo-display-home .product_box {
        min-height: 295px;
    }
    .product_box .left-cont img {
        max-height: 140px;
        width: 140px;
    }
    .left-cont .prod_image_div {
        top: 60px;
        left: 35px;
    }
    .right-cont {
        padding-top: 6%;
    }
    .home-promo-products .right-cont .product_price {
        font-size: 26px;
    }
    .home-promo-products .right-cont .product_your_price {
        font-size: 14px;
        margin-top: 11px;
        margin-left: 8px;
    }
}
@media (max-width: 992px) {
    .category-all {
        margin-top: 20px;
    }
    .mobile-nav-toggle {
        display: block !important;
        color: var(--color-black);
        font-size: 28px;
        cursor: pointer;
        line-height: 0;
        transition: 0.5s;
        position: relative;
        top: 0;
        z-index: 9999;
        right: 0;
    }
    .mobile-nav-toggle.bi-x {
        color: var(--color-black);
    }

    .mobile-nav-active {
        overflow: hidden;
        z-index: 9995;
        position: relative;
    }
    .mobile-nav-active .navbar {
        left: 0;
    }
    .mobile-nav-active .navbar:before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(var(--color-white), 0.8);
        z-index: 9996;
    }
    .product-categories svg{
        width: 12px;
    }
    .product-categories a {
        font-size: 13px;
        display: block;
        font-weight: 600;
        position: relative;
        width: 100%;
    }
    .login-text-desktop{
        display: none;
    }
    .user-icon-mobile{
        display: flex;
        padding: 10px;
        background: #cccccc30;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        text-align: center;
        color: #868686;
        font-size: 25px;
        justify-content: center;
        margin-right: 8px;
    }
    #user-menu a.btn-pd-login {
        margin-right: 0;
    }
    #user-menu a {
        text-decoration: none;
        float: left;
    }
    #user-menu{
        width: 500px;
        right: 0;
        position: relative;
        float: right;
        display: flex;
        justify-content: flex-end;
    }
    .mobile-cont{
        max-width: 100% !important;
    }
    .cart-image img {
        object-fit: contain;
    }
    .mobile-hamburger{
        display: none;
    }
    .btn-pd-user {
        margin-right: 10px;
    }

    .megamenu .col-3 {
        flex: 0 0 auto;
        width: 100%;
    }
    .megamenu li a{
        font-size: 13px;
        padding: 8px 8px;
    }
    .product-menu i.bi{
        display: none;
    }
    .producer-box{
        width: 100% !important;
    }
    .user-wrapper .col-md-3 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .user-wrapper .col-md-5{
        flex: 0 0 auto;
        width: 100% !important;
    }
    .user-wrapper {
        flex-direction: column !important;
    }
    .input-global-search {
        width: 71%;
    }
    .btn-pd-light-green{
        width: 28%;
        padding: 10px 5px 10px 6px;
    }
    .hero-img {
        border: 11px solid #fff;
        border-bottom: 0;
        height: 320px;
    }
    .hero-img:before {
        display: none;
    }
    .hero-text {
        padding: 30px;
    }
    .hero-img {
        height: 400px;
    }
    #footer .float-start {
        clear: both;
    }
    .footer-menu-list {
        padding: 0;
        text-align: left;
    }
    .footer-list{
        padding: 0;
    }
    .services .img {
        height: 234px;
    }
    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #paginator .pagination li {
        margin-bottom: 5px;
    }
    .producers-about-left {
        float: left;
        width: 100%;
    }
    .producers-about-right {
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .product-details-section {
        padding: 20px 0 20px;
        overflow: hidden;
    }
    .product-details-section .mt-5{
        margin-top: 1rem!important;
    }

    .icons-mobile{
        display: block;
        font-size: 20px !important;
        margin-bottom: 12px;
    }
    #footer footer{
        margin: 0 auto 60px;
    }
    #featured-services-with-pictograms .items{
       flex-direction: column;
    }
    #featured-services-with-pictograms .items:nth-child(2) .col-md-6:nth-child(1){
        order: 1;
        display: flex;
        flex-direction: column;
    }
    #featured-services-with-pictograms .items:nth-child(2) .col-md-6:nth-child(2){
        order: 0;
        display: flex;
    }
    .nav-item .bi-chevron-down{
        display: none;
    }
    .all-product-cat {
        display: flex !important;
        height: 100%;
        border: 1px solid #ccc;
        justify-content: center;
        flex-direction: column;
        min-height: 95px;
        margin: 5px;
        width: 89% !important;
        border-radius: 5px;
    }
    #gdpr {
        width: 95% !important;
        right: 2.5% !important;
    }
    .product-modal{
        padding: 20px;
    }
    .sticky + #page-content {
        padding-top: 130px;
    }
    .form-qty-cart{
        flex-direction: row;
        float: left;
        display: flex;
        min-width: 55px;
    }
    .hero-img {
        border: 11px solid #fff;
        border-bottom: 11px solid #fff;
        height: 220px;
    }
    .carousel-fade .carousel-item {
        height: 220px;
    }
    .qty-input-group .quantity-field {
        padding: 0 6px 0 0;
    }
    .product_box .left-cont img {
        max-height: 165px;
        width: 165px;
    }
    .left-cont.brushpaint:before {
        content: "";
        width: 50%;
        height: 100%;
    }
    #navbarSupportedContent{
        padding: 40px 30px 0;
        background: #fff;
    }
    .navbar-nav .nav-link {
        text-transform: uppercase;
        color: #000;
    }
    .nav-item-search{
        text-align: center;
    }
}
/* MOBILE VERSION */
@media (max-width: 768px) {
    .copyright{
        text-align: left;
    }
    .product_sidebar {
        height: auto;
        overflow-y: hidden;
        margin-bottom: 25px;
    }
    .view-more-producers {
        margin: 60px auto 10px;
        text-align: center;
    }
    .product-categories div {
        width: 100%;
        float: left;
    }

    .product-categories a{
        padding-right:0;
        width:100%;
    }
    .all-product-cat{
        display: flex !important;
        height: 100%;
        border: honeydew;
        justify-content: flex-start;
        flex-direction: row;
        min-height: auto;
        margin: 0 !important;
        width: 96% !important;
        border-radius: 0;
    }
    .display-product-counter{
        top: 0;
    }
    #header img {
        max-height: 62px;
    }
    #top-notification-bar p {
        font-size: 14px;
    }
    .remove-pad-mob{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .mobile-cont .p-5 {
        padding: 3rem 8px !important;
    }
    .cart-cont-mob.p-5{
        padding: 0rem 10px !important;
    }
    .mtm-2{
        margin-top: 1rem!important;
    }
    .mtm-3{
        margin-top: 2rem!important;
    }
    .mobile-cont .table{
        font-size: 14px;
    }
    .mobile-cont .table h5{
        font-size: 14px;
    }
    .cart-image img {
        margin-right: 15px;
        width: 50px;
        object-fit: contain;
    }
    .cart-image img {
        display: none;
    }
    .btn-add-to-cart-wishlist{
        width: 140px;
    }
    .btn-add-to-cart-wishlist a{
        font-size: 14px !important;
    }

    .border-end-product, .border-end {
        border-right: none !important;
    }
    .card {
        border: none !important;
    }
    .shadow-lg {
        box-shadow: none !important;
    }
    .card-body.p-5{
        padding: 0!important;
    }
    .category-list:after{
        display: none;
    }
    #page-checkout .p-4 {
        padding: 1.5rem 0!important;
    }
    .card-footer {
        margin-top: 10px;
    }
    #page-orders .btn-primary {
        background: var(--color-primary) !important;
        border-color: var(--color-primary) !important;
        color: #fff !important;
        border-radius: 5px;
        padding: 2px 5px !important;
        font-size: 12px;
    }
    .services .img {
        height: 356px;
    }
    #page-products {
        padding-bottom: 60px;
        margin-top: 40px !important;
    }
    .category-list:nth-child(2n) {
        clear: both;
    }
    .product_sidebar {
        border-right: 0;
        border-radius: 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    .desktop-only{
        display: none;
    }
    .mobile-only{
        display: block;
    }
    .filter-search{
        display: none;
    }
    .btn-filter-search{
        padding: 0.375rem 0.55rem!important;
    }
    .filter-input-mobile{
        width: 65%;
    }
    .show-perpage-mobile{
        min-width: 80px;
    }
    #filterCategory{
        display: none;
    }
    .sticky + #page-content {
        padding-top: 90px;
    }
    .qty-cart {
        width: 100%;
        display: flex;
        float: left;
        border: 1px solid #ccc;
        font-size: 12px;
    }
    .remember-me-mobile{
        clear: both;
        padding-top: 10px;
    }
    .blog-box {
        padding-right: 0;
        padding-left: 0;
    }
    .categories-carousel .slick-prev, .categories-carousel  .slick-next {
        bottom: 60px !important;
    }
}
@media (max-width: 576px) {
    .display-product-counter{
    text-align: center;
    margin-bottom: 10px;
    }
    .paginator-wrapper, .paginator-wrapper nav {
        float: none;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    #header img {
        max-height: 50px;
    }
    .mobile-cont .table h5 {
        font-size: 12px;
    }
    .table>:not(caption)>*>* {
        padding: 0.4rem 0.2rem !important
    }
    #user-menu {
        flex-wrap: wrap;
    }
    .btn-pd-cart {
        text-decoration: none;
        color: #ACC554;
        margin-right: 7px;
        padding: 5px;
        background: #cccccc30;
        border-radius: 50%;
        position: relative;
        width: 35px;
        height: 35px;
    }
    .btn-pd-search {
        text-decoration: none;
        color: #868686;
        margin-right: 7px;
        padding: 5px;
        background: none;
        border-radius: 0;
        width: 45px;
        height: 45px;
    }
    .btn-pd-wishlist {
        text-decoration: none;
        color: #ED5222;
        margin-right: 7px;
        padding: 6px;
        background: rgba(237, 82, 34, 0.1);
        border-radius: 50%;
        width: 35px;
        height: 35px;
    }
    .btn-pd-user {
        text-decoration: none;
        color: #000;
        margin-right: 5px;
        padding: 6px;
        background: #cccccc30;
        border-radius: 50%;
        font-size: 16px;
        text-transform: uppercase;
        width: 35px;
        height: 35px;
        text-align: center;
    }
    .user-icon-mobile{
        width: 35px;
        height: 35px;
        padding: 6px;
        margin-right: 8px;
    }
    #cart_items {
        background: #ff6170;
        padding: 1px;
        border-radius: 50%;
        color: white;
        position: absolute;
        right: -5px;
        top: -5px;
        min-width: 20px;
        min-height: 20px;
        text-align: center;
        font-size: 12px;
    }
    .wishlist-view-items {
        padding: 10px 10px !important;
        background-color: #fff !important;
        color: #c1d47f !important;
        text-transform: uppercase;
        font-size: 13px !important;
    }
    .services .img {
        height: auto;
    }
    .services .details {
        margin: 0;
    }
    .user-card .pl-1{
        padding-left: 0;
    }
    .user-card .pr-1{
        padding-right: 0;
    }
    .user-card .float-left{
       float: none;
    }
    .products-home.producers-list .service-item{
        margin-bottom: 20px;
    }
    .col-mob{
        width: 100%;
    }
    .col-mob.justify-content-center {
        justify-content: flex-start !important;
    }
    #shop-retrait label {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .mobile-shop-btn{
        margin-top: 15px;
    }
    .sticky + #page-content {
        padding-top: 80px;
    }
    #delivery_date{
        margin-top: 10px;
    }
    section {
        padding: 45px 0;
        overflow: hidden;
    }
    #product-filters label{
        font-size: 12px;
    }
    .filter-input-mobile {
        width: 100%;
    }
    .left-cont .prod_image_div {
        top: inherit;
        left: inherit;
        position: relative;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        display: inline-grid;
        width: 100%;
    }
    .product_box .left-cont img {
        max-height: 140px;
        align-items: center;
        justify-content: center;
        display: flex;
        width: 140px;
    }
    .promo-display-home .product_box {
        min-height: auto;
        flex-direction: column;
        width: 100%;
    }
    .left-cont:before {
        content: "";
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%;
        right: 0;
        margin-left: -100px;
    }
    .left-cont a{
        flex: 100%;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        float: none;
    }
    .left-cont {
        flex: 100%;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        float: none;
    }
    .right-cont {
        padding-top: 30px;
    }
    .left-cont.brushpaint:before {
        content: "";
        width: 260px;
        height: 220px;
        position: absolute;
        left: 50%;
        right: 0;
        margin-left: -130px;
    }
    .promo-brush-home .product_discount {
        top: 0px;
        left: 0px;
    }
    .promo-brush-home .right-cont {
        padding-top: 40px !important;
    }
}
@media (max-width: 480px) {
    .logo-grta{
        margin-left: 5px;
    }
    .footer-cart{
        clear: both;
        margin-top: 5px;
        display: inline-block;
        width: 100%;
    }
    #header {
        box-shadow: 2px 2px 10px #ccc;
        height: 130px;
        display: flex;
        padding: 0 10px;
    }
    .mobile-cont{
        padding: 0 0 !important;
    }
    .mobile-cont .table {
        font-size: 13px;
    }
    .shadow-sm {
        box-shadow: none !important;
    }
    .qty-cart {
        width: 100%;
        display: flex;
        float: left;
    }
    .cart-update-btn {
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .cart-image{
        padding: 0 !important;
    }
    #header img {
        max-height: 45px;
    }
    .btn-add-to-cart-wishlist {
        width: 100px;
    }
    .btn-add-to-cart-wishlist a svg {
        width: 15px;
    }
    .input-global-search {
        width: 60%;
    }
    .btn-pd-light-green{
        width: auto;
        padding: 10px 15px 10px 15px;
        font-size: 14px;
    }
    .product-categories a {
        padding-right: 0;
        width: 100%;
    }
    .btn-add-to-cart-wishlist a svg {
        display: none;
    }
    .btn-add-to-cart-wishlist a {
        font-size: 12px !important;
        padding: 5px 2px;
    }
    .hero-text{
        padding: 30px;
    }
    .card-quality {
        padding: 40px 30px !important;
    }
    .mobile-hamburger{
        width: 70px;
    }
    .section-header h2 {
        font-size: 36px;
        line-height: 40px;
    }
    .view-more-producers {
        margin: 60px auto 10px;
        text-align: center;
        clear: both;
    }
    #date-delivery{
        margin-top: 10px;
    }
    .all-product-cat {
        width: 98% !important;
    }
    .header .logo img {
        max-height: 40px;
        margin-right: -5px;
    }
    .product-modal {
        flex-flow: wrap;
        place-self: flex-end;
    }
    .modal .modal-content .modal-body .promo-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 100%;
        position: relative;
        height: 250px;
        flex: auto;
    }
    .modal .modal-content .modal-body .content-text{
        flex: auto;
    }
    #wishlist_menu .modal-content .modal-body .promo-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        width: 100%;
        position: relative;
        height: 300px;
        background-size: cover;
    }
    #wishlist_menu .modal-content .modal-body .content-text {
        flex: auto;
        padding: 40px 20px !important;
    }
    .btn-filter-search {
        padding: 8px 0.55rem !important;
    }
    .pdr-mob-5{
        padding-right: 5px;
    }
    .filter-input{
        font-size: 14px;
    }
    .sticky + #page-content {
        padding-top: 60px;
    }
    .footer-cart a,.footer-cart button{
        font-size: 15px;
        padding: 0.375rem 1rem!important;
    }
    .hero-img {
        border: 11px solid #fff;
        border-bottom: 11px solid #fff;
        height: 180px;
    }
    .carousel-fade .carousel-item {
        height: 180px;
    }
    .form-retrait{
        padding: 0 0 30px !important;
    }
    .btn-user{
        width: 100%;
    }
    .changepass-form .btn-primary{
        padding: 0.375rem 0.75rem!important;
    }
    .card-user h4{
        text-align: center !important;
        width: 100%;
    }
    .pm-0{
        padding: 0px !important;
    }
    .qty-input-group .button-minus, .qty-input-group .button-plus {
        height: 30px;
        width: 30px;
    }
    .qty-input-group .quantity-field {
        height: 31px;
        width: 30px;
        padding: 0;
        top: 2px;
        left: 0;
    }
    .qty-input-group input[type='button'] {
        background-color: #eeeeee;
        min-width: 25px;
        width: auto;
        transition: all 300ms ease;
        left: 0;
    }
    .qty-input-group.modal-qty .button-minus, .qty-input-group.modal-qty  .button-plus {
        height: 40px;
        width: 40px;
    }
    .qty-input-group.modal-qty .quantity-field {
        height: 40px;
        width: 44px;
        padding: 0;
        top: 0;
        left: 0;
    }
    .qty-input-group.modal-qty input[type='button'] {
        background-color: #eeeeee;
        min-width: 40px;
        width: auto;
        transition: all 300ms ease;
        left: 0;
    }
    .mobile-pad.px-4 {
        padding-right: 0.5rem!important;
        padding-left: 0.5rem!important;
    }

    .mobile-pad.p-4 {
        padding: 0.5rem!important;
    }
    .form-qty-cart {
        flex-direction: row;
        float: left;
        display: flex;
        min-width: 55px;
        align-items: center;
        justify-content: center;
    }
    .qty-input-group {
        width: auto;
        left: 0;
        position: relative;
    }
    .product-details-inputs select {
        width: 55%;
        float: left;
    }
    .product-details-inputs .qty-input-group {
        width: auto;
        left: 0;
        position: relative;
        float: right;
    }
    .coupon-checkout .col-md-3{
        width: 100%;
    }
    .btn-coupon {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
    .hero-home h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .promo-display-home .product_box {
        margin-bottom: 60px;
    }
}
@media (max-width: 420px) {
.product-details-inputs select {
    width: 45%;
    float: left;
}
}
@media (max-width: 390px) {
    #header img {
        max-height: 40px;
    }
    .btn-pd-light-green {
        width: 38%;
        padding: 10px 1px 10px 1px;
        font-size: 14px;
    }
}
@media (max-width: 380px) {
    .btn-pd-cart,.btn-pd-search,.btn-pd-wishlist {
        margin-right: 5px;
    }
    #top-notification-bar p {
        font-size: 12px;
    }
}
@media (max-width: 360px) {
    #header img {
        max-height: 35px;
    }
    .table>:not(caption)>*>* {
        padding: 0.4rem 0.12rem !important
    }
    #page-cart .table th{
        font-size: 12px;
        line-height: 14px;
    }
    .footer-cart a,.footer-cart button{
        font-size: 15px;
        padding: 0.375rem 0.5rem!important;
    }
    .product-details-inputs select {
        width: 38%;
        float: left;
    }
}
@media (max-width: 350px) {
    #header img {
        max-height: 35px;
    }

}
@media (max-width: 340px) {
    #header img {
        max-height: 35px;
    }
    .btn-pd-cart {
        margin-right: 6px;
        padding: 5px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-search {
        margin-right: 6px;
        padding: 5px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-wishlist {
        margin-right: 6px;
        padding: 6px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-user {
        margin-right: 6px;
        padding: 6px;
        width: 32px;
        height: 32px;
    }
    .btn-pd-cart,.btn-pd-search,.btn-pd-wishlist {
        margin-right: 4px;
    }
    .footer-cart a,.footer-cart button{
        font-size: 14px;
    }
    .product-details-inputs select {
        width: 35%;
        float: left;
    }
}

/* GDPR Styles */

#gdpr, #gdpr-settings{
    width: 35%;
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #fff;
    padding: 20px 20px 0px 20px;
    border-radius: 10px;
    z-index: 999;
    color: #000;
    border: 2px dotted #fff;
    box-shadow: 2px 2px 10px 4px #666;
}

#gdpr p {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
}

.gdpr_btn{
    text-align: center;
    border-top: 1px solid #ccc;
}

.acc_gdpr{
    display: block;
    padding: 10px;
}
.dec_gdpr{
    display: block;
    padding: 10px;
}
.set_gdpr, .set_gdpr_acc, .set_gdpr_dec{
    display: block;
    padding: 10px;
}

.gdpr_title .title_1{
    font-size: 26px;
}

.gdpr_title .title_2{
    font-size: 40px;
    font-weight: bold;
}

#general_policy p {
    text-align: justify;
}

.tab-search-results{
    margin-top: 40px;
}

.min_amount_note{
    clear: both;
    text-align: right;
    color: #ff6170;
    font-style: italic;
}