.ui-autocomplete {z-index:99999999;}
.ui-autocomplete li {font-size:14px;}

* {background-repeat:no-repeat;}

ul {padding-left:0;}
ul li {list-style: none;}


/*
a, 
button span,
a:hover .arrow,
a:hover strong,
a:hover em,
.owl-prev,
.owl-next,
button,
.button .name,
.hef {-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} 
button .spin {-moz-transition:none; -webkit-transition:none;	-o-transition:none; -ms-transition:none; transition:none;}
.button .border {-moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out;	-o-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; transition:all 0.1s ease-out;} 
*/



html {
position: relative;
min-height: 100%;
}


body {-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;overflow-x:hidden; font-family: "Montserrat", sans-serif; font-weight: 400;
background-repeat: repeat;background-color: #ffffff; background-attachment: fixed;color:#6B717D}

body,
p,
li {font-size:15px;color:#6B717D; }
a {color:#6B717D;text-decoration: none;}
a:hover,
a:focus{text-decoration:none !important;color:#6B717D;}

p{margin-bottom: 0px;}
.opacity0 {opacity: 0;}
.opacity1 {opacity: 1;}

.header{width:100%; background-color: #ffffff;  border-bottom:1px solid #E5E8EB}
.header .header-inner{width:100%; max-width: 1280px; margin:0 auto}
.header .header-inner .logo{width: 208px;}
.header .header-inner .menu .item{color:#3C404B;font-weight: 500; padding-left:40px;}
.header .header-inner .menu .item:hover{color:#2E92BE}
.header .header-inner .menu .item:nth-child(1){padding-left: 0px;}


.footer{width:100%; background-color: #F6F7F9; border-top:1px solid #E4E8EC}
.footer .footer-inner{width:100%; max-width: 960px; margin:0 auto;color:#637887; font-size: 14px; font-weight: 400;}
.footer .footer-inner .menu .title{color:#3C404B;font-weight: 700; font-size: 16px; padding: 0px 10px}
.footer .footer-inner .menu .item{color:#637887;font-weight: 500; font-size: 13px; padding: 0px 10px; display: block;}
.footer .footer-inner .menu a.item:hover{color:#2E92BE}
.footer .footer-inner .logo{max-width: 200px; width: 100%;}
.footer .footer-inner .social a{margin-left: 10px;}
.footer .footer-inner .social a img{max-width: 35px;}



.hero{background-image:url(../img/hero_bg.jpg); background-position: center center; background-size: cover;}
.hero .logo{max-width: 400px; width:100%}
.hero .title{font-size: 50px; line-height: 60px;}
.hero .subtitle{font-weight: 500; max-width: 700px; margin: 0 auto; font-size: 18px; line-height: 20px;color:#6C727E}
.hero .btn{color:#ffffff; font-size: 14px; font-weight: 700; padding: 10px 30px; min-width: 200px; background-color: #2E92BE; border-radius: 8px;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.hero .btn:hover{color:#ffffff; background-color: #3C404B; border-radius: 20px;}

.subhero{background: #EDF4FC; background: linear-gradient(125deg, rgba(237, 244, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.subhero .title{font-size: 16px; line-height: 20px; font-weight: 700;}
.subhero .subtitle{font-weight: 500; font-size: 14px; line-height: 18px;color:#6C727E}
.subhero .icono{max-width: 60px;}


.title{color:#3C404B; font-size:36px; font-weight: 700;}
.subtitle{color:#3C404B; font-size:22px; font-weight: 700;}


.container {
    max-width: 960px;
    width: 100%;
}

.container_pet {
    max-width: 1000px;
    width: 100%;
}

.productos .container{ max-width: 1200px;}

.nuestros-productos .item_prod{border:1px solid #E7E7E9; border-radius: 8px;}
.nuestros-productos .item_prod img{border-radius: 8px 8px 0px 0px;}
.nuestros-productos .title{color:#3C404B; font-size: 16px; font-weight: 600;}
.nuestros-productos .subtitle{color:#707070; font-size: 14px; font-weight: 400;}
.nuestros-productos .btn{color:#ffffff; font-size: 14px; font-weight: 700; padding: 10px 30px; min-width: 200px; background-color: #2E92BE; border-radius: 8px;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.nuestros-productos .btn:hover{color:#ffffff; background-color: #3C404B; border-radius: 20px;}


.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.productos .img_producto{border-radius:8px}
.productos .mas_info{color:#637887; font-size:14px; font-weight: 500}
#carouselGama .carousel-indicators [data-bs-target]{height:15px; width: 15px; border-radius: 20px; border:0px}
#carouselGama .carousel-control-next-icon, #carouselGama .carousel-control-prev-icon{ filter: invert(100%);}

.productos .icos .ico{font-size: 15px; font-weight: 700; margin-bottom: 20px; max-width: 250px;}
.productos .icos .ico img{max-width: 48px; margin-right:10px;}
.productos .btn{color:#ffffff; font-size: 14px; font-weight: 700; padding: 10px 30px; width: 200px; max-width: 100%; background-color: #2E92BE; border-radius: 8px;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.productos .btn:hover{color:#F0F2F5; background-color: #3C404B; border-radius: 20px;}



.productos .especificaciones .descargas .btn{text-align:left; color:#3C404B; font-size: 14px; font-weight: 700; padding: 10px 10px; width: 200px; max-width: 100%; background-color: #ffffff; border-radius: 8px;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display: block;}
.productos .especificaciones .descargas .btn:hover{border-radius: 20px; background-color: #cbd1d7;}
.productos .especificaciones .descargas .btn img{max-width: 24px;}

.productos .leroy_merlin .btn{background-color:#FFFFFF; color:#3C404B; border:2px solid #E4E8EC; width: auto;padding:10px 25px; font-size: 12px; margin: 2px;}
.productos .leroy_merlin .btn:hover{background-color:#F7F9FF; border:2px solid #2E92BE}



.productos .mas_info.mas_info_body{background-color:#FBFBFB; border-radius: 8px; padding: 30px;}

.breadcrumb_custom{font-weight: 600;}
.breadcrumb_custom span{color:#B5BDC6}

@media (max-width: 768px) {
    body, p, li{font-size: 14px;}

    .hero .title{font-size: 30px; line-height: 40px;}
    .hero .subtitle{font-size: 14px;}

    .title{font-size: 25px;}
    .subtitle{font-size: 18px;}
 
    .footer .footer-inner .menu .item, .footer .footer-inner{font-size: 12px;}
    .header .header-inner .menu .item{padding-left: 10px; font-size: 12px;}

    .nuestros-productos .item_prod{max-width:300px; margin: 0 auto!important; margin-bottom: 20px!important;}

    .productos .mas_info{ font-size:12px}
    .productos .icos .ico{font-size: 14px;}
    .productos .icos .ico img{max-width: 35px;}
}

@media (max-width: 500px) {
  .hero .title{font-size: 22px; line-height: 30px; padding-top: 20px;}
  .title{font-size: 20px;}
   
}