.item-pro{padding: 0;}
.item-pro .ctn-item{padding: 0;}
.item-pro .ctn-item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.item-pro .ctn-item figure{padding: 0;margin-bottom: 15px; overflow: hidden;}
.item-pro .ctn-item figure img{transition: 0.3s;}
.item-pro .ctn-item:hover figure img{transform: scale(1.05);}
.item-pro .ctn-item figure .percent{padding: 0;margin: 0; font-family: bold; font-size: 22px; color: var(--bg_txt); background-color: #FFF;position: absolute; top: 15px; left: 15px; border-radius: 13px; line-height: 1; padding: 10px 30px;}
.item-pro .ctn-item figure .btn-add{position: absolute; top: 15px; right: 15px; width: 40px ; height: 40px; border-radius: 50%; border: solid 2px #000; color: #FFF; background-color: var(--color1); display: inline-flex; align-items: center; justify-content: center; border-style: solid; border-width: 2px ; transition: 0.3s;z-index: 100;} 
.item-pro .ctn-item figure .btn-add:hover{transform: scale(1.05);}
.item-pro .ctn-item figure .btn-add i{margin-right: 0;}
.item-pro .ctn-item .ctn-desc{padding: 0; color: var(--bg_txt);}
.item-pro .ctn-item .ctn-desc .title-pro{font-family: semi; font-size: 20px; margin: 0;}
.item-pro .ctn-item .ctn-desc .val{font-family: bold; font-size: 33px;}

@media (max-width: 1200px) {    
    .item-pro .ctn-item figure {margin-bottom: 10px;}
    .item-pro .ctn-item figure .percent{font-size: 18px; padding: 5px 20px;}
    .item-pro .ctn-item figure .btn-add{height: 30px; width: 30px;}
    .item-pro .ctn-item .ctn-desc .title-pro {font-size: 17px;}
    .item-pro .ctn-item .ctn-desc .val {font-size: 23px;}   
}

@media (max-width: 767px) {    
    .item-pro .ctn-item{text-align: center;}
    .item-pro .ctn-item figure .percent {font-size: 14px;}

    .item-pro .ctn-item .ctn-desc{text-align: center;}
    .item-pro .ctn-item .ctn-desc .title-pro{font-size: 15px;}
    .item-pro .ctn-item .ctn-desc .val{font-size: 20px;}
}



#index{}


#index .ctn-section .ctn-title-s {text-align: center; margin-bottom: 30px;}
#index .ctn-section .ctn-title-s .title-section {padding: 0; text-align: center; display: inline-block; margin: 0; font-family: medium; font-size: 45px; color: var(--color1); padding: 0 15px ;}
#index .ctn-section .ctn-title-s .title-section::after{content: ""; position: relative; display: block; top: 0; left: 0; width: 136px; height: 1px; background: var(--color2); transition: 0.3s; margin: 0 auto; margin-top: 10px;}

#index .ctn-section .ctn-title-s .title-section.blanco {color: #FFF;}
#index .ctn-section .ctn-title-s .title-section.blanco::after{background-color: #FFF;}

#index .ctn-relative{position: relative;}

#index .ctn-relative .ctn-absolute{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center;}
#index .ctn-relative .ctn-absolute .ctn-flex{height: 100%; display: flex; align-items: center;}
#index .ctn-relative .ctn-absolute .link-item-slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}



#index .ctn-btn-v{display: flex; justify-content: center;}
#index .ctn-btn-v .btn-ver{padding: 5px 15px; color: #FFF; background-color: var(--color2); font: 33px medium; border-radius: 12px; transition: 0.3s;}
#index .ctn-btn-v .btn-ver:hover{transform: scale(1.05,1.05);}


#index .title{text-transform:uppercase; font-family: black; font-size: 26px; color: #161616; text-align: center; margin-bottom: 30px;}
#index .slide{position: relative;}
#index .slide .ctn-flex{display: flex; justify-content: center; align-items: center;}
/* #index .slide .item{position: relative;} */
#index .slide .item .ctn-center{background-position: center top;}
#index .slide .item .ctn-imagen{display: flex; flex-flow: column; justify-content: center; align-items: flex-end;}
#index .slide .item .ctn-imagen img{width: auto;}
#index .slide .item .ctn-txt{}

#index .slide .item .ctn-relative .ctn-absolute .ctn-txt{margin-left: auto;}


#index .slide .item .ctn-txt h2{text-align: right; font-family: bold; color: #FFF; font-size: 44px; text-shadow: 4px 4px 7px rgba(0,0,0,0.6);}
#index .slide .item .ctn-txt h3{text-align: right; font-family: regular; color: #FFF; font-size: 44px; text-shadow: 4px 4px 7px rgba(0,0,0,0.6);}
#index .slide .item .ctn-txt h4{margin: 15px 0;text-align: right; font-family: beauty; color: #FFF; font-size: 80px;}
#index .slide .item .ctn-txt .ctn-redes-slide{display: flex; justify-content: flex-end; align-items: center; flex-flow: row; padding: 0;}
#index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer{display: flex; justify-content: center; align-items: center; flex-flow: row; margin-right: 20px;}
#index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer:last-child{margin-right: 0px;}
#index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer .ctn-icon{margin-right: 12px;}
#index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer .ctn-icon img{width: auto;}
#index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer .ctn-txt-red{}
#index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer .ctn-txt-red a{font-family: regular; font-size: 19px; color: #FFF;}

#index .slide .owl-theme .owl-dots{position: absolute; bottom: 0; width: 100%;}


#index .slide .ctn-pag{position: absolute; top: 50%;}
#index .slide #dd{width: 1460px; 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 .slide iframe, #index .slide video{height: 636px;} */

#index .slide iframe, #index .slide video{height: 960px;}

#index .ctn-slogan{padding: 25px 0;}
#index .ctn-slogan h2{text-align: center; color: #FFF; font: 41px regular; padding: 0 15px;}



#index .ctn-section.ctn-destacados {margin: 20px 0;}


#index .ctn-section.ctn-destacados .owl-carousel .owl-stage-outer{z-index: 1;}
#index .ctn-section.ctn-destacados .owl-carousel .owl-dots{margin-top: 5px;}
#index .ctn-section.ctn-destacados .owl-carousel .owl-dots .owl-dot{}
#index .ctn-section.ctn-destacados .owl-carousel .owl-dots .owl-dot span{margin: 5px; height: 16px; width: 16px; background-color:#7e7e7e; }
#index .ctn-section.ctn-destacados .owl-carousel .owl-dots .owl-dot.active span,
#index .ctn-section.ctn-destacados .owl-carousel .owl-dots .owl-dot:hover span{background-color:#232323;}
#index .ctn-section.ctn-destacados .owl-carousel .owl-nav{position: absolute; top: 0;left: 0; width: 100%; height: 100%;margin: 0;}
#index .ctn-section.ctn-destacados .owl-carousel .owl-nav > div {background-color: transparent;position: absolute; top: 0; height: 100%; left: 0; display: inline-flex; align-items: center;padding: 10px 20px;margin: 0; z-index: 10;}
#index .ctn-section.ctn-destacados .owl-carousel .owl-nav .owl-next{left: initial; right: 0;}
#index .ctn-section.ctn-destacados .ctn-btn-v{margin-top: 30px;}


#index .ctn-section .owl-carousel{
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}


@media (max-width:1399px) {
    #index .ctn-section.ctn-destacados .owl-carousel .owl-nav > div img{max-height: 45px;}    
}


#index .ctn-section.servicios {background-color: #f2f5fa;}
#index .ctn-section.servicios .our-servicios{padding: 80px 0 50px; display: flex; justify-content: center; align-items: flex-start; flex-flow: wrap;}
#index .ctn-section.servicios .our-servicios .item-servicio{position: relative; margin-bottom: 50px;}
#index .ctn-section.servicios .our-servicios .item-servicio .img-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#index .ctn-section.servicios .our-servicios .item-servicio .ctn-img{margin-bottom: 16px; padding: 0; position: relative; border-radius: 8px; overflow: hidden; display: flex; justify-content: center;}
#index .ctn-section.servicios .our-servicios .item-servicio .ctn-img img{border-radius: 8px; transition: 0.3s; width: 100%;}
#index .ctn-section.servicios .our-servicios .item-servicio .ctn-img .link-img{position: absolute; bottom: 10px; right: 10px;background-color: var(--color2);border-radius: 50%; width: 60px; height: 60px; color: #FFF; font-size: 82px; text-align: center; line-height: 62px;}




#index .ctn-section.servicios .our-servicios .ctn-txt {padding: 0;}
#index .ctn-section.servicios .our-servicios .ctn-txt h3{font-family: semi; font-size: 20px; color: #190c38; text-align: left; margin-bottom: 16px;}
#index .ctn-section.servicios .our-servicios .ctn-txt p{font-family: light; text-align: left; font-size: 17px; color:#000; }
#index .ctn-section.servicios .our-servicios .item-servicio:hover .ctn-img img{transform: scale(1.05,1.05);}

/* #index .ctn-section.banners{padding: 90px 0; background-color: #FFF;}
#index .ctn-section.banners .ctn-banner{display: flex; justify-content: center; align-items: center; flex-flow: wrap;}
#index .ctn-section.banners .ctn-banner .ctn-eventos{display: flex; flex-flow: wrap; justify-content: center; align-content: center; max-width: 784px;}



#index .ctn-section.banners .ctn-banner h3{font-family: semi; font-size: 33px; color: #190c38; margin-bottom: 9px; padding: 0; text-align: center;}
#index .ctn-section.banners .ctn-banner p{font-family: light; text-align: center; font-size: 19px; color: #190c38; margin-bottom: 15px; padding: 0;}
#index .ctn-section.banners .ctn-banner .ctn-img{position: relative; padding: 0;}
#index .ctn-section.banners .ctn-banner .ctn-img .link-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
#index .ctn-section.banners .ctn-banner .ctn-img img{width: auto;}
#index .ctn-section.banners .ctn-banner .ctn-img .ctn-vermas{position: absolute; bottom: 10px; right: 10px; border-radius: 8px; padding: 5px 10px; color: #FFF; font: 30px medium; transition: 0.3s;}
 */



#index .ctn-section.blog{padding: 45px 0;}

#index .ctn-section.blog .ctn-blog{display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start;}


/* #index .ctn-section.blog{background-image: url(../Imagenes/Sistema/fondo-blog.png); background-repeat: no-repeat; background-position: top center; padding: 45px 0;} */
#index .ctn-section.blog .ctn-title-s{margin-bottom: 40px;}
#index .ctn-section.blog .ctn-blog .item{margin-bottom: 75px;}
#index .ctn-section.blog .ctn-blog .item .ctn-img{border-radius: 8px; overflow: hidden; padding: 0;}
#index .ctn-section.blog .ctn-blog .item .ctn-img img{border-radius: 8px; transition: 0.3s;}
#index .ctn-section.blog .ctn-blog .item .ctn-img img:hover{transform: scale(1.05,1.05);}
#index .ctn-section.blog .ctn-blog .item .ctn-txt{padding-left: 15px; padding-right: 0;}
#index .ctn-section.blog .ctn-blog .item .ctn-txt .title-item{text-align: left; color: #FFF; margin-bottom: 10px; font: 20px semi;}
#index .ctn-section.blog .ctn-blog .item .ctn-txt .desc{text-align: left; color: #FFF; margin-bottom: 20px; font: 18px light;}
#index .ctn-section.blog .ctn-blog .item .ctn-txt .btn-blog{border-radius: 8px; padding: 5px 10px; color: #FFF; font: 25px medium; transition: 0.3s;}
#index .ctn-section.blog .ctn-blog .item .ctn-txt .btn-blog:hover{transform: scale(1.05,1.05);}

#index .ctn-section.blog .ctn-btn-v{margin-top: 0;}



#index .ctn-section.testimonios{padding: 40px 0 40px; background-color: #f2f5fa; margin-bottom: 30px;}
#index .ctn-section.testimonios .item-testimonio{padding: 0; position: relative; margin-bottom: 35px; display: flex; flex-flow: wrap;}
#index .ctn-section.testimonios .item-testimonio.aling-items-center{align-items: center;}
#index .ctn-section.testimonios .item-testimonio a{position: absolute;top: 0; right: 0; left: 0; bottom: 0; z-index: 1;}

#index .ctn-section.testimonios .item-testimonio .ctn-img {display: flex; flex-flow: column; justify-content: center; align-items: flex-start; padding-right: 0;}
#index .ctn-section.testimonios .item-testimonio .ctn-img img{margin-bottom: 20px; transition: 0.3s;}
#index .ctn-section.testimonios .item-testimonio:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img{display: flex; justify-content: center; flex-flow: column; padding: 0;}
#index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img h2{text-align: center; color: var(--color2); font: 20px semi; }
#index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img h3{text-align: center; color: var(--color2); font: 20px regular; }
#index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img p{text-align: center; color: #190c38; font: 20px light; }
#index .ctn-section.testimonios .item-testimonio .ctn-txt p{font-family: light; font-size: 19px; color: #190c38; text-align: justify;}
#index .ctn-section.testimonios .ctn-btn-v{margin-top: 20px;}


#index .ctn-cursos{padding: 55px 0;}
#index .ctn-cursos .owl-item{transition: 0.3s;}
#index .ctn-cursos .owl-item .ctn-item{padding: 0;transition: 0.3s; margin-bottom: 40px;}
#index .ctn-cursos  .ctn-item figure{padding: 0;overflow: hidden;}
#index .ctn-cursos  .ctn-item figure img{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; background: var(--color1_grad);}
#index .ctn-cursos .owl-item:nth-child(odd)  .ctn-item .ctn-desc{padding: 15px; color: #FFF; display: flex; 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{transition: 0.3s; border-radius: 12px 12px 0 0;}
#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(--color1); 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; color: #FFF;}
#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; border-radius: 0 0 12px 12px;}
#index .ctn-cursos  .ctn-item .ctn-desc .txt{margin: 0;padding: 0 16px 0 0; font-family: regular; font-size: 15px;}
#index .ctn-cursos  .ctn-item .ctn-desc .val{font-family: bold; font-size: 23px; white-space: pre; margin-left: auto;}





#index .ctn-galeria{padding: 50px 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{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-galeria .ctn-btn .btn-ver-todo:hover{text-decoration: none; transform: scale(1.05,1.05);}






#index .ctn-index .servicios{padding-top: 50px;}
#index .ctn-index .servicios .item-servicio .ctn-img{overflow: hidden;}
#index .ctn-index .servicios .item-servicio .ctn-img >a>img{transition: 0.3s;}
#index .ctn-index .servicios .item-servicio:hover .ctn-img >a>img{transform: scale(1.05,1.05);}
#index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover{position:absolute; height: 100%; top:0; left:0; right:0; width: 100%; display: none;align-items: center;justify-content: center; }
#index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover .ctn-bg{opacity: 0.7;}
#index .ctn-index .servicios .item-servicio:hover .ctn-img .ctn-hover{display: flex;}
#index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover a{position: absolute;height: 100%; width: 100%; top: 0; left: 0;z-index: 100;}
#index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover .txt{padding: 0;  text-align: center;}
#index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover p{font-family:light; font-size:15px; color:#FFF;margin-top:   15px; }
#index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover img{display: block; margin: 0 auto; width: auto;}
#index .ctn-index .ban{margin-top: 80px;padding: 0;}
#index .ctn-index .ban:first-child{padding-right: 5px;}
#index .ctn-index .ban:last-child{padding-left: 5px;}

#index .ctn-videos{padding: 0;}
#index .ctn-videos .ctn-carousel{padding: 0;margin-bottom: 30px;}
#index .ctn-videos .ctn-carousel .width{display: block; margin: 0 auto; position: relative;}
#index .ctn-videos .ctn-carousel .width .ctn-item{padding: 0; display: flex; justify-content: center;}
#index .ctn-videos .ctn-carousel .width .ctn-item figure{padding: 0; max-width: 980px;}
#index .ctn-videos .ctn-carousel .width .ctn-item figure iframe{width: 100%; height: 525px;}
#index .ctn-videos .ctn-carousel .owl-carousel{padding: 0 65px;}

#index .ctn-videos .otros-videos{padding: 0; overflow: auto; margin-bottom: 40px;}
#index .ctn-videos .otros-videos .over{display: flex; flex-wrap: wrap; min-width: max-content;margin-bottom: 15px; justify-content: center;}
#index .ctn-videos .otros-videos .item{padding: 0; position: relative; max-width: 255px; overflow: hidden;margin-right: 20px; display: flex; align-items: center; background-color: #000;}
#index .ctn-videos .otros-videos .item:last-child{margin-right: 0;}
#index .ctn-videos .otros-videos .item  a{position: absolute;top: 0; left: 0; right: 0; bottom: 0; display: flex;align-items: center;justify-content: center;}
#index .ctn-videos .otros-videos .item  a img{ object-fit: cover; position: relative; transition: 0.5s ease;}
#index .ctn-videos .otros-videos .item  iframe{width: 100%; height: 100px;}
#index .ctn-videos .otros-videos .item :hover a img{transform: scale(1.05, 1.05);box-shadow: 1px 7px 10px #000;background-color: #000;}

#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-v{text-align: center; margin-bottom: 20px;}
#index .ctn-videos .ctn-btn-v .btn-ver{padding: 5px 15px; color: #FFF; background-color: var(--color2); font: 33px medium; border-radius: 12px; transition: 0.3s;}
    

#index .ctn-banner-ppal{padding: 20px 0;margin-bottom: 25px;}
#index .ctn-banner-ppal .ctn-banners{padding: 0; display: flex; align-items: center; justify-content: center;}
#index .ctn-banner-ppal .ctn-banners .ctn-item{padding: 0;}
#index .ctn-banner-ppal .ctn-banners .ctn-item .item{padding: 5px; overflow: hidden;}
#index .ctn-banner-ppal .ctn-banners .ctn-item .item a{position: absolute; top: 0; left: 0; width: 100% ; height: 100% ; z-index: 1;}
#index .ctn-banner-ppal .ctn-banners .ctn-item .item img{transition: 0.3s;}
#index .ctn-banner-ppal .ctn-banners .ctn-item .item:hover img{transform: scale(1.05);}


#index .ctn-section1{padding: 0;}
#index .ctn-section1 .ctn-list{padding: 0;}
#index .ctn-section1 .ctn-list .ctn-item{padding: 0; margin-bottom: 25px; }
#index .ctn-section1 .ctn-list .ctn-item:last-child{margin-bottom: 0;}
#index .ctn-section1 .ctn-list .ctn-item .item{padding: 10px 30px; color:  #FFF; display: flex; align-items: center; flex-wrap: wrap;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-date{width: 115px; height: 115px; flex: 0 0 auto; background-image: url('../Imagenes/Sistema/bg_date.png'); background-size: 100% 100%; display: flex; align-items: end; justify-content: center;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date{ padding: 0 0 10px;font-family: bold; font-size: 18px; line-height: 1; color: var(--color_txt); text-align: center;margin: 0;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date .number{display: block; font-size: 50px;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt{flex: 1 0 0%; padding: 0 15px;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .title-item{margin: 0; font-family: bold; font-size: 33px;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .desc{font-family: semi; font-size: 23px;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-btn{padding: 0;}
#index .ctn-section1 .ctn-list .ctn-item .item .ctn-btn .btn-ver{padding: 10px 50px;border-radius: 23px; line-height: 1; font-family: bold; font-size: 26px; background-color: #FFF; display: inline-block;}



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

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

@media(max-width: 1460px){
  #index .slide #dd{width: 100%;}
  #index .slide iframe, #index .slide video{height: 650px;}
}

@media (max-width: 1399px) {

  #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date{font-size: 16px;}
      #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date .number{font-size: 40px;}
      #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .title-item {font-size: 25px;}
      #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .desc {font-size: 19px;}
      #index .ctn-section1 .ctn-list .ctn-item .item .ctn-btn .btn-ver {padding: 10px 35px; font-size: 19px;}
  
  }


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

  #index .slide .item .ctn-txt h2{font-size: 45px;}
  #index .slide .item .ctn-txt h3{font-size: 40px;}
  #index .slide .item .ctn-txt h4{font-size: 65px;}

  #index .ctn-slogan h2{font-size: 30px;}
  #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img p{font-size: 19px;}
}



@media(min-width: 1220px){
    #index .ctn-videos .otros-videos .item{max-width: 180px;}

    #index .ctn-videos .ctn-btn .btn-ver{font-size: 20px;padding: 10px 35px;}
    #index .ctn-index{padding-left:0; padding-right: 0;}
    
}

@media(max-width: 1220px){
    
    #index .ctn-index .servicios .item-servicio .ctn-img .ctn-hover{display: none;}
    #index .slide .ctn-pag .owl-nav .owl-prev{padding-left: 15px;}
    #index .slide .ctn-pag .owl-nav .owl-next{padding-right: 15px;}
    #index .slide iframe, #index .slide video{height: 512px;}

    #index .ctn-section.servicios .our-servicios .item-servicio .ctn-img .link-img{width: 60px; height: 60px; line-height: 66px; font-size: 88px;}
    #index .ctn-section.servicios .our-servicios .ctn-txt h3{font-size: 27px;}
    #index .ctn-section.servicios .our-servicios .ctn-txt p{font-size: 20px;}

    #index .ctn-section.blog .ctn-blog .item .ctn-txt .title-item{font-size: 22px;}
    #index .ctn-section.blog .ctn-blog .item .ctn-txt .desc{font-size: 20px;}
    #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img p{font-size: 15px;}
    #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img h2,
    #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img h3{font-size: 19px;}
    #index .ctn-section.testimonios .item-testimonio .ctn-txt p{font-size: 22px;}

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


    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date {height: 90px; width: 90px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date .number {font-size: 34px;}

    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .title-item{font-size: 20px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .desc {font-size: 16px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-btn .btn-ver {font-size: 14px;}

    
}

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


}

@media(max-width: 991px){
  #index .slide .ctn-pag{ top: 30%;}
  #index .ctn-videos .ctn-carousel .width .ctn-item figure iframe{ height: 490px;}
  #index .slide iframe, #index .slide video{height: 384px;}

  #index .slide .item .ctn-imagen{display: none;}


  #index .slide .item .ctn-txt{padding: 30px 15px;}

  #index .slide .item .ctn-txt h2,
  #index .slide .item .ctn-txt h3,
  #index .slide .item .ctn-txt h4{text-align: center;}

  #index .slide .item .ctn-txt .ctn-redes-slide{justify-content: center;}
  #index .ctn-slogan h2{font-size: 24px;}

  #index .ctn-section.servicios .our-servicios .ctn-txt h3{font-size: 20px; margin-bottom: 12px;}

  #index .ctn-section.servicios .our-servicios .item-servicio .ctn-img{margin-bottom: 15px;}
  #index .ctn-section.servicios .our-servicios .item-servicio .ctn-img .link-img{width: 50px; height: 50px; line-height: 54px; font-size: 71px;}

  #index .ctn-section.servicios .our-servicios .ctn-txt p{font-size: 15px;}

  #index .ctn-section.servicios .our-servicios{padding: 60px 0 40px;}

  /* #index .ctn-section.banners{padding: 60px 0;} */

  #index .ctn-section .ctn-title-s .title-section{font-size: 45px;}
  #index .ctn-btn-v .btn-ver{font-size: 25px;}

  #index .ctn-section.blog .ctn-blog .item .ctn-img{margin-bottom: 15px; display: flex; justify-content: center;}

  #index .ctn-section.blog .ctn-blog .item .ctn-txt{padding: 0; display: flex; justify-content: center; flex-flow: wrap;}
  #index .ctn-section.blog .ctn-blog .item .ctn-txt .title-item{text-align: center;}
  #index .ctn-section.blog .ctn-blog .item .ctn-txt .desc{text-align: center;}

  #index .ctn-section.testimonios .item-testimonio .ctn-txt p{font-size: 18px;}

  #index .ctn-cursos .ctn-item .ctn-desc{flex-flow: wrap;}
  #index .ctn-cursos .ctn-item .ctn-desc .txt{width: 100%; padding: 0; margin-bottom: 15px;}
  #index .ctn-cursos .ctn-item .ctn-desc .val{width: 100%;}



  #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date {width: 80px; height: 80px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date .number{font-size: 25px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date .p_date{font-size: 12px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .title-item {font-size: 17px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt .desc{font-size: 14px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-btn .btn-ver {font-size: 12px;}



}

@media(min-width: 768px) and (max-width: 1220px){
}



/*@media(min-width: 768px) and (max-width: 991px){
  #index .ctn-index .galeria .item-galeria{width: 33.33%;}

}*/

@media(min-width: 480px) and (max-width: 768px){
  #index .ctn-section.servicios .our-servicios .item-servicio .ctn-img{margin-bottom: 0;}
  #index .ctn-section.servicios .our-servicios .item-servicio .ctn-img .link-img{width: 30px; height: 30px; line-height: 30px; font-size: 44px;}
  #index .ctn-section.servicios .our-servicios .ctn-txt{padding-left: 15px;}


}


@media(max-width: 767px){
    #index .slide #ddxs{width:100%;}
    #index .ctn-index .our-servicios .item-servicio{padding: 0; margin-bottom: 20px;}
    #index .ctn-index .our-servicios .item-servicio .ctn-img{padding-right: 15px;}
    #index .ctn-galeria{padding: 0;}
    #index .ctn-galeria .item-galeria .ctn-hover{display: none!important;}
    /*#index .ctn-index .galeria .item-galeria{width: 50%;}*/
    #index .ctn-index .servicios{padding-top: 20PX;}
    #index .ctn-index .servicios .item-servicio{padding: 0; margin-bottom: 15px;}
    #index .ctn-index .servicios .item-servicio img{margin: 0 auto; display: block;}
    #index .ctn-index .ban{margin-top: 10px; padding: 0!important;}
  
    #index .ctn-videos .ctn-carousel .owl-carousel {padding: 0;}
    #index .ctn-videos .otros-videos .item{max-width: 150px;}
    #index .ctn-videos .ctn-btn .btn-ver{font-size: 15px;}
    #index .ctn-videos .ctn-carousel .width .ctn-item figure iframe{ height: 250px;}

    #index .slide iframe, #index .slide video{height: 431px;}

    #index .slide .item .ctn-txt h2{font-size: 35px; margin-bottom: 15px;}
    #index .slide .item .ctn-txt h3{font-size: 25px;}
    #index .slide .item .ctn-txt h4{font-size: 46px;}
    #index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer .ctn-txt-red a{font-size: 16px;}

    #index .ctn-slogan h2{font-size: 20px;}
    #index .ctn-section.servicios .our-servicios{padding: 30px 0 20px;}
    /* #index .ctn-section.banners{padding: 30px 0;} */

    #index .ctn-section .ctn-title-s .title-section{font-size: 35px;}

    #index .ctn-section.blog .ctn-blog .item .ctn-txt .title-item{font-size: 20px;}
    #index .ctn-section.blog .ctn-blog .item .ctn-txt .desc{font-size: 16px;}

    #index .ctn-section.blog .ctn-blog .item .ctn-txt .btn-blog{font-size: 22px;}


    #index .ctn-section.testimonios .item-testimonio .ctn-img{display: flex; flex-flow: row; justify-content: flex-start; margin-bottom: 15px;}
    #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img{padding: 0 15px; width: calc(100% - 79px);}
    #index .ctn-section.testimonios .item-testimonio.aling-items-center .ctn-img .ctn-txt-img{padding-left: 0;}




    #index .ctn-section.testimonios .item-testimonio .ctn-img img{margin-bottom: 0; width: 80px;}
    #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img h2, #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img h3{text-align: left;}
    #index .ctn-section.testimonios .item-testimonio .ctn-img .ctn-txt-img p{text-align: left;}
    #index .ctn-section.testimonios .item-testimonio .ctn-txt p{font-size: 16px;}

    #index .ctn-cursos .ctn-item .ctn-desc .val{font-size: 30px;}
    
    /* #index .ctn-section.banners .ctn-banner h3{font-size: 20px;}
    #index .ctn-section.banners .ctn-banner p{font-size: 16px; }
    #index .ctn-section.banners .ctn-banner .ctn-img .ctn-vermas{font-size: 23px;} */

    #index .ctn-banner-ppal .ctn-banners{flex-wrap: wrap;}
    #index .ctn-section .ctn-title-s .title-section{padding: 0;}
    #index .ctn-relative .ctn-absolute .ctn-flex{padding: 0;}



    #index .ctn-section1 .ctn-list .ctn-item .item{justify-content: center; text-align: center;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-date{margin-bottom: 15px;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-txt{width: 100%; flex: auto;position: relative;margin-bottom: 15px;padding: 0;}
    #index .ctn-section1 .ctn-list .ctn-item .item .ctn-btn{width: 100%; flex: auto;position: relative;}



}

@media(min-width:480px ) and (max-width: 767px){
}

@media(max-width: 575px){

  #index .slide iframe, #index .slide video{height: 360px;}
}



@media(max-width: 479px){
  #index .ctn-index .our-servicios .ctn-txt h3{margin-top: 0;}
  /*#index .ctn-index .galeria .item-galeria{width: 100%;}*/
  #index .ctn-index .testimonios .item-testimonio{padding: 0;}
  #index .ctn-galeria .item-galeria{width: 100%;}
  
  #index .ctn-galeria .ctn-btn .btn-ver-todo{font-size: 23px;}

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

  #index .slide .item .ctn-txt h2{font-size: 24px;}
  #index .slide .item .ctn-txt h3{font-size: 16px;}
  #index .slide .item .ctn-txt h4{font-size: 35px;}

  #index .slide .item .ctn-txt .ctn-redes-slide{flex-flow: column;}
  #index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer{margin: 0; margin-bottom: 15px;}
  #index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer:last-child{margin: 0; margin-bottom: 0px;}
  #index .slide .item .ctn-txt .ctn-redes-slide .ctn-item-footer .ctn-txt-red a{font-size: 15px;}

  #index .ctn-slogan h2{font-size: 16px;}

  #index .ctn-section .ctn-title-s .title-section{
    font-size: 24px;
  }

  .item-pro .ctn-item figure .percent{
    font-size: 12px;
    padding: 4px 13px;
    top: 5px;
    left: 5px;
  }

  .item-pro .ctn-item .ctn-desc .title-pro{
    font-size: 11px;
    min-height: 25px;
  }

  .item-pro .ctn-item .ctn-desc .val{
    font-size: 13px;
  }

  #index .ctn-section.ctn-destacados .owl-carousel .owl-nav > div{
    padding: 5px;
  }

  #index .ctn-section.ctn-destacados .owl-carousel .owl-nav > div img{
    max-height: 30px;
  }

}



