#index{}


#index .ctn-slide{padding: 0 15px 15px 15px;margin-bottom: 0px;}

#index .ctn-carousel .owl-carousel{display: flex; flex-flow: wrap; justify-content: center;}
#index .ctn-slide .owl-carousel{}
#index .ctn-slide .owl-carousel .item{}
#index .ctn-slide .owl-carousel .item .ctn-desc{padding: 30px;position: absolute;top: 0; left: 0; height: 100%; display: flex;align-items: center;}
#index .ctn-slide .owl-carousel .item .ctn-desc .desc{padding: 0; max-width: 480px; width: 100%;margin-top: 100px;}
#index .ctn-slide .owl-carousel .item .ctn-desc .desc .title-item{ font-family: regular; font-size: 63px;display: inline-block;margin: 0 0 5px; padding: 5px 10px; background-color: #FFF;}
#index .ctn-slide .owl-carousel .item .ctn-desc .desc p{font-family: regular; font-size: 15px;margin-bottom: 25px; text-align: justify; padding: 5px 15px; background-color: #FFF;}
#index .ctn-slide .owl-carousel .item .ctn-desc .desc .btn-ver{display: inline-block;padding: 15px 20px; font-family: bold; font-size: 19px; color: #FFF; overflow: hidden;}
#index .ctn-slide .owl-carousel .item-video iframe, #index .ctn-slide .owl-carousel .item-video video{height: 380px;}


#index .ctn-cursos{padding: 0;}
#index .ctn-cursos .owl-item{transition: 0.3s;}
#index .ctn-cursos .owl-item .ctn-item{padding: 0;background: var(--color1);    background: var(--color1_grad);  transition: 0.3s;}
#index .ctn-cursos .owl-item:nth-child(2n) .ctn-item{background: var(--color2);    background: var(--color2_grad); }
#index .ctn-cursos  .ctn-item figure{padding: 0;overflow: hidden;}
#index .ctn-cursos  .ctn-item figure img{opacity: 0.59; transition: 0.3s;}
#index .ctn-cursos  .ctn-item:hover figure img{opacity: 1; transform: scale(1.05);}
#index .ctn-cursos  .ctn-item .ctn-desc{padding: 15px; color: #FFF; display: flex; position: absolute; bottom: 0; left: 0; z-index: 1; background: var(--color1);    background: var(--color1_grad);}

#index .ctn-cursos  .ctn-item .ctn-desc{padding: 15px; color: #FFF; display: flex; position: absolute; bottom: 0; left: 0; z-index: 1; background: var(--color1);    background: var(--color1_grad);}

#index .ctn-cursos .owl-item:nth-child(2n) .ctn-item .ctn-desc{background: var(--color2);    background: var(--color2_grad); }

#index .ctn-cursos  .ctn-item .ctn-desc .txt{margin: 0;padding: 0 20px 0 0; font-family: regular; font-size: 17px;}
#index .ctn-cursos  .ctn-item .ctn-desc .val{font-family: bold; font-size: 43px;}
#index .ctn-cursos  .ctn-item{padding: 0;}
#index .ctn-cursos  .ctn-item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
#index .ctn-cursos  .ctn-item figure{padding: 0;overflow: hidden;}
#index .ctn-cursos  .ctn-item figure img{opacity: 0.59; transition: 0.3s;}
#index .ctn-cursos  .ctn-item figure .status{position: absolute;top: 0;left: 0; padding: 10px 15px; display: flex; align-items: center;}
#index .ctn-cursos  .ctn-item figure .status p{background-color: #FFF;font-family: bold; font-size: 16px; color: var(--bg_txt); display: inline-flex; align-items: center; justify-content: center; margin-right: 5px; line-height: 1;padding: 5px 12px; border-radius: 13px;}
#index .ctn-cursos  .ctn-item figure .status .percent{width: 44px; height: 44px; border-radius: 50%; padding: 0;}
#index .ctn-cursos  .ctn-item:hover figure img{opacity: 1; transform: scale(1.05);}
#index .ctn-cursos  .ctn-item .ctn-desc{padding: 15px; color: #FFF; display: flex; align-items: center;}
#index .ctn-cursos  .ctn-item .ctn-desc .txt{margin: 0;padding: 0 20px 0 0; font-family: regular; font-size: 17px;}
#index .ctn-cursos  .ctn-item .ctn-desc .val{font-family: bold; font-size: 43px; white-space: pre; margin-left: auto;}
#index .ctn-cursos  .ctn-btn{text-align: center; margin-top: 30px;}



#index .owl-carousel .owl-dots{margin-top: 5px;}
#index .owl-carousel .owl-dots .owl-dot{}
#index .owl-carousel .owl-dots .owl-dot span{margin: 5px; height: 16px; width: 16px; background-color:#7e7e7e; }
#index .owl-carousel .owl-dots .owl-dot.active span,
#index .owl-carousel .owl-dots .owl-dot:hover span{background-color:#232323;}

#index .ctn-servicios{padding: 15px; margin-bottom: 25px;   }
#index .ctn-servicios .ctn-items{padding: 0; display: flex;align-items: flex-start;justify-content: center;flex-flow: row wrap;}
#index .ctn-servicios .ctn-items .ctn-item{padding: 4px 25px;}
#index .ctn-servicios .ctn-items .ctn-item .item{padding: 0; text-align: center;}
#index .ctn-servicios .ctn-items .ctn-item .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
#index .ctn-servicios .ctn-items .ctn-item .item .ctn-img{padding: 0;margin-bottom: 15px;}
#index .ctn-servicios .ctn-items .ctn-item .item .ctn-img img{display: inline-block; transition: 0.3s;}
#index .ctn-servicios .ctn-items .ctn-item .item .title-item{font-family: regular; margin: 0;font-size: 15px;color: #222221;}
#index .ctn-servicios .ctn-items .ctn-item .item:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-servicios .ctn-items .ctn-item .item:hover .title-item{text-decoration: underline;}

#index .btn-agregar{ display: inline-block; color: #FFF; padding: 5px 10px; }

#index .ctn-descuentos{padding: 15px;margin-bottom: 25px;}
#index .ctn-descuentos .ctn-carousel{padding: 0;}
#index .ctn-descuentos .ctn-carousel .owl-carousel{}
#index .owl-carousel .owl-stage-outer{z-index: 5;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item{}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .descuento{position: absolute;top: 10px; right: 10px; background-color: #FFF;z-index: 1; text-align:center; border-style: solid; border-width: 1px; padding: 10px; font-family: bold; font-size: 16px;text-transform: uppercase;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .descuento span{display: block;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-img{overflow: hidden;padding: 0;margin-bottom: 5px;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-img img{transition: 0.3s;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-img a{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item:hover .ctn-img img{transform: scale(1.05);}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-txt{text-align: center;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-txt .title-item{font-family: regular; font-size: 14px;color: #000; margin: 0; text-transform: uppercase; margin-bottom: 5px; background-color: #FFF;}
#index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-txt .precio{font-family: bold; font-size: 21px; color: #000;margin: 0 0 10px; background-color: #FFF;}
#index .owl-carousel .owl-nav{margin: 0;position: absolute;top: 0; left: 0;width: 100%; height: 100%; /* z-index: 10;*/}
#index .owl-carousel .owl-nav .owl-prev,
#index .owl-carousel .owl-nav .owl-next{background-color: transparent;margin: 0; position: absolute; top: 30%; height: auto; display: flex; align-items: center; z-index: 50; }
#index .owl-carousel .owl-nav .owl-prev{left: 0;}
#index .owl-carousel .owl-nav .owl-next{right: 0;}


#index .ctn-destacados{padding: 15px;margin-bottom: 25px;}
#index .ctn-destacados .owl-carousel{padding: 0; display: flex;align-items: center;justify-content: center; flex-flow: row wrap;}
#index .ctn-destacados .owl-carousel .ctn-item{padding: 4px;margin-bottom: 25px;}
#index .ctn-destacados .owl-carousel .ctn-item .item{padding: 0;margin-bottom: 20px;}
#index .ctn-destacados .owl-carousel .ctn-item .item .descuento{position: absolute;top: 10px; right: 10px; background-color: #FFF;z-index: 1; text-align:center; border-style: solid; border-width: 1px; padding: 10px; font-family: bold; font-size: 16px;text-transform: uppercase;}
#index .ctn-destacados .owl-carousel .ctn-item .item .descuento span{display: block;}
#index .ctn-destacados .owl-carousel .ctn-item .item .ctn-img{overflow: hidden;padding: 0;margin-bottom: 5px;}
#index .ctn-destacados .owl-carousel .ctn-item .item .ctn-img img{transition: 0.3s;}
#index .ctn-destacados .owl-carousel .ctn-item .item .ctn-img a{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
#index .ctn-destacados .owl-carousel .ctn-item .item:hover .ctn-img img{transform: scale(1.05);}
#index .ctn-destacados .owl-carousel .ctn-item .item .ctn-txt{text-align: center;}
#index .ctn-destacados .owl-carousel .ctn-item .item .ctn-txt .title-item{font-family: regular; font-size: 14px;color: #000; margin: 0; text-transform: uppercase; margin-bottom: 5px;}
#index .ctn-destacados .owl-carousel .ctn-item .item .ctn-txt .precio{font-family: bold; font-size: 21px; color: #000;margin: 0 0 10px;}


#index .ctn-nuevos{padding: 15px;margin-bottom: 25px;}
#index .ctn-nuevos .owl-carousel{padding: 0;}
#index .ctn-nuevos .owl-carousel .ctn-item{padding: 4px;margin-bottom: 10px;}
#index .ctn-nuevos .owl-carousel .ctn-item .item{padding: 0;margin-bottom: 20px;}
#index .ctn-nuevos .owl-carousel .ctn-item .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 5;}
#index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-img{overflow: hidden;padding: 0;}
#index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-img img{transition: 0.3s;}
#index .ctn-nuevos .owl-carousel .ctn-item .item:hover .ctn-img img{transform: scale(1.05);}
#index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-desc{position: absolute;left: 0; bottom: 0;}
#index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-desc .title-item{display: inline-block;color: #FFF;font-family: regular; font-size: 29px; text-transform: uppercase;padding: 10px;margin-bottom: 3px;}
#index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-desc .precio{background-color: #FFF; font-family: bold; font-size: 34px;color: #000;margin-bottom: 3px;padding: 5px 10px;display: inline-block;}
#index .ctn-nuevos .owl-carousel .ctn-item .ctn-btn{text-align: center;}

#index .ctn-videos{padding:0; background-color: rgba(35,35,35,0.05); margin:0 0 25px;}
#index .ctn-videos .videos{padding:25px;}
#index .ctn-videos .videos .title{text-align: center; color: #232323; display: block;}
#index .ctn-videos .videos .ctn-iframe{padding: 0;}
#index .ctn-videos .videos .ctn-iframe iframe{width: 100%; height: 490px;}
#index .ctn-videos .videos .otros-videos{padding: 30px 196px;}
#index .ctn-videos .videos .otros-videos div{}
#index .ctn-videos .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 .videos .otros-videos > div a img{ object-fit: cover; position: relative; transition: 0.5s ease;}
#index .ctn-videos .videos .otros-videos > div iframe{width: 100%; height: 100px;}
#index .ctn-videos .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 .videos .otros-videos div{padding: 0 10px;}
#index .ctn-videos .videos .otros-videos a{display: inline-block; margin-right: 9px;}
#index .ctn-videos .videos .otros-videos a:last-child{margin-right: 0;}
#index .ctn-videos .videos .ctn-btn{text-align: center; }

#index .ctn-blog{padding: 0;}
#index .ctn-blog .blog{padding: 15px; margin-bottom: 70px;}
#index .ctn-blog .blog .title{padding-right: 100px;}
#index .ctn-blog .blog .ctn-items{padding: 0;}
#index .ctn-blog .blog .ctn-items .ctn-item{padding: 10px;}
#index .ctn-blog .blog .ctn-items .ctn-item .item{padding: 0;}
#index .ctn-blog .blog .ctn-items .ctn-item .item a{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
#index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-img{padding: 0;overflow: hidden;}
#index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-img img{ transition: 0.3s;}
#index .ctn-blog .blog .ctn-items .ctn-item .item:hover .ctn-img img{transform: scale(1.05);}

#index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt{position: absolute;z-index: 1; left: 0; bottom: 20px; width: 100%; max-width: 440px; background-color: rgba(255,255,255,0.85); padding: 15px;}
#index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt .title-item{font-family: semi; font-size: 20px; text-transform: uppercase;margin:0 0 10px;}
#index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt .desc{font-family: regular; font-size: 15px;color: #000; margin: 0;}


@media(min-width: 992px){
    #index .ctn-servicios .ctn-items .ctn-item{width: 20%;}   
}


@media(max-width: 1200px){
    #index .ctn-slide{margin-bottom: 0;}
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc{margin-top: 0;}
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc .title-item{font-size: 40px;}
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc .btn-ver{font-size: 18px;padding: 5px 20px;}

    #index .ctn-servicios .ctn-items .ctn-item{padding: 4px 15px;}

    #index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-txt .title-item,
    #index .ctn-destacados .ctn-items .ctn-item .item .ctn-txt .title-item{font-size: 13px;min-height: 30px; align-items: center;justify-content: center;display: flex; }

    #index .ctn-nuevos .ctn-items .ctn-item .item .ctn-desc .title-item{font-size: 20px;}
    #index .ctn-nuevos .ctn-items .ctn-item .item .ctn-desc .precio{font-size: 20px;}

    #index .ctn-videos .videos .otros-videos{padding: 30px 100px;}
    #index .ctn-slide{padding: 0 0px 15px 0px;}
    #index .ctn-slide .owl-carousel .item-video iframe, #index .ctn-slide .owl-carousel .item-video video{height: 400px;}

    #index .ctn-cursos .ctn-item .ctn-desc .txt{font-size: 15px;}
    #index .ctn-cursos .ctn-item .ctn-desc .val{font-size: 40px;}

}

@media(max-width: 991px){
    #index .ctn-videos .videos .ctn-iframe iframe{height: 250px;}
    #index .ctn-videos .videos .otros-videos{padding: 20px;}

    #index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt{padding: 10px;bottom: 0;}
    #index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt .title-item{font-size: 17px;margin-bottom: 5px;}
    #index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt .desc {font-size: 14px;}
    #index .ctn-slide .owl-carousel .item-video iframe, #index .ctn-slide .owl-carousel .item-video video{height: 256px;}
}


@media(max-width: 767px){
    #index .ctn-slide{padding: 0;}
    #index .ctn-slide .owl-carousel .item .ctn-desc{padding: 15px;display: block;text-align: center;position: relative;text-align: center; height: auto;}
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc{float: none; margin: 0 auto; }
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc .title-item{font: 30px;}
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc p{text-align: center;}

    #index .ctn-videos .videos{padding: 15px;}
    #index .ctn-videos .videos .otros-videos div iframe{height: 130px;}

    #index .ctn-videos .videos .otros-videos{padding: 20px 0; display: none;}
    #index .ctn-videos .videos .ctn-btn{margin-top: 15px;}
    #index .ctn-slide .owl-carousel .item-video iframe, #index .ctn-slide .owl-carousel .item-video video{height: 352px;}

    #index .ctn-cursos .ctn-item .ctn-desc .val{font-size: 30px;}
}

@media(max-width: 479px){
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc .title-item{padding: 0;font-size: 18px;}
    #index .ctn-slide .owl-carousel .item .ctn-desc .desc p{font-size: 17px;padding: 0;}

    #index .ctn-nuevos .ctn-items .ctn-item{padding: 0;margin: 0 0 25px;}
    #index .ctn-nuevos .ctn-items .ctn-item .item .ctn-desc{position: relative;text-align: center; width: 100%;float: left;}
    #index .ctn-nuevos .ctn-items .ctn-item .item .ctn-desc .title-item{display: block;font-size: 17px;}


    #index .ctn-blog .blog .ctn-items .ctn-item{padding: 0;margin-bottom: 25px;}
    #index .ctn-blog .blog .ctn-items .ctn-item .item .ctn-txt{position: relative;width: 100%; float: left;}
    #index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-desc .title-item{font-size: 16px;}
    #index .ctn-nuevos .owl-carousel .ctn-item .item .ctn-desc .precio{font-size: 18px;}
    #index .ctn-slide .owl-carousel .item-video iframe, #index .ctn-slide .owl-carousel .item-video video {height: 250px;}
    #index .ctn-descuentos .ctn-carousel .owl-carousel .item .descuento{font-size: 12px; padding: 5px;}
    #index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-txt .title-item, 
    #index .ctn-destacados .ctn-items .ctn-item .item .ctn-txt .title-item{
        font-size: 10px;
    }

    #index .ctn-descuentos .ctn-carousel .owl-carousel .item .ctn-txt .precio{
        font-size: 15px;
    }

    #index .ctn-destacados .owl-carousel .ctn-item .item .ctn-txt .title-item{
        font-size: 10px;
    }

    #index .ctn-destacados .owl-carousel .ctn-item .item .ctn-txt .precio{
        font-size: 15px;
    }

    #index .ctn-destacados .owl-carousel .ctn-item .item .descuento{
        font-size: 12px; padding: 5px;
    }

}

#index .ctn-galeria{padding: 0; margin-top:15px; margin-bottom: 15px;}
#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: 30px;}



@media(max-width: 767px){
    #index .ctn-galeria{padding: 0;}
    #index .ctn-galeria .title{margin-bottom: 25px;font-size: 20px;}
    #index .ctn-galeria .item-galeria .ctn-hover{display: none!important;}
}


@media(max-width: 479px){
    #index .ctn-galeria .item-galeria{width: 100%;}
}


#index .testimonios .item-testimonio{margin-top:20px; padding: 0 40px; height: 100%; align-items: flex-start; display: flex; flex-flow: wrap;}
#index .testimonios .item-testimonio.mt-0{margin-top: 0;}
#index .testimonios .item-testimonio a{position: absolute;top: 0; right: 0; left: 0; bottom: 0; z-index: 1;}
#index .testimonios .item-testimonio .ctn-img img{display: block; margin: 0 auto;transition: 0.3s}
#index .testimonios .item-testimonio:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .testimonios .item-testimonio .ctn-txt{width: 100%;}
#index .testimonios .item-testimonio .ctn-txt.aling-center{align-self: center;}
#index .testimonios .item-testimonio .ctn-txt h4{font-family: bold; font-size: 20px; color: #161616; text-align: center;}
#index .testimonios .item-testimonio .ctn-txt p{font-family: light; font-size: 15px; color: #2D2D2D; text-align: center; margin-bottom: 15px; }
#index .testimonios  .ctn-btn{text-align: center; margin-top: 30px;}


/* #index .testimonios .owl-carousel .owl-stage{display: flex; flex-flow: wrap; align-items: center;} */


#index .testimonios .owl-carousel {display: flex; flex-flow: wrap; justify-content: center;}
#index .testimonios .owl-carousel .owl-stage{display: flex; flex-flow: wrap; align-items: flex-start; height: 100%;}

#index .testimonios .owl-carousel .owl-item{display: flex; flex-flow: wrap; align-items: flex-start; height: 100%;}
#index .testimonios .owl-carousel .item{height: 100%; display: flex; flex-flow: wrap; align-items: flex-start;}




@media(max-width: 479px){
    #index .testimonios .item-testimonio{padding: 0;}
}