/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 .manufacturers_block .owl-row .owl-carousel .manufacturer-image-container{
    background-color: lightgrey;
 }

 .manufacturers_block .owl-row .owl-carousel .manufacturer-image-container img{

 }

 .small-text-manufacturers{
    font-size: small;
 }

 .manu-logo img{
   padding-top: 0 !important;
 }

.manu-logo{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*align-content: center;*/
    /*align-items: center;*/
    /*text-align: center;*/
 }

.leo-megamenu .manu-logo img {
    border: none;
    margin-bottom: 0;
    margin-right: 0;
}

.leo-megamenu .manu-logo span{
    padding: 0;
}

.menu-manufacturer-border{
    border: 1px solid #ececec;
    padding: 0;
}

.menu-manufacturer{
    text-align: center;
    /*border: 1px solid #ececec;*/
    padding: 10px;
    margin-bottom: 0.625rem;
    /*margin-right: 0.625rem;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

.bannercontainer .tp-caption{
    padding: 22px 43px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}

.bannercontainer .tp-caption .btn-slideshow-1-h5-no-color {
    padding: 22px 43px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}

.box17-h1 .right .image_description {
    float: right !important;
}

.footer-center .inner .ApImage .img-fluid {
    float: right;
    vertical-align: top;
}

.color-white .title_block{
    color: #ececec !important;
}

.color-white p{
    color: #ececec !important;
}

.bideo-margin-mid{
    margin-top: 100px;
}

.bideo-border-top{
    border-top: 3px solid;
}

.bideo-border-top-white{
    border-color: #ececec;
}

.pt_60{
    padding-top: 60px;
}

.pt_15{
    padding-top: 15px;
}

.pt_30{
    padding-top: 30px;
}

.pb_30{
    padding-bottom: 30px;
}

.pb_15{
    padding-bottom: 15px;
}

.mb_15{
    margin-bottom: 15px;
}

.mt_15{
    margin-top: 15px;
}

.mb_30{
    margin-bottom: 30px;
}

.mt_30{
    margin-top: 30px;
}

.center-img{
    justify-content: center;
    justify-items: center;
}


.product-flags .product-flag.online-only {
    color: #ececec !important;
    border: 1px solid !important;
    background: #0791d6 !important;
}

#search_filters_brands, #search_filters_suppliers {
    display: none;
}


.block-social li.linkedin a {
    color: #3c5a98; }
.block-social li.linkedin a:before {
    content: "\f0e1"; }
.block-social li.linkedin a:hover {
    color: #3c5a98; }
.block-social li.linkedin a:hover:before {
    color: #3c5a98; }

.block-social li.tiktok a {
    color: #3c5a98; }
.block-social li.tiktok a:before {
    content: "\e07b"; }
.block-social li.tiktok a:hover {
    color: #3c5a98; }
.block-social li.tiktok a:hover:before {
    color: #3c5a98; }

.btn-banner-h2-black {
    background: transparent;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 10px 38px;
    border: 1px solid #000;
    display: inline-block;
}

.btn-banner-h2:hover, .btn-banner-h2 a:hover {
    background-color: red;
    color: white !important;
}

.overlay-image .image_description {
    /* Positionnement du contenu hover */
    /*position: absolute;*/
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 10%;
    opacity: 1;
    background-color: rgba(0,0,0,0.6);
    color: white !important;
    /*padding: 30px;*/
    transform: none !important;
}

.overlay-image-big .image_description{
    /* Positionnement du contenu hover */
    /*position: absolute;*/
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 10%;
    opacity: 1;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    color: white !important;
    padding-left: 15%;
    transform: none !important;
}

.overlay-image-big .image_description h4{
    color: #ECCA7E !important;
}
.box6-h1 .right .ApHtml .btn-1-h1 {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}
.overlay-image-50pc {
    background-color: rgba(0,0,0,0.5);
}

.text-center{
    text-align: center;
}

.flex{
    display: flex;
}

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

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

.w-full{
    width: 100%;
}

.justify-content-between{
    justify-content: space-between;
}

.no-background img{
    background: none !important;
}

.no-background{
    background: none !important;
}

/* Fix search undefined bug */
.search-value-title{display: none;}
.all-search-product{display: none;}

/* CMS PAGES ADD TAILWIND */
.w-1\/2 {
    width: 50%;
}
.font-bold {
    font-weight: 700;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.w-3\/5 {
    width: 60%;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.list-disc {
    list-style-type: disc;
}
.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.w-8\/12 {
    width: 66.666667%;
}
.font-semibold {
    font-weight: 600;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.border-nine-red{
    border-color: #bd1c1c;
}
.p-5 {
    padding: 1.25rem;
}
.border-4 {
    border-width: 4px;
}
.w-1\/5 {
    width: 20%;
}
.w-2\/12 {
    width: 16.666667%;
}
.border-solid{
    border-style: solid;
}
.w-10\/12 {
    width: 83.333333%;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.w-1\/4 {
    width: 25%;
}
.flex-wrap{
    flex-wrap: wrap;
}
.m-w-full{
    max-width: 100%;
}
.mt-4{
    margin-top: 1rem;
}
.justify-center {
    justify-content: center;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px_3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.py_2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.text-red{
    color: #ff0000;
}
.bg-grey-500{
    background-color: #cfd2ce;
}
.bg-grey-800{
    background-color: #2c2e35;
}
.border-b-1{
    border-bottom: 1px solid;
}
.border-t-1{
    border-top: 1px solid;
}
.border-r-1{
    border-right: 1px solid;
}
.border-white{
    border-color: #FFFFFF;
}
.m-h-150{
    max-height: 150px;
}
.m-h-200{
    max-height: 200px;
}
.w-1\/3 {
    width: 33.333333%;
}
.w-2\/3 {
    width: 66.666667%;
}
.bg-black{
    background-color: #000000;
}
.p-4{
    padding: 1rem; /* 16px */
}
.p-8{
    padding: 2rem; /* 32px */
}
@media (min-width: 1280px){
    .xl\:w-1\/6 {
        width: 16.666667%;
    }
    .lg\:w-1\/5 {
        width: 20%;
    }
}