/*      fonts       */
@font-face{
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face{
    font-family: "MyriadPro-Regular";
    src: url("../fonts/MyriadPro-Regular.otf")
}
@font-face {
    font-family: "Montserrat-SemiBold";
    src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
    font-family: "Montserrat-SemiBoldItalic";
    src: url("../fonts/Montserrat-SemiBoldItalic.ttf");
}
/*----------------------------------------------------------*/
/*  Roboto   */
@font-face{
    font-family:"Roboto-Regular" ;
    src: url("../fonts/roboto/Roboto-Regular.ttf");
}
@font-face{
    font-family:"Roboto-Bold" ;
    src: url("../fonts/roboto/Roboto-Bold.ttf");
}
@font-face{
    font-family:"RobotoCondensed-Regular" ;
    src: url("../fonts/roboto-condensed/RobotoCondensed-Regular.ttf");
}
@font-face{
    font-family:"RobotoCondensed-Bold" ;
    src: url("../fonts/roboto-condensed/RobotoCondensed-Bold.ttf");
}
@font-face{
    font-family: "RobotoCondensed-Light";
    src: url("../fonts/roboto-condensed/RobotoCondensed-Light.ttf");
}
/*----------------------------------------------------------*/

body {
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    background-color: #ffffff;
}
.text-Unidad{
    font-family: 'RobotoCondensed-Regular';
    font-size: 12px;
    color: #555555;
}
.text-Price-Unidad{
    font-family: 'RobotoCondensed-Light';
    font-size: 20px;
    color: #5d5c5c;
}
.text-Name{
    font-family: 'RobotoCondensed-Regular';
    font-size: 26px;
    color: #4c4c4c;
}
.text-Price{
    font-family: 'RobotoCondensed-Bold';
    font-size: 26px;
    color: #D63528;
}
.text-Qty{
    font-family: 'RobotoCondensed-Regular';
    font-size: 18px;
    color: #333333;
    border-top: 1px solid #aeaeae;
    border-left: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    border-radius: 0px!important;
}
.text-Code{
    font-family: 'RobotoCondensed-Regular';
    font-size: 14px;
    color: #707070;
}
.Code{
    color: #a2a2a2;

}
.text-Stock{
    font-family: 'RobotoCondensed-Regular';
    font-size: 12px;
    color: #555555;
}
.text-stock{
    font-family: 'RobotoCondensed-Bold';
    font-size: 11px;
    color: #b5b4b4;
}
.white-space-pre-wrap {
    white-space: pre-wrap !important;
}

.text-transform-inherit {
    text-transform: inherit !important;
}
/* .text-sin-Stock{
    font-family: 'Ubuntu-Regular';
    font-size: 14px;
    color: red;
} */
.qty-message{
    font-size: 12px;
}
.text-logo{
    font-family: 'RobotoCondensed-Regular';
    font-size: 66px;
    color: #ffffff;
}
.logo-img{
    width: 130px;
    height: 40px;
}
.logo-img-footer{
    width: 160px;
    height: 40px;
}

.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{
    font-family: 'RobotoCondensed-Regular';
}
section.home,section.products,section.enterprise,section.contact,section.product,section.cart{
    background-color: #ffffff;
}
section.products-related{
    background-color: #D63528;
}
section.products-related a{
    text-decoration: none;
}
section.products-related{
    padding-bottom:30px
}
u{
    font-family: 'Ubuntu-Regular';
    font-size: 14px;
    cursor: pointer;
    color: #229ed3;
}
#menu .logo-img img,
#menub .logo-img img{
    z-index: 9999;
    top:-40px;
}
section.footer .logo-img-footer img{
    z-index: 9999;
    top:-125px;
    left:0px;
}
.cart-icon
{
    color:#466646;
    font-size: 70px;
}
#menu, #menub, #consultModal .modal-header{
    background-color: #D63528;
    color: #ffffff;
    font-family: 'RobotoCondensed-Regular';
}
.section-top-menu{
    font-family: 'Ubuntu-Regular';
}
#menub ul li a, #menu ul li a,.section-top-menu,.section-top-menu a,.footer-bot,.footer-bot a, #consultModal .modal-header{
    color:#ffffff;
}
#menub ul li a:hover,#menu ul li a:hover{
    color: #ffffff;
}
.navbar-dark .navbar-nav .active>.nav-link{
    color:#ffffff!important;
}
#menu ul li a,
#menub ul li a{
    font-size: 16px;
    margin: 0px 30px;
    padding: 15px 0px 10px !important;
    font-weight: bold;
}
.nav-item.active .b-b-white, .b-b-white:hover {
    border-bottom: 2px solid #ffffff;
}
.section-top-menu{
    background-color: #f4e7d7;
}
.footer{
    font-size: 14px;
    background-color: #ffffff;
}
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: 60px;
    padding-bottom: 120px;
    position: relative;
}

.b-b-white {
    border-bottom: 2px solid transparent;
    padding-left: 8px;
}
.menu-letra.nav-link {
    letter-spacing: 1px;
    font-family: 'MyriadPro-Regular' !important;
}


.b-b-white.active, .b-b-white:hover {
    border-bottom: 2px solid #ffffff;

}

.navbar.nav_espaciado {
    padding: 0px;
    box-shadow: 0 4px 4px rgba(70, 70, 70, 0.71);
    z-index: 999;
    min-height: 56px;
}
.text-relacionado{
    font-family: 'RobotoCondensed-Regular';
    color: #fefefe;
    font-size: 32px;
}
.text-destacado{
    font-family: 'RobotoCondensed-Bold';
    color: #D63528;
    font-size: 36px;
}
.text-destacadom{
    font-family: 'RobotoCondensed-Bold';
    color: #D63528;
    font-size: 36px;
}
/* hr
{
    border: 0;
    border-top: 2px solid #999;
    border-bottom: 2px solid #333;
    height:0;
} */
.text-destacado-span{
    color: #D63528;
}
h3.text-destacado{
    font-size: 48px;
}
#products_list,#product_file,.contact-content{
    margin-top: 30px;
}
.enterprise-content{
    margin-top: 55px;
    min-height: 350px;
}
.img-product{
    padding: 15px 10px 10px 10px;
}

.footer-bot{
    font-size:12px;
    background-color:#2a4e9e;
    font-family: 'Ubuntu-Regular'!important;
}
.footer h6{
    color: #ffffff;
    font-size: 14px;
    font-family: 'RobotoCondensed-Regular';
}
.icon-footer-size{
    font-size: 18px;
}
.transition-right a{
    color: #676767;
    text-decoration: none;
    transition: all 0.3s ease;
}
.transition-right a:hover{
    color: #70bcdf;
    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: #00a4ce;
    text-decoration: none;
}

.footer-social-medias a{
    background-color: transparent;
    margin:0px 4px;
    color: #fff;
    width: 17%;
    font-size: 23px;
}
#messageValidationStock{
 color: red;
 font-family: 'RobotoCondensed-Light';
}
.modal-content.border-0{
    font-family: 'RobotoCondensed-Regular';
}
.text-footer{
    color: #676767;
    font-family: 'Ubuntu-Regular';
}
.footer-social-medias a:focus{
   box-shadow: none;
}
section.footer,footer.footer, #consultModal, section.contact, section.enterprise{
    font-family: 'RobotoCondensed-Regular';
}
section.footer a{
    text-decoration: none;
}
.btn-show-products{
    border:2px solid #00ace3;
    background-color: #fff;
    color:#00ace3;
    font-family: 'Ubuntu-Regular';
    border-radius: 3px;
}
.btn-show-products:hover{
    color:#fff!important;
    background-color: #00ace3;
}
.card-product-lg:hover, .card-product-lg:focus {
    box-shadow: 0px 3px 6px rgb(180, 180, 180);
}
.card-product-lg:hover .text-price,.card-product-lg:hover .text-product
{
    color: #D63528;
}
.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 .card .card-body a, #products_list .card-body a,.list-container .card-body a{
    color:#303030;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Ubuntu-Regular';
    font-size: 14px;
}
.category-list a{
    font-family: 'Ubuntu-Regular';
    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{
    font-family: 'RobotoCondensed-Regular';
}
#products_list .card{
    border-radius: 0px;
}
.list-categories{
    overflow-y: scroll;
    max-height: 695px;
    overflow-x: hidden;
}
#products_list h4,.list-categories-title{
    font-family: 'RobotoCondensed-Bold';
    font-size: 20px;
    color:#4c4c4c;
    border-bottom:1px solid #e5e5e5;
    background-color: #ffffff;
    letter-spacing: 2px;
}
#acordionCategories .card .card-header:hover {
    background-color: #f7f7f7;
}
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: #D63528!important;
   }
.collapse .show a.active{
    color: #D63528!important;
}
#acordionCategories div.list-container:last-child{
    padding-bottom: 18px;
}
.list-categories-title{
    padding:16px;
    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;
}
.product-card{
    margin-bottom: 36px;
    font-family: 'Ubuntu-Medium';
}
.my-breadcrumb{
    font-family: 'RobotoCondensed-Bold';
    font-size: 13px;
    color:#D63528;
    text-transform: uppercase;
}
.my-breadcrumb a{
    color:#A7A7A7;
    text-decoration: none;
}
.my-breadcrumb a:hover{
    color:#A7A7A7;
}
.my-breadcrumb a:last-child{
    color: #D63528;
}
.background-img-products{
    background-image:url('../../public/header-categories.png');
    height: 130px;
    width:100%;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
}

.background-img-products h1,.background-img-products h4{
    font-family: 'RobotoCondensed-Light';
    padding-top: 40px;
    color: #2a4e9e;
    text-transform: uppercase;
    right: 0;
    position: absolute;
    transform: translateX(-223px);
}

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

#product_file .card h4{
    color:rgb(80, 80, 80);
    margin-bottom: 12px;
}
#product_file .card 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{
    font-family: 'RobotoCondensed-Regular';
    color:rgb(91,91,91);
}
.contact-content .contact-info,.enterprise-content{
    color:rgb(51,51,51);
}
.modal-header{
    background-color: #466646;
    color: #ffffff;
    font-family: 'RobotoCondensed-Regular';
}
.modal-header .close{
    color: #ffffff;
}
.my-pagination{
    font-family: 'Ubuntu-Regular';
    display:flex;
    list-style: none;
}
.my-page-link{
    padding: 9px 16px;
    color:#737373!important;
    text-decoration: none!important;
    margin-left: 3px;
    margin-right: 3px;
    padding: 8px 13px;

}
.my-page-link:hover i{
    color:#D63528!important;
}
.my-page-item a:hover,.my-page-item-num a: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: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%;
    background: #D63528;
}
.my-page-item-num::after{
    content: '\00A0\002D\00A0';
}
.last::after{
    content: ' ';
}
.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: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%;
    background: white;

}
.my-page-item.active .my-page-link,.my-page-item-num.active .my-page-link{
    z-index: 1;
    color: #fff!important;
    background-color: #D63528;
    border-color: #D63528;
    border-radius: 0%;
}

.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: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%;
    background: #D63528!important;
}
.my-carousel-control-prev-icon,.my-carousel-control-next-icon{
    color: #bacebde8!important;
    font-size: 16px;
    background: #0000005c;
    padding: 8px 16px;
}
#menu_options .nav-item:hover .circle-hover {
    background-color: #f0f9fd;
}
.contact-content .contact-info i.fab.fa-facebook-square{
    color: #3b5998;
    font-size: 17px;
}
.contact-content .contact-info i.fab.fa-twitter{
    color: #1da1f2;
    font-size: 17px;

}
.contact-content .contact-info i.fab.fa-instagram{
    color: #c32aa3;
    font-size: 17px;

}
.contact-content .contact-info i.fab.fa-youtube{
    color: #ff0000;
    font-size: 20px;

}
.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;
}
.navbar-light .navbar-toggler.navbar-xs{
    border-color: rgb(240,240,240);
    color: rgb(240,240,240);
}
.footer-bot{
    color: #ffffff;
}
.text-footer{
    font-size: 12px;
    font-family: 'RobotoCondensed-Regular';
}
.text-menu-footer{
    font-size: 14px;
    font-family: 'RobotoCondensed-Regular';
}
.home .text-align-dinamic{
    text-align: right;
}
.btn-categories{
    width: 100%;
    background-color:#D63528;
    font-family: 'RobotoCondensed-Regular';
    padding:12px 0px;
    color:#ffffff;
    border-color:#D63528;
    border-radius: 0px;
}
.btn-categories:focus,.btn-categories:hover{
    box-shadow: none;
    color: #ffffff!important;
}

#featured-products .card{
    border-radius: 0px!important;
    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;
    font-family: 'Ubuntu-Regular';
}
.text-footer-subtitle{
    color: rgb(0, 172, 228);
    font-weight: 700;
    font-family: 'Ubuntu-Regular';
}
#menub{
    z-index: 99;
    top:0px;
}
#menu, #menub {
    padding: 0;
    box-shadow:0px 4px 4px 0px rgba(0,0,0,0.62);
    z-index: 50;
}
 section.product .card{
    border-radius: 0px;
}
/*-----card*/
.input-search{
    font-family: 'Roboto-Regular';
    border-radius: 10px;
    border: 2px solid #D63528;
    height: 45px;
    padding: 0px 18px;
}
.search{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
    color: #D63528;
    font-size: 25px;
}
.btn-search{
    height: 99%;
    width: 11%;
    right: 0;
    z-index: 99;
    background: #2a4e9e;
    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; }
.btn-stock{
    font-family: 'RobotoCondensed-Bold'!important;
    background-color: #eeeeee!important;
    font-size: 12px!important;
    border-radius: 0px!important;
    color: #b5b4b4!important;
    padding: 5px 10px;
}
.btn-stock.btn-block{
    font-family: 'RobotoCondensed-Bold'!important;
    background-color: #eeeeee!important;
    font-size: 12px!important;
    border-radius: 0px!important;
    color: #212529!important;
    padding: 13px 16px;
}
.btn-stock-s.btn-block{
    font-family: 'RobotoCondensed-Bold'!important;
    background-color: #eeeeee!important;
    font-size: 12px!important;
    border-radius: 0px!important;
    color: #b5b4b4!important;
    padding: 13px 16px;
}
.btn-buy i{
    font-size: 17px;
}
.btn-Consult,.btn-Send{
    background-color: #4d504e;
    border-radius: 0px!important;
    padding: .375rem .75rem;
    cursor: pointer;
    border-color: #4d504e!important;
    font-size: 15px!important;
}
.btn-buy{
    border-radius: 0px!important;
    color: #000000!important;
    font-family: 'RobotoCondensed-Bold'!important;
    background-color: #efefef!important;
    font-size: 12px!important;
    padding: 12px 15px;
    cursor: pointer;
    /* border-color: #efefef!important; */
}
.btn-shopping{
    border-radius: 0px!important;
    color: #ffffff!important;
    font-family: 'RobotoCondensed-Regular'!important;
    background-color: #D63528!important;
    font-size: 15px!important;
    cursor: pointer;
    border-color: #D63528!important;
}
.btn-shopping i{
    font-size: 22px;
    position: absolute;
    transform: translate(-31px, -2px);
}
.btn-Consult i{
    font-size: 22px;
}
.btn-shopping span{
    position: relative;
    left: 18px;
}
.btn-primary:focus {
    box-shadow: none;
}
.btn-buy:hover,.btn-buy:active, .btn-Consult:hover,.btn-Send:hover ,.btn-Send:active,.btn-Consult:active,.btn-shopping:hover,.btn-shopping:active{
    background:#D63528!important;
    color:#ffffff!important;
    border-color: #D63528!important;
}
.text-code{
    font-family: 'RobotoCondensed-Regular';
    font-size: 12.82px;
    color: #4c4c4c;
}

.text-product{
    font-family: 'RobotoCondensed-Bold';
    font-size: 17px;
    color: #4c4c4c;
}
.text-price{
    font-family: 'RobotoCondensed-Bold';
    font-size: 15px;
    color: #4c4c4c;
}
.text-priceOffer{
    font-family: 'Roboto-Light';
    font-size: 12px;
    color: #898989;
    text-decoration:line-through;
}
.text-uniandpack{
    font-family: 'Roboto-Regular';
    font-size: 12px;
    color: #898989;
}
.text-PriceOffer{
    font-family: 'Roboto-Light';
    font-size: 23px;
    color: #898989;
    text-decoration:line-through;
}
.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 .card-img:hover .overlay {
    opacity: 1;
  }
  .text {
    color: white;
    font-size: 14px;
    position: absolute;
    font-family: 'Ubuntu-Regular';
    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: #3e3e3e;
      color: #ffffff;
      font-size: 14px;
      font-family: 'Roboto-Regular';
      padding-top: 5px;
      padding-bottom: 5px;
      text-decoration: none;
  }
  .text-banner-bot{
    font-family: 'Ubuntu-Regular';
    font-size: 13px;
    color:#ffffff
  }
  .text-banner-bot-bold{
    font-family: 'Ubuntu-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;
}
.owl-carousel
.ficha_carousel_img{
    margin: 0px!important;
}
.ficha_carousel_img{
	width: 100%;
	margin: 15px 5px 15px;
	border: 1px solid #e1e1e1;
}
  /*------------------------------*/
  /* Acordion */
#acordionCategories .fa-chevron-right:before,.fa-chevron-right.active:before {
    content: "\f054";
}
#acordionCategories .card .card-header.collapsed i.fa-chevron-right:before {
    content: "\f054";
}

#acordionCategories .card a{
	color: #777777;
	text-decoration: none;
	font-family: 'RobotoCondensed-Bold';
    font-size: 14px;
    cursor: pointer;

}
#acordionCategories .card-body a {
	color: #535353;
	text-decoration: none;
	font-family: 'RobotoCondensed-Regular';
    font-size: 14px!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;
}
.cart-menu{
    font-size: 18px;
}
.move-cart{
    margin:0px 40px;
}
.cart-menu i{
    color:#466646;
}
.search-menu{
    margin:0px 18px;
    font-size: 18px;
}
#cart_menu_num{
    background: #D63528;
    color: white;
    padding: 7px 10px;
    margin-bottom: 22px;
    font-size: 13px;
    font-family: 'Roboto-Regular';
    position: absolute;
    transform: translate(-19px, -38px);
    z-index: 9999;
}
#cart_menu_num_m{
    background: #D63528;
    color: white;
    padding: 7px 10px;
    margin-bottom: 22px;
    font-size: 13px;
    font-family: 'Roboto-Regular';
    position: absolute;
    transform: translate(-162px, -38px);
    z-index: 9999;
}
.cart-menu a{
    color:#ffffff;
    margin-right: -3px;
    z-index: 999;
    position: relative;
}
#acordionCategories {
    padding-top: 10px;
}
#acordionCategories .card-body{
    padding-left: 34px;
    padding-top: 8px;
}
#acordionCategories .card .card-header{
    background-color: transparent;
    border-bottom-color: transparent;
}
#acordionCategories .card{
    border-color: transparent;
}
#acordionCategories .card .card-body a{
    border-color: transparent;
    border: none!important;
}

#acordionCategories .card-header span.active,
#acordionCategories .card-header:hover,
#acordionCategories .card-header:focus{
    color: #D63528;
}
#acordionCategories .card-header.active
{
    background-color: #f7f7f7;
}

#acordionCategories .card-header i.active,
#acordionCategories .card-header i:hover,
#acordionCategories .card-header i:focus{
    color: #D63528;
}
#acordionCategories .card{
    border-bottom: 1px solid #dbdbdb;
}
.category-name{
    color: #777777;
    text-decoration: none;
    font-family: 'RobotoCondensed-Bold';
    font-size: 14px;
}
.panel-icon{
	float: right;
	font-size: 10px;
	margin-top: 8px;
	margin-right: 6px;
}
  /*---------------------------------*/
.hl{
    border-top: 1px solid;
}
/*-----------------------------------*/
.btn.btn-back-top {
    position: fixed;
    right: 20px;
    bottom: 50px;
    background: #D63528;
    font-size: 22px;
    color: #ffffff;
    height: 45px;
    padding-top: 5px;
    width: 45px;
    z-index: 99;
}
.seccion-footer-dos {
    background-color: #ffffff;
    padding: 13px;
    font-size: 13px;
    font-weight: 500;
}

h4.text-destacado {
width: 100%;
text-align: center;
border-bottom: 3px solid #D63528;
line-height: 0.1em;
margin: 10px 0 20px;
}

h4.text-destacado span {
    background:#fff;
    padding:0px 40px 0px 0px;
}
.btn-whatsapp-link {
    position: fixed;
    bottom: 14vh;
    right: 21px;
    background: #25d366;
    width: 65px;
    height: 65px;
    color: rgb(255, 255, 255)!important;
    z-index: 10;
    transition: .3s background ease-in-out;
    border-radius: 50%;
    font-size: 34px;
    text-align: center;
    padding-top: 6px;
    box-shadow: -1px 2px 3px #929292;
}

@media(max-width:1199px){
    .section-top-menu .p-cart {
        right: 154px;
    }
}
@media (max-width: 991px) {
    .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;
    }
    #menub .logo-img img {
        top: -20px;
    }
    .footer-social-medias a {

        width: 26%;
    }
    .move-cart {
        margin: 0px 140px;
    }


}
@media(max-width:767px){
    .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;
      }
    .text-pre-footer{
        font-size: 20px;
    }

    .icon-pre-footer{
        font-size: 23px;
        transform: translate(-25px, 5px);
    }

    .cart-icon
    {
        color:#466646;
        font-size: 35px;
    }

    #cart_menu_num{
        padding: 5px 7px;
        /* margin-bottom: 22px; */
        font-size: 11px;
        transform: translate(-10px, -24px);
    }
    #cart_menu_num_m{
        padding: 6px 8px;
        font-size: 10px;
        transform: translate(-64px, -26px);
    }
    .move-cart {
        margin: 0px 52px;
        font-size: 0px;
    }

}
@media(max-width:550px){
    .section-top-menu .p-cart {
        right: 136px;
    }
    .text-pre-footer{
        font-size: 15px;
    }

    .icon-pre-footer{
        font-size: 19px;
        transform: translate(-20px, 5px);
    }
}
@media (max-width: 575px) {
    .text-pre-footer{
        font-size: 15px;
    }

    .icon-pre-footer{
        font-size: 19px;
        transform: translate(-20px, 5px);
    }
    .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{
        padding-top:25px;
    }
    .background-img-products{
        height: 80px;
    }
    #featured-products,#products_list,#product_file,.contact-content,.enterprise-content{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contact-content,.enterprise-content{
        font-size:14px;
    }
    section.home{
        padding-top: 0px;
        padding-bottom: 70px;
    }
    .background-img-home{
        height:220px;
    }
    section.footer .logo-img-footer img {
        top: -95px;
    }
    .logo-img-footer {
        width: 100px;
    }
    .footer-social-medias{
        text-align: center;
    }
    .home .text-align-dinamic{
        text-align: center;
    }
    .home .text-align-dinamic h4{
        font-size:1.5rem;
    }
    .footer-social-medias a {

        width: 10%;
    }
}
@media (max-width:447px){
    /* .btn-buy{
        width: auto;
    } */
    .text-pre-footer{
        font-size: 10px;
    }

    .icon-pre-footer{
        font-size: 13px;
        transform: translate(-15px, 9px);
    }
    .cart-icon {
        color: #466646;
        font-size: 30px;
    }
    #cart_menu_num {
        padding: 6px 8px;
        font-size: 9px;
        transform: translate(-11px, -25px);
    }
    #cart_menu_num_m{
        padding: 5px 7px;
        font-size: 8px;
        transform: translate(-63px, -23px);
    }
    .cart-menu a
    {
        margin-right: 0px;
    }
}
@media (max-width: 425px)
{
    .card-img-top.img-products{
        height: 200px!important;
    }
    .footer-social-medias a {

        width: 11%;
    }
}
@media (max-width: 376px)
{
    .background-img-home{
        height:170px;
    }
    .footer-social-medias a {
        width: 13%;
    }
    .section-top-menu .p-cart {
        right: 110px;
    }
    .text-pre-footer{
        font-size: 8px;
    }

    .icon-pre-footer{
        font-size: 11px;
        transform: translate(-12px, 11px);
    }
    .cart-icon {
        color: #466646;
        font-size: 25px;
    }
    #cart_menu_num {
        padding: 6px 8px;
        font-size: 9px;
        transform: translate(-11px, -25px);
    }
    #cart_menu_num-m{
        padding: 6px 8px;
        font-size: 9px;
        transform: translate(-84px, -23px);
    }
    .cart-menu a
    {
        margin-right: 0px;
    }
    .section-top-menu
    {
        margin-top: 0px;
    }
    .text-destacadom{
        font-size: 26px;
    }
}
/*use and changes*/
.top-nav{
    background: #F5F5F5;
    padding: 5px;
}
.top-nav ul a,.top-nav div a {
    margin-left: 15px;
    color: #000000;
}
footer {
    width: 100%;
    background-color: #D63528;
    border-top: 1px solid #d6d6d6;
}
.pre-footer{
    padding-top: 25px;
    border-bottom: 1px solid #d6d6d6;

}
.pre-footer ul li a,.pre-footer ul li span{
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'RobotoCondensed-Regular';
}
.pre-footer ul li a:hover,.pre-footer ul li span:hover{
    opacity: 0.8;
}
.pre-footer ul li a{
transition: all 0.3s ease;
}
.pre-footer ul li a:hover{
    margin-left: 5px;
}
a:hover{
    text-decoration: none;
}

#redes a{
    color: #000;
    margin-left: 0;
    padding: 8px 19px;
    border-radius: 0px;
    position: relative;
    border:1px solid #f1f1f1;
}
#redes a.instagram{
    color:#fff;
    background-color: #c32aa3;
}
#redes a.facebook{
    color:#fff;
    background-color: #3b5998;
}
#redes a:hover{
    opacity: 0.8;
}
#redes a i{
    position: absolute;
    transform: translateX(50%) translateY(50%);
    right: 50%;
    bottom: 50%;
}
footer .pre-footer h6::after {
    content: " ";
    width: 190px;
    height: 3px;
    display: block;
    border-bottom: 1px solid #fff;
}
footer .pre-footer h6 {
    font-family: 'RobotoCondensed-Bold';
    color: #ffffff;
}

.header ul a:hover{
    color: #D63528;
}
.footer-copy span{
    color: #ffffff;
}
.footer-copy a{
    color: #ffffff;
    font-weight: 500;
}
.footer-copy a:hover{
    opacity: 0.8;
}
.footer-copy
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-floating{
    min-width: 360px;
    max-width: 360px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-54%,50%);
    z-index: 45;
}
.form-floating .card{
    background-color: #f4e7d7;
}
button.suscribe{
    background-color: #D63528;
    border-radius: 0px;
}
button.suscribe:hover,button.suscribe:active,button.suscribe:focus{
    opacity: 0.9;
}
.button-form-floating{
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 45;
}
.modal-header,.modal-body,.modal-footer{
    background-color: #f4e7d7;
    color: #000;
}
.modal-header button{
    color: #000!important; 
}
.text-transform{
  text-transform: inherit !important;
}