.animatedHeader {
    overflow-x: hidden;
}

.animatedHeader .animate {
  position:absolute;
  top: 0;
  z-index: 1;
  width:100%;
  height:100%
}
.animatedHeader .animate .a {
  position:absolute;
  width:18px;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-timing-function:ease-in-out
}
.animatedHeader .animate .a1 {
  -webkit-animation-name:a1;
  -webkit-animation-duration:14s;
  animation-name:a1;
  animation-duration:14s;
  background:#fd8b18;
  height:18px;
  border-radius:18px;
  top:19%;
  left:8%
}
@-webkit-keyframes a1 {
  0% {
    top:19%
  }
  43% {
    top:36%
  }
  45% {
    top:36%
  }
  77% {
    top:9%
  }
  79% {
    top:9%
  }
  100% {
    top:19%
  }
}
@keyframes a1 {
  0% {
    top:19%
  }
  43% {
    top:36%
  }
  45% {
    top:36%
  }
  77% {
    top:9%
  }
  79% {
    top:9%
  }
  100% {
    top:19%
  }
}
.animatedHeader .animate .a2 {
  -webkit-animation-name:a2;
  -webkit-animation-duration:13s;
  animation-name:a2;
  animation-duration:13s;
  background:#fd8b18;
  height:80px;
  border-radius:10px;
  top:7%;
  left:32%
}
@-webkit-keyframes a2 {
  0% {
    top:7%
  }
  38% {
    top:18%
  }
  40% {
    top:18%
  }
  74% {
    top:4%
  }
  76% {
    top:4%
  }
  100% {
    top:7%
  }
}
@keyframes a2 {
  0% {
    top:7%
  }
  38% {
    top:18%
  }
  40% {
    top:18%
  }
  74% {
    top:4%
  }
  76% {
    top:4%
  }
  100% {
    top:7%
  }
}
.animatedHeader .animate .a2-1 {
  -webkit-animation-name:a2-1;
  -webkit-animation-duration:13s;
  animation-name:a2-1;
  animation-duration:13s;
  background:#44229d;
  height:18px;
  border-radius:18px;
  top:27%;
  left:0
}
@-webkit-keyframes a2-1 {
  0% {
    top:27%
  }
  40% {
    top:75%
  }
  42% {
    top:75%
  }
  71% {
    top:0%
  }
  73% {
    top:0%
  }
  100% {
    top:27%
  }
}
@keyframes a2-1 {
  0% {
    top:27%
  }
  40% {
    top:75%
  }
  42% {
    top:75%
  }
  71% {
    top:0%
  }
  73% {
    top:0%
  }
  100% {
    top:27%
  }
}
.animatedHeader .animate .a3 {
  -webkit-animation-name:a3;
  -webkit-animation-duration:14s;
  animation-name:a3;
  animation-duration:14s;
  background:#fd8b18;
  height:173px;
  border-radius:10px;
  top:6%;
  left:61%
}
@-webkit-keyframes a3 {
  0% {
    top:6%
  }
  40% {
    top:14%
  }
  42% {
    top:14%
  }
  72% {
    top:0%
  }
  74% {
    top:0%
  }
  100% {
    top:6%
  }
}
@keyframes a3 {
  0% {
    top:6%
  }
  40% {
    top:14%
  }
  42% {
    top:14%
  }
  72% {
    top:0%
  }
  74% {
    top:0%
  }
  100% {
    top:6%
  }
}
.animatedHeader .animate .a3-1 {
  -webkit-animation-name:a3-1;
  -webkit-animation-duration:13s;
  animation-name:a3-1;
  animation-duration:13s;
  background:#f00061;
  height:80px;
  border-radius:10px;
  top:28%;
  left:0
}
@-webkit-keyframes a3-1 {
  0% {
    top:28%
  }
  41% {
    top:0%
  }
  43% {
    top:0%
  }
  74% {
    top:55%
  }
  76% {
    top:55%
  }
  100% {
    top:28%
  }
}
@keyframes a3-1 {
  0% {
    top:28%
  }
  41% {
    top:0%
  }
  43% {
    top:0%
  }
  74% {
    top:55%
  }
  76% {
    top:55%
  }
  100% {
    top:28%
  }
}
.animatedHeader .animate .a3-1-1 {
  -webkit-animation-name:a3-1-1;
  -webkit-animation-duration:13s;
  animation-name:a3-1-1;
  animation-duration:13s;
  background:#25dfe7;
  height:18px;
  border-radius:18px;
  top:42%;
  left:0
}
@-webkit-keyframes a3-1-1 {
  0% {
    top:42%
  }
  37% {
    top:80%
  }
  39% {
    top:80%
  }
  69% {
    top:0%
  }
  71% {
    top:0%
  }
  100% {
    top:42%
  }
}
@keyframes a3-1-1 {
  0% {
    top:42%
  }
  37% {
    top:80%
  }
  39% {
    top:80%
  }
  69% {
    top:0%
  }
  71% {
    top:0%
  }
  100% {
    top:42%
  }
}
.animatedHeader .animate .a4 {
  -webkit-animation-name:a4;
  -webkit-animation-duration:15s;
  animation-name:a4;
  animation-duration:15s;
  background:#25e28b;
  height:18px;
  border-radius:18px;
  top:18%;
  left:85%
}
@-webkit-keyframes a4 {
  0% {
    top:18%
  }
  39% {
    top:7%
  }
  41% {
    top:7%
  }
  79% {
    top:61%
  }
  81% {
    top:61%
  }
  100% {
    top:18%
  }
}
@keyframes a4 {
  0% {
    top:18%
  }
  39% {
    top:7%
  }
  41% {
    top:7%
  }
  79% {
    top:61%
  }
  81% {
    top:61%
  }
  100% {
    top:18%
  }
}
.animatedHeader .animate .a5 {
  -webkit-animation-name:a5;
  -webkit-animation-duration:14s;
  animation-name:a5;
  animation-duration:14s;
  background:#f00061;
  height:327px;
  border-radius:10px;
  top:5%;
  left:93%
}
@-webkit-keyframes a5 {
  0% {
    top:5%
  }
  43% {
    top:13%
  }
  45% {
    top:13%
  }
  77% {
    top:0%
  }
  79% {
    top:0%
  }
  100% {
    top:5%
  }
}
@keyframes a5 {
  0% {
    top:5%
  }
  43% {
    top:13%
  }
  45% {
    top:13%
  }
  77% {
    top:0%
  }
  79% {
    top:0%
  }
  100% {
    top:5%
  }
}
.animatedHeader .animate .a5-1 {
  -webkit-animation-name:a5-1;
  -webkit-animation-duration:9s;
  animation-name:a5-1;
  animation-duration:9s;
  background:#25e28b;
  height:222px;
  border-radius:10px;
  top:0%;
  left:0
}
@-webkit-keyframes a5-1 {
  0% {
    top:0%
  }
  43% {
    top:38%
  }
  45% {
    top:38%
  }
  100% {
    top:0%
  }
}
@keyframes a5-1 {
  0% {
    top:0%
  }
  43% {
    top:38%
  }
  45% {
    top:38%
  }
  100% {
    top:0%
  }
}
.animatedHeader .animate .a5-1-1 {
  -webkit-animation-name:a5-1-1;
  -webkit-animation-duration:14s;
  animation-name:a5-1-1;
  animation-duration:14s;
  background:#ffe408;
  height:18px;
  border-radius:18px;
  top:33%;
  left:0
}
@-webkit-keyframes a5-1-1 {
  0% {
    top:33%
  }
  63% {
    top:27%
  }
  65% {
    top:27%
  }
  100% {
    top:33%
  }
}
@keyframes a5-1-1 {
  0% {
    top:33%
  }
  63% {
    top:27%
  }
  65% {
    top:27%
  }
  100% {
    top:33%
  }
}
.animatedHeader .animate .a5-1-2 {
  -webkit-animation-name:a5-1-2;
  -webkit-animation-duration:8s;
  animation-name:a5-1-2;
  animation-duration:8s;
  background:#f00061;
  height:18px;
  border-radius:18px;
  top:52%;
  left:0
}
@-webkit-keyframes a5-1-2 {
  0% {
    top:52%
  }
  30% {
    top:46%
  }
  32% {
    top:46%
  }
  100% {
    top:52%
  }
}
@keyframes a5-1-2 {
  0% {
    top:52%
  }
  30% {
    top:46%
  }
  32% {
    top:46%
  }
  100% {
    top:52%
  }
}
.animatedHeader .animate .a5-1-3 {
  -webkit-animation-name:a5-1-3;
  -webkit-animation-duration:10s;
  animation-name:a5-1-3;
  animation-duration:10s;
  background:#ffe408;
  height:80px;
  border-radius:10px;
  top:70%;
  left:0
}
@-webkit-keyframes a5-1-3 {
  0% {
    top:70%
  }
  55% {
    top:64%
  }
  57% {
    top:64%
  }
  100% {
    top:70%
  }
}
@keyframes a5-1-3 {
  0% {
    top:70%
  }
  55% {
    top:64%
  }
  57% {
    top:64%
  }
  100% {
    top:70%
  }
}
.animatedHeader .animate .a5-1-3-1 {
  -webkit-animation-name:a5-1-3-1;
  -webkit-animation-duration:12s;
  animation-name:a5-1-3-1;
  animation-duration:12s;
  background:#f00061;
  height:18px;
  border-radius:18px;
  top:8%;
  left:0
}
@-webkit-keyframes a5-1-3-1 {
  0% {
    top:8%
  }
  42% {
    top:79%
  }
  44% {
    top:79%
  }
  77% {
    top:0%
  }
  79% {
    top:0%
  }
  100% {
    top:19%
  }
}
@keyframes a5-1-3-1 {
  0% {
    top:8%
  }
  42% {
    top:79%
  }
  44% {
    top:79%
  }
  77% {
    top:0%
  }
  79% {
    top:0%
  }
  100% {
    top:19%
  }
}
.animatedHeader .animate .a6 {
  -webkit-animation-name:a6;
  -webkit-animation-duration:14s;
  animation-name:a6;
  animation-duration:14s;
  background:#f00061;
  height:171px;
  border-radius:10px;
  top:55%;
  left:3%
}
@-webkit-keyframes a6 {
  0% {
    top:55%
  }
  43% {
    top:45%
  }
  45% {
    top:45%
  }
  67% {
    top:22%
  }
  69% {
    top:22%
  }
  100% {
    top:55%
  }
}
@keyframes a6 {
  0% {
    top:55%
  }
  43% {
    top:45%
  }
  45% {
    top:45%
  }
  67% {
    top:22%
  }
  69% {
    top:22%
  }
  100% {
    top:55%
  }
}
.animatedHeader .animate .a6-1 {
  -webkit-animation-name:a6-1;
  -webkit-animation-duration:16s;
  animation-name:a6-1;
  animation-duration:16s;
  background:#25dfe7;
  height:18px;
  border-radius:18px;
  top:24%;
  left:0
}
@-webkit-keyframes a6-1 {
  0% {
    top:24%
  }
  31% {
    top:92%
  }
  33% {
    top:92%
  }
  81% {
    top:0%
  }
  83% {
    top:0%
  }
  100% {
    top:92%
  }
}
@keyframes a6-1 {
  0% {
    top:24%
  }
  31% {
    top:92%
  }
  33% {
    top:92%
  }
  81% {
    top:0%
  }
  83% {
    top:0%
  }
  100% {
    top:92%
  }
}
.animatedHeader .animate .a7 {
  -webkit-animation-name:a7;
  -webkit-animation-duration:13s;
  animation-name:a7;
  animation-duration:13s;
  background:#25dfe7;
  height:80px;
  border-radius:10px;
  top:41%;
  left:11%
}
@-webkit-keyframes a7 {
  0% {
    top:41%
  }
  43% {
    top:23%
  }
  45% {
    top:23%
  }
  87% {
    top:49%
  }
  89% {
    top:49%
  }
  100% {
    top:41%
  }
}
@keyframes a7 {
  0% {
    top:41%
  }
  43% {
    top:23%
  }
  45% {
    top:23%
  }
  87% {
    top:49%
  }
  89% {
    top:49%
  }
  100% {
    top:41%
  }
}
.animatedHeader .animate .a7-1 {
  -webkit-animation-name:a7-1;
  -webkit-animation-duration:15s;
  animation-name:a7-1;
  animation-duration:15s;
  background:#f00061;
  height:18px;
  border-radius:18px;
  top:58%;
  left:0
}
@-webkit-keyframes a7-1 {
  0% {
    top:58%
  }
  33% {
    top:0%
  }
  35% {
    top:0%
  }
  77% {
    top:80%
  }
  79% {
    top:80%
  }
  100% {
    top:58%
  }
}
@keyframes a7-1 {
  0% {
    top:58%
  }
  33% {
    top:0%
  }
  35% {
    top:0%
  }
  77% {
    top:80%
  }
  79% {
    top:80%
  }
  100% {
    top:58%
  }
}
.animatedHeader .animate .a8 {
  -webkit-animation-name:a8;
  -webkit-animation-duration:7s;
  animation-name:a8;
  animation-duration:7s;
  background:#25dfe7;
  height:18px;
  border-radius:18px;
  top:61%;
  left:15%
}
@-webkit-keyframes a8 {
  0% {
    top:61%
  }
  43% {
    top:80%
  }
  45% {
    top:80%
  }
  100% {
    top:61%
  }
}
@keyframes a8 {
  0% {
    top:61%
  }
  43% {
    top:80%
  }
  45% {
    top:80%
  }
  100% {
    top:61%
  }
}
.animatedHeader .animate .a9 {
  -webkit-animation-name:a9;
  -webkit-animation-duration:12s;
  animation-name:a9;
  animation-duration:12s;
  background:#fd8b18;
  height:80px;
  border-radius:10px;
  top:61%;
  left:34%
}
@-webkit-keyframes a9 {
  0% {
    top:61%
  }
  37% {
    top:71%
  }
  39% {
    top:71%
  }
  76% {
    top:66%
  }
  79% {
    top:66%
  }
  100% {
    top:61%
  }
}
@keyframes a9 {
  0% {
    top:61%
  }
  37% {
    top:71%
  }
  39% {
    top:71%
  }
  76% {
    top:66%
  }
  79% {
    top:66%
  }
  100% {
    top:61%
  }
}
.animatedHeader .animate .a9-1 {
  -webkit-animation-name:a9-1;
  -webkit-animation-duration:15s;
  animation-name:a9-1;
  animation-duration:15s;
  background:#44229d;
  height:18px;
  border-radius:18px;
  top:28%;
  left:0
}
@-webkit-keyframes a9-1 {
  0% {
    top:28%
  }
  37% {
    top:80%
  }
  39% {
    top:80%
  }
  65% {
    top:0%
  }
  67% {
    top:0%
  }
  100% {
    top:28%
  }
}
@keyframes a9-1 {
  0% {
    top:28%
  }
  37% {
    top:80%
  }
  39% {
    top:80%
  }
  65% {
    top:0%
  }
  67% {
    top:0%
  }
  100% {
    top:28%
  }
}
.animatedHeader .animate .a10 {
  -webkit-animation-name:a10;
  -webkit-animation-duration:10s;
  animation-name:a10;
  animation-duration:10s;
  background:#f00061;
  height:107px;
  border-radius:10px;
  top:55%;
  left:66%
}
@-webkit-keyframes a10 {
  0% {
    top:55%
  }
  54% {
    top:71%
  }
  56% {
    top:71%
  }
  100% {
    top:55%
  }
}
@keyframes a10 {
  0% {
    top:55%
  }
  54% {
    top:71%
  }
  56% {
    top:71%
  }
  100% {
    top:55%
  }
}
.animatedHeader .animate .a10-1 {
  -webkit-animation-name:a10-1;
  -webkit-animation-duration:14s;
  animation-name:a10-1;
  animation-duration:14s;
  background:#25dfe7;
  height:18px;
  border-radius:18px;
  top:26%;
  left:0
}
@-webkit-keyframes a10-1 {
  0% {
    top:26%
  }
  21% {
    top:84%
  }
  23% {
    top:84%
  }
  43% {
    top:0%
  }
  45% {
    top:0%
  }
  100% {
    top:26%
  }
}
@keyframes a10-1 {
  0% {
    top:26%
  }
  21% {
    top:84%
  }
  23% {
    top:84%
  }
  43% {
    top:0%
  }
  45% {
    top:0%
  }
  100% {
    top:26%
  }
}
.animatedHeader .animate .a11 {
  -webkit-animation-name:a11;
  -webkit-animation-duration:10s;
  animation-name:a11;
  animation-duration:10s;
  background:#f00061;
  height:159px;
  border-radius:10px;
  top:40%;
  left:89%
}
@-webkit-keyframes a11 {
  0% {
    top:40%
  }
  53% {
    top:12%
  }
  55% {
    top:12%
  }
  100% {
    top:40%
  }
}
@keyframes a11 {
  0% {
    top:40%
  }
  53% {
    top:12%
  }
  55% {
    top:12%
  }
  100% {
    top:40%
  }
}
.animatedHeader .animate .a11-1 {
  -webkit-animation-name:a11-1;
  -webkit-animation-duration:9s;
  animation-name:a11-1;
  animation-duration:9s;
  background:#25dfe7;
  height:18px;
  border-radius:18px;
  top:12%;
  left:0
}
@-webkit-keyframes a11-1 {
  0% {
    top:12%
  }
  51% {
    top:0%
  }
  52% {
    top:0%
  }
  100% {
    top:12%
  }
}
@keyframes a11-1 {
  0% {
    top:12%
  }
  51% {
    top:0%
  }
  52% {
    top:0%
  }
  100% {
    top:12%
  }
}
.animatedHeader .animate .a11-2 {
  -webkit-animation-name:a11-2;
  -webkit-animation-duration:8s;
  animation-name:a11-2;
  animation-duration:8s;
  background:#44229d;
  height:80px;
  border-radius:10px;
  top:35%;
  left:0
}
@-webkit-keyframes a11-2 {
  0% {
    top:35%
  }
  46% {
    top:56%
  }
  47% {
    top:56%
  }
  100% {
    top:35%
  }
}
@keyframes a11-2 {
  0% {
    top:35%
  }
  46% {
    top:56%
  }
  47% {
    top:56%
  }
  100% {
    top:35%
  }
}
.animatedHeader .animate .a12 {
  -webkit-animation-name:a12;
  -webkit-animation-duration:13s;
  animation-name:a12;
  animation-duration:13s;
  background:#f00061;
  height:18px;
  border-radius:18px;
  top:50%;
  left:96%
}
@-webkit-keyframes a12 {
  0% {
    top:50%
  }
  38% {
    top:16%
  }
  40% {
    top:16%
  }
  76% {
    top:69%
  }
  78% {
    top:69%
  }
  100% {
    top:50%
  }
}
@keyframes a12 {
  0% {
    top:50%
  }
  38% {
    top:16%
  }
  40% {
    top:16%
  }
  76% {
    top:69%
  }
  78% {
    top:69%
  }
  100% {
    top:50%
  }
}

.animatedHeader .a2,
.animatedHeader .a3,
.animatedHeader .a9,
.animatedHeader .a10 {
  display:none
}

@media (max-width: 767px), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .animatedHeader .a1,
  .animatedHeader .a2,
  .animatedHeader .a3,
  .animatedHeader .a4,
  .animatedHeader .a5,
  .animatedHeader .a7,
  .animatedHeader .a8,
  .animatedHeader .a9,
  .animatedHeader .a10,
  .animatedHeader .a12 {
    display:none
  }

  .animatedHeader .animate .a6 {
    left: -2%;
  }
}