/*
	Template: Home.css;
  Version: 1.1;
*/

/*body.home{
  overflow: hidden;
}*/
ul,
li,
ul li {
  list-style: none;
}

.home .wrapper {
  padding-top: 0;
}

.transition {
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


/*           SWIPER          */
/*--------------------------*/

.swiper-container {
  overflow: hidden;
  height: 100vh;
}

.swiper-slide {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.content-slide {
  position: absolute;
  top: 22.5%;
  width: 100vw;
}

/* ANIMATION content slide */

.swiper-slide.swiper-slide-active .showed {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}

.swiper-slide .showed {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}


/* S. IMAGES */

.swiper-slide img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}


/* S. VIDEO */

.video_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.video_container .video-js,
.video_container .vjs-tech {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  background-size: cover;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  background: transparent;
}

.vjs-loading-spinner {
  position: absolute;
  bottom: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  margin: 0;
  opacity: 0.5;
  border: 3px solid transparent;
  text-align: -webkit-auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  margin: -3px;
}


/* TITLE */

.title-wrap {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5.5%;
}

body .swiper-container .swiper-slide:first-of-type .title-wrap {
  margin-bottom: 10.5%;
}

.title-wrap .container h2 {
  max-width: 70%;
}


/* REPEATER LISTADO*/

.listado li {
  font-family: NewRailAlphabet;
  font-weight: 500;
  font-size: 30px;
  padding-bottom: .5em;
/*  opacity: 0;
*/}


/* ANIMATION repeater listado*/

@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

@keyframes FadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}


.swiper-slide.swiper-slide-active .animatedLi {
  -webkit-animation: FadeIn 1s ease-in-out forwards;
  animation: FadeIn 1s ease-in-out forwards;
  transition:all .5s ease-in-out;
}

.listado .animatedLi:nth-child(1) {
  -webkit-animation-delay: .10s;
  animation-delay: .10s;
}

.listado .animatedLi:nth-child(2) {
  -webkit-animation-delay: .20s;
  animation-delay: .20s;
}

.listado .animatedLi:nth-child(3) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}

.listado .animatedLi:nth-child(4) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.listado .animatedLi:nth-child(5) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* AIRPORT CODES */

#codes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  -webkit-transform: translate(-5px);
  -ms-transform: translate(-5px);
  transform: translate(-5px);
}

#codes h3 {
  font-size: 245px;
}

h3.right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
}

h3.left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
}

h3#arrow {
  font-family: NewRailAlphabet;
  font-weight: 300;
  font-size: 2.5vw;
  margin: 0 2vw;
  position: relative;
}

.code-options {
  position: absolute;
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

.swiper-slide.swiper-slide-active .code-options.showAfter {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pool-item {
  display: none;
}

.ghost {
  opacity: 0;
}


/* FOOTER */
/*-------*/

.home footer {
  display: none;
}

.swiper-slide footer,
.swiper-slide #footer {
  display: block;
  min-height: 100vh;
}

@media screen and (max-width: 1200px) {
  #codes h3 {
    font-size: 205px;
  }
  h3#arrow {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 991px) {
  #codes h3 {
    font-size: 165px;
  }
  h3#arrow {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 768px) {
  #codes h3 {
    font-size: 20vw;
  }
  h3#arrow {
    font-size: 2.5vw;
  }
  .title-wrap .container h2{
    max-width: 90%;
    font-size: 4vh;
    line-height: 1.1;
  }
  .listado li {
    font-size: 16px;
    line-height: 1.1;
    padding-bottom:0;
  }

}

@media screen and (max-width: 767px) {
	.content-slide {
		top: 69px; 
	}

}

@media screen and (max-width: 550px) {

  .title-wrap .container h2{
    max-width: none;
    font-size: 40px;
  }
}
@media screen and (max-width: 330px) {
  .title-wrap .container h2{
    max-width: none;
    font-size: 33px;
  }
}