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

.awesome-banner-seo-gift__dec-01 {
  right: 0;
  bottom: 0;
  width: 68.6em;
  height: 17.3em;
  background-image: url("../images/awesome-banner-seo-gift/dec-01.png");
}

.awesome-banner-seo-gift__dec-02 {
  left: 50%;
  top: 50%;
  width: 27.8em;
  height: 27.8em;
  margin: -3.5em 0 0 -55.2em;
}

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

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

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

.awesome-banner-seo-gift__dec-02-03 {
  background-image: url("../images/awesome-banner-seo-gift/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-gift__dec-03 {
  left: 50%;
  top: 0;
  width: 28.2em;
  height: 25.7em;
  margin: 0 0 0 -12.1em;
  background-image: url("../images/awesome-banner-seo-gift/dec-03.png");
}

.awesome-banner-seo-gift__dec-03-01 {
  left: -82.5%;
  bottom: 0;
  width: 44.2em;
  height: 52.6em;
  background-image: url("../images/awesome-banner-seo-gift/dec-03-01.png");
}

.awesome-banner-seo-gift__dec-04 {
  left: 50%;
  margin-left: -65em;
  bottom: 34.1%;
  width: 17.2em;
  height: 17.2em;
  background-image: url("../images/awesome-banner-seo-gift/dec-04.png");
}

.awesome-banner-seo-gift__dec-05 {
  right: 25%;
  top: 13.7%;
  width: 9.7em;
  height: 9.7em;
  background-image: url("../images/awesome-banner-seo-gift/dec-05.png");
}

.awesome-banner-seo-gift__dec-06 {
  right: 8.6%;
  top: 36.5%;
  width: 16.7em;
  height: 12.8em;
  background-image: url("../images/awesome-banner-seo-gift/dec-06.png");
}

.awesome-banner-seo-gift__dec-07 {
  right: 15.2%;
  bottom: 19.8%;
  width: 21.8em;
  height: 11em;
  background-image: url("../images/awesome-banner-seo-gift/dec-07.png");
}

.awesome-banner-seo-gift__dec-08 {
  left: -79%;
  top: 45%;
  width: 3.2em;
  height: 13.5em;
  background-image: url("../images/awesome-banner-seo-gift/dec-08.png");
}

.awesome-banner-seo-gift__dec-09 {
  left: -27.1%;
  bottom: 11.1%;
  width: 8.2em;
  height: 8.2em;
  background-image: url("../images/awesome-banner-seo-gift/dec-09.png");
}

.awesome-banner-seo-gift__dec-10 {
  left: -54%;
  top: 9.9%;
  width: 21.2em;
  height: 27.7em;
  background-image: url("../images/awesome-banner-seo-gift/dec-10.png");
}

.awesome-banner-seo-gift__dec-11 {
  left: 35.7%;
  bottom: 6.3%;
  width: 2.8em;
  height: 2.8em;
  background-image: url("../images/awesome-banner-seo-gift/dec-11.png");
}

.awesome-banner-seo-gift__dec-12 {
  left: 58%;
  top: 50.3%;
  width: 4.4em;
  height: 6.3em;
  background-image: url("../images/awesome-banner-seo-gift/dec-12.png");
}

.awesome-banner-seo-gift__dec-13 {
  left: -19%;
  top: 22.3%;
  width: 6.4em;
  height: 6.4em;
  background-image: url("../images/awesome-banner-seo-gift/dec-13.png");
}

.awesome-banner-seo-gift__animation {
  width: 46.3em;
  height: 34.9em;
  left: 50%;
  top: 50%;
  margin: -16.2em 0 0 -40.9em;
}

.awesome-banner-seo-gift__animation-el-01 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-seo-gift/01.png");
  opacity: 0;
  border-radius: 0.8em;
  box-shadow: 0 0 2em 0 rgba(106, 36, 131, 0.45);
}

.awesome-banner-seo-gift__animation-el-02 {
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background-size: 100% auto;
  background-position: left top;
  border-radius: 0.8em;
  background-image: url("../images/awesome-banner-seo-gift/02.png");
}

.awesome-banner-seo-gift__animation-el-03 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left bottom;
  background-size: 100% auto;
  background-position: left top;
  border-radius: 0.8em;
  background-image: url("../images/awesome-banner-seo-gift/03.png");
}

.awesome-banner-seo-gift__animation-el-05 {
  left: -2.3em;
  top: -1.6em;
  width: 56.1em;
  height: 42.9em;
  background-image: url("../images/awesome-banner-seo-gift/05.png");
  transform: scale(0);
}

.awesome-banner-seo-gift__animation-el-06 {
  right: 16em;
  bottom: 30.3em;
  width: 9.5em;
  height: 12.3em;
  opacity: 0;
  background-image: url("../images/awesome-banner-seo-gift/06.png");
  background-size: 100% auto;
  background-position: left bottom;
  transform: translate(-8em, 20em);
}

.awesome-banner-seo-gift__animation-el-07 {
  right: 13em;
  bottom: 33em;
  width: 9.5em;
  height: 12.3em;
  opacity: 0;
  background-image: url("../images/awesome-banner-seo-gift/07.png");
  background-size: 100% auto;
  background-position: left bottom;
  transform: translate(-8em, 20em);
}

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

.awesome-banner-seo-gift.is-animate .awesome-banner-seo-gift__animation-el-02 {
  transition: 0.5s linear;
  transition-delay: 0.5s;
}

.awesome-banner-seo-gift.is-animate .awesome-banner-seo-gift__animation-el-03 {
  transition: 0.5s linear;
  transition-delay: 1s;
}

.awesome-banner-seo-gift.is-animate .awesome-banner-seo-gift__animation-el-05 {
  transition: 0.5s linear;
  transition-delay: 1.5s;
}

.awesome-banner-seo-gift.is-animate .awesome-banner-seo-gift__animation-el-06 {
  transition: 0.5s linear;
  transition-delay: 2s;
}

.awesome-banner-seo-gift.is-animate .awesome-banner-seo-gift__animation-el-07 {
  transition: 0.5s linear;
  transition-delay: 2.3s;
}

.awesome-banner-seo-gift.is-animated .awesome-banner-seo-gift__animation-el-01 {
  opacity: 1;
}

.awesome-banner-seo-gift.is-animated .awesome-banner-seo-gift__animation-el-02 {
  height: 100%;
}

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

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

.awesome-banner-seo-gift.is-animated .awesome-banner-seo-gift__animation-el-06 {
  opacity: 1;
  transform: translate(0);
}

.awesome-banner-seo-gift.is-animated .awesome-banner-seo-gift__animation-el-07 {
  opacity: 1;
  transform: translate(0);
}

@media (max-width: 1299px) {
  .awesome-banner-seo-gift__animation {
    margin-left: -27.9em;
  }

  .awesome-banner-seo-gift__dec-02 {
    margin-left: -37.2em;
  }

  .awesome-banner-seo-gift__dec-04 {
    margin-left: -44em;
  }

  .awesome-banner-seo-gift__dec-05 {
    right: 2%;
  }

  .awesome-banner-seo-gift__dec-06 {
    right: 0.6%;
  }

  .awesome-banner-seo-gift__dec-07 {
    right: 1.2%;
  }

  .awesome-banner-seo-gift__dec-09 {
    left: -31.1%;
  }

  .awesome-banner-seo-gift__dec-13 {
    left: -11%;
  }
}

@media (max-width: 1023px) {
  .awesome-banner-seo-gift__dec-01 {
    display: none;
  }

  .awesome-banner-seo-gift__dec-11 {
    display: none;
  }
}