.fadeIn,
.fadeIn-2,
.fadeIn-3 {
  opacity: 0;
  transition: opacity 1s;
}

.fadeIn.is-active,
.fadeIn-2.is-active,
.fadeIn-3.is-active {
  opacity: 1;
}

.fadeIn-2.is-active {
  transition-delay: 0.3s;
}

.fadeIn-3.is-active {
  transition-delay: 0.6s;
}

@keyframes arrowFade {
  0% {
    right: 10%;
    opacity: 0;
  }
  20% {
    right: 9%;
    opacity: 0.6;
  }
  40% {
    right: 8%;
    opacity: 1;
  }
  60% {
    right: 7%;
    opacity: 1;
  }
  80% {
    right: 6%;
    opacity: 0.6;
  }
  100% {
    right: 5%;
    opacity: 0;
  }
}
.swiper-container {
  position: relative;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
  height: 0.8vw;
  top: auto;
  bottom: 0;
}
@media screen and (min-width: 1025px) {
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: 5px;
  }
}

.swiper-pagination-progressbar {
  background-color: #efefef;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #808080;
}

.swiper-button-prev,
.swiper-button-next {
  color: #B1B1B1;
  top: 50%;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 6.6666666667vw;
}
@media screen and (min-width: 1025px) {
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 1.7361111111vw;
  }
}

.swiper-button-prev {
  left: -12%;
}
@media screen and (min-width: 1025px) {
  .swiper-button-prev {
    left: -30px;
  }
}

.swiper-button-next {
  right: -12%;
}
@media screen and (min-width: 1025px) {
  .swiper-button-next {
    right: -30px;
  }
}/*# sourceMappingURL=trigger.css.map */