.awesome-banner_landing {
  background-image: url("../images/bg.jpg");
}

.awesome-banner_landing .awesome-banner__media-wrapper {
  display: flex;
}

.awesome-banner_landing .awesome-banner__media-el._0-1 {
  background-image: url("../images/0-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._0-2 {
  background-image: url("../images/0-2.png");
}

.awesome-banner_landing .awesome-banner__media-el._1-1 {
  background-image: url("../images/1-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._2-1 {
  background-image: url("../images/2-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._3-1 {
  background-image: url("../images/3-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._4-1 {
  background-image: url("../images/4-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._5-1 {
  background-image: url("../images/5-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._6-1 {
  background-image: url("../images/6-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._7-1 {
  background-image: url("../images/7-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._8-1 {
  background-image: url("../images/8-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._9-1 {
  background-image: url("../images/9-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._10-1 {
  background-image: url("../images/10-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._11-1 {
  background-image: url("../images/11-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._12-1 {
  background-image: url("../images/12-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._13-1 {
  background-image: url("../images/13-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._14-1 {
  background-image: url("../images/14-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._15 {
  transform-origin: calc(279 * 100% / 972) calc(449 * 100% / 650);
}

.awesome-banner_landing .awesome-banner__media-el._15-1 {
  background-image: url("../images/15-1.png");
}

.awesome-banner_landing .awesome-banner__media-el._1-1,
.awesome-banner_landing .awesome-banner__media-el._2-1,
.awesome-banner_landing .awesome-banner__media-el._3-1,
.awesome-banner_landing .awesome-banner__media-el._4-1,
.awesome-banner_landing .awesome-banner__media-el._5-1,
.awesome-banner_landing .awesome-banner__media-el._7-1,
.awesome-banner_landing .awesome-banner__media-el._8-1,
.awesome-banner_landing .awesome-banner__media-el._9-1,
.awesome-banner_landing .awesome-banner__media-el._10-1,
.awesome-banner_landing .awesome-banner__media-el._11-1,
.awesome-banner_landing .awesome-banner__media-el._12-1,
.awesome-banner_landing .awesome-banner__media-el._13-1,
.awesome-banner_landing .awesome-banner__media-el._14-1,
.awesome-banner_landing .awesome-banner__media-el._15-1 {
  animation-duration: 3s;
  animation-delay: 0s;
  animation-name: awesome-banner_landing-fly;
}

.awesome-banner_landing .awesome-banner__media-el._1-1 {
  animation-delay: 0.25s;
}

.awesome-banner_landing .awesome-banner__media-el._2-1 {
  animation-delay: 0.5s;
}

.awesome-banner_landing .awesome-banner__media-el._3-1 {
  animation-delay: 0.75s;
}

.awesome-banner_landing .awesome-banner__media-el._4-1 {
  animation-delay: 1s;
}

.awesome-banner_landing .awesome-banner__media-el._5-1 {
  animation-delay: 1.25s;
}

.awesome-banner_landing .awesome-banner__media-el._7-1 {
  animation-delay: 4.5s;
}

.awesome-banner_landing .awesome-banner__media-el._8-1 {
  animation-delay: 4s;
}

.awesome-banner_landing .awesome-banner__media-el._9-1 {
  animation-delay: 3.5s;
}

.awesome-banner_landing .awesome-banner__media-el._10-1 {
  animation-delay: 3s;
}

.awesome-banner_landing .awesome-banner__media-el._11-1 {
  animation-delay: 2.5s;
}

.awesome-banner_landing .awesome-banner__media-el._12-1 {
  animation-delay: 2s;
}

.awesome-banner_landing .awesome-banner__media-el._13-1 {
  animation-delay: 1.5s;
}

.awesome-banner_landing .awesome-banner__media-el._14-1 {
  animation-delay: 1s;
}

.awesome-banner_landing .awesome-banner__media-el._15-1 {
  animation-delay: 0.5s;
}

@keyframes awesome-banner_landing-fly {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-1%);
  }
}

.awesome-banner_landing .awesome-banner__media-el._0 {
  animation-name: awesome-banner_landing-0;
}

@keyframes awesome-banner_landing-0 {
  0% {
    opacity: 0;
  }

  10%,
  90% {
    opacity: 1;
  }

  95%,
  100% {
    opacity: 0;
  }
}

.awesome-banner_landing .awesome-banner__media-el._1 {
  animation-name: awesome-banner_landing-1;
}

@keyframes awesome-banner_landing-1 {
  0%,
  5% {
    opacity: 0;
    transform: translateY(-10%);
  }

  7.5%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._2 {
  animation-name: awesome-banner_landing-2;
}

@keyframes awesome-banner_landing-2 {
  0%,
  7.5% {
    opacity: 0;
    transform: translateY(-10%);
  }

  10%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._3 {
  animation-name: awesome-banner_landing-3;
}

@keyframes awesome-banner_landing-3 {
  0%,
  10% {
    opacity: 0;
    transform: translateY(-10%);
  }

  12.5%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._4 {
  animation-name: awesome-banner_landing-4;
}

@keyframes awesome-banner_landing-4 {
  0%,
  12.5% {
    opacity: 0;
    transform: translateY(-10%);
  }

  15%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._5 {
  animation-name: awesome-banner_landing-5;
}

@keyframes awesome-banner_landing-5 {
  0%,
  15% {
    opacity: 0;
    transform: translateY(-10%);
  }

  17.5%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._0-1 {
  animation-name: awesome-banner_landing-0-1;
}

@keyframes awesome-banner_landing-0-1 {
  0%,
  20% {
    opacity: 0;
    transform: translateY(1.5%);
  }

  30%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._0-2 {
  animation-name: awesome-banner_landing-0-2;
}

@keyframes awesome-banner_landing-0-2 {
  0%,
  20% {
    opacity: 0;
    transform: translateY(2.5%);
  }

  30%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._6 {
  animation-name: awesome-banner_landing-6;
}

@keyframes awesome-banner_landing-6 {
  0%,
  25% {
    opacity: 0;
    transform: translateY(-10%);
  }

  30%,
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.awesome-banner_landing .awesome-banner__media-el._7 {
  animation-name: awesome-banner_landing-7;
}

@keyframes awesome-banner_landing-7 {
  0%,
  47.5% {
    opacity: 0;
    transform: scale(0);
  }

  52.5%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._8 {
  animation-name: awesome-banner_landing-8;
}

@keyframes awesome-banner_landing-8 {
  0%,
  45% {
    opacity: 0;
    transform: scale(0);
  }

  50%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._9 {
  animation-name: awesome-banner_landing-9;
}

@keyframes awesome-banner_landing-9 {
  0%,
  42.5% {
    opacity: 0;
    transform: scale(0);
  }

  47.5%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._10 {
  animation-name: awesome-banner_landing-10;
}

@keyframes awesome-banner_landing-10 {
  0%,
  40% {
    opacity: 0;
    transform: scale(0);
  }

  45%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._11 {
  animation-name: awesome-banner_landing-11;
}

@keyframes awesome-banner_landing-11 {
  0%,
  37.5% {
    opacity: 0;
    transform: scale(0);
  }

  42.5%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._12 {
  animation-name: awesome-banner_landing-12;
}

@keyframes awesome-banner_landing-12 {
  0%,
  35% {
    opacity: 0;
    transform: scale(0);
  }

  40%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._13 {
  animation-name: awesome-banner_landing-13;
}

@keyframes awesome-banner_landing-13 {
  0%,
  32.5% {
    opacity: 0;
    transform: scale(0);
  }

  37.5%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._14 {
  animation-name: awesome-banner_landing-14;
}

@keyframes awesome-banner_landing-14 {
  0%,
  30% {
    opacity: 0;
    transform: scale(0);
  }

  35%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.awesome-banner_landing .awesome-banner__media-el._15 {
  animation-name: awesome-banner_landing-15;
}

@keyframes awesome-banner_landing-15 {
  0%,
  55% {
    opacity: 0;
    transform: scale(0);
  }

  65%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 575.98px) {
  .awesome-banner_landing .awesome-banner__media {
    transform: translateX(9%);
  }
}