.transform_left {
  animation: transform 1s forwards;
}

.transform_fade {
  animation: transform_fade 3s forwards 0.5s;
}

@keyframes transform {
  100% {
    transform: unset;
    opacity: 1;
  }
}
@keyframes transform_fade {
  100% {
    transform: 100vw;
    opacity: 0;
  }
}
.slick-active {
  animation: sride-active forwards 1s 1s;
}

@keyframes sride-active {
  100% {
    opacity: 1;
    filter: unset;
  }
}
@keyframes scroll__arrow {
  100% {
    height: 98%;
  }
}
.fade_blur {
  filter: blur(200px);
  opacity: 0;
}

@keyframes fade_blur_show {
  0% {
    filter: blur(200px);
    opacity: 0.5;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
.fade {
  opacity: 0;
}

.fade_show {
  animation: fade_show forwards 1s;
}

@keyframes fade_show {
  100% {
    opacity: 1;
  }
}
.transform_left {
  transform: translateX(100vw);
  opacity: 0;
}

.transform_right {
  transform: translateX(-100vw);
  opacity: 0;
}

@keyframes transform {
  100% {
    opacity: 1;
    transform: unset;
  }
}
@keyframes bg-show {
  100% {
    height: 0%;
  }
}
.bg-dark {
  position: relative;
  z-index: 2;
}
.bg-dark:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-show:after {
  animation: bg-show forwards 2s;
}

.body_fade:after {
  animation: body_fade forwards 2s !important;
}

@keyframes body_fade {
  100% {
    display: none !important;
  }
}/*# sourceMappingURL=anime.css.map */