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

.awesome-banner-seo__dec-01 {
  right: 0;
  top: 0;
  width: 22.9em;
  height: 10.1em;
  background-image: url("../images/awesome-banner-seo/dec-01.png");
  z-index: 1;
}

.awesome-banner-seo__dec-02 {
  left: 4.3%;
  top: 27%;
  width: 48.4em;
  height: 23.6em;
  background-image: url("../images/awesome-banner-seo/dec-02.png");
  z-index: 5;
}

.awesome-banner-seo__dec-03 {
  left: 8%;
  top: 0;
  width: 36.4em;
  height: 13.1em;
  background-image: url("../images/awesome-banner-seo/dec-03.png");
  z-index: 2;
}

.awesome-banner-seo__dec-04 {
  right: 12%;
  top: 13%;
  width: 13.5em;
  height: 13.5em;
  background-image: url("../images/awesome-banner-seo/dec-04.png");
  z-index: 4;
}

.awesome-banner-seo__dec-05 {
  right: 14%;
  bottom: 22.4%;
  width: 18em;
  height: 12.5em;
  background-image: url("../images/awesome-banner-seo/dec-05.png");
  z-index: 3;
}

.awesome-banner-seo__dec-06 {
  right: 21.2%;
  top: 33.7%;
  width: 9.3em;
  height: 22em;
  background-image: url("../images/awesome-banner-seo/dec-06.png");
  z-index: 7;
}

.awesome-banner-seo__dec-07 {
  left: 0;
  top: 20.9%;
  width: 15em;
  height: 22.9em;
  background-image: url("../images/awesome-banner-seo/dec-07.png");
  z-index: 6;
}

.awesome-banner-seo__dec-08 {
  left: -11.6%;
  bottom: 0;
  width: 25.6em;
  height: 11.1em;
  background-image: url("../images/awesome-banner-seo/dec-08.png");
  z-index: 11;
}

.awesome-banner-seo__animation {
  width: 59.3em;
  height: 39em;
  left: 0;
  top: 0;
}

.awesome-banner-seo__animation-el-01 {
  left: 6.5em;
  bottom: 0;
  width: 0;
  height: 29.7em;
  background-image: url("../images/awesome-banner-seo/01.png");
  z-index: 0;
  background-size: auto 100%;
  background-position: left bottom;
}

.awesome-banner-seo__animation-el-02 {
  left: 12.5em;
  bottom: 6.9em;
  width: 0;
  height: 10.2em;
  background-image: url("../images/awesome-banner-seo/02.png");
  z-index: 8;
  background-size: auto 100%;
  background-position: left bottom;
}

.awesome-banner-seo__animation-el-03 {
  right: 0;
  top: 0;
  width: 21.8em;
  height: 19.8em;
  background-image: url("../images/awesome-banner-seo/03.png");
  z-index: 9;
  transform: scale(0);
}

.awesome-banner-seo__animation-el-04 {
  left: 0;
  bottom: 0.4em;
  width: 0;
  height: 29.8em;
  background-image: url("../images/awesome-banner-seo/04.png");
  z-index: 10;
  background-size: auto 100%;
  background-position: left bottom;
}

.awesome-banner-seo.is-animate .awesome-banner-seo__animation-el-01 {
  transition: 0.7s linear;
  transition-delay: 0s;
}

.awesome-banner-seo.is-animate .awesome-banner-seo__animation-el-02 {
  transition: 1s linear;
  transition-delay: 0.8s;
}

.awesome-banner-seo.is-animate .awesome-banner-seo__animation-el-04 {
  transition: 1.3s linear;
  transition-delay: 1.8s;
}

.awesome-banner-seo.is-animate .awesome-banner-seo__animation-el-03 {
  transition: 0.7s ease-in-out;
  transition-delay: 3s;
}

.awesome-banner-seo.is-animated .awesome-banner-seo__animation-el-01 {
  width: 46.7em;
}

.awesome-banner-seo.is-animated .awesome-banner-seo__animation-el-02 {
  width: 33.2em;
}

.awesome-banner-seo.is-animated .awesome-banner-seo__animation-el-04 {
  width: 50.2em;
}

.awesome-banner-seo.is-animated .awesome-banner-seo__animation-el-03 {
  transform: scale(1);
}

.awesome-banner-seo__dec-08 {
  backface-visibility: hidden;
  transition: 2s ease-in-out;
  transform: translateY(100%);
}

.awesome-banner-seo.is-animated .awesome-banner-seo__dec-08 {
  transform: translateY(0);
}

@media (max-width: 1299px) {
  .awesome-banner-seo__dec-04 {
    right: 2%;
  }

  .awesome-banner-seo__dec-05 {
    right: 4%;
  }

  .awesome-banner-seo__dec-06 {
    right: 11.2%;
  }
}

@media (max-width: 1023px) {
  .awesome-banner-seo__animation {
    left: 50%;
    margin-left: -29.65em;
  }
}