#index{}

    #index .info-sup{margin: 14px 0 30px;}
    #index .info-sup .ctn-contacto-index{float: left; padding-left: 15px;}
    #index .info-sup .ctn-contacto-index p{font-family: regular; font-size: 17px;}
    #index .info-sup .ctn-contacto-index p a{font-family: bold; color: #424143; font-size: 24px;}
    #index .info-sup .ctn-contacto-index p i{color: #27c34b;}
    #index .info-sup .ctn-menu-info{float: right;}
    #index .info-sup .ctn-menu-info ul li{float: left; border-right: 1px #6c6d71 dashed; display: inline-block;}
    #index .info-sup .ctn-menu-info ul li:last-child{border-right: none;}
    #index .info-sup .ctn-menu-info ul li a{font-family: regular; color: #6c6d70; font-size: 17px; padding: 0 15px;}
    #index .info-sup .ctn-menu-info ul li a i{font-size: 20px;}
    #index .seccion1{margin-bottom: 25px;}
    #index .seccion1 .ctn-slide{position: relative; }
    #index .seccion1 .ctn-slide .owl-theme .owl-dots{position: absolute; left: 0; bottom: 10px; width: 100%;}
    /*#index .seccion1 .ctn-slide .ctn-img{height: 100%; overflow: hidden; filter: drop-shadow(0 0px 200px white);}*/
    #index .seccion1 .ctn-slide .ctn-img{}
    #index .seccion1 .ctn-slide .ctn-img img{}
    #index .seccion1 .ctn-slide .item{ background-color: #666666;}
    #index .seccion1 .ctn-slide .ctn-txt{background-color: #666666; }
    #index .seccion1 .ctn-slide .ctn-txt h2{margin-top: 35px; color: #FFF; font-family: semi; text-transform: uppercase; font-size: 68px; margin-bottom: 15px; display: block; float: left; width: 100%; padding: 0 15px;}
    #index .seccion1 .ctn-slide .ctn-txt p{color: #FFF; font-family: regular; font-size: 20px; margin-bottom: 15px; display: block; float: left; width: 100%; padding: 0 15px;}
    #index .seccion1 .ctn-slide .ctn-txt .btn-ingresar{font-size: 20px; display: block; text-align: center; color: #FFF; font-family: semi;padding: 5px 30px; border-radius: 20px;display: block; float: left; margin-bottom: 15px;transition: 0.2s;}
    #index .seccion1 .ctn-slide .ctn-txt .btn-ingresar:hover{transform: scale(1.05,1.05);}
    
    #index .seccion1 .ctn-slide iframe, #index .seccion1 .ctn-slide video{height: 379px;}


    #index .seccion1 .ctn-banners{}
    #index .seccion1 .ctn-banners .item-banner{margin-bottom: 12px;}
    #index .seccion1 .ctn-banners .item-banner:last-child{margin-bottom: 0px;}
    #index .seccion1 .ctn-banners .item-banner img{display: block; margin: 0 auto;}
    #index .seccion2{padding-bottom: 30px; background-color: #f3f3f3;}
    #index .seccion2 .titulo-sec{background-color: #6c6d71; padding: 15px 0; margin-bottom: 25px;}
    #index .seccion2 .titulo-sec h2{padding: 0 15px; color: #FFF; font-family: bold; font-size: 23px;text-transform: uppercase;}
    #index .seccion2 .item-prod .ctn-img{border: 1px #d1d1d2 solid;overflow: hidden;}
    #index .seccion2 .item-prod .ctn-img img{transition: 0.3s;}
    #index .seccion2 .item-prod:hover .ctn-img img{transform: scale(1.05,1.05);}
    #index .seccion2 .item-prod .btn-agregar{width: 166px; display: block; margin: 0 auto; transition: 0.2s;}
    #index .seccion2 .item-prod:hover .btn-agregar{transform: scale(1.05,1.05);}
    #index .seccion2.seccion-prod{background-color: #FFF;}
    #index .seccion2.seccion-prod .titulo-sec{background-color: transparent;}
    #index .seccion2.seccion-prod .titulo-sec h2{color: #211915;}
    #index .seccion2.seccion-prod .item-prod .ctn-img{border: none;}
    
    
    #index .ctn-slide-prom {position: relative;}
    #index .ctn-slide-prom .owl-nav{width: 1140px;position: relative;}
    #index .ctn-slide-prom .ctn-pag {position: absolute;top: 32%;}
    #index .ctn-slide-prom .owl-nav .owl-next{float: right;position: relative;z-index: 15; cursor: pointer;}
    #index .ctn-slide-prom .owl-nav .owl-prev{float: left;position: relative;z-index: 15;cursor: pointer;}
    #index .ctn-slide-prom .owl-nav .disabled{display: none;}
    #index .ctn-slide-prom .owl-carousel{padding: 0 65px;}
    #index .ctn-slide-prom .item-prod{margin-bottom: 3px;}
    
    /* #index .ctn-slide-prom .item-prod .txt-item a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} */
    
    
    
    #index .ctn-prod-destacados{padding: 30px 0 30px;}
    #index .ctn-prod-destacados .ctn-filtros{margin-bottom: 30px;}
    #index .ctn-prod-destacados .ctn-filtros button{font-family: regular; font-size: 18px; padding: 3px 15px; margin-right: 15px}
    #index .ctn-prod-destacados .ctn-filtros button:last-child{margin-right: 0;}
    
    #index .ctn-prod-destacados .ctn-filtros .nav-tabs{border-bottom: none; }
    #index .ctn-prod-destacados .ctn-filtros .nav-tabs li a{font-family: regular; font-size: 18px; padding: 3px 15px; margin-right: 15px; border-radius: 16px; border: none; border: 1px #7B7B7B solid; color: #FFF; background-color: #7B7B7B;}
    #index .ctn-prod-destacados .ctn-filtros .nav-tabs li.active a{border-color: #232222; color: #FFF;background-color: #232222; color: #FFF;}
/*    #index .ctn-prod-destacados .ctn-filtros .nav-tabs li a{font-family: regular; font-size: 18px; padding: 3px 15px; margin-right: 15px; border-radius: 16px; border: none; border: 1px #a5a7a9 solid; color: #a5a7a9; background-color: #FFF;}
    #index .ctn-prod-destacados .ctn-filtros .nav-tabs li.active a{border: none; color: #FFF;background-color: #a5a7a9; color: #FFF;}*/
    /*#index .ctn-prod-destacados .ctn-filtros .nav-tabs li.active .btn-defecto{background-color: #a5a7a9; }*/
    #index .ctn-prod-destacados .ctn-filtros .nav-tabs li:last-child a{margin-right: 0;}
    #index .ctn-prod-destacados .item-prod .ctn-img .img-responsive{width: 100%;}
    #index .ctn-prod-destacados .item-prod .txt-item a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    #index .ctn-btn-productos{padding: 30px 15px; text-align: center;}
    #index .ctn-btn-productos .btn-productos{padding: 5px 15px; border-radius: 20px; font-family: regular; font-size: 24px; color: #FFF; text-align: center; display: inline-block; text-transform: uppercase;transition: 0.2s}
    #index .ctn-btn-productos .btn-productos:hover{text-decoration: none; transform: scale(1.05,1.05);}
    
    
    #index .ctn-blog{background-color: #eff9f1; padding: 25px 0 35px}
    #index .ctn-blog .titulo-blog{margin-bottom: 16px; font-family: bold; font-size: 23px; color: #211915;}
    #index .ctn-blog .ctn-item-blog{}
    #index .ctn-blog .ctn-item-blog .blog-destacado{padding-right: 0;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .img-item-destacado{position: relative; margin-bottom: 15px; overflow: hidden;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .img-item-destacado .link-img{width: 100%;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .img-item-destacado img{width: 100%;transition: 0.3s}
    #index .ctn-blog .ctn-item-blog .blog-destacado:hover .img-item-destacado img{transform: scale(1.05,1.05);}
    #index .ctn-blog .ctn-item-blog .blog-destacado .img-item-destacado .comentarios{position: absolute; bottom: 13px; right: 0; background-color: #2c2c2c; padding: 3px; color: #FFF; font-family: bold;text-align: center; font-size: 17px;}
    #index .ctn-blog .ctn-item-blog .blog-destacado h2{text-align: left;font-family: bold;font-size: 20px;color: #2c2c2c;margin-bottom: 8px;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .txt-item{margin-bottom: 11px; padding: 0;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .txt-item p{text-align: left; font-family: regular; font-size: 15px; color: #4d4d4f;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .btn-ampliar{display: block; float: left; padding: 5px 15px; }
    #index .ctn-blog .ctn-item-blog .blog-restantes{}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog{margin-bottom: 28px;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog:last-child{margin-bottom: 0px;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog:last-child{margin-bottom: 0px;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .img-item{padding-right: 0;overflow: hidden;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .img-item img{transition: 0.2s;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog:hover .img-item img{transform: scale(1.05,1.05);}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .txt-item{}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .txt-item a{text-align: left; font-family: bold; font-size: 17px; color: #2c2c2c; margin-bottom: 8px;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .txt-item p{text-align: left; font-family: regular; font-size: 15px; color: #4d4d4f;}
    #index .ctn-blog .ctn-banner img{display: block; margin: 0 auto;}
    #index .ctn-videos{padding:23px 15px; background-color: rgba(0,0,0,0.05);}
    #index .ctn-videos .title{font-family: bold; font-size: 23px; color: #211915; text-transform: uppercase;}
    
    
    
    
    #index .ctn-videos .videos{padding: 28px 50px 0;}
    #index .ctn-videos .videos iframe{width: 100%; height: 490px;}
    #index .ctn-videos .otros-videos{padding: 30px 196px;}
    #index .ctn-videos .otros-videos div{}
    #index .ctn-videos .otros-videos > div a{position: absolute;top: 0; left: 0; right: 0; bottom: 0; display: flex;align-items: center;justify-content: center;}
    #index .ctn-videos .otros-videos > div a img{ object-fit: cover; position: relative; transition: 0.5s ease;}
    #index .ctn-videos .otros-videos > div iframe{width: 100%; height: 100px;}
    #index .ctn-videos .otros-videos > div:hover a img{transform: scale(1.05, 1.05);box-shadow: 1px 7px 10px #000;background-color: #000;}
    #index .ctn-videos .otros-videos div{padding: 0 10px;}
    #index .ctn-videos .otros-videos a{display: inline-block; margin-right: 9px;}
    #index .ctn-videos .otros-videos a:last-child{margin-right: 0;}
    #index .ctn-videos .ctn-btn{text-align: center; }
    #index .ctn-videos .ctn-btn .btn-ver-todo{padding: 5px 15px; border-radius: 20px; font-family: regular; font-size: 24px; color: #FFF; text-align: center; display: inline-block; text-transform: uppercase;transition: 0.2s}
    #index .ctn-videos .ctn-btn .btn-ver-todo:hover{text-decoration: none; transform: scale(1.05,1.05);}
    
   
@media(min-width: 1220px){
    #index .ctn-videos{padding-left: 0; padding-right: 0;}

    

}


@media (max-width: 1140px){
    #index .ctn-slide-prom .owl-nav{width: 100%;}
    #index .ctn-slide-prom .ctn-padd{padding: 0;}
    #index .ctn-slide-prom .owl-nav .owl-prev{padding-left: 15px;}
    #index .ctn-slide-prom .owl-nav .owl-next{padding-right: 15px;}
    #index .seccion1 .ctn-slide{padding: 0;}

    #index .seccion1 .ctn-slide iframe, #index .seccion1 .ctn-slide video{height: 341px;}
}

@media(max-width: 1199px){
    #index .seccion1 .ctn-slide .ctn-txt h2{font-size: 50px; margin-top: 25px;}
    #index .seccion1 .ctn-slide .ctn-txt p{font-size: 20px;}
}

@media(max-width: 1024px){
    #index .seccion1 .ctn-slide iframe, #index .seccion1 .ctn-slide video{height: 330px;}
}
    
@media (max-width: 991px){
    #index .info-sup .ctn-menu-info{float: left;}
    #index .info-sup .ctn-contacto-index{margin-bottom: 15px;}
    #index .seccion1 .ctn-slide{padding: 0; margin-bottom: 15px;}
    #index .ctn-blog .ctn-item-blog{margin-bottom: 15px;}
    #index .seccion1 .ctn-slide .ctn-txt h2{font-size: 40px; margin-top: 20px;}
    #index .seccion1 .ctn-slide .ctn-txt p{font-size: 16px;}
    #index .ctn-prod-destacados .item-prod {margin-bottom: 20px;}
    #index .seccion1 .ctn-slide iframe, #index .seccion1 .ctn-slide video{height: 298px;}
} 

@media(min-width: 768px) and (max-width: 1220px){
    #index .ctn-videos .otros-videos{padding:20px 70px;}
}

    
@media (max-width: 767px){
    #index .info-sup .ctn-menu-info ul li a{width: 100%; display: block;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .img-item-destacado img{width: auto; margin: 0 auto; display: block;}
    #index .ctn-blog .ctn-item-blog .blog-destacado{padding-right: 15px; margin-bottom: 15px;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .txt-item{padding-left: 15px;}
    /*#index .seccion1 .ctn-slide .ctn-txt{position: absolute; bottom: 0; left: 0; height: auto; z-index: 1;}*/
    #index .seccion1 .ctn-slide .ctn-txt{position: absolute; height: auto; padding-bottom: 10px; bottom: 0; left: 0;}
    #index .seccion1 .ctn-slide .ctn-txt h2{margin-top: 15px; font-size: 20px;}
    #index .seccion1 .ctn-slide .ctn-txt p{font-size:14px; display: none;}
    #index .seccion1 .ctn-slide .ctn-txt .ctn-btn-slide{width: auto; float: right; display: none;}
    #index .seccion1 .ctn-slide .ctn-txt .btn-ingresar{margin-bottom: 0;font-size: 16px;}
    #index .seccion1 .ctn-slide .ctn-img { height:auto; }
    /*#index .seccion1 .ctn-slide .owl-theme .owl-dots{bottom: -20px;}*/
    #index .seccion1 .ctn-slide .owl-theme .owl-dots{position:relative; bottom:unset; margin-top:15px; }
    /*#index .seccion1 .ctn-slide{height: 300px;}*/
    #index .seccion1 .ctn-slide{height: auto;}
    #index .seccion1 .ctn-slide .ctn-img img{height: auto; width: 100%; max-width: 100%;}
    
    
    #index .ctn-videos .videos{padding:20px 0;}
    #index .ctn-videos .otros-videos{display: none;}
    #index .ctn-videos .otros-videos a{display: block; margin: 0; margin-bottom: 15px;}
    #index  .ctn-videos .videos iframe{height: 300px;}
    
    #index .seccion1 .ctn-slide .item{position: relative;}


    #index .seccion1 .ctn-slide iframe, #index .seccion1 .ctn-slide video{height: 240px;}


}  
   


@media (max-width: 479px){
    #index .info-sup .ctn-menu-info ul li a{font-size: 14px;}
    #index .info-sup .ctn-menu-info ul li a i{font-size: 15px;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .txt-item{padding-left: 0;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .img-item{padding-right: 15px;}
    #index .ctn-blog .ctn-item-blog .blog-restantes .item-blog .img-item img{width: 100%; margin-bottom: 15px;}
    #index .ctn-blog .ctn-item-blog .blog-destacado .btn-ampliar{width: 100%;}
    /*#index .seccion1 .ctn-slide{height: 250px;}*/
    #index .seccion1 .ctn-slide .ctn-txt .btn-ingresar{font-size: 13px;}
    #index .seccion1 .ctn-slide .ctn-txt h2{font-size: 15px;}
    #index .ctn-prod-destacados .item-prod {margin-bottom: 25px;}
    #index .ctn-videos .videos iframe{height: 250px;}

    #index .seccion1 .ctn-slide iframe, #index .seccion1 .ctn-slide video{ height: 161px;}
}  


#index{}

    #index .ctn-categorias{padding: 25px 0;}
    #index .ctn-categorias .ctn-padd {padding: 0; display: block !important;}
    #index .ctn-categorias .ctn-padd .ctn-ul{display: block; margin: 0 auto; width: 862px;}
    #index .ctn-categorias .ctn-padd .ctn-ul li{float: left; border-right: 1px #abaaad solid; padding: 0 15px;}
    #index .ctn-categorias .ctn-padd .ctn-ul li:last-child{border-right: none;}
    #index .ctn-categorias .ctn-padd .ctn-ul li a{display: block; float: left; font-family: regular; font-size: 20px; color: #8f8f8f; text-align: center;}
    #index .ctn-categorias .ctn-padd .ctn-ul li .selected{color: #353535; border-bottom: 2px #069adc solid;}
    #index .ctn-categorias .btn-categorias{display: none; margin-left: 15px;}
    #index .ctn-elementos .ctn-items .ctn-destacados{margin-bottom: 20px;}
    
    @media (max-width: 991px) {
        #index .ctn-elementos .ctn-items .ctn-destacados .item-prod:last-child{float: none; display: block; margin: 0 auto; overflow: hidden;}
    }
    
    @media (max-width: 862px) {
        #index .ctn-categorias .ctn-padd .ctn-ul{width: 100%;}
    }
    
    @media (max-width: 767px) {
        #index .ctn-categorias .ctn-padd .ctn-ul{width: 100%;}
        #index .ctn-categorias .ctn-padd .ctn-ul li{width: 100%; border-right: none; border-bottom: 1px #abaaad solid;}
        #index .ctn-categorias .ctn-padd .ctn-ul li:last-child{border-bottom: none;}
        #index .ctn-categorias .ctn-padd .ctn-ul li a{width: 100%;}
        #index .ctn-categorias .ctn-padd {padding: 0 15px;}
        #index .ctn-categorias .btn-categorias{width: 90%;}
        #index .ctn-categorias .btn-categorias{display: block;}
        #index .ctn-categorias .ctn-padd{display: none !important;}
        #index .ctn-categorias .mostrarmenu{display: block !important;}
        #index .ctn-categorias{position: relative;}
        #index .ctn-categorias .ctn-padd{position: absolute; left: 10px; top: 32px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.9); width:92.5%; z-index: 10; padding-bottom: 20px;}
        #index .ctn-categorias .ctn-padd .ctn-ul li .selected{border-bottom: none;}
        #index .ctn-elementos .ctn-items .ctn-destacados .item-prod .txt-item .ctn-sup{min-height: 47px;}
    }
    
    @media (max-width: 479px) {
        #index .ctn-elementos .ctn-items .ctn-destacados .item-prod:last-child{float: left; overflow: visible;}
        #index .ctn-elementos .ctn-items .ctn-destacados .item-prod .txt-item .ctn-sup{min-height: 0px;}
        #index .ctn-videos .ctn-btn .btn-ver-todo{font-size: 21px;}
        #index .ctn-btn-productos .btn-productos{font-size: 21px;}
    }

    @media (max-width: 570px){
        .item-prod .ctn-img .precio{
            font-size: 13px;
        }
        .item-prod .ctn-img .descuento p{
            padding: 3px 13px 3px 7px;
            font-size: 13px;
            
        }
        #index .ctn-slide-prom .item-prod .txt-item a{
            font-size: 11px;
            font-family: regular;
        }
    }

    @media (max-width: 479px) {
        #index .ctn-slide-prom .owl-carousel{
            padding: 0 15px;
        }

        #index .ctn-slide-prom .owl-nav img{
            height: 25px;
        }

        #index .ctn-slide-prom .owl-nav .owl-next{
            padding-right: 5px;
        }
        #index .ctn-slide-prom .owl-nav .owl-prev{
            padding-left: 5px;
        }
        .item-prod .ctn-img .precio{
            font-size: 12px;
            top: 5px;
        }
        .item-prod .ctn-img .descuento{
            top: 5px;
        }
        .item-prod .ctn-img .descuento p{
            font-size: 12px;
        }
    }