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

.awesome-banner-seo-base__dec-01 {
  right: 0;
  bottom: 0;
  width: 34.9em;
  height: 8.8em;
  background-image: url("../images/awesome-banner-seo-base/dec-01.png");
}

.awesome-banner-seo-base__dec-02 {
  left: 50%;
  top: 50%;
  width: 28.4em;
  height: 28.4em;
  margin: -11.9em 0 0 -14.8em;
}

.awesome-banner-seo-base__dec-02-01,
.awesome-banner-seo-base__dec-02-02,
.awesome-banner-seo-base__dec-02-03 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.awesome-banner-seo-base__dec-02-01 {
  background-image: url("../images/awesome-banner-seo-base/dec-02-01.png");
  animation: awesome-banner-seo-base-rotate 6s linear infinite;
}

.awesome-banner-seo-base__dec-02-02 {
  background-image: url("../images/awesome-banner-seo-base/dec-02-02.png");
  animation: awesome-banner-seo-base-rotate-back 5s linear infinite;
}

.awesome-banner-seo-base__dec-02-03 {
  background-image: url("../images/awesome-banner-seo-base/dec-02-03.png");
  animation: awesome-banner-seo-base-rotate 4s linear infinite;
}

@keyframes awesome-banner-seo-base-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes awesome-banner-seo-base-rotate-back {
  100% {
    transform: rotate(-360deg);
  }
}

.awesome-banner-seo-base__dec-03 {
  left: 50%;
  bottom: 0;
  width: 42.8em;
  height: 42.4em;
  margin: 0 0 0 -20.1em;
  background-image: url("../images/awesome-banner-seo-base/dec-03.png");
}

.awesome-banner-seo-base__dec-04 {
  left: 3.5%;
  bottom: 17.1%;
  width: 12.8em;
  height: 12.8em;
  background-image: url("../images/awesome-banner-seo-base/dec-04.png");
}

.awesome-banner-seo-base__dec-05 {
  right: 7%;
  top: 3.7%;
  width: 12.1em;
  height: 12.1em;
  background-image: url("../images/awesome-banner-seo-base/dec-05.png");
}

.awesome-banner-seo-base__dec-06 {
  right: 15.6%;
  top: 13.5%;
  width: 13.2em;
  height: 13.2em;
  background-image: url("../images/awesome-banner-seo-base/dec-06.png");
}

.awesome-banner-seo-base__dec-07 {
  right: 17.2%;
  bottom: 12.8%;
  width: 15.7em;
  height: 22.6em;
  background-image: url("../images/awesome-banner-seo-base/dec-07.png");
}

.awesome-banner-seo-base__dec-08 {
  left: 12.2%;
  top: 19%;
  width: 14.8em;
  height: 32.2em;
  background-image: url("../images/awesome-banner-seo-base/dec-08.png");
}

.awesome-banner-seo-base__dec-09 {
  left: 9.9%;
  top: 14.1%;
  width: 13.6em;
  height: 25.4em;
  background-image: url("../images/awesome-banner-seo-base/dec-09.png");
}

.awesome-banner-seo-base__dec-10 {
  left: 16%;
  top: 25.3%;
  width: 5em;
  height: 5.2em;
  background-image: url("../images/awesome-banner-seo-base/dec-10.png");
}

.awesome-banner-seo-base__animation {
  width: 33.1em;
  height: 38.4em;
  left: 50%;
  top: 50%;
  margin: -19.7em 0 0 -20.4em;
}

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

.awesome-banner-seo-base__animation-el-02,
.awesome-banner-seo-base__animation-el-03 {
  left: 4.6em;
  top: 10em;
  width: 18em;
  height: 0;
  background-size: 100% auto;
  background-position: left top;
}

.awesome-banner-seo-base__animation-el-02 {
  background-image: url("../images/awesome-banner-seo-base/02.png");
}

.awesome-banner-seo-base__animation-el-03 {
  background-image: url("../images/awesome-banner-seo-base/03.png");
}

.awesome-banner-seo-base__animation-el-04 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-seo-base/04.png");
  opacity: 0;
  transform: translateY(-50%);
}

.awesome-banner-seo-base__animation-el-05 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-seo-base/05.png");
  transform: scale(0);
}

.awesome-banner-seo-base__animation-el-06 {
  right: 2.6em;
  bottom: 26.1em;
  width: 7.8em;
  height: 0;
  background-image: url("../images/awesome-banner-seo-base/06.png");
  background-size: 100% auto;
  background-position: left bottom;
  transform: translate(-8em, 20em);
}

.awesome-banner-seo-base__animation-el-07 {
  right: 0;
  bottom: 28.3em;
  width: 7.8em;
  height: 0;
  background-image: url("../images/awesome-banner-seo-base/07.png");
  background-size: 100% auto;
  background-position: left bottom;
  transform: translate(-8em, 20em);
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-01 {
  transition: 0.5s linear;
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-02 {
  transition: 1s linear;
  transition-delay: 0.5s;
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-03 {
  transition: 1s linear;
  transition-delay: 2.5s;
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-04 {
  transition: 0.6s linear;
  transition-delay: 1.7s;
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-05 {
  transition: 0.7s linear;
  transition-delay: 3.2s;
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-06 {
  transition: 0.7s linear;
  transition-delay: 3.7s;
}

.awesome-banner-seo-base.is-animate .awesome-banner-seo-base__animation-el-07 {
  transition: 0.7s linear;
  transition-delay: 4.2s;
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-01 {
  opacity: 1;
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-02 {
  height: 23.7em;
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-03 {
  height: 23.7em;
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-04 {
  opacity: 1;
  transform: translateY(0);
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-05 {
  transform: scale(1);
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-06 {
  height: 10.1em;
  transform: translate(0);
}

.awesome-banner-seo-base.is-animated .awesome-banner-seo-base__animation-el-07 {
  height: 10.1em;
  transform: translate(0);
}

@media (max-width: 1299px) {
  .awesome-banner-seo-base__dec-04 {
    left: 0;
  }

  .awesome-banner-seo-base__dec-05 {
    right: 0;
  }

  .awesome-banner-seo-base__dec-06 {
    right: 8.6%;
  }

  .awesome-banner-seo-base__dec-07 {
    right: 7.2%;
  }

  .awesome-banner-seo-base__dec-08 {
    left: 0;
  }

  .awesome-banner-seo-base__dec-09 {
    left: 4.9%;
  }

  .awesome-banner-seo-base__dec-10 {
    left: 11%;
  }
}