#index{}


#index .ctn-title{text-align: center;padding: 0;}
#index .ctn-title .title{font-family: bold; font-size: 15px; display: inline-block; text-transform: uppercase;margin: 0px 0 20px; min-width: 229px; font-size: 30px; color: #333333}
#index .ctn-title .title.titulo-destacado{color: #FFF; padding: 5px;}


#index .slide{position: relative;}
#index .slide .ctn-pag{position: absolute; top: 50%;}
#index .slide #dd{width: 1170px; margin: 0 auto;}
#index .slide .ctn-pag .owl-nav .owl-prev{position: relative; float: left; cursor: pointer; z-index: 1;}
#index .slide .ctn-pag .owl-nav .owl-next{position: relative; float: right; cursor: pointer; z-index: 1;}


#index .ctn-slide{padding: 0;}
#index .ctn-slide .carousel{padding: 0;}
#index .ctn-slide .carousel .item{}
#index .slide iframe, #index .slide video{height: 634px;}
#index .ctn-slide .carousel .owl-stage-outer{z-index: 500;}
#index .ctn-slide .carousel .item a{position: absolute;top: 0; left:0; width: 100%; height: 100%;}
#index .ctn-slide .carousel .item .ctn-descripcion{padding:0;position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: flex;align-items: center;	}
#index .ctn-slide .carousel .item .ctn-descripcion .descripcion{background-color: rgba(20,20,20,0.28); width:auto;max-width: 630px; float: right; padding: 30px 20px; margin-right: 50px}
#index .ctn-slide .carousel .item .ctn-descripcion .descripcion .title-item{font-family: h-regular; font-size: 69px;color: #FFF;}
#index .ctn-slide .owl-theme .owl-dots{position: absolute; display: flex;justify-content: center;left:0;right: 0; bottom: 15px;}
#index .ctn-slide .owl-theme .owl-dots .owl-dot{z-index: 500;border-radius: 50%;border:solid 1px transparent; margin-right: 5px;}
#index .ctn-slide .owl-theme .owl-dots .owl-dot span{height: 15px;width: 15px; background-color: #FFF; margin: 5px;}
#index .ctn-slide .owl-theme .owl-dots .owl-dot.active, 
#index .ctn-slide .owl-theme .owl-dots .owl-dot:hover{border-color: #FFF;}

#index .ctn-index{padding: 0;}
#index .ctn-index .ctn-servicios{padding: 35px 0;}

#index .ctn-index .ctn-servicios #carrusel-servicios{padding: 0; display: flex; justify-content: center; flex-flow: wrap;}
#index .ctn-index .ctn-servicios #carrusel-servicios .item{padding: 0;}
#index .ctn-index .ctn-servicios #carrusel-servicios .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%;}
#index .ctn-index .ctn-servicios #carrusel-servicios .item .ctn-img{padding: 0; margin-bottom: 5px;}
#index .ctn-index .ctn-servicios #carrusel-servicios .item .ctn-img img{display: block;margin:auto; top: 0; bottom: 0;}
#index .ctn-index .ctn-servicios #carrusel-servicios .item:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-index .ctn-servicios #carrusel-servicios .item .title-item{text-align: center;margin: 0;text-transform: capitalize;font-family: bold; font-size: 22px;}
#index .ctn-index .ctn-servicios #carrusel-servicios .item:hover .title-item{text-decoration: underline;}

#index .ctn-index .ctn-tienda{padding: 35px 0;}
#index .ctn-index .ctn-tienda .carrusel-tienda{padding: 0; display: flex; flex-flow: wrap; justify-content: center;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item{padding: 0;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-img{padding: 0; overflow: hidden;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-img img{padding: 0; transition: 0.3s;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item:hover .ctn-img {position: relative;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-img .descuento{position: absolute; top: 15px; left: 0px;} 
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-img .descuento p{background: url(../../../Imagenes/Sistema/label_descuento.png) no-repeat; font-family: semi; font-size: 19px; color: #FFF; padding: 4px 15px; background-position: right center;} 
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt{padding: 30px 5px; text-align: center; }
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .title-item{padding: 0;margin: 0 0 15px;font-family: bold; font-size: 24px; text-transform: capitalize;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .price{margin: 0 0 10px;padding: 0; font-family: bold; font-size: 24px;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .ver-mas{display: inline-block;color: #FFF;padding: 10px 30px; font-family: regular; font-size: 17px; transition: 0.3s;}
#index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .ver-mas:hover{transform: scale(1.03,1.03);}


#index .ctn-galeria{padding: 30px 0; }
#index .ctn-galeria .item-galeria{float: left; display: table; position:relative; padding: 0;overflow: hidden;}
#index .ctn-galeria .item-galeria>a>img{transition: 0.3s;}
#index .ctn-galeria .item-galeria:hover > a > img{transform: scale(1.05,1.05);}
#index .ctn-galeria .item-galeria .ctn-hover{position:absolute; top:0; left:0; right:0; width: 100%; height: 100%; display: none;}
#index .ctn-galeria .item-galeria .ctn-hover .ctn-bg{opacity: 0.7;}
#index .ctn-galeria .item-galeria .ctn-hover a{position: absolute;top: 0;left:0;right: 0; bottom: 0;}
#index .ctn-galeria .item-galeria .ctn-hover img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: auto;}
#index .ctn-galeria .item-galeria:hover .ctn-hover{display: block;}

#index .ctn-galeria .ctn-btn{text-align: center; margin-top: 20px;}
#index .ctn-galeria .ctn-btn .btn-ver-todo{display: inline-block;padding: 15px 100px;color: #FFF;font-family: regular; font-size: 26px;transition: 0.2s;}
#index .ctn-galeria .ctn-btn .btn-ver-todo:hover{text-decoration: none; transform: scale(1.05,1.05);}



#index .ctn-index .ctn-blog{ padding: 0; padding-top: 30px;}
#index .ctn-index .ctn-blog .ctn-items{padding: 0;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item{padding: 0 35px 15px 0;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-img{padding: 0;overflow: hidden;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-img img{transition: 0.3s;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt{padding: 0 0 0 21px;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt .titulo{margin: 0 0 15px; font-family: bold; font-size: 20px; color: #161616;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt p{margin: 0; font-family: regular; font-size: 15px; color: #6C6D70;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt .btn-ver-mas{display: inline-block;float: right;margin-top: 10px;padding: 7px 50px;font-family: regular; font-size: 16px; color:#FFF; transition: 0.2s;}
#index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt .btn-ver-mas:hover{transform: scale(1.05,1.05);}
#index .ctn-index .ctn-blog .ctn-btn{text-align: center;padding-top: 45px;margin-bottom: 35px; }
#index .ctn-index .ctn-blog .ctn-btn .btn-todos{display: inline-block;padding: 15px 100px;color: #FFF;font-family: regular; font-size: 26px;transition: 0.2s;}
#index .ctn-index .ctn-blog .ctn-btn .btn-todos:hover{transform: scale(1.05,1.05);}


#index .ctn-index .ctn-videos{padding:50px 15px 23px;}
#index .ctn-index .ctn-videos .videos{padding: 0 50px;}
#index .ctn-index .ctn-videos .videos iframe{width: 100%; height: 490px;}
#index .ctn-index .ctn-videos .otros-videos{padding: 30px 196px;}
#index .ctn-index .ctn-videos .otros-videos div{}
#index .ctn-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-index .ctn-videos .otros-videos > div a img{ object-fit: cover; position: relative; transition: 0.5s ease;}
#index .ctn-index .ctn-videos .otros-videos > div iframe{width: 100%; height: 100px;}
#index .ctn-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-index .ctn-videos .otros-videos div{padding: 0 10px;}
#index .ctn-index .ctn-videos .otros-videos a{display: inline-block; margin-right: 9px;}
#index .ctn-index .ctn-videos .otros-videos a:last-child{margin-right: 0;}
#index .ctn-index .ctn-videos .ctn-btn{text-align: center; }
#index .ctn-index .ctn-videos .ctn-btn .btn-ver-todo{display: inline-block;padding: 15px 100px;color: #FFF;font-family: regular; font-size: 26px;transition: 0.2s;}
#index .ctn-index .ctn-videos .ctn-btn .btn-ver-todo:hover{text-decoration: none; transform: scale(1.05,1.05);}
    



@media(max-width: 1600px){
    #index .slide iframe, #index .slide video{height: 533px;}
}

@media(max-width: 1500px){
    #index .slide iframe, #index .slide video{height: 501px;}
}


@media(max-width: 1300px){
    #index .slide iframe, #index .slide video{height: 433px;}
}


@media(max-width: 1200px){
  #index .ctn-index{padding: 15px;}
  #index .ctn-index .ctn-servicios #carrusel-servicios .item .title-item{font-size: 18px;}
  #index .ctn-slide .carousel .item .ctn-descripcion .descripcion .title-item{font-size: 30px;}
  #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .title-item{font-size: 18px;}
  #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .price{font-size: 18px;}
  #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .ver-mas{font-size: 16px;}
  #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .ver-mas{font-size: 20px;}
  #index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt .btn-ver-mas{font-size: 15px;}
  #index .ctn-index .ctn-blog .ctn-btn .btn-todos{font-size: 20px;}
  #index .ctn-index .ctn-videos{padding-left: 0; padding-right: 0;}
  #index .ctn-index .ctn-videos .ctn-btn .btn-ver-todo{font-size: 20px;}
  #index .ctn-galeria .ctn-btn .btn-ver-todo{font-size: 20px;}
  #index .slide iframe, #index .slide video{height: 401px;}
  #index .slide #dd{width: 100%}
  
  #index .slide .ctn-pag .owl-nav .owl-prev{padding-left: 15px;}
    #index .slide .ctn-pag .owl-nav .owl-next{padding-right: 15px;}
  
}

@media(max-width: 1024px){
    #index .slide iframe, #index .slide video{height: 341px;}
}

@media(max-width: 991px){
  #index .ctn-slide .carousel .item .ctn-descripcion .descripcion{padding: 15px;}
  #index .ctn-slide .carousel .item .ctn-descripcion .descripcion .title-item{font-size: 25px;  }
  #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .title-item{font-size: 16px; }
  #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .ver-mas {font-size: 15px;} 
  #index .ctn-index .ctn-blog .ctn-items .ctn-item{padding: 0 10px 15px 0;  }
  #index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt .titulo{font-size: 20px;  margin-bottom: 10px;  }
  #index .ctn-index .ctn-blog .ctn-items .ctn-item .ctn-txt p{font-size: 14px;  text-align: justify;}
  #index .ctn-index .ctn-blog .ctn-btn .btn-todos{font-size: 18px; }
  #index .ctn-index .ctn-videos{padding: 50px 0px 23px;}
  
  #index .ctn-title .title{margin-top: 0;}
  #index .ctn-index .ctn-videos .ctn-btn .btn-ver-todo{font-size: 18px;}
  #index .ctn-galeria .ctn-btn .btn-ver-todo{font-size: 18px;}
  #index .slide iframe, #index .slide video{height: 256px;}
  #index .slide .ctn-pag{ top: 30%;}
}

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

@media(max-width: 767px){
  #index .ctn-slide .carousel .item .ctn-descripcion{height: auto; position: absolute; bottom: 0; top: auto; left: 0;}
  #index .ctn-slide .carousel .item .ctn-descripcion .descripcion{width: 100%; max-width: none;padding:  15px 15px 50px; min-height: 93px;}
  #index .ctn-index .ctn-servicios{padding: 0;}
  #index .ctn-index .ctn-tienda{padding: 35px 0;}
  
  #index .ctn-index .ctn-videos .videos{padding:20px 0;}
    #index .ctn-index .ctn-videos .otros-videos{display: none;}
    #index .ctn-index .ctn-videos .otros-videos a{display: block; margin: 0; margin-bottom: 15px;}
    #index .ctn-index .ctn-videos .videos iframe{height: 300px;}
    
    #index .ctn-galeria{padding: 0;}
    #index .ctn-galeria .item-galeria .ctn-hover{display: none!important;}
    #index .ctn-slide .carousel .item .ctn-descripcion .descripcion .title-item{text-align: center; font-size: 20px;}
    #index .slide iframe, #index .slide video{height: 240px;}
    #index .ctn-slide .carousel .item .ctn-descripcion .descripcion{margin-right: 0;min-height: 0; padding-bottom: 15px;}

    #index .ctn-slide .owl-theme .owl-dots{position: static;}
    #index .ctn-slide .owl-theme .owl-dots .owl-dot.active, #index .ctn-slide .owl-theme .owl-dots .owl-dot:hover{border-color: #CCC;}
    #index .ctn-slide .owl-theme .owl-dots .owl-dot span{background-color: #CCC;}

}

@media(max-width: 479px){
    #index .ctn-index .ctn-videos .videos iframe{height: 250px;}
    #index .ctn-index .ctn-videos .ctn-btn .btn-ver-todo{padding: 15px 40px;}
    #index .ctn-galeria .ctn-btn .btn-ver-todo{padding: 15px 40px;}
    #index .ctn-index .ctn-blog .ctn-btn .btn-todos{padding: 15px 75px;}
    #index .ctn-title .title{font-size: 28px;}
    
    #index .ctn-galeria .item-galeria{width: 100%;}
    #index .slide iframe, #index .slide video{ height: 161px;}
    
    #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .title-item{
        font-size: 12px;
        font-family: regular;
    }

    #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt .price{
        font-size: 14px;
    }

    #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-txt{
        padding: 13px 5px;
    }
    #index .ctn-index .ctn-tienda .carrusel-tienda .item .ctn-img .descuento p{
        font-size: 12px;
        padding: 2px 9px 2px 4px
    }

}