/*@import "functions";*/
/****************** SETTINGS ******************/
/*1600px; 1280px; 1920px; 1920px; 960px;*/
/****************** FUNCTIONS ******************/
/****************** ANIMATIONS ******************/
.showIn {
  animation: showIn 0.1s linear forwards;
}
.showOut {
  animation: showOut 0.1s linear forwards;
}
.fadeIn {
  animation: fadeIn 1.5s ease-out forwards;
}
.fadeOut {
  animation: fadeOut 1s ease-out forwards;
}
.fadeInUp {
  animation: fadeInUp 0.3s 0.3s ease-out forwards;
}
/*0.5*/
.fadeOutUp {
  animation: fadeOutUp 0.5s ease-out forwards;
}
.fadeDown {
  animation: fadeDown 0.3s ease-out forwards;
}
.fadeInOut {
  animation: fadeInOut 4.5s ease-out forwards;
}
.fadeInOutUp {
  animation: fadeInOutUp 4.5s ease-out forwards;
}
.fadeInOut_Loop {
  animation: fadeInOut_Loop 4.5s ease-out infinite forwards 2s;
}
.fadeInLeft {
  animation: fadeInLeft 0.5s ease-out forwards;
}
.fadeOutLeft {
  animation: fadeInLeft 0.5s ease-out forwards;
}
.scaleIn {
  animation: scaleIn 0.5s ease-in-out forwards;
}
.scaleInOut {
  animation: scaleInOut 4.5s ease-out forwards;
}
@keyframes showIn {
  0%,
  100% {
    opacity: 1;
  }
}
@keyframes showOut {
  0%,
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInOut {
  0%,
  80% {
    opacity: 0;
  }
  10%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOutUp {
  0%,
  80% {
    opacity: 0;
    transform: translateY(2px);
  }
  10%,
  75% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(2px);
  }
}
@keyframes fadeInOut_Loop {
  0%,
  35% {
    opacity: 0;
    transform: translateY(2px);
  }
  5%,
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
  31% {
    opacity: 0;
    transform: translateY(2px);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 1;
    width: 100%;
  }
  100% {
    opacity: 1;
    width: 0%;
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    width: 100%;
  }
  100% {
    opacity: 1;
    width: 0%;
  }
}
@keyframes fadeDown {
  100% {
    transform: translateY(100);
  }
}
@keyframes stepIn {
  0%,
  100% {
    opacity: 0;
  }
  10%,
  90% {
    opacity: 1;
  }
}
@keyframes scaleIn {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleInOut {
  0%,
  80% {
    opacity: 0;
    transform: scale(0);
  }
  5%,
  70% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes stepIn {
  0%,
  100% {
    opacity: 0;
  }
  10%,
  90% {
    opacity: 1;
  }
}
@keyframes stepOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.stroke-dotted {
  opacity: 0;
  stroke-dasharray: 4,5;
  stroke-width: 1px;
  transform-origin: 50% 50%;
  animation: spin 4s infinite linear;
  transition: opacity 1s ease, stroke-width 1s ease;
}
.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 4px;
  transition: stroke-dashoffset 1s ease, opacity 1s ease;
}
.icon {
  transform-origin: 50% 50%;
  transition: transform 200ms ease-out;
}
/*#play_svg.pause {animation-play-state: paused;}*/
#play_svg:hover .stroke-dotted {
  stroke-width: 4px;
  opacity: 1;
}
#play_svg:hover .stroke-solid {
  opacity: 0;
  stroke-dashoffset: 300;
}
#play_svg:hover .icon {
  transform: scale(1.05);
}
#play_svg {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
body {
  margin: 0;
  padding: 0;
  display: flex;
  min-height: 100vh;
}
.hotspots--wrapper {
  position: relative;
  margin: auto;
  max-width: 1760px;
  /*1600px; 1280px; 1920px; 1920px; 960px;*/
  font-weight: 500;
}
.hotspots--figure {
  max-width: 100%;
}
.hotspot {
  position: absolute;
  display: block;
}
.hotspot--title {
  /*display: inline-block;
  padding-right: 10px;*/
  position: relative;
  line-height: 50px;
  letter-spacing: 1px;
  transition: all cubic-bezier(0.8, 0, 0.2, 1) 0.4s;
  font-family: 'Roboto Condensed', cursive;
  font-size: 30px;
  color: #3537b0;
  transform: translateX(50%);
  left: 50%;
  top: -40px;
}
.hotspot--title__right {
  /*float: right;
  padding-right: 0;
  padding-left: 10px;*/
}
.hotspot--cta {
  position: relative;
  float: right;
  display: inline-block;
  width: 7vw;
  height: 7vw;
  background: url("hexagono.svg") center no-repeat;
  animation: 2.5s infinite float ease-in-out, 3s infinite glower;
  transform: scale(1);
  transform-origin: center;
}
.hotspot--cta::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /*background: #fff;*/
  z-index: 2;
  transition: opacity 0.6s;
  animation: pulse 1.5s cubic-bezier(0.8, 0, 0.2, 1) 0s infinite;
}
.hotspot:hover .hotspot--cta {
  transform: scale(0.6);
}
.hotspot:hover .hotspot--cta:after {
  opacity: 0;
}
@keyframes pulse {
  0% {
    transform: scale(0.4);
  }
  33% {
    transform: scale(1);
  }
  66% {
    transform: scale(0.4);
  }
  100% {
    transform: scale(0.4);
  }
}
.hotspot--home {
  top: 68%;
  right: 50%;
  transform: translateX(50%);
}
.hotspot--cta_0 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_1 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_2 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_3 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_4 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_5 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_6 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_7 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_8 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_9 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_10 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_11 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_12 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_13 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_14 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_15 {
  top: 0%;
  right: 0%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_16 {
  top: 47%;
  right: 73%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_17 {
  top: 8%;
  right: 62%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_18 {
  top: 15%;
  right: 47%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_19 {
  top: 29%;
  right: 37%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_20 {
  top: 48%;
  right: 23%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_21 {
  top: 47%;
  right: 71%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_22 {
  top: 47%;
  right: 21%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_23 {
  top: 58%;
  right: 48%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_24 {
  top: 55%;
  right: 54%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_25 {
  top: 38%;
  right: 36%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_26 {
  top: 26%;
  right: 78%;
  opacity: 0;
  visibility: hidden;
}
.hotspot--cta_27 {
  top: 26%;
  right: 16%;
  opacity: 0;
  visibility: hidden;
}
.textos_slides {
  display: none;
}
@media screen and (max-width: 640px) {
  .hotspot--title {
    line-height: 40px;
    font-size: 10px;
  }
  .hotspot--cta {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 420px) {
  .hotspot--title {
    line-height: 30px;
    font-size: 9px;
  }
  .hotspot--cta {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 320px) {
  .hotspot--title {
    display: none;
  }
  .hotspot--cta {
    width: 20px;
    height: 20px;
  }
  .hotspot--cta::after {
    width: 5px;
    height: 5px;
  }
}
#consola {
  background-color: #f609786b;
  color: #000000;
  font-family: 'nissan-Brand-Light';
  z-index: 10;
  padding: 15px;
  width: 100%;
  height: auto;
  font-size: 20px;
  position: absolute;
  top: 0%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.screen,
.book {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #000000;
  z-index: 1600;
}
.book {
  background: linear-gradient(94deg, #20aae4, #0adad3);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.preload-counter {
  font-size: 2vw;
  margin-bottom: 20px;
}
.screen--grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}
#mobile_aviso,
.book {
  visibility: hidden;
}
.intro__content {
  color: #fff;
  font-size: 4vw;
  grid-area: 2 / 1 / 3 / 2;
  text-align: center;
  pointer-events: none;
  margin: 0;
  opacity: 0;
}
.book > .intro__content {
  opacity: 1;
}
.intro__content-line {
  display: block;
  margin: 1rem 0;
}
.intro__content-line--small {
  font-size: 1.5rem;
}
/* LOADER BOOK */
/*.book {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  margin: 0 auto;
  border: 5px solid #ecf0f1;
  width: 100px;
  height: 60px;
}*/
.book__page {
  position: absolute;
  /*left: 50%;
  top: -5px;*/
  margin: 0 auto;
  border-top: 5px solid #ecf0f1;
  border-bottom: 5px solid #ecf0f1;
  border-right: 5px solid #ecf0f1;
  background: #3498db;
  width: 50px;
  height: 60px;
  transform-origin: 0% 50%;
  -webkit-animation: flip 1.2s infinite linear;
  animation: flip 1.2s infinite linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  left: 50%;
}
.book__page:nth-child(2) {
  z-index: -1;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.book__page:nth-child(3) {
  z-index: -2;
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
.book__page:nth-child(4) {
  z-index: -3;
  -webkit-animation-delay: 4.2s;
  animation-delay: 4.2s;
}
@-webkit-keyframes flip {
  0% {
    transform: perspective(600px) rotateY(0deg);
  }
  20% {
    background: #217dbb;
  }
  29.9% {
    background: #217dbb;
  }
  30% {
    transform: perspective(200px) rotateY(-90deg);
    background: #3498db;
  }
  54.999% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  60% {
    transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
  100% {
    transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
}
@keyframes flip {
  0% {
    transform: perspective(600px) rotateY(0deg);
  }
  20% {
    background: #217dbb;
  }
  29.9% {
    background: #217dbb;
  }
  30% {
    transform: perspective(200px) rotateY(-90deg);
    background: #3498db;
  }
  54.999% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  60% {
    transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
  100% {
    transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
}
.slider_container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 50;
  margin: 0;
  padding: 0;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.slider__item {
  float: left;
  width: 100vw;
  height: 100%;
  position: absolute;
}
.slider_items_content .slider__item {
  background-size: 100vw auto;
  background-repeat: no-repeat;
}
.slider_container .slider_dots_content {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 0;
}
/****************** BOX SIZING ******************/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
}
body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #fff;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/****************** FONTS ******************/
/****************** BACKGROUND COLOR PALLETTE ******************/
/****************** GENERAL WRAPPER ******************/
/*#wrapper{
    background-color: @brand-white;
    height: 100%;
    overflow: hidden;
    position: relative;    
}*/
#main_container {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  flex: 1;
  background-size: cover;
}
#logos_container {
  pointer-events: none;
}
.events_container {
  height: 100vh;
  margin-top: 0px;
  position: absolute;
  top: 0;
  z-index: 100;
}
.textos_content,
.slider__item_textos {
  font-family: 'Roboto Condensed', cursive;
  font-size: 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10+ and Edge */
  user-select: none;
  /* Standard syntax */
}
/* VIDEO  */
#video {
  display: initial;
  opacity: 0;
}
@media (-webkit-video-playable-inline) {
  #video {
    display: initial;
    opacity: 0;
  }
}
#mute {
  opacity: 0;
  bottom: 10px;
  position: absolute;
  background-size: cover;
  width: 7vmax;
  height: 7vmax;
}
#mute.left {
  left: 1vmax;
}
#mute.right {
  left: calc(1760px - 30px - 25px);
}
.mute--on {
  background-image: url(mute.svg);
}
.mute--off {
  background-image: url(unmute.svg);
}
/*----*/
#fullscr {
  opacity: 1;
  bottom: 10px;
  position: absolute;
  background-size: cover;
  width: 7vmax;
  height: 7vmax;
}
#fullscr.left {
  left: 5vmax;
}
#fullscr.right {
  left: 90vmax;
}
.fullscr--on {
  background-image: url(full-on.svg);
}
.fullscr--off {
  background-image: url(full-off.svg);
}
/****************** CTA BUTTONS ******************/
.slider__item {
  visibility: hidden;
}
.slider__item_ctas.dust-ctas-container {
  top: 80vh;
}
.ctas_slides:nth-child(1) {
  float: left;
}
.ctas_slides:nth-child(1) {
  float: right;
}
.dust-ctas-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 10vh;
  width: 10vw;
  z-index: 100;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10+ and Edge */
  user-select: none;
  /* Standard syntax */
  justify-content: center;
}
#mixin-cta-primary {
  position: absolute;
  height: 6vmax;
  width: 6vmax;
  min-width: 100px;
  min-height: 100px;
  text-align: center;
  font-family: 'Roboto Condensed', cursive;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: url("hexagono.svg") center no-repeat;
  background-size: contain;
  animation: 2.5s infinite float ease-in-out, 3s infinite glower;
  transform: scale(1);
  transform-origin: center;
}
@keyframes float {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}
@keyframes glower {
  0%,
  100% {
    filter: drop-shadow(0px 3px 8px #01fee3);
  }
  50% {
    filter: drop-shadow(0px 3px 13px #ffffff);
  }
}
@keyframes arrow_glower {
  0%,
  100% {
    filter: drop-shadow(0px 3px 8px #766bef);
  }
  50% {
    filter: drop-shadow(0px 3px 13px #ffffff);
  }
}
#mixin-cta-primary-hover {
  position: absolute;
  height: 6vmax;
  width: 6vmax;
  min-width: 100px;
  min-height: 100px;
  text-align: center;
  font-family: 'Roboto Condensed', cursive;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: url("hexagono.svg") center no-repeat;
  background-size: contain;
  animation: 2.5s infinite float ease-in-out, 3s infinite glower;
  transform: scale(1);
  transform-origin: center;
  animation-play-state: paused;
}
.dust-cta-button {
  padding: 2.5px 2px;
  cursor: pointer;
}
.dust-cta-button.dust-primary.dust-slim {
  padding: calc(((6vmax - 4px) - 12px)/2) 10px !important;
}
.dust-cta-button.dust-primary {
  position: absolute;
  height: 6vmax;
  width: 6vmax;
  min-width: 100px;
  min-height: 100px;
  text-align: center;
  font-family: 'Roboto Condensed', cursive;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: url("hexagono.svg") center no-repeat;
  background-size: contain;
  animation: 2.5s infinite float ease-in-out, 3s infinite glower;
  transform: scale(1);
  transform-origin: center;
}
.dust-cta-button.dust-primary:hover {
  position: absolute;
  height: 6vmax;
  width: 6vmax;
  min-width: 100px;
  min-height: 100px;
  text-align: center;
  font-family: 'Roboto Condensed', cursive;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: url("hexagono.svg") center no-repeat;
  background-size: contain;
  animation: 2.5s infinite float ease-in-out, 3s infinite glower;
  transform: scale(1);
  transform-origin: center;
  animation-play-state: paused;
}
/****************** POSITION ******************/
.left {
  justify-content: flex-start;
}
.right {
  justify-content: flex-end;
}
.center {
  justify-content: center;
}
.bottom {
  bottom: 30vh;
}
.top {
  top: 90vh;
}
/************* LISTAS LI *****************/
.dust-list {
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  line-height: 1em;
}
.dust-list {
  height: auto;
  /*opacity: 0;*/
  position: absolute;
  text-align: left;
  text-transform: inherit;
  z-index: 8;
}
.dust-list__item {
  margin-left: 1.25rem;
  color: #ffffff;
}
.dust-list__item + .dust-list__item {
  margin-top: 0.75rem;
}
.dust-list__item::before {
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
  color: #fafafa;
}
.dust-list__icon .dust-list__item::before {
  content: 'O';
  font-family: 'Roboto Condensed', cursive;
  color: hsl(346, 100%, 38%);
}
.dust-list__number .dust-list__item::before {
  content: counter(li);
  counter-increment: li;
  font-family: 'Roboto Condensed', cursive;
  color: hsl(346, 100%, 38%);
}
/********** LOGO CSS GENERICO **********/
.logo-container {
  display: flex;
  position: absolute;
  width: 1760px;
  height: 1080px;
  top: 0;
}
.logo-container.right {
  justify-content: flex-end;
}
.logo-container.left {
  justify-content: flex-start;
}
.logo-container.bottom {
  bottom: 0;
  align-items: flex-end;
}
.logo-container.top {
  top: 0;
}
/****************** LOGO ******************/
/***************** PLAY MANUAL ***********/
.playManual {
  background: url("POPUP_P1_PORTADA_02.jpg") center center no-repeat;
  background-size: contain;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#homehex {
  width: 200px;
  height: 200px;
  top: 55vh;
  position: absolute;
  left: calc(50vw - 100px);
}
#playManual .calltoaction {
  font-family: 'Roboto Condensed', cursive;
  font-size: 30px;
  position: relative;
  color: #005880;
  top: 67vh;
  text-align: center;
}
#playManual .title {
  font-family: 'Roboto Condensed', cursive;
  font-size: 80px;
  position: absolute;
  color: aliceblue;
  top: 10vh;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding-top: 25vh;
  text-align: center;
}
/****************** CSS ******************/
.borde {
  border: 1px solid #7f7f7f;
}
.displayB {
  display: block !important;
}
.displayN {
  display: none !important;
}
.noTouch {
  visibility: hidden !important;
}
.touch {
  visibility: visible !important;
}
/****************** TEXTOS ******************/
._fsup {
  margin-top: -3px;
  position: absolute;
}
._fsbig {
  font-size: 24px;
}
._fslarge {
  font-size: 22px;
}
._fsregular {
  font-size: 18px;
}
._fsmedium {
  font-size: 14px;
}
._fssmall {
  font-size: 12px;
}
._fsxsmall {
  font-size: 10px;
}
._ffbold {
  font-family: 'Roboto Condensed', cursive;
}
._ffregular {
  font-family: 'Roboto Condensed', cursive;
}
._ffitalic {
  font-family: 'Roboto Condensed', cursive;
}
._fflight {
  font-family: 'Roboto Condensed', cursive;
}
.images_content {
  position: absolute;
  width: 1760px;
  height: 1080px;
  overflow: hidden;
  z-index: 8;
}
.images_items_content {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100%;
}
.images__item {
  float: left;
  width: 1760px;
  height: 100%;
}
/* ------- CON CLASS slideFade*/
.images_content.move_slide > .images_items_content {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.51, 0.92, 0.24, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.51, 0.92, 0.24, 1);
  transition: transform 0.6s cubic-bezier(0.51, 0.92, 0.24, 1);
  transition: transform 0.6s cubic-bezier(0.51, 0.92, 0.24, 1), -webkit-transform 0.6s cubic-bezier(0.51, 0.92, 0.24, 1);
  will-change: transform;
}
.images_content.move_fade .images__item {
  position: absolute;
  opacity: 0;
  will-change: opacity, transform;
  transform: scale(1.005);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.images_items_content .images__item {
  background-size: 1760px auto;
  background-repeat: no-repeat;
}
/* BOTONES */
.arrow {
  position: absolute;
  top: 0;
  transform-origin: center;
  visibility: hidden;
}
.arrow.prev.touch,
.arrow.next.touch {
  visibility: visible !important;
  animation: 3s infinite arrow_glower, fadeIn 1.5s ease-out forwards;
}
.arrow.next:hover,
.arrow.prev:hover {
  opacity: 1;
  animation: 2.5s infinite bounce ease-in-out;
}
.arrow.prev {
  background: url("arrow_prev.svg") no-repeat;
  background-position: center right;
  background-size: 6vw;
  width: 8vw;
  height: 100vh;
  opacity: 0;
}
.arrow.next {
  background: url("arrow.svg") no-repeat;
  margin-left: 90vw;
  background-position: center right;
  background-size: 6vw;
  width: 8vw;
  height: 100vh;
  opacity: 0;
}
.slider__item:nth-child(1) .ctas_slides {
  right: calc(50vw - 100px);
  top: 72vh;
}
.slider__item:nth-child(2) .ctas_slides {
  right: 29vw;
  top: 58vh;
}
.slider__item:nth-child(3) .ctas_slides {
  right: 30vw;
  top: 54vh;
}
.slider__item:nth-child(4) .ctas_slides {
  right: 68vw;
  top: 60vh;
}
.slider__item:nth-child(5) .ctas_slides {
  right: 38vw;
  top: 22vh;
}
.slider__item:nth-child(6) .ctas_slides {
  right: 22vw;
  top: 47vh;
}
.slider__item:nth-child(7) .ctas_slides {
  right: 78vw;
  top: 47vh;
}
.slider__item:nth-child(8) .ctas_slides {
  right: 30vw;
  top: 59vh;
}
.slider__item:nth-child(9) .ctas_slides {
  right: 50vw;
  top: 60vh;
}
.slider__item:nth-child(10) .ctas_slides {
  right: 41vw;
  top: 52vh;
}
.slider__item:nth-child(11) .ctas_slides {
  right: 29vw;
  top: 48vh;
}
.slider__item:nth-child(12) .ctas_slides {
  right: 77vw;
  top: 3vh;
}
.slider__item:nth-child(13) .ctas_slides {
  right: 39vw;
  top: 0vh;
}