.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.bg .dotWrapper {
  position: absolute;
}
.bg .dotWrapper-1 {
  top: 27%;
  left: 56%;
  -webkit-animation: flying 9s ease-in-out -3.2s infinite alternate;
          animation: flying 9s ease-in-out -3.2s infinite alternate;
}
.bg .dotWrapper-2 {
  top: 7%;
  left: 10%;
  -webkit-animation: flying 11s ease-in-out -2.7s infinite alternate;
          animation: flying 11s ease-in-out -2.7s infinite alternate;
}
.bg .dotWrapper-3 {
  top: 16%;
  left: 20%;
  -webkit-animation: flying 5s ease-in-out -5.9s infinite alternate;
          animation: flying 5s ease-in-out -5.9s infinite alternate;
}
.bg .dotWrapper-4 {
  top: 67%;
  left: 53%;
  -webkit-animation: flying 5s ease-in-out -9.9s infinite alternate;
          animation: flying 5s ease-in-out -9.9s infinite alternate;
}
.bg .dotWrapper-5 {
  top: 34%;
  left: 98%;
  -webkit-animation: flying 10s ease-in-out -0.7s infinite alternate;
          animation: flying 10s ease-in-out -0.7s infinite alternate;
}
.bg .dotWrapper-6 {
  top: 33%;
  left: 53%;
  -webkit-animation: flying 5s ease-in-out -7.2s infinite alternate;
          animation: flying 5s ease-in-out -7.2s infinite alternate;
}
.bg .dotWrapper-7 {
  top: 84%;
  left: 75%;
  -webkit-animation: flying 11s ease-in-out -6.5s infinite alternate;
          animation: flying 11s ease-in-out -6.5s infinite alternate;
}
.bg .dotWrapper-8 {
  top: 90%;
  left: 23%;
  -webkit-animation: flying 9s ease-in-out -7.7s infinite alternate;
          animation: flying 9s ease-in-out -7.7s infinite alternate;
}
.bg .dotWrapper-9 {
  top: 56%;
  left: 27%;
  -webkit-animation: flying 5s ease-in-out -1s infinite alternate;
          animation: flying 5s ease-in-out -1s infinite alternate;
}
.bg .dotWrapper-10 {
  top: 41%;
  left: 78%;
  -webkit-animation: flying 7s ease-in-out -3.8s infinite alternate;
          animation: flying 7s ease-in-out -3.8s infinite alternate;
}
.bg .dotWrapper-11 {
  top: 94%;
  left: 12%;
  -webkit-animation: flying 6s ease-in-out -3.1s infinite alternate;
          animation: flying 6s ease-in-out -3.1s infinite alternate;
}
.bg .dotWrapper-12 {
  top: 17%;
  left: 62%;
  -webkit-animation: flying 9s ease-in-out -6.8s infinite alternate;
          animation: flying 9s ease-in-out -6.8s infinite alternate;
}
.bg .dotWrapper-13 {
  top: 33%;
  left: 77%;
  -webkit-animation: flying 6s ease-in-out -9.9s infinite alternate;
          animation: flying 6s ease-in-out -9.9s infinite alternate;
}
.bg .dotWrapper-14 {
  top: 15%;
  left: 56%;
  -webkit-animation: flying 5s ease-in-out -3.1s infinite alternate;
          animation: flying 5s ease-in-out -3.1s infinite alternate;
}
.bg .dotWrapper-15 {
  top: 96%;
  left: 39%;
  -webkit-animation: flying 3s ease-in-out -8s infinite alternate;
          animation: flying 3s ease-in-out -8s infinite alternate;
}
.bg .dotWrapper-16 {
  top: 48%;
  left: 70%;
  -webkit-animation: flying 2s ease-in-out -2.7s infinite alternate;
          animation: flying 2s ease-in-out -2.7s infinite alternate;
}
.bg .dotWrapper-17 {
  top: 11%;
  left: 83%;
  -webkit-animation: flying 4s ease-in-out -8.3s infinite alternate;
          animation: flying 4s ease-in-out -8.3s infinite alternate;
}
.bg .dotWrapper-18 {
  top: 96%;
  left: 16%;
  -webkit-animation: flying 8s ease-in-out -4.5s infinite alternate;
          animation: flying 8s ease-in-out -4.5s infinite alternate;
}
.bg .dotWrapper-19 {
  top: 98%;
  left: 83%;
  -webkit-animation: flying 7s ease-in-out -3.7s infinite alternate;
          animation: flying 7s ease-in-out -3.7s infinite alternate;
}
.bg .dotWrapper-20 {
  top: 60%;
  left: 7%;
  -webkit-animation: flying 6s ease-in-out -9.5s infinite alternate;
          animation: flying 6s ease-in-out -9.5s infinite alternate;
}
.bg .dotWrapper-21 {
  top: 88%;
  left: 3%;
  -webkit-animation: flying 5s ease-in-out -0.9s infinite alternate;
          animation: flying 5s ease-in-out -0.9s infinite alternate;
}
.bg .dotWrapper-22 {
  top: 23%;
  left: 29%;
  -webkit-animation: flying 4s ease-in-out -4.2s infinite alternate;
          animation: flying 4s ease-in-out -4.2s infinite alternate;
}
.bg .dotWrapper-23 {
  top: 86%;
  left: 42%;
  -webkit-animation: flying 3s ease-in-out -1.9s infinite alternate;
          animation: flying 3s ease-in-out -1.9s infinite alternate;
}
.bg .dotWrapper-24 {
  top: 33%;
  left: 86%;
  -webkit-animation: flying 6s ease-in-out -5.3s infinite alternate;
          animation: flying 6s ease-in-out -5.3s infinite alternate;
}
.bg .dotWrapper-25 {
  top: 83%;
  left: 72%;
  -webkit-animation: flying 5s ease-in-out -0.8s infinite alternate;
          animation: flying 5s ease-in-out -0.8s infinite alternate;
}
.bg .dotWrapper-26 {
  top: 94%;
  left: 80%;
  -webkit-animation: flying 4s ease-in-out -9.4s infinite alternate;
          animation: flying 4s ease-in-out -9.4s infinite alternate;
}
.bg .dotWrapper-27 {
  top: 18%;
  left: 55%;
  -webkit-animation: flying 3s ease-in-out -2.3s infinite alternate;
          animation: flying 3s ease-in-out -2.3s infinite alternate;
}
.bg .dotWrapper-28 {
  top: 58%;
  left: 92%;
  -webkit-animation: flying 2s ease-in-out -1.6s infinite alternate;
          animation: flying 2s ease-in-out -1.6s infinite alternate;
}
.bg .dotWrapper-29 {
  top: 92%;
  left: 92%;
  -webkit-animation: flying 2s ease-in-out -7.5s infinite alternate;
          animation: flying 2s ease-in-out -7.5s infinite alternate;
}
.bg .dotWrapper-30 {
  top: 91%;
  left: 37%;
  -webkit-animation: flying 7s ease-in-out -3.4s infinite alternate;
          animation: flying 7s ease-in-out -3.4s infinite alternate;
}
.bg .dotWrapper-31 {
  top: 16%;
  left: 91%;
  -webkit-animation: flying 6s ease-in-out -0.6s infinite alternate;
          animation: flying 6s ease-in-out -0.6s infinite alternate;
}
.bg .dotWrapper-32 {
  top: 27%;
  left: 99%;
  -webkit-animation: flying 5s ease-in-out -3.8s infinite alternate;
          animation: flying 5s ease-in-out -3.8s infinite alternate;
}
.bg .dotWrapper-33 {
  top: 12%;
  left: 11%;
  -webkit-animation: flying 4s ease-in-out -6.4s infinite alternate;
          animation: flying 4s ease-in-out -6.4s infinite alternate;
}
.bg .dotWrapper-34 {
  top: 26%;
  left: 87%;
  -webkit-animation: flying 3s ease-in-out -4.1s infinite alternate;
          animation: flying 3s ease-in-out -4.1s infinite alternate;
}
.bg .dotWrapper-35 {
  top: 58%;
  left: 88%;
  -webkit-animation: flying 2s ease-in-out -9.2s infinite alternate;
          animation: flying 2s ease-in-out -9.2s infinite alternate;
}
.bg .dotWrapper-36 {
  top: 61%;
  left: 87%;
  -webkit-animation: flying 6s ease-in-out -5.7s infinite alternate;
          animation: flying 6s ease-in-out -5.7s infinite alternate;
}
.bg .dotWrapper-37 {
  top: 39%;
  left: 93%;
  -webkit-animation: flying 5s ease-in-out -0.9s infinite alternate;
          animation: flying 5s ease-in-out -0.9s infinite alternate;
}
.bg .dotWrapper-38 {
  top: 6%;
  left: 68%;
  -webkit-animation: flying 4s ease-in-out -7.8s infinite alternate;
          animation: flying 4s ease-in-out -7.8s infinite alternate;
}
.bg .dotWrapper-39 {
  top: 72%;
  left: 25%;
  -webkit-animation: flying 5s ease-in-out -7.8s infinite alternate;
          animation: flying 5s ease-in-out -7.8s infinite alternate;
}
.bg .dotWrapper-40 {
  top: 25%;
  left: 56%;
  -webkit-animation: flying 4s ease-in-out -6.9s infinite alternate;
          animation: flying 4s ease-in-out -6.9s infinite alternate;
}
.bg .dotWrapper-41 {
  top: 46%;
  left: 100%;
  -webkit-animation: flying 3s ease-in-out -4.8s infinite alternate;
          animation: flying 3s ease-in-out -4.8s infinite alternate;
}
.bg .dotWrapper-42 {
  top: 24%;
  left: 45%;
  -webkit-animation: flying 2s ease-in-out -5.8s infinite alternate;
          animation: flying 2s ease-in-out -5.8s infinite alternate;
}
.bg .dotWrapper-43 {
  top: 78%;
  left: 86%;
  -webkit-animation: flying 6s ease-in-out -5.9s infinite alternate;
          animation: flying 6s ease-in-out -5.9s infinite alternate;
}
.bg .dotWrapper-44 {
  top: 94%;
  left: 62%;
  -webkit-animation: flying 4s ease-in-out -7.7s infinite alternate;
          animation: flying 4s ease-in-out -7.7s infinite alternate;
}
.bg .dotWrapper-45 {
  top: 63%;
  left: 52%;
  -webkit-animation: flying 3s ease-in-out -2.4s infinite alternate;
          animation: flying 3s ease-in-out -2.4s infinite alternate;
}
.bg .dotWrapper-46 {
  top: 86%;
  left: 46%;
  -webkit-animation: flying 6s ease-in-out -7s infinite alternate;
          animation: flying 6s ease-in-out -7s infinite alternate;
}
.bg .dotWrapper-47 {
  top: 65%;
  left: 55%;
  -webkit-animation: flying 8s ease-in-out -3.4s infinite alternate;
          animation: flying 8s ease-in-out -3.4s infinite alternate;
}
.bg .dotWrapper-48 {
  top: 82%;
  left: 80%;
  -webkit-animation: flying 7s ease-in-out -3.3s infinite alternate;
          animation: flying 7s ease-in-out -3.3s infinite alternate;
}
.bg .dotWrapper-49 {
  top: 98%;
  left: 50%;
  -webkit-animation: flying 6s ease-in-out -1.2s infinite alternate;
          animation: flying 6s ease-in-out -1.2s infinite alternate;
}
.bg .dotWrapper-50 {
  top: 34%;
  left: 94%;
  -webkit-animation: flying 5s ease-in-out -8.2s infinite alternate;
          animation: flying 5s ease-in-out -8.2s infinite alternate;
}
.bg .dotWrapper-51 {
  top: 23%;
  left: 38%;
  -webkit-animation: flying 8s ease-in-out -6.5s infinite alternate;
          animation: flying 8s ease-in-out -6.5s infinite alternate;
}
.bg .dotWrapper-52 {
  top: 10%;
  left: 90%;
  -webkit-animation: flying 7s ease-in-out -8.9s infinite alternate;
          animation: flying 7s ease-in-out -8.9s infinite alternate;
}
.bg .dotWrapper-53 {
  top: 98%;
  left: 27%;
  -webkit-animation: flying 6s ease-in-out -3.3s infinite alternate;
          animation: flying 6s ease-in-out -3.3s infinite alternate;
}
.bg .dotWrapper-54 {
  top: 87%;
  left: 16%;
  -webkit-animation: flying 5s ease-in-out -9.3s infinite alternate;
          animation: flying 5s ease-in-out -9.3s infinite alternate;
}
.bg .dotWrapper-55 {
  top: 43%;
  left: 75%;
  -webkit-animation: flying 4s ease-in-out -7.3s infinite alternate;
          animation: flying 4s ease-in-out -7.3s infinite alternate;
}
.bg .dotWrapper-56 {
  top: 75%;
  left: 87%;
  -webkit-animation: flying 8s ease-in-out -4.2s infinite alternate;
          animation: flying 8s ease-in-out -4.2s infinite alternate;
}
.bg .dotWrapper-57 {
  top: 16%;
  left: 64%;
  -webkit-animation: flying 7s ease-in-out -9s infinite alternate;
          animation: flying 7s ease-in-out -9s infinite alternate;
}
.bg .dotWrapper-58 {
  top: 29%;
  left: 21%;
  -webkit-animation: flying 6s ease-in-out -9.3s infinite alternate;
          animation: flying 6s ease-in-out -9.3s infinite alternate;
}
.bg .dotWrapper-59 {
  top: 92%;
  left: 63%;
  -webkit-animation: flying 5s ease-in-out -1.9s infinite alternate;
          animation: flying 5s ease-in-out -1.9s infinite alternate;
}
.bg .dotWrapper-60 {
  top: 13%;
  left: 8%;
  -webkit-animation: flying 9s ease-in-out -3s infinite alternate;
          animation: flying 9s ease-in-out -3s infinite alternate;
}
.bg .dotWrapper-61 {
  top: 35%;
  left: 20%;
  -webkit-animation: flying 8s ease-in-out -7s infinite alternate;
          animation: flying 8s ease-in-out -7s infinite alternate;
}
.bg .dotWrapper-62 {
  top: 43%;
  left: 66%;
  -webkit-animation: flying 7s ease-in-out -5.7s infinite alternate;
          animation: flying 7s ease-in-out -5.7s infinite alternate;
}
.bg .dotWrapper-63 {
  top: 41%;
  left: 37%;
  -webkit-animation: flying 6s ease-in-out -7.1s infinite alternate;
          animation: flying 6s ease-in-out -7.1s infinite alternate;
}
.bg .dotWrapper-64 {
  top: 83%;
  left: 46%;
  -webkit-animation: flying 5s ease-in-out -7.5s infinite alternate;
          animation: flying 5s ease-in-out -7.5s infinite alternate;
}
.bg .dotWrapper-65 {
  top: 71%;
  left: 48%;
  -webkit-animation: flying 4s ease-in-out -6.9s infinite alternate;
          animation: flying 4s ease-in-out -6.9s infinite alternate;
}
.bg .dotWrapper-66 {
  top: 21%;
  left: 8%;
  -webkit-animation: flying 7s ease-in-out -2.4s infinite alternate;
          animation: flying 7s ease-in-out -2.4s infinite alternate;
}
.bg .dotWrapper-67 {
  top: 4%;
  left: 65%;
  -webkit-animation: flying 6s ease-in-out -3.6s infinite alternate;
          animation: flying 6s ease-in-out -3.6s infinite alternate;
}
.bg .dotWrapper-68 {
  top: 56%;
  left: 21%;
  -webkit-animation: flying 5s ease-in-out -2.1s infinite alternate;
          animation: flying 5s ease-in-out -2.1s infinite alternate;
}
.bg .dotWrapper-69 {
  top: 86%;
  left: 62%;
  -webkit-animation: flying 4s ease-in-out -2.5s infinite alternate;
          animation: flying 4s ease-in-out -2.5s infinite alternate;
}
.bg .dotWrapper-70 {
  top: 57%;
  left: 3%;
  -webkit-animation: flying 7s ease-in-out -8.9s infinite alternate;
          animation: flying 7s ease-in-out -8.9s infinite alternate;
}
.bg .dotWrapper-71 {
  top: 68%;
  left: 89%;
  -webkit-animation: flying 6s ease-in-out -8s infinite alternate;
          animation: flying 6s ease-in-out -8s infinite alternate;
}
.bg .dotWrapper-72 {
  top: 91%;
  left: 84%;
  -webkit-animation: flying 5s ease-in-out -9.1s infinite alternate;
          animation: flying 5s ease-in-out -9.1s infinite alternate;
}
.bg .dotWrapper-73 {
  top: 93%;
  left: 89%;
  -webkit-animation: flying 7s ease-in-out -5.7s infinite alternate;
          animation: flying 7s ease-in-out -5.7s infinite alternate;
}
.bg .dotWrapper-74 {
  top: 42%;
  left: 89%;
  -webkit-animation: flying 8s ease-in-out -6.6s infinite alternate;
          animation: flying 8s ease-in-out -6.6s infinite alternate;
}
.bg .dotWrapper-75 {
  top: 19%;
  left: 26%;
  -webkit-animation: flying 4s ease-in-out -8.3s infinite alternate;
          animation: flying 4s ease-in-out -8.3s infinite alternate;
}
.bg .dot {
  width: 4px;
  height: 8px;
  background: #FEA039;
  border-radius: 50%;
  box-shadow: 1px 1px 5px red,
  0 1px 5px yellow;
}
.bg .dot-1 {
  -webkit-transform-origin: 12px -900px;
          transform-origin: 12px -900px;
  -webkit-animation: rotating 22s ease-in-out -8.3s infinite;
          animation: rotating 22s ease-in-out -8.3s infinite;
}
.bg .dot-2 {
  -webkit-transform-origin: 2px -900px;
          transform-origin: 2px -900px;
  -webkit-animation: rotating 21s ease-in-out -3.1s infinite;
          animation: rotating 21s ease-in-out -3.1s infinite;
}
.bg .dot-3 {
  -webkit-transform-origin: 3px 400px;
          transform-origin: 3px 400px;
  -webkit-animation: rotating 17s ease-in-out -8.3s infinite;
          animation: rotating 17s ease-in-out -8.3s infinite;
}
.bg .dot-4 {
  -webkit-transform-origin: 1px -400px;
          transform-origin: 1px -400px;
  -webkit-animation: rotating 13s ease-in-out -3.9s infinite;
          animation: rotating 13s ease-in-out -3.9s infinite;
}
.bg .dot-5 {
  -webkit-transform-origin: -700px 6px;
          transform-origin: -700px 6px;
  -webkit-animation: rotating 13s ease-in-out -4.9s infinite;
          animation: rotating 13s ease-in-out -4.9s infinite;
}
.bg .dot-6 {
  -webkit-transform-origin: -120px -1px;
          transform-origin: -120px -1px;
  -webkit-animation: rotating 26s ease-in-out -8.9s infinite;
          animation: rotating 26s ease-in-out -8.9s infinite;
}
.bg .dot-7 {
  -webkit-transform-origin: -800px -6px;
          transform-origin: -800px -6px;
  -webkit-animation: rotating 20s ease-in-out -6.4s infinite;
          animation: rotating 20s ease-in-out -6.4s infinite;
}
.bg .dot-8 {
  -webkit-transform-origin: -110px 10px;
          transform-origin: -110px 10px;
  -webkit-animation: rotating 18s ease-in-out -6.8s infinite;
          animation: rotating 18s ease-in-out -6.8s infinite;
}
.bg .dot-9 {
  -webkit-transform-origin: -400px 10px;
          transform-origin: -400px 10px;
  -webkit-animation: rotating 12s ease-in-out -3s infinite;
          animation: rotating 12s ease-in-out -3s infinite;
}
.bg .dot-10 {
  -webkit-transform-origin: 300px 2px;
          transform-origin: 300px 2px;
  -webkit-animation: rotating 21s ease-in-out -2.3s infinite;
          animation: rotating 21s ease-in-out -2.3s infinite;
}
.bg .dot-11 {
  -webkit-transform-origin: -600px -2px;
          transform-origin: -600px -2px;
  -webkit-animation: rotating 19s ease-in-out -3.7s infinite;
          animation: rotating 19s ease-in-out -3.7s infinite;
}
.bg .dot-12 {
  -webkit-transform-origin: 0px -140px;
          transform-origin: 0px -140px;
  -webkit-animation: rotating 8s ease-in-out -3.8s infinite;
          animation: rotating 8s ease-in-out -3.8s infinite;
}
.bg .dot-13 {
  -webkit-transform-origin: 400px -1px;
          transform-origin: 400px -1px;
  -webkit-animation: rotating 7s ease-in-out -6.4s infinite;
          animation: rotating 7s ease-in-out -6.4s infinite;
}
.bg .dot-14 {
  -webkit-transform-origin: -14px 100px;
          transform-origin: -14px 100px;
  -webkit-animation: rotating 9s ease-in-out -2.4s infinite;
          animation: rotating 9s ease-in-out -2.4s infinite;
}
.bg .dot-15 {
  -webkit-transform-origin: 3px -300px;
          transform-origin: 3px -300px;
  -webkit-animation: rotating 20s ease-in-out -2.3s infinite;
          animation: rotating 20s ease-in-out -2.3s infinite;
}
.bg .dot-16 {
  -webkit-transform-origin: -800px -13px;
          transform-origin: -800px -13px;
  -webkit-animation: rotating 9s ease-in-out -10s infinite;
          animation: rotating 9s ease-in-out -10s infinite;
}
.bg .dot-17 {
  -webkit-transform-origin: -700px 12px;
          transform-origin: -700px 12px;
  -webkit-animation: rotating 9s ease-in-out -8s infinite;
          animation: rotating 9s ease-in-out -8s infinite;
}
.bg .dot-18 {
  -webkit-transform-origin: 13px 900px;
          transform-origin: 13px 900px;
  -webkit-animation: rotating 13s ease-in-out -6.1s infinite;
          animation: rotating 13s ease-in-out -6.1s infinite;
}
.bg .dot-19 {
  -webkit-transform-origin: 1px 200px;
          transform-origin: 1px 200px;
  -webkit-animation: rotating 12s ease-in-out -9.6s infinite;
          animation: rotating 12s ease-in-out -9.6s infinite;
}
.bg .dot-20 {
  -webkit-transform-origin: 4px -500px;
          transform-origin: 4px -500px;
  -webkit-animation: rotating 16s ease-in-out -4.6s infinite;
          animation: rotating 16s ease-in-out -4.6s infinite;
}
.bg .dot-21 {
  -webkit-transform-origin: 700px 6px;
          transform-origin: 700px 6px;
  -webkit-animation: rotating 13s ease-in-out -0.4s infinite;
          animation: rotating 13s ease-in-out -0.4s infinite;
}
.bg .dot-22 {
  -webkit-transform-origin: 14px -800px;
          transform-origin: 14px -800px;
  -webkit-animation: rotating 11s ease-in-out -5.2s infinite;
          animation: rotating 11s ease-in-out -5.2s infinite;
}
.bg .dot-23 {
  -webkit-transform-origin: 2px -300px;
          transform-origin: 2px -300px;
  -webkit-animation: rotating 13s ease-in-out -7.7s infinite;
          animation: rotating 13s ease-in-out -7.7s infinite;
}
.bg .dot-24 {
  -webkit-transform-origin: 900px 13px;
          transform-origin: 900px 13px;
  -webkit-animation: rotating 9s ease-in-out -1.6s infinite;
          animation: rotating 9s ease-in-out -1.6s infinite;
}
.bg .dot-25 {
  -webkit-transform-origin: -9px -900px;
          transform-origin: -9px -900px;
  -webkit-animation: rotating 9s ease-in-out -5.3s infinite;
          animation: rotating 9s ease-in-out -5.3s infinite;
}
.bg .dot-26 {
  -webkit-transform-origin: 140px -13px;
          transform-origin: 140px -13px;
  -webkit-animation: rotating 9s ease-in-out -9.7s infinite;
          animation: rotating 9s ease-in-out -9.7s infinite;
}
.bg .dot-27 {
  -webkit-transform-origin: 1px 200px;
          transform-origin: 1px 200px;
  -webkit-animation: rotating 15s ease-in-out -0.6s infinite;
          animation: rotating 15s ease-in-out -0.6s infinite;
}
.bg .dot-28 {
  -webkit-transform-origin: -13px -500px;
          transform-origin: -13px -500px;
  -webkit-animation: rotating 13s ease-in-out -4.9s infinite;
          animation: rotating 13s ease-in-out -4.9s infinite;
}
.bg .dot-29 {
  -webkit-transform-origin: -500px -14px;
          transform-origin: -500px -14px;
  -webkit-animation: rotating 16s ease-in-out -8.7s infinite;
          animation: rotating 16s ease-in-out -8.7s infinite;
}
.bg .dot-30 {
  -webkit-transform-origin: 8px -800px;
          transform-origin: 8px -800px;
  -webkit-animation: rotating 11s ease-in-out -8.7s infinite;
          animation: rotating 11s ease-in-out -8.7s infinite;
}
.bg .dot-31 {
  -webkit-transform-origin: -600px 0px;
          transform-origin: -600px 0px;
  -webkit-animation: rotating 22s ease-in-out -0.2s infinite;
          animation: rotating 22s ease-in-out -0.2s infinite;
}
.bg .dot-32 {
  -webkit-transform-origin: 700px 1px;
          transform-origin: 700px 1px;
  -webkit-animation: rotating 14s ease-in-out -10s infinite;
          animation: rotating 14s ease-in-out -10s infinite;
}
.bg .dot-33 {
  -webkit-transform-origin: 0px 900px;
          transform-origin: 0px 900px;
  -webkit-animation: rotating 23s ease-in-out -9s infinite;
          animation: rotating 23s ease-in-out -9s infinite;
}
.bg .dot-34 {
  -webkit-transform-origin: 900px -1px;
          transform-origin: 900px -1px;
  -webkit-animation: rotating 11s ease-in-out -6.4s infinite;
          animation: rotating 11s ease-in-out -6.4s infinite;
}
.bg .dot-35 {
  -webkit-transform-origin: 400px -13px;
          transform-origin: 400px -13px;
  -webkit-animation: rotating 12s ease-in-out -1.4s infinite;
          animation: rotating 12s ease-in-out -1.4s infinite;
}
.bg .dot-36 {
  -webkit-transform-origin: -13px -900px;
          transform-origin: -13px -900px;
  -webkit-animation: rotating 19s ease-in-out -1.3s infinite;
          animation: rotating 19s ease-in-out -1.3s infinite;
}
.bg .dot-37 {
  -webkit-transform-origin: -1px -600px;
          transform-origin: -1px -600px;
  -webkit-animation: rotating 17s ease-in-out -7.9s infinite;
          animation: rotating 17s ease-in-out -7.9s infinite;
}
.bg .dot-38 {
  -webkit-transform-origin: -700px -10px;
          transform-origin: -700px -10px;
  -webkit-animation: rotating 13s ease-in-out -2.2s infinite;
          animation: rotating 13s ease-in-out -2.2s infinite;
}
.bg .dot-39 {
  -webkit-transform-origin: 600px -10px;
          transform-origin: 600px -10px;
  -webkit-animation: rotating 11s ease-in-out -4.9s infinite;
          animation: rotating 11s ease-in-out -4.9s infinite;
}
.bg .dot-40 {
  -webkit-transform-origin: -400px 10px;
          transform-origin: -400px 10px;
  -webkit-animation: rotating 13s ease-in-out -5.3s infinite;
          animation: rotating 13s ease-in-out -5.3s infinite;
}
.bg .dot-41 {
  -webkit-transform-origin: -14px 900px;
          transform-origin: -14px 900px;
  -webkit-animation: rotating 25s ease-in-out -5.7s infinite;
          animation: rotating 25s ease-in-out -5.7s infinite;
}
.bg .dot-42 {
  -webkit-transform-origin: -12px -400px;
          transform-origin: -12px -400px;
  -webkit-animation: rotating 24s ease-in-out -8.2s infinite;
          animation: rotating 24s ease-in-out -8.2s infinite;
}
.bg .dot-43 {
  -webkit-transform-origin: -200px -1px;
          transform-origin: -200px -1px;
  -webkit-animation: rotating 11s ease-in-out -0.9s infinite;
          animation: rotating 11s ease-in-out -0.9s infinite;
}
.bg .dot-44 {
  -webkit-transform-origin: -1px -700px;
          transform-origin: -1px -700px;
  -webkit-animation: rotating 11s ease-in-out -7.7s infinite;
          animation: rotating 11s ease-in-out -7.7s infinite;
}
.bg .dot-45 {
  -webkit-transform-origin: -10px 700px;
          transform-origin: -10px 700px;
  -webkit-animation: rotating 8s ease-in-out -9.3s infinite;
          animation: rotating 8s ease-in-out -9.3s infinite;
}
.bg .dot-46 {
  -webkit-transform-origin: -140px -14px;
          transform-origin: -140px -14px;
  -webkit-animation: rotating 7s ease-in-out -6.7s infinite;
          animation: rotating 7s ease-in-out -6.7s infinite;
}
.bg .dot-47 {
  -webkit-transform-origin: -130px 6px;
          transform-origin: -130px 6px;
  -webkit-animation: rotating 11s ease-in-out -1.2s infinite;
          animation: rotating 11s ease-in-out -1.2s infinite;
}
.bg .dot-48 {
  -webkit-transform-origin: 5px -600px;
          transform-origin: 5px -600px;
  -webkit-animation: rotating 11s ease-in-out -1.5s infinite;
          animation: rotating 11s ease-in-out -1.5s infinite;
}
.bg .dot-49 {
  -webkit-transform-origin: -3px 300px;
          transform-origin: -3px 300px;
  -webkit-animation: rotating 9s ease-in-out -2s infinite;
          animation: rotating 9s ease-in-out -2s infinite;
}
.bg .dot-50 {
  -webkit-transform-origin: -1px -990px;
          transform-origin: -1px -990px;
  -webkit-animation: rotating 9s ease-in-out -7.6s infinite;
          animation: rotating 9s ease-in-out -7.6s infinite;
}

@-webkit-keyframes rotating {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotating {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}




@-webkit-keyframes flying {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  
  50% {
    opacity: 1;
  }
  

  
  
  
  100% {
    opacity: 0;
    -webkit-transform: translate(55px, 1000px);
            transform: translate(55px, 1000px);
  }
}
@keyframes flying {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  
  50% {
    opacity: 1;
  }
  

  
  100% {
    opacity: 0;
    -webkit-transform: translate(55px, 1000px);
            transform: translate(55px, 1000px);
  }
}