/*----------------------------------------------------------*/


h3 {
    border-bottom: none !important;
}

.work_titulo {
    margin-bottom: 20px;
}

.text-Unidad{

    font-size: 12px;
    color: #555555;
}
.text-Price-Unidad{

    padding: 20px 0;
    font-size: 16px;

    color: #5d5c5c;
}
.text-Name{

    font-size: 30px;
    font-weight: 600;
    color: #4c4c4c;
}

.text-price-prd-sheet{

    font-size: 16px;
    color: #4c4c4c;
    text-decoration:line-through;
    padding:20px;
}
.text-price-offer-prd-sheet{

    font-size: 26px;
    color: #4c4c4c;
    padding:20px 0;
}
.text-Qty{

    font-size: 18px;
    color: #333333;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 0;
}
.text-code{
    text-transform: uppercase;
    font-size: 13px;
    color: var(--gray);
}
.text-description{

    font-size: 14px;
    padding: 20px 0;
    color: #707070;
}
.text-description-title{

    font-size: 18px;
    
    color: #707070;
    text-transform: uppercase;
}

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.fill img {
 width: 100%;
 height: 100%;
 max-width:400px;
 max-height:400px;
 text-align: center;
 vertical-align: middle;
 display: table-cell;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}

.text-code-product{
    text-transform: capitalize;
    
    font-size: 14px;
    color: #4c4c4c;
}
.text-code-product-desc{

    font-size: 14px;
    color: #707070;
}
.code{
    color: #a2a2a2;
}
.text-top-section{

    font-size: 16px;
    color: #333333;
}
.text-Stock{

    font-size: 12px;
    color: #555555;
}
/* .text-sin-Stock{
    
    font-size: 14px;
    color: red;
    } */
    .qty-message{
        font-size: 12px;
    }
    .text-logo{

        font-size: 66px;
        color: #ffffff;
    }
    .logo-img{
        width: 130px;
        height: 40px;
    }

    .button-redes{
        padding: 22px;
        position: relative;
    }
    .icons-redes{
        position: absolute;
        transform: translateX(50%) translateY(50%);
        right: 50%;
        bottom: 50%;
    }
    .icon-contact{
        font-size: 15px;
        width: 14px;
        margin-left: 10px;
        padding-left: 0;
    }
    .img-bot{
        position: absolute;
        width: 250px;
        height: 250px;
        background-image: url('../../public/image-float-footer.png');
        background-repeat: no-repeat;
        background-size: contain;
        bottom: -5px;
    }
    .img-top{
        position: absolute;
        width: 250px;
        height: 250px;
        background-image: url('../../public/img-float-slider.png');
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        right:0;
    }
    .work_container{

    }
    section.home,section.products,section.enterprise,section.contact,section.product,section.cart{
        background-color: #fff;
    }
    section.products-related{
        background-color: #009640;
        padding:10px;
    }
    section.products-related a{
        text-decoration: none;
    }
    u{

        font-size: 14px;
        cursor: pointer;
        color: #009640;
    }
    #menu .logo-img img{
        z-index: 9999;
        top:-40px;

    }

    #menu, #consultModal .modal-header{
        background-color: #4d504e;
        width:100%;
        color: #e0e0e0;

    }
    .section-top-menu{

    }
    #menu ul li a,.section-top-menu,.section-top-menu a, #consultModal .modal-header{
        color:#e0e0e0;
    }
    #menu ul li a:hover{
        color: var(--light);
    } 
    .navbar-dark .navbar-nav .active>.nav-link{
        color: var(--light)!important;
    }
    #menu ul li a{
        font-size: 16px;
        margin: 0px 14px;
        padding: 15px 0px 10px !important;
    }
    .nav-item.active .b-b-white, .b-b-white:hover {
        border-bottom: 2px solid var(--light);
    }
    .section-top-menu{
        background-color: var(--primary);

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



    section.products{
        padding-top: 30px;
        padding-bottom: 80px;
        position: relative;
    }
    section.product{
        padding-top: 30px;
        padding-bottom: 120px;
        position: relative;
    }
    section.contact, section.enterprise{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    section.cart{
        padding-top: 30px;
        padding-bottom: 0px;  
    }
    section.home{
        padding-top: 40px;
        padding-bottom: 50px;
        position: relative;
    }

    .b-b-white {
        border-bottom: 2px solid transparent;
        padding-left: 8px;
    }
    .menu-letra.nav-link {
        letter-spacing: 1px;

    }


    .b-b-white.active, .b-b-white:hover {
        border-bottom: 2px solid var(--light);

    }

    .navbar.nav_espaciado {
        padding: 0px;
        box-shadow: 0 4px 4px rgba(70, 70, 70, 0.71);
        z-index: 999;
        min-height: 56px;
    }
    .text-relacionado{

        color: #fff;
        font-size: 32px;
    }
    .text-destacado{

        color: #E8323E;
        font-size: 36px;
    }
    .text-destacado-span{

        color: var(--primary);
    }
    h3.text-destacado{
        font-size: 48px;
    }
    #product_file,.contact-content,.enterprise-content{
        margin-top: 30px;
    }
    .img-products{
        height: 240px;
    }

    .footer h6{
        color: #404040;
        font-size: 20px;
    }
    .icon-footer-size{
        font-size: 18px;
    }
    .transition-right a{
        color: #676767;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    .transition-right a:hover{
        color: var(--primary);
        margin-left: 5px;
    }

    .icon-footer{
        font-size: 11px;
        margin-right: 5px;
    }
    input[name="phone"]::-webkit-outer-spin-button,
    input[name="phone"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .footer-categories a, .footer-categories{
        color: #454545;
    }
    .footer-categories a:hover,.footer-bot a:hover{
        color: var(--primary);
        text-decoration: none;
    }


    #messageValidationStock{
       color: red;

   }
   .modal-content.border-0{

   }
   .text-footer{
    color: #ffffff;

}

#consultModal, section.contact, section.enterprise{

}

.btn-show-products{
    border:2px solid #009640;
    background-color: #fff;
    color:#009640;

    border-radius: 3px;
}
.btn-show-products:hover{
    color:#fff!important;
    background-color: #009640;
}

.circle-hover {
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
}
.circle-hover.active {
    background-color: #f0f9fd;
}
#featured-products , #products_list .card-body a,.list-container .card-body a{
    color:#303030;
    text-decoration: none;
    font-weight: 500;
    
    font-size: 14px;
}
.category-list a{

    color:rgb(93, 93, 93);
    text-transform: uppercase;
    text-decoration:none;
    font-size:14px;
}
.category-list i{
    cursor: pointer;
    color: rgb(98, 98, 98);
    font-size: 12px;
    padding-top: 4px;
}
#products_list, #product_file .card-categories{

}
.card-categories{
    border: 1px solid transparent;
    border-radius: 0px;
}
.list-categories{
    overflow-y: scroll;
    max-height: 695px;
    overflow-x: hidden;
}
#products_list h4,.list-categories-title{

    font-size: 20px;
    color:#666565;
    border-bottom:1px solid #e5e5e5;
    letter-spacing: 2px;
}

div.card-body div.list-subcategories div{
    color: rgb(143, 143, 143);
    padding-right: 20px;
    padding-left: 32px;
}
div.card-body div.list-subcategories div a{
    color: rgb(143, 143, 143);
}
div.card-body div.list-subcategories:first-child{
    padding-top:12px;
}
div.card-body div.list-subcategories:last-child{
    padding-bottom:12px;
}

#acordionCategories .list-group a:hover{

    color: #009640!important;
}
.collapse .show a.active{
    color: #009640!important;
}
#acordionCategories div.list-container:last-child{
    padding-bottom: 18px;
}
.list-categories-title{
    padding:16px 0;
    margin-bottom: 0px;
}
.category-list{
    padding:16px 18px 16px 18px;
    border-bottom: 1px solid rgb(242, 242, 242);
}
#acordionCategories .list-container:last-child .category-list{
    border-bottom: none!important;
}

/* Menu de busqueda */

.btn-test{
    background-color: var(--primary);
    font-size: 13px;
    color: #fff;

    position: absolute;
    top: 3px;
    right: 5px;
    bottom:2px;
    width:15%;
    height:88%;
}

.btn-test:hover{
    background-color: #444444;
}

.input-search{
    width: 100%;
    position: relative;
    font-size:18px;

    padding-right: 110px;
    height: 33px;

}

/* FIN de Menu de busqueda */

/* Inicio Tarjetas prd */
.card {
    background-color: white;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border:none;
}
.card a{
    text-decoration: none!important;
    color:inherit;
}

.card:hover {


}

.card-footer{
    background:inherit;
    text-decoration: none!important;
    border:none;
}

.card-deck {
    display: flex;
    padding: 1rem;
}

.card-deck > .card{
    width:15rem;
}
.card-deck a{
    text-decoration:none;
}
.card-title{
    margin:0;
    padding: 0 5px;
}
.card-body{
    margin-top:-20px;
    padding: 0 24px;
    min-height: 30px;
}
#products-sidebar .card-header{
    border-bottom: none;
    padding: 0;
}
#products-sidebar .card-header p{
padding: 10px 5px 10px 15px;
    }
#products-sidebar .card-header.collapsed{
    border-bottom: none
}
#products-sidebar .btn-familia{
    padding:15px 20px;
    width: 100%;
    text-align: left
}
#products-sidebar .btn-familia:hover, #products-sidebar .btn-familia:active,#products-sidebar .btn-familia:focus{
    text-decoration: none;
}

/* FIN de Tarjetas */

.my-breadcrumb{

    font-size: 16px;
}
.my-breadcrumb a{
    color:#4D504E;
    text-decoration: none;
}
.my-breadcrumb a:last-child{
    color: #009640;
}
.background-img-products{
    background-image:url('../../public/header-categories.jpg');
    height: 180px;
    width:100%;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
}
.background-img-products.contacto{
 background-image:url('../../public/header-contacto.jpg');
 background-position:center 80%;
}

.background-img-products.como-comprar{
 background-image:url('../../public/header-2.jpg');
 background-position:center 80%;
}

.background-img-products h1{
    margin:0;
    background-color: rgb(20,20,20,0.85);
    padding:15px;
    color: var(--light);
    text-transform: uppercase;
    text-align: left;
    font-size:24px;
}

.circle.absolute{
    position: absolute;
    bottom: -10px;
    margin-left:auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
}

#product_file .card-categories h4{
    color:rgb(80, 80, 80);
    margin-bottom: 12px;
}
#product_file .card-categories div.code{
    text-transform: uppercase;
    color:rgb(69, 69, 69);
    margin-bottom: 12px;
}
.btn-wsp,.btn-consult{
    padding-bottom: 13px;
    padding-top: 13px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
}
.btn-send{
    color:white;
}
.btn-wsp i,.btn-consult i{
    font-size:24px;
}
.btn-wsp{
    background-color: rgb(105, 191, 58);
}
.btn-consult,.btn-send{
    background-color: rgb(3, 187, 233);
}
.btn-consult:hover,.btn-send:hover{
    color:white;
    background: rgb(0,170,210);
}
.btn-wsp:hover{
    color:white;
    background: rgb(105, 170, 50);
}
#product_file .buttons{
    margin-top: 24px;
}
.contact-content h4{

    color:rgb(91,91,91);
}
.contact-content .contact-info,.enterprise-content{
    color:rgb(51,51,51);
}

.my-pagination{

    display:flex;
    list-style: none;
}
.my-page-link{
    padding: 12px 17px;
    color:black;
    text-decoration: none!important;

}
.my-page-item a:hover{
    color: grey!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

    
}

.my-next-item .my-page-link,.my-prev-item .my-page-link{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 60%;
    background: white;
    
}
.my-page-item.active .my-page-link{
    z-index: 1;
    color: #fff;
    background-color: #009640;
    border-color: #009640;
    border-radius: 50%;
}

.my-next-item .my-page-link:hover,.my-prev-item .my-page-link:hover{
    color: #fff!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    border:1px solid #fff;
}
.my-carousel-control-prev-icon,.my-carousel-control-next-icon{
    color: #fff!important;
    border: 2px solid #fff!important;
    font-size: 16px;
    padding: 8px 16px;
}
#menu_options {
flex-grow: 0;
}
#menu_options .nav-item:hover .circle-hover {
    background-color: #f0f9fd;
}
.contact-content .contact-info i.fab.fa-facebook-square{
    color: #3b5998;
}
.contact-content .contact-info i.fab.fa-twitter{
    color: #1da1f2;
}
.contact-content .contact-info i.fab.fa-instagram{
    color: #c32aa3;
}
.contact-content .contact-info i.fab.fa-youtube{
    color: #ff0000;
}
.contact-content .contact-info i.fas.fa-map-marker-alt{
    color: #DD4B32;
}
.contact-info .list-inline div{
    margin:8px 0px;
    font-size: 14px;
}
.contact-info ul{
    margin-bottom: 24px;
    font-size: 14px;
}
.contact-info .social i{
    font-size: 28px
}
.navbar-light .navbar-toggler.navbar-xs{
    border-color: rgb(240,240,240);
    color: rgb(240,240,240);
}

.home .text-align-dinamic{
    text-align: right;
}

.btn-categories{
    text-align: center;
    width: 100%;
    
    padding:12px 0px;
    color:#fff;
    background:#a2a2a2;
}

.select-sort{
    width:100%
}

.btn-categories:focus{
    box-shadow: none;
    color:#494949;
}

#featured-products{
    background-color: #8bc34a12;
    
}
#featured-products .card-categories{
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 0px;
}
.background-img-home{
    position: relative;
}
.footer-element-center{
    position: absolute;
    width: 100%;
    height: 90px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}
.text-footer-title{
    color: rgb(23, 23 ,23);
    font-weight: 300;
    
}
.text-footer-subtitle{
    color: rgb(0, 172, 228);
    font-weight: 700;
    
}

#menu {
    border-top:2px solid white;
    padding: 0;
}
section.product .card-categories{
    border-radius: 0px; 
} 
/*-----card*/
.section-top-menu .p-cart {
    position: absolute;
    right: 180px;
    top: -4px;
    width: 38px;
    height: 38px;
}
.p-cart {
    padding: 6px 9px;
}

.pin-bg-cart {
    background-color: #ff1550;
}
a.pin-cart svg {
    fill: #fff;
}
.pin-cart-cant {
    margin-left: 8px;
    background-color: #fff;
    width: 130px;
    display: block;
    padding: 4px 10px;
    
}
span#cart_cant {
    font-size: 14px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
}
span#cart_total {
    font-size: 11px;
    min-width: 35px;
    display: inline-block;
    padding-left: 5px;
}
.input-search{

    padding: 0px 15px;

}
.search{

    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABgUlEQVQ4jZ3UT6hNURSA8d+TkkRhwAADmb0MiBKlTIWRZKSQId4rg7tnMnDKADERLykDKSMDMwYokRg8f0pMRPIGeqWUUrRqHZ129173+ibrtPc6317rtNeZ6PV6Kg7iOLZ3lt/gCi7XyU3T/H1e0FlfjRe4laJ7KbiDtbiEb9haC1sWZlyB91iCY5jpk7sbd/Eshc8HyR6maCNeDTg4Kl2OOTzGYvzuJkSb+zCJo0NELd+xBYtwrt4M2Vn8wvV/iFpe4y1O9ZNNZgvjcC1z19UyedI4fBwmWzOmbGXGuVr2GXvHlB3K+K6WncEy7BpRFNdjB27XGyG7ink8wNIRZPfxBUf6yYKdGb9i2wDJesxiU07BjzqhnYDZlDzCk7y8MZOfctT2dA6M9f24gOl+suBptnkaUxm73MiX51M0lZ2drNts+YmScxd/is3YgAkcTlEQ0viLnCilhLivrEu0+BIfBuxHRRejwlLK+brN/6H9ZtOllFXDKhuJpmlCeBMH/gDT8U4gsTd9TAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 3%;
    background-position: 96% center;
}



.btn-search{
    border-radius: 15px;
    height: 99%;
    width: 11%;
    right: 0;
    z-index: 99;
    background: #009640;
    color: #ffffff;
    box-shadow: none!important;
}
.input-search::-webkit-input-placeholder { color: #c8c8c8; } 

.input-search:-moz-placeholder { /* Firefox 18- */ color: #c8c8c8; } 

.input-search::-moz-placeholder { /* Firefox 19+ */ color: #c8c8c8; } 

.input-search:-ms-input-placeholder { color: #c8c8c8; }

.main-product-list{
    max-width: 1200px;
    margin: 0 auto;
}

/* Solo le aplico este estilo a los tags img dentro del div card_image */


.btn-stock{

    background-color: #eeeeee!important; 
    padding: .675rem .75rem;
    font-size: 14px;
    border-radius: 15px;
}



.btn-add-cart-2 {
    bottom:0;
    display: block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #EFEFEF;
    border-radius: 15px;
    padding: .675rem .75rem;
    font-size: 14px;
    text-transform: uppercase;

    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position:relative


}
.btn-add-cart-2:hover {
    background-color: #4CAF50; 
    color:#fff;
}



.btn-consulta-prod{
    background-color: #4D504E;

    cursor: pointer;
    color:white!important;

    border-color: #4D504E!important;
    font-size: 13px!important;
}
.btn-consulta-prod:hover ,.btn-consulta-prod:active{
    background-color: #009640; 
    border-color: #009640!important;
    color:white!important;

}

.btn-buy-prod{

    color: #ffffff;  

    background-color: #efefef!important; 
    font-size: 13px!important;

    cursor: pointer;
    border-color: #efefef!important;
}


.btn-buy{


    background-color: #EFEFEF!important;
    font-size: 13px!important;
    margin-left: -6px!important;
    padding: 10px 25px;
    cursor: pointer;
    border-color: #f1f1f1!important;
    color: #4D504E;

}

.btn-buy:hover{
    background-color: #009640!important;
    border-color: #009640!important;
    color: #fff;
}



.btn-shopping{

    padding: 10px 60px;
    color: #ffffff!important;  
    background-color: #009640!important; 
    margin-left: -6px!important;
    cursor: pointer;
    border-color: #009640!important;
}

.btn-more{

    padding: 10px 60px;
    color: #ffffff!important;  
    background-color: #4D504E!important; 
    margin-left: -6px!important;
    cursor: pointer;
    border-color: #4D504E!important;
}
.btn-more:hover{
    background-color: #009640;
    border-color: #009640;
}

.btn-buy-prod:hover,.btn-buy-prod:active,.btn-shopping:hover,.btn-shopping:active{

    color: #ffffff!important;  
    

    background-color: #009640!important; 

    cursor: pointer;
    border-color: #009640!important;
}


.text-product{

    font-size: 15px;
    font-weight: 300;
    color: var(--primary);
    min-height: 43px;

}

.text-price{

    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--dark);
    line-height: 23px
    
}

.padding{
    padding:20px;
}
.text-uniandpack{

    text-align: right;
    font-size: 12px;
    font-weight: 300;
    color: #898989;
}
.text-price-offer-cross{

    margin: 0;
    font-size: 12px;
    color: var(--gray);
    text-decoration: line-through;
}
.text-price-offer{

    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--dark);
}
.img-card-products:hover{
    color:black
}
.img-card-products{
  border-radius: 5px;
  border-color: 3px solid black;  
} 
.overlay {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 0px;
    height: 97%;
    width: 97%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgb(0,143,204,0.8);
    border-radius:5px
}
.overlay a{
   color: #ffffff;
   text-decoration: none; 
}
.overlay a:hover{
    color: #ffffff;
    text-decoration: none; 
}
.card-categories .card-img:hover .overlay {
    opacity: 1;
}
.text {
    color: white;
    font-size: 14px;
    position: absolute;
    
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 1px;
}
section.banner-bot{
  background-color: #ff114d;
  padding-bottom: 13px;
  padding-top: 13px;
}
section.section-top,section.section-top a{
  background: #ededed;
  color: #ffffff;
  font-size: 14px;

  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
}
.text-banner-bot{

    font-size: 13px;
    color:#ffffff
}
.text-banner-bot-bold{

    font-size: 15px;
    color: #ffffff;
}
.vl {
    border-left: 1px solid white;
    border-right: 1px solid white;
    height: 168px;
}
/* Carusel gallery images */
.carousel-thumbs{
    position: relative;
    max-width:400px;
}

.owl-carousel
.ficha_carousel_img{
    margin: 0px!important;
    width: 100%;
    margin: 15px 5px 15px;
    border: 1px solid #e1e1e1;
}
.owl-prev.izquierda_ficha{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	z-index: 10;
	/*background: rgb(64,64,64);*/
	color: #ff0516;
	width: 20px;
    height: 20px;
    left: -18px;
    background-repeat: no-repeat;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB3UlEQVQ4jY3UTYiNcRQG8N/cJiHlq2QhNeVjVnZEY+XbinyUoSzIwkLS3AVZmBUL/ygrKSwkFiginzUlBmWDlc98laQuYWFEdKb/1evtvbd5dveec573POc559/R19enAt3YgyWYihr+4CMGcABPoiyl9K+6s4LoNDbiLS7gARqYgLlYhcc4h/XFwmJn4/ASk7AOF6tazliZP/QTXSmlRrmz1/iBUVlSFWbgBa5iDJ7hPcbKswicwWRMa0N0DM8xuvDfrCCt1+uXm50FwQYsayNrP7ahN3dfRA/u1uv1mdHZQXzCzRZE+7KzMfiz5WBKaRDvcKiWh3mqBdFu9GMtLrXp/CQWBdl43KlI2JH3qTc71w73YpZNAxqlxC4cweEqaRX4EsY1ySaW4h9wFLuwYARkoa4jyL5iYSkYjm3PsxgcAWHEh2p5ATe3SNqCE5mwpw1Z5A3EOU3HGyzFrRbJx3PBClwvxeZnA7o7Cwcde9bRgmxrPplr+QKGCrEgupFSeto0IPboe761VogVmVMieoTfKaXl8aNJFgi5U/Aty6nC8BuGxfiM2fkch1F8NSIYb9b5bMqrLP9+joX987AmH/gVrE4p/aoiayIkh5y92eWdhZc2lvM2NuHhf1X4C7XbcfnLXAA+AAAAAElFTkSuQmCC");
}

.owl-next.derecha_ficha{
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	z-index: 10;
	/*background: rgb(64,64,64);*/
	width: 20px;
	height: 20px;
    right: -17px;
    background-repeat: no-repeat;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB5ElEQVQ4jY3US6jNURTH8c89bhKKm4ko6ZbnSFIKoTxGRCRKyiMDpuc/kYGYKG2ZUFIMpMTgKkJexQmJCaObR1EKo+uVwS2vlvY5HX//c65V/8nea3//v9/ae62eer2uImZiH1ZjMmr4iQ+4g8MYjGMppdbp3grQOWzFO1zCIwyhDwuxDttwAVvaD7YrG49XmITNGKiSnGNthg2jP6X0sazsTd4cjV95bQZeVsCuYCye420W8qcWEeezoqltoFG5Lhe7KJyFcUVRXG7CpmTva0qJP7KdTTjVBbgs8oqi6A/YkVzgqxWJ17EYu3G6ipRSauA9jtWyorNd/vwQS7ATZzrkxPrKgE1Aowss4kFWuAMnMKa0fz/WmhcwNAKsqfAg9mJ6ae9TXFwT1vcfsOiGA/l7UdoLdz0B+4JFI4BW4AaO4lBurfaIzhgO2M3cHp1iKW7jOIoOOVHLRrRT+H+N5bhXYS0UncSeDqAFeIK5tdxG0dB3S0m9GTTQBSSDbqWUBpsXsAHfSoX9jnnY2AX0NOqXUgoHrd6MmJZn11esymvPOkCihWJSzM793LLSjHhrccVhOS4lVIbFsBHvaGKuz3rMwbWYbSmlcPAPLCImRiTPx37sQgy8mCDR+J/za9+Ox3+dxG9Oz3HDtBNrpgAAAABJRU5ErkJggg==");

}
/*inicio social */


.sidebar-social {
    margin: 0;
    padding: 0;
}

.sidebar-social ul {
    margin: 0px;
    padding: 0px;
}

.sidebar-social li {
    text-align: center;

    margin-bottom: 3px !important;
    display: inline-block;
    font-size: 10px;
    padding: 10px;
}

.sidebar-social i {
    display: block;
    margin: 0 auto 10px auto;
    width: 32px;
    /* height: 32px; */
    /*    margin: 5px 20px;*/
    line-height: 32px;
    text-align: center;
    font-size: 30px;

    margin-top: 0;
    padding-top: 5px;
}


.sidebar-social a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    padding: 0;
    color: inherit;
}

.sidebar-social a span {
    font-size: 13px;
    padding: 5px 0 0 0;
    display: block;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
}
/* CSS para posicionar el bade cerca del carrito*/
.cart {
    position: relative;
}

@media only screen and (max-width: 660px) {
    #cart_menu_num {
        opacity: 0.8;
        top: -8px!important;
        left: 20px!important;
    }

    .navbar-brand > img{
        max-width: 120px
    }
}

#cart_menu_num {
    position: absolute;
    top: 0;
    left: 55%;
    background: red;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 2px;
}
.text-size{
    font-size: 25px;
}


/*fin social */
/*------------------------------*/
/* Acordion */
/*#acordionCategories .fa-chevron-right:before,.fa-chevron-right.active:before {
    content: "\f00d";
}
#acordionCategories .card-categories .card-header.collapsed i.fa-chevron-right:before {
    content: "\f054";
}*/

#acordionCategories .card-categories a{
	color: #535353;
	text-decoration: none;

    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    
}
#acordionCategories .card-body a {
	color: #535353;
	text-decoration: none;
	
    font-size: 13px!important; 

}
#acordionCategories .card-body a{
	font-size: 17px;
	-moz-transition: color .3s ease;
    -webkit-transition: color  .3s ease;
    -o-transition: color  .3s ease;
    transition: color  .3s ease;
}
#acordionCategories .list-group{
    background-color: #eee;
}
.cart-menu{
    margin:;
    font-size: 18px;
}
.search-menu{
    margin:0px 18px;
    font-size: 18px;
}
#cart_menu_num{
    background: #f60404;
    color: white;
    padding: 6px 9px;
    margin-bottom: 22px;
    font-size: 11px;
    
}
.cart-menu a{
    color:var(--light);
    margin-right: -3px;
    z-index: 999;
    position: relative;
}
#acordionCategories {
padding:0;


}
#acordionCategories .card-body{
    padding-left: 34px;
    padding-top: 8px;
}
#acordionCategories .card-categories .card-header{
    background-color: transparent;

}
#acordionCategories .card-categories{
    border-color: transparent;
}
#acordionCategories .card-categories .card-body a{
    border-color: transparent;
    border: none!important;

}

#acordionCategories .card-header a.active,
#acordionCategories .card-header a:hover,
#acordionCategories .card-header a:focus{
    color: #009640;
}

#acordionCategories .card-header i.active,
#acordionCategories .card-header i:hover,
#acordionCategories .card-header i:focus{
    color: #009640;
}
#acordionCategories .card-categories{
    border-bottom: 1px solid #eee;
}
.panel-icon{
	float: right;
	font-size: 10px;
	margin-top: 8px;
	margin-right: 6px;
}




/*OTROS ESTILOS EXTRAS */

.btn_varios{

    color: #ffffff;
    
    background-color: #009640!important;
    font-size: 16px!important;
    margin-left: -6px!important;
    cursor: pointer;
    border-color: #009640!important;
    padding: 10px 20px;
}

.btn_varios:hover{
    color: #ffffff!important;
    
    background-color: #086f34!important;
    margin-left: -6px!important;
    cursor: pointer;
    border-color: #086f34!important;

}
.btn_varios_grey{

    color: #ffffff;
    
    background-color: #606060!important;
    font-size: 16px!important;
    margin-left: -6px!important;
    cursor: pointer;
    border-color: #606060!important;
    padding: 10px 20px;
}

.btn_varios_grey:hover{

    color: #ffffff!important;
    
    background-color: #535353!important;
    margin-left: -6px!important;
    cursor: pointer;
    border-color: #535353!important;

}



/*---------------------------------*/
.hl{
    border-top: 1px solid;
}
/*-----------------------------------*/
@media(min-width: 1200px){
    .btn-test{
    right: -10px;
    }
}
@media(max-width:1199px){
    .section-top-menu .p-cart {
        right: 154px;       
    }

}
@media (max-width: 991px) {
    #menu{
        padding-top:10px;
        padding-bottom:10px;
    }
    .btn-test{

        right: initial;
       bottom: 3px;
        width:auto;
        height:auto;
    }
    .sidebar-social li{
        width:27%;
    }
    .section-top-menu .p-cart {
        right: 212px;       
    }
    .footer-bot div.text-muted{
        text-align: center;
    }
    .circle {
        width: 15px;
        height: 15px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: rgb(0, 172, 228);
    }
    .home .text-align-dinamic h4{
        font-size:1.6rem;
    }
    .circle-hover.active {
        background-color: transparent;
    }
    #menu_options .nav-item:hover .circle-hover {
        background-color: transparent;
    }

    .footer-social-medias a {

        width: 26%;
    }
    
}
@media(max-width:767px){

    #slider .carousel-item .wrap{
        max-width: 75%;
    }
    #slider .carousel-item .wrap h1{
        font-size: 26px
    }
    .footer-social-medias a {   
        width: 10%;
    }
    .section-top-menu .p-cart {
        right: 163px;       
    }
    .footer-social-medias{
        margin-top:0;
    }
    /* .btn-buy{
        width: 65%;
        } */
        .vl {
            border-left: 0px;
            border-right: 0px;
        }

    }
    @media(max-width:550px){
        .section-top-menu .p-cart {
            right: 136px;       
        }
    }
    @media (max-width: 575px) {
        .list-categories {
            overflow-y: hidden;
            max-height: max-content;
            overflow-x: hidden;
        }
        .section-top-menu .p-cart {
            right: 154px;       
        }

        .btn-categories{
            padding:8px 0px;
            font-size: 14px;
        }
        .my-breadcrumb, .btn-consult,.btn-send,.btn-wsp{
            font-size: 12px;
        }
        .btn-wsp,.btn-consult{
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .btn-wsp i, .btn-consult i {
            font-size: 16px;
        }
        .background-img-products h1,.background-img-products h4{

        }
        .background-img-products{
            height: 176px;
        }
        #product_file,.contact-content,.enterprise-content{
            margin-top: 50px;
            margin-bottom: 20px;
        }
        #featured-products{

        }
        .contact-content,.enterprise-content{
            font-size:14px;
        }
        section.home{
            padding-top: 0px;
            padding-bottom: 20px;
        }
        .background-img-home{
            height:220px;
        }

        .home .text-align-dinamic{
            text-align: center;
        }
        .home .text-align-dinamic h4{
            font-size:1.5rem;
        }
        
    }
    @media (max-width:447px){
    /* .btn-buy{
        width: auto;
        } */
    }
    @media (max-width: 425px)
    {
        .card-img-top.img-products{
            height: 200px!important;
            width: 100%;
            height: 15vw;
            object-fit: cover;
        }

    }
    @media (max-width: 376px)
    {
        .background-img-home{
            height:170px;
        }

        .section-top-menu .p-cart {
            right: 110px;       
        }
    }


    .column-right {
        float: left;
        width: 50%;
        text-align:right;
    }
    .column-left {

        float: left;
        width: 50%;
        text-align:left;

    }  


    .box {
      position: relative;
      display: block;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      min-width: 0;
      word-wrap: break-word;
      transition: box-shadow .3s;
      border-radius: 15px;
      border-style: solid;
      border-color: #e0e0e0;
      border-width: thin;
      background: #fff;
      width: 270px;
      height: 430px;

  }
  .box:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

.card-product-lg:hover, .card-product-lg:focus {
  box-shadow: 0px 0px 6px rgb(180, 180, 180);
}


.btn-add-cart {
  bottom:5px;
  display: block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #EFEFEF;
  border-radius: 15px;
  padding: .375rem .75rem;
  font-size: 14px;
  text-transform: uppercase;

  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-add-cart:hover {
  background-color: #4CAF50; 
  color:#fff;
}
.card-img-top-2 {
  width: 100%;
  height: 15vw;
  object-fit: cover;
}
.select2{
    margin-bottom: 15px
}
/* Inicio SLIDER MARCAS */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Inicio SLIDER MARCAS */

.marcas{
    padding-top: 40px;
    padding-bottom: 60px;
    position: relative;
}

.marcas h2{
    padding-bottom: 30px;

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 375px) and (max-width:768px) {  
    .size-xs {
        width:100%!important;
    }
    .card_image > img {
        /*float:  center;
        width:  80%;
        height: 80%;
        background-size: cover;*/
    }
    
}