.containerLetras {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

/* Cursor */
.txt-type > .txt {
  border-right: 0.2rem solid #777;
}

@media(min-width: 1200px) {
  .containerLetras>h2 {
    font-size: 5rem;
    letter-spacing: 10px;
  }
}

@media(max-width: 800px) {
  .container {
    padding: 0 1rem;
  }

  .containerLetras>h2 {
    font-size: 4rem;
  }
}

@media(max-width: 500px) {
  .containerLetras>h2 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }
}
/*End Texto dinamico */

#background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

#background-video2 {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("../img/chico_1.gif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}




.video_full{
  /*background-image: linear-gradient(to bottom, #434343 0%, black 100%);*/
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#section1{
  background-color:#030c10;
}

.servicio{
  position: relative;
  width: 100%;
  height: 500px;
  border-radius: 5px;
  overflow: hidden;
}

.serv_desc{
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 1.6em;
  font-weight: 600;
}

.desc{
  font-size: 1.5em;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 100;
}

#realidad_1{
  position: relative;
  height: 650px; 
  background-repeat: no-repeat;
  background:linear-gradient(45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, .5)), url("../img/banner3_hero_FA5.jpg") no-repeat; 
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

#promo1{
  position: relative;
  width: 100%;
  height: 650px;  
  background:linear-gradient(45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, .1)), url("../img/FA5_Sonic-banner.jpg") no-repeat;
  background-position: center center;  
}

#realidad{
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-color: #030c0f;
}
.humo1{
  position:absolute;
  top:-270px;
  width: 100%;
  height: 700px;
  max-width: 100%; 
  background-image: url('../img/humo_verde.png');
  background-size: cover;
  background-position: center;
  background-repeat: repeat-x;
}

.fnd{
  /* background-image: url("../img/fnd.png"); */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

}

.img_espacios{
  width: 100%;
  max-width: 100%; 
} 

.multifotos{
  position: relative;
  width: 100%; 
  height: 500px;
}

.img_1{
  position:absolute;
  width: 17rem;
  height: 13rem;
  top: 30%;
  left: 30%; 
  background-color: #818181;
  z-index: 2;
  background-image: url(../img/es4.jpg);
}
.img_2{
  width: 16rem;
  height: 12rem;
  background-color: #ff8e8e;
  background-image: url(../img/es1.jpg);
}
.img_3{
  position: absolute;
  width: 16rem;
  height: 12rem;
  background-color: #9dff8e;
  right:0px;
  top:30px;
  background-image: url(../img/es2.jpg);
}
.img_4{
  position: absolute;
  width: 16rem;
  height: 12rem;
  background-color: #381785; 
  bottom:30px;
  background-image: url(../img/es3.jpg);
}

.img_5{
  position: absolute;
  width: 15rem;
  height: 12rem;
  background-color: #381785; 
  right: 10px;
  bottom:10px;
  background-image: url(../img/es5.jpg);
}
.zoom-div{ 
  transition: transform 0.3s ease; 
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  -webkit-box-shadow: -1px 1px 8px -1px rgba(255,255,255,1);
  -moz-box-shadow: -1px 1px 8px -1px rgba(255,255,255,1);
  box-shadow: -1px 1px 8px -1px rgba(255,255,255,1);
}
.zoom-div:hover {
  transform: scale(1.2)!important; 
  z-index: 20;
}

/*Cartelera*/
.conten{ 
  display: flex;
  align-items: center;
  justify-content: center; 
}

.card_event{
  position: relative;
  height: 347px;
  width: 90%;
  max-width: 390px;
  border-radius: 10px;
  overflow: hidden;
}
.card_header{
  width: 100%
}
.card_body{
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: #303030;
} 
.card_body>.has{
  color:#cbff33;
}
.card_body>.ev_desc{
  color: #818181;
  font-weight: 300;
}

.img_tk{
  position: absolute;
  background-image: url('../img/eventos/bg_pazzle.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;  
  bottom: 145px;
  right: 0px;
  font-size: .8em;
}

/*Texto cambiante*/
.text {
  position: relative;
  color: #fff;
  font-size: 1.5rem;
}

.pp {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.word {
  position: absolute;
  opacity: 0;
}

.letter {
  display: inline-block;
  position: relative;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
  color: var(--fosfo);
}

.belize {
  color: var(--fosfo);
}

.pomegranate {
  color: var(--fosfo);
}

.green {
  color: var(--fosfo);
}

.midnight {
  color: var(--fosfo);
}


/*Colaboradores*/
#colaboradores{
  background-color: #000;
}

/*Carrusel clientes*/
@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

.logos:before, .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(0, 0, 0));
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0),rgb(0, 0, 0));
}

.logo_items {
  display: inline-block;
  animation: 35s slides infinite linear;
}

/* .logos:hover .logo_items {
  animation-play-state: paused;
} */

.logo_items img{
  height: 130px;
}
/*Carrusel clientes*/



.hero-banner {    
  position: relative;  
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  text-align: center;
  overflow: hidden; 
  background: radial-gradient(circle, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1) 100%);

}

.animated-text {
  position: absolute;
  width: 100%;
  font-size: 3.5em;
  color: #fff;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 1s, transform 1s;
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.animated-text>span{
  font-size:.5em;
}

.show {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 992px) { 
  section{
    padding: 60px 0px 60px 0px;  
  }
  .servicio{
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .animated-text{
    font-size: 2.5em;
  }
  .desc{
    font-size: 1em;
  }

  .servicio{
    height: auto;
  }
  .serv_desc{
    font-size: 1.3em;
  }


  .multifotos{
    top:50px;
  }

  .img_1{
    position:absolute;
    width: 14rem;
    height: 10rem;
    left: 17%;
    top:32%;
  }
  .img_2{
    width: 13rem;
    height: 9rem;
  }
  .img_3{
    width: 13rem;
    height: 9rem;
  }
  .img_4{   
    width: 13rem;
    height: 9rem;
  }
  
  .img_5{   
    width: 12rem;
    height: 9rem;
  }

  .zoom-div{
    -webkit-box-shadow: -1px 1px 8px -1px rgba(255,255,255,1);
    -moz-box-shadow: -1px 1px 8px -1px rgba(255,255,255,1);
    box-shadow: -1px 1px 8px -1px rgba(255,255,255,1);
  }
  .text{
    left:-40px;
    font-size: 1.2rem;
  }

  #promo1{
    background:linear-gradient(45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, .1)), url("../img/FA5_Sonic-banner_mb.png") no-repeat;
    background-position: center center;
  }

  #background-video {
    width: 100vw;
    height: 600px;
  }
  

  #background-video2 {
    width: 100vw;
    height: 600px;
  }
  
  
  .video_full{   
    width: 100vw;
    height: 600px;
  }


}