#index{}

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



#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-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 .slide .item .ctn-descripcion{padding:0;position: absolute;top: 0; left: 0;width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;  }
#index .slide .item .ctn-descripcion .descripcion{padding:0;text-align: center;padding:0;font-family: regular;font-size:24px; color: #FFF; text-shadow: 2px 1px 2px #000;}
#index .slide .item .ctn-descripcion .descripcion .title-descripcion{padding:0;font-family: regular;font-size:68px; color: #FFF;text-shadow: 2px 1px 2px #000;}
#index .slide .item .ctn-descripcion .descripcion p{padding:0;font-family: thin;font-size:28px; color: #FFF; text-shadow: 5px 0 5px #000;}


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




#index .ctn-index{padding-top: 40px;}
#index .ctn-index .our-servicios{margin-bottom: 30px;}
#index .ctn-index .our-servicios a{position: absolute;top: 0; left: 0; right: 0; bottom: 0; z-index: 100;}
#index .ctn-index .our-servicios .ctn-img{margin-bottom: 25px; padding: 0; overflow: hidden;}
#index .ctn-index .our-servicios .ctn-img img{display: block; margin: 0 auto; transition: 0.3s; width: auto;}
#index .ctn-index .our-servicios .ctn-txt h3{font-family: bold; font-size: 20px; color: #161616; text-align: center; margin-bottom: 5px;}
#index .ctn-index .our-servicios .ctn-txt p{font-family: light; text-align: center; font-size: 15px; color:#2d2d2d; }
#index .ctn-index .our-servicios .item-servicio:hover .ctn-img img{transform: scale(1.05,1.05);}
#index .ctn-index .galeria{padding: 50px 0;}
#index .ctn-index .galeria .item-galeria{float: left; display: table; position:relative; padding: 0;overflow: hidden;}
#index .ctn-index .galeria .item-galeria>a>img{transition: 0.3s;}
#index .ctn-index .galeria .item-galeria:hover > a > img{transform: scale(1.05,1.05);}
#index .ctn-index .galeria .item-galeria .ctn-hover{position:absolute; top:0; left:0; right:0; width: 100%; height: 100%; display: none;}
#index .ctn-index .galeria .item-galeria .ctn-hover .ctn-bg{opacity: 0.7;}
#index .ctn-index .galeria .item-galeria .ctn-hover a{position: absolute;top: 0;left:0;right: 0; bottom: 0;}
#index .ctn-index .galeria .item-galeria .ctn-hover img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: auto;}
#index .ctn-index .galeria .item-galeria:hover .ctn-hover{display: block;}


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


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

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




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



#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-index .ctn-videos{padding:50px 15px 23px;}
#index .ctn-index .ctn-videos .title{font-family: bold; font-size: 23px; color: #211915; text-transform: uppercase; margin-bottom: 2px;}
#index .ctn-index .ctn-videos .videos{padding: 28px 50px 0;}
#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{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-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(min-width: 1220px){
    #index .ctn-index .ctn-videos{padding-left: 0; padding-right: 0;}
    #index .ctn-index{padding-left:0; padding-right: 0;}
}

@media(max-width: 1220px){
    #index .slide #dd{width: 100%;}
    #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: 401px;}
}

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

@media(max-width: 991px){
  #index .slide .ctn-pag{ top: 30%;}
  #index .ctn-index .ctn-videos{padding: 50px 0px 23px;}
  #index .slide iframe, #index .slide video{height: 256px;}

  #index .slide .item .ctn-descripcion .descripcion .title-descripcion{font-size: 30px;}
  #index .slide .item .ctn-descripcion .descripcion {font-size: 25px;margin-bottom: 10px;}
  
  #index .ctn-index .servicios .item-servicio .ctn-txt h4,
  #index .ctn-index .testimonios .item-testimonio .ctn-txt h4{ font-size: 15px; height:35px;}
  
  #index .ctn-index .servicios .item-servicio .ctn-txt p, 
  #index .ctn-index .testimonios .item-testimonio .ctn-txt p { font-size: 13px; }


}

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



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

}*/

@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-index .galeria{padding: 0;}
    #index .ctn-index .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-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 .slide iframe, #index .slide video{height: 240px;}

    #index .slide .item .ctn-descripcion{position: relative;height: auto;padding:15px 15px 40px;}
    #index .slide .item .ctn-descripcion .descripcion .title-descripcion{font-size: 18px; }
    #index .slide .item .ctn-descripcion .descripcion {font-size: 16px; }

}

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

@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-index .galeria .item-galeria{width: 100%;}
  #index .ctn-index .ctn-videos .videos iframe{height: 250px;}
  #index .ctn-index .ctn-videos .ctn-btn .btn-ver-todo{font-size: 23px;}
  #index .ctn-index .galeria .ctn-btn .btn-ver-todo{font-size: 23px;}

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