.awesome-banner-context {
  background: #32065d url("../images/awesome-banner-context/bg.png") right
    bottom no-repeat;
  background-size: auto 100%;
  color: #fff !important;
}

.awesome-banner-context:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image:
    url("../images/awesome-banner-context/bg-top.png"),
    url("../images/awesome-banner-context/bg-bottom.png");
  background-repeat: no-repeat;
  background-position:
    right 86px top,
    right 155px bottom;
}

.awesome-banner-context__dec-01 {
  left: 13.1%;
  top: 32.4%;
  width: 20.7em;
  height: 15.5em;
  background-image: url("../images/awesome-banner-context/dec-01.png");
}

.awesome-banner-context__dec-02 {
  right: -1.8em;
  bottom: -2.2em;
  width: 14.4em;
  height: 10.6em;
  background-image: url("../images/awesome-banner-context/dec-02.png");
}

.awesome-banner-context__dec-03 {
  right: 0;
  top: 25.6%;
  width: 11em;
  height: 15.6em;
  background-image: url("../images/awesome-banner-context/dec-03.png");
}

.awesome-banner-context__dec-04 {
  right: 19.1%;
  bottom: 22.2%;
  width: 4.8em;
  height: 3.9em;
  background-image: url("../images/awesome-banner-context/dec-04.png");
}

.awesome-banner-context__dec-05 {
  right: 21.3%;
  top: 21.1%;
  width: 5.7em;
  height: 4.8em;
  background-image: url("../images/awesome-banner-context/dec-05.png");
}

.awesome-banner-context__dec-06 {
  right: 8.1em;
  top: 45.8%;
  width: 5.5em;
  height: 5.5em;
  background-image: url("../images/awesome-banner-context/dec-06.png");
}

.awesome-banner-context__dec-07 {
  left: 50%;
  top: 50%;
  margin: -9.9em 0 0 -9em;
  width: 19.6em;
  height: 28.8em;
  background-image: url("../images/awesome-banner-context/dec-07.png");
  z-index: 1;
}

.awesome-banner-context__dec-08 {
  left: 50%;
  top: 50%;
  margin: -1.2em 0 0 -18.1em;
  width: 22.7em;
  height: 14.5em;
  background-image: url("../images/awesome-banner-context/dec-08.png");
  z-index: 1;
}

.awesome-banner-context__dec-09 {
  left: 50%;
  top: 50%;
  margin: -7.5em 0 0 -11.7em;
  width: 24.5em;
  height: 15.8em;
  background-image: url("../images/awesome-banner-context/dec-09.png");
  z-index: 1;
}

.awesome-banner-context__animation {
  width: 45.4em;
  height: 36.7em;
  left: 50%;
  top: 50%;
  margin: -18.25em 0 0 -24.95em;
}

.awesome-banner-context__animation-el-01 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-context/01.png");
}

.awesome-banner-context__animation-el-02 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-context/02.png");
}

.awesome-banner-context__animation-el-03 {
  left: 2.7em;
  bottom: 18.5em;
  width: 22.2em;
  height: 8.3em;
  background-image: url("../images/awesome-banner-context/03.png");
}

.awesome-banner-context__animation-el-04 {
  left: 16.7em;
  bottom: 12.2em;
  width: 8.1em;
  height: 6.3em;
  background-image: url("../images/awesome-banner-context/04.png");
}

.awesome-banner-context__animation-el-05 {
  left: 3.2em;
  bottom: 14em;
  width: 15.5em;
  height: 4em;
  background-image: url("../images/awesome-banner-context/05.png");
}

.awesome-banner-context__animation-el-06 {
  left: 29em;
  bottom: 27.6em;
  width: 6.4em;
  height: 6.2em;
  background-image: url("../images/awesome-banner-context/06.png");
}

.awesome-banner-context__animation-el-07 {
  left: 40.7em;
  bottom: 4.8em;
  width: 4.5em;
  height: 4.8em;
  background-image: url("../images/awesome-banner-context/07.png");
}

.awesome-banner-context__animation-el-08 {
  left: 0;
  bottom: 0;
  width: 4.2em;
  height: 5.6em;
  background-image: url("../images/awesome-banner-context/08.png");
}

.awesome-banner-context__animation-el-09 {
  left: 31em;
  bottom: 15.4em;
  width: 14.4em;
  height: 9.1em;
}

@keyframes awesome-banner-context-fly {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(1.5em);
  }
}

.awesome-banner-context__animation-el-09,
.awesome-banner-context__animation-el-10,
.awesome-banner-context__animation-el-11 {
  z-index: 2;
}

.awesome-banner-context__animation-el-09-00,
.awesome-banner-context__animation-el-10-00,
.awesome-banner-context__animation-el-11-00 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: awesome-banner-context-fly 5s ease-in-out infinite;
}

.awesome-banner-context__animation-el-10-00 {
  animation-delay: 0.82s;
}

.awesome-banner-context__animation-el-11-00 {
  animation-delay: 1.64s;
}

.awesome-banner-context__animation-el-09-01,
.awesome-banner-context__animation-el-10-01,
.awesome-banner-context__animation-el-11-01 {
  background-repeat: repeat-y;
  background-position: 0 0;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes awesome-banner-context-text0901 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -6.9em;
  }
}

.awesome-banner-context__animation-el-09-01 {
  right: 0;
  top: 0;
  width: 6.5em;
  height: 6.9em;
  background-image: url("../images/awesome-banner-context/09-01.png");
  animation-name: awesome-banner-context-text0901;
}

.awesome-banner-context__animation-el-09-02 {
  left: 0;
  bottom: 0;
  width: 11.2em;
  height: 5.1em;
  background-image: url("../images/awesome-banner-context/09-02.png");
}

.awesome-banner-context__animation-el-10 {
  left: 10.9em;
  bottom: 28.4em;
  width: 13.6em;
  height: 8.3em;
}

@keyframes awesome-banner-context-text1001 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -5.1em;
  }
}

.awesome-banner-context__animation-el-10-01 {
  left: 0;
  top: 0;
  width: 6.5em;
  height: 5.1em;
  background-image: url("../images/awesome-banner-context/10-01.png");
  animation-name: awesome-banner-context-text1001;
}

.awesome-banner-context__animation-el-10-02 {
  right: 0;
  bottom: 0;
  width: 8em;
  height: 4.4em;
  background-image: url("../images/awesome-banner-context/10-02.png");
}

.awesome-banner-context__animation-el-11 {
  left: 8.3em;
  bottom: 4.1em;
  width: 11.1em;
  height: 8.6em;
}

@keyframes awesome-banner-context-text1101 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -6.6em;
  }
}

.awesome-banner-context__animation-el-11-01 {
  left: 0;
  bottom: 0;
  width: 6.6em;
  height: 6.6em;
  background-image: url("../images/awesome-banner-context/11-01.png");
  animation-name: awesome-banner-context-text1101;
}

.awesome-banner-context__animation-el-11-02 {
  right: 0;
  top: 0;
  width: 6.5em;
  height: 3.9em;
  background-image: url("../images/awesome-banner-context/11-02.png");
}

.awesome-banner-context__animation-el-01 {
  transform: translateY(10em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-01 {
  transform: translateY(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-02 {
  transform: translateY(-20em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-02 {
  transform: translateY(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-03 {
  transform: translate(-36em, -9.6em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-03 {
  transform: translate(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-04 {
  transform: translate(-13em, 9.7em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-04 {
  transform: translate(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-05 {
  transform: translate(-36em, 4.1em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-05 {
  transform: translate(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-06 {
  transform: translate(-6.1em, 9.3em) scale(0);
  transform-origin: 1.9em bottom;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-06 {
  transform: translate(0) scale(1);
}

.awesome-banner-context__animation-el-07 {
  transform: translate(-16.2em, -13em) scale(0);
  transform-origin: 0.3em 4.1em;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-07 {
  transform: translate(0) scale(1);
}

.awesome-banner-context__animation-el-08 {
  transform: translate(22.3em, -18.1em) scale(0);
  transform-origin: 2.6em 5em;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-08 {
  transform: translate(0) scale(1);
}

.awesome-banner-context__animation-el-09 {
  transform: translateY(5em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-09 {
  transform: translateY(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-10 {
  transform: translateY(5em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-10 {
  transform: translateY(0);
  opacity: 1;
}

.awesome-banner-context__animation-el-11 {
  transform: translateY(5em);
  opacity: 0;
}

.awesome-banner-context.is-animated .awesome-banner-context__animation-el-11 {
  transform: translateY(0);
  opacity: 1;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-01 {
  transition: 0.5s linear;
  transition-delay: 0s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-02 {
  transition: 0.5s linear;
  transition-delay: 0s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-03 {
  transition: 0.2s cubic-bezier(0.69, 0.08, 1, 1);
  transition-delay: 1s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-04 {
  transition: 0.2s cubic-bezier(0.69, 0.08, 1, 1);
  transition-delay: 1s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-05 {
  transition: 0.2s cubic-bezier(0.69, 0.08, 1, 1);
  transition-delay: 1.2s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-06 {
  transition: 0.6s ease-out;
  transition-delay: 1.5s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-07 {
  transition: 0.6s ease-out;
  transition-delay: 1.4s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-08 {
  transition: 0.6s ease-out;
  transition-delay: 1.3s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-09 {
  transition: 0.5s linear;
  transition-delay: 2s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-10 {
  transition: 0.5s linear;
  transition-delay: 2.5s;
}

.awesome-banner-context.is-animate .awesome-banner-context__animation-el-11 {
  transition: 0.5s linear;
  transition-delay: 3s;
}

@media (max-width: 1239px) {
  .awesome-banner-context:before {
    background-position:
      right top,
      right 80px bottom;
  }

  .awesome-banner-context__dec-01 {
    left: 5%;
  }
}

@media (max-width: 480px) {
  .awesome-banner-context:before {
    background-position:
      center top,
      center bottom;
    background-size:
      480px auto,
      480px auto;
  }

  .awesome-banner-context__animation {
    font-size: 6px;
  }
}