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

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

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

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

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

.awesome-banner_context .awesome-banner__media-el._3 {
  transform-origin: calc(366 * 100% / 972) calc(298 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._4 {
  transform-origin: calc(557 * 100% / 972) calc(345 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._5 {
  transform-origin: calc(374 * 100% / 972) calc(502 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._6 {
  transform-origin: calc(673 * 100% / 972) calc(263 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._7 {
  transform-origin: calc(643 * 100% / 972) calc(397 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._8 {
  transform-origin: calc(422 * 100% / 972) calc(185 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._9 {
  transform-origin: calc(646 * 100% / 972) calc(161 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._10 {
  transform-origin: calc(529 * 100% / 972) calc(567 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._11 {
  transform-origin: calc(593 * 100% / 972) calc(512 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._12 {
  transform-origin: calc(643 * 100% / 972) calc(549 * 100% / 650);
}

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

.awesome-banner_context .awesome-banner__media-el._3-1,
.awesome-banner_context .awesome-banner__media-el._4-1,
.awesome-banner_context .awesome-banner__media-el._5-1,
.awesome-banner_context .awesome-banner__media-el._6-1,
.awesome-banner_context .awesome-banner__media-el._7-1,
.awesome-banner_context .awesome-banner__media-el._8-1,
.awesome-banner_context .awesome-banner__media-el._9-1,
.awesome-banner_context .awesome-banner__media-el._10-1,
.awesome-banner_context .awesome-banner__media-el._11-1,
.awesome-banner_context .awesome-banner__media-el._12-1 {
  animation-duration: 3s;
  animation-delay: 0s;
  animation-name: awesome-banner_context-fly;
}

.awesome-banner_context .awesome-banner__media-el._3-1 {
  animation-delay: 0.25s;
}

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

.awesome-banner_context .awesome-banner__media-el._5-1 {
  animation-delay: 0.5s;
}

.awesome-banner_context .awesome-banner__media-el._6-1 {
  animation-delay: 1s;
}

.awesome-banner_context .awesome-banner__media-el._7-1 {
  animation-delay: 1.5s;
}

.awesome-banner_context .awesome-banner__media-el._8-1 {
  animation-delay: 2s;
}

.awesome-banner_context .awesome-banner__media-el._9-1 {
  animation-delay: 2.5s;
}

.awesome-banner_context .awesome-banner__media-el._10-1 {
  animation-delay: 1.25s;
}

.awesome-banner_context .awesome-banner__media-el._11-1 {
  animation-delay: 1.75s;
}

.awesome-banner_context .awesome-banner__media-el._12-1 {
  animation-delay: 2.25s;
}

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

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

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

@keyframes awesome-banner_context-0 {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

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

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

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

@keyframes awesome-banner_context-3 {
  0%,
  10% {
    transform: scale(0);
  }

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

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

@keyframes awesome-banner_context-4 {
  0%,
  15% {
    transform: scale(0);
  }

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

.awesome-banner_context .awesome-banner__media-el._1 {
  animation-name: awesome-banner_context-1;
  animation-timing-function: ease-in;
}

@keyframes awesome-banner_context-1 {
  0%,
  20% {
    opacity: 0;
    transform: translateX(-100%);
  }

  22.5%,
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.awesome-banner_context .awesome-banner__media-el._2 {
  animation-name: awesome-banner_context-2;
  animation-timing-function: ease-in;
}

@keyframes awesome-banner_context-2 {
  0%,
  22.5% {
    opacity: 0;
    transform: translate(-100%, -100%);
  }

  25%,
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

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

@keyframes awesome-banner_context-5 {
  0%,
  30% {
    transform: scale(0);
  }

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

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

@keyframes awesome-banner_context-6 {
  0%,
  35% {
    transform: scale(0);
  }

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

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

@keyframes awesome-banner_context-7 {
  0%,
  40% {
    transform: scale(0);
  }

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

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

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

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

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

@keyframes awesome-banner_context-9 {
  0%,
  50% {
    transform: scale(0);
  }

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

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

@keyframes awesome-banner_context-10 {
  0%,
  55% {
    transform: scale(0);
  }

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

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

@keyframes awesome-banner_context-11 {
  0%,
  60% {
    transform: scale(0);
  }

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

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

@keyframes awesome-banner_context-12 {
  0%,
  65% {
    transform: scale(0);
  }

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

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