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

.awesome-banner-catalog .awesome-banner__dec {
  z-index: 2;
}

.awesome-banner-catalog__dec-01 {
  left: 8.5%;
  bottom: 18.8%;
  width: 7.4em;
  height: 7em;
  background-image: url("../images/awesome-banner-catalog/dec-01.png");
}

.awesome-banner-catalog__dec-02 {
  left: 14.1%;
  top: 18.9%;
  width: 8.2em;
  height: 16.8em;
  background-image: url("../images/awesome-banner-catalog/dec-02.png");
}

.awesome-banner-catalog__dec-03 {
  left: 37.9%;
  top: 13.3%;
  width: 4.5em;
  height: 4.5em;
  background-image: url("../images/awesome-banner-catalog/dec-03.png");
}

.awesome-banner-catalog__dec-04 {
  left: 20.3%;
  bottom: 12%;
  width: 8.1em;
  height: 6.2em;
  background-image: url("../images/awesome-banner-catalog/dec-04.png");
}

.awesome-banner-catalog__dec-05 {
  left: 47.2%;
  bottom: 8.6%;
  width: 4.7em;
  height: 4em;
  background-image: url("../images/awesome-banner-catalog/dec-05.png");
}

.awesome-banner-catalog__dec-06 {
  right: 11.7%;
  top: 8.7%;
  width: 5.1em;
  height: 3.9em;
  background-image: url("../images/awesome-banner-catalog/dec-06.png");
}

.awesome-banner-catalog__dec-07 {
  right: 18%;
  top: 37.7%;
  width: 5.9em;
  height: 15.3em;
  background-image: url("../images/awesome-banner-catalog/dec-07.png");
}

.awesome-banner-catalog__dec-08 {
  right: 0;
  top: 21.8%;
  width: 15.5em;
  height: 30.6em;
  background-image: url("../images/awesome-banner-catalog/dec-08.png");
  z-index: 0 !important;
}

.awesome-banner-catalog__animation {
  width: 46.6em;
  height: 33.6em;
  left: 50%;
  top: 50%;
  margin: -15.55em 0 0 -21.95em;
  z-index: 1 !important;
}

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

.awesome-banner-catalog__animation-el-01 {
  right: 0;
  top: 0;
  width: 19.8em;
  height: 20.7em;
}

.awesome-banner-catalog__animation-el-02 {
  left: 1.2em;
  bottom: 0;
  width: 15.5em;
  height: 18.2em;
}

.awesome-banner-catalog__animation-el-01-01,
.awesome-banner-catalog__animation-el-01-02,
.awesome-banner-catalog__animation-el-01-03,
.awesome-banner-catalog__animation-el-01-04,
.awesome-banner-catalog__animation-el-01-05,
.awesome-banner-catalog__animation-el-01-06,
.awesome-banner-catalog__animation-el-02-01,
.awesome-banner-catalog__animation-el-02-02,
.awesome-banner-catalog__animation-el-02-03,
.awesome-banner-catalog__animation-el-02-04,
.awesome-banner-catalog__animation-el-02-05,
.awesome-banner-catalog__animation-el-02-06,
.awesome-banner-catalog__animation-el-02-07,
.awesome-banner-catalog__animation-el-01-c-01,
.awesome-banner-catalog__animation-el-01-c-02,
.awesome-banner-catalog__animation-el-01-c-03,
.awesome-banner-catalog__animation-el-02-c-01,
.awesome-banner-catalog__animation-el-02-c-02,
.awesome-banner-catalog__animation-el-02-c-03,
.awesome-banner-catalog__animation-el-02-c-04 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.awesome-banner-catalog__animation-el-01-01 {
  background-image: url("../images/awesome-banner-catalog/01-01.png");
}

.awesome-banner-catalog__animation-el-01-02 {
  background-image: url("../images/awesome-banner-catalog/01-02.png");
}

.awesome-banner-catalog__animation-el-01-03 {
  background-image: url("../images/awesome-banner-catalog/01-03.png");
}

.awesome-banner-catalog__animation-el-01-04 {
  background-image: url("../images/awesome-banner-catalog/01-04.png");
}

.awesome-banner-catalog__animation-el-01-05 {
  background-image: url("../images/awesome-banner-catalog/01-05.png");
}

.awesome-banner-catalog__animation-el-01-06 {
  background-image: url("../images/awesome-banner-catalog/01-06.png");
}

.awesome-banner-catalog__animation-el-02-01 {
  background-image: url("../images/awesome-banner-catalog/02-01.png");
}

.awesome-banner-catalog__animation-el-02-02 {
  background-image: url("../images/awesome-banner-catalog/02-02.png");
}

.awesome-banner-catalog__animation-el-02-03 {
  background-image: url("../images/awesome-banner-catalog/02-03.png");
}

.awesome-banner-catalog__animation-el-02-04 {
  background-image: url("../images/awesome-banner-catalog/02-04.png");
}

.awesome-banner-catalog__animation-el-02-05 {
  background-image: url("../images/awesome-banner-catalog/02-05.png");
}

.awesome-banner-catalog__animation-el-02-06 {
  background-image: url("../images/awesome-banner-catalog/02-06.png");
}

.awesome-banner-catalog__animation-el-02-07 {
  background-image: url("../images/awesome-banner-catalog/02-07.png");
}

.awesome-banner-catalog__animation-el-03 {
  z-index: 1;
}

.awesome-banner-catalog__animation-el-00 {
  z-index: 2;
}

.awesome-banner-catalog__animation-el-01 {
  z-index: 3;
}

.awesome-banner-catalog__animation-el-02 {
  z-index: 3;
}

.awesome-banner-catalog__animation-el-01-c-01 {
  transform-origin: 16em 1.4em;
}

.awesome-banner-catalog__animation-el-01-c-02 {
  transform-origin: 2.6em 1.8em;
}

.awesome-banner-catalog__animation-el-02-c-01 {
  transform-origin: 7.2em 8.7em;
}

.awesome-banner-catalog__animation-el-02-c-02 {
  transform-origin: 4.1em 2.7em;
}

.awesome-banner-catalog__animation-el-02-c-03 {
  transform-origin: 12.5em 7.2em;
}

.awesome-banner-catalog__animation-el-02-c-04 {
  transform-origin: 13.5em 10.1em;
}

.awesome-banner-catalog__animation-el-02-c-01,
.awesome-banner-catalog__animation-el-02-c-02,
.awesome-banner-catalog__animation-el-02-c-03,
.awesome-banner-catalog__animation-el-02-c-04,
.awesome-banner-catalog__animation-el-02-05 {
  animation-duration: 6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes awesome-banner-catalog-el-02-c-01 {
  0%,
  7%,
  100% {
    transform: rotate(45deg);
  }
  50%,
  57% {
    transform: rotate(0deg);
  }
}

.awesome-banner-catalog__animation-el-02-c-01 {
  animation-name: awesome-banner-catalog-el-02-c-01;
}

@keyframes awesome-banner-catalog-el-02-c-02 {
  0%,
  7%,
  100% {
    transform: rotate(-11deg);
  }
  50%,
  57% {
    transform: rotate(-63deg);
  }
}

.awesome-banner-catalog__animation-el-02-c-02 {
  animation-name: awesome-banner-catalog-el-02-c-02;
}

@keyframes awesome-banner-catalog-el-02-c-03 {
  0%,
  7%,
  100% {
    transform: rotate(-22deg);
  }
  50%,
  57% {
    transform: rotate(0deg);
  }
}

.awesome-banner-catalog__animation-el-02-c-03 {
  animation-name: awesome-banner-catalog-el-02-c-03;
}

@keyframes awesome-banner-catalog-el-02-c-04 {
  0%,
  7%,
  100% {
    transform: rotate(-12deg);
  }
  50%,
  57% {
    transform: rotate(61deg);
  }
}

.awesome-banner-catalog__animation-el-02-c-04 {
  animation-name: awesome-banner-catalog-el-02-c-04;
}

@keyframes awesome-banner-catalog-el-02-05 {
  0%,
  100% {
    transform: translateY(10em);
    opacity: 0;
  }
  7%,
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  57% {
    transform: translateY(3em);
    opacity: 0;
  }
}

.awesome-banner-catalog__animation-el-02-05 {
  animation-name: awesome-banner-catalog-el-02-05;
}

.awesome-banner-catalog__animation-el-01-c-01,
.awesome-banner-catalog__animation-el-01-c-02,
.awesome-banner-catalog__animation-el-01-c-03,
.awesome-banner-catalog__animation-el-01-05 {
  animation-duration: 7s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes awesome-banner-catalog-el-01-c-01 {
  0%,
  7%,
  100% {
    transform: rotate(-17deg);
  }
  50%,
  57% {
    transform: rotate(20deg);
  }
}

.awesome-banner-catalog__animation-el-01-c-01 {
  animation-name: awesome-banner-catalog-el-01-c-01;
}

@keyframes awesome-banner-catalog-el-01-c-02 {
  0%,
  7%,
  100% {
    transform: rotate(17deg);
  }
  50%,
  57% {
    transform: rotate(-20deg);
  }
}

.awesome-banner-catalog__animation-el-01-c-02 {
  animation-name: awesome-banner-catalog-el-01-c-02;
}

@keyframes awesome-banner-catalog-el-01-c-03 {
  0%,
  7%,
  100% {
    transform: translateY(4.2em);
  }
  50%,
  57% {
    transform: translateY(0);
  }
}

.awesome-banner-catalog__animation-el-01-c-03 {
  animation-name: awesome-banner-catalog-el-01-c-03;
}

@keyframes awesome-banner-catalog-el-01-05 {
  0%,
  100% {
    transform: translateY(21em);
    opacity: 0;
  }
  7%,
  50% {
    transform: translateY(0);
    opacity: 1;
  }
  57% {
    transform: translateY(5em);
    opacity: 0;
  }
}

.awesome-banner-catalog__animation-el-01-05 {
  animation-name: awesome-banner-catalog-el-01-05;
}

.awesome-banner-catalog__animation-el-03 {
  left: 22.6em;
  top: -3.7em;
  width: 12.3em;
  height: 12.3em;
}

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

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

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

.awesome-banner-catalog__animation-el-03-01 {
  background-image: url("../images/awesome-banner-catalog/03-01.png");
  animation: awesome-banner-catalog-rotate 10s linear infinite;
}

.awesome-banner-catalog__animation-el-03-02 {
  background-image: url("../images/awesome-banner-catalog/03-02.png");
  animation: awesome-banner-catalog-rotate-back 8s linear infinite;
}

.awesome-banner-catalog__animation-el-03-03 {
  background-image: url("../images/awesome-banner-catalog/03-03.png");
  animation: awesome-banner-catalog-rotate 6s linear infinite;
}

@media (max-width: 1023px) {
  .awesome-banner-catalog__dec-01 {
    left: 2%;
  }

  .awesome-banner-catalog__dec-02 {
    left: 1%;
  }

  .awesome-banner-catalog__dec-03 {
    left: 32.9%;
    top: 7%;
  }

  .awesome-banner-catalog__dec-04 {
    left: 8.3%;
  }

  .awesome-banner-catalog__dec-06 {
    right: 1.7%;
  }

  .awesome-banner-catalog__dec-07 {
    right: 2%;
  }
}

@media (max-width: 480px) {
  .awesome-banner-catalog__animation {
    font-size: 6px;
  }

  .awesome-banner-catalog .awesome-banner__media-wrapper {
    height: 245px;
  }
}