body{width:1903px;
margin-right: auto;
margin-left: auto;
margin-top:0;
}
video{outline: none;}
.container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.box-img1{   
    position:relative;
    width:100%;
    overflow: hidden;
     -o-object-fit: cover;
     object-fit: cover;
}
.imgs{width:100%;}
.bgimages {
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top
}

.circle-container {
  position: absolute;
  -webkit-transform: translateY(-10vh);
          transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: luminosity;
  background-image: radial-gradient(#fff 20%, #4693d7 10%, rgba(153, 255, 255, 0) 56%);
  -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@-webkit-keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-frames {
  0% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    -webkit-transform: scale3d(2.2, 2.2, 1);
            transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
}
@keyframes scale-frames {
  0% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    -webkit-transform: scale3d(2.2, 2.2, 1);
            transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
}
.circle-container:nth-child(1) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 35632ms;
          animation-duration: 35632ms;
  -webkit-animation-delay: 1390ms;
          animation-delay: 1390ms;
}
@-webkit-keyframes move-frames-1 {
  from {
    -webkit-transform: translate3d(100vw, 103vh, 0);
            transform: translate3d(100vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -120vh, 0);
            transform: translate3d(33vw, -120vh, 0);
  }
}
@keyframes move-frames-1 {
  from {
    -webkit-transform: translate3d(100vw, 103vh, 0);
            transform: translate3d(100vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -120vh, 0);
            transform: translate3d(33vw, -120vh, 0);
  }
}
.circle-container:nth-child(1) .circle {
  -webkit-animation-delay: 3439ms;
          animation-delay: 3439ms;
}
.circle-container:nth-child(2) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 29478ms;
          animation-duration: 29478ms;
  -webkit-animation-delay: 26474ms;
          animation-delay: 26474ms;
}
@-webkit-keyframes move-frames-2 {
  from {
    -webkit-transform: translate3d(7vw, 107vh, 0);
            transform: translate3d(7vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -126vh, 0);
            transform: translate3d(30vw, -126vh, 0);
  }
}
@keyframes move-frames-2 {
  from {
    -webkit-transform: translate3d(7vw, 107vh, 0);
            transform: translate3d(7vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -126vh, 0);
            transform: translate3d(30vw, -126vh, 0);
  }
}
.circle-container:nth-child(2) .circle {
  -webkit-animation-delay: 974ms;
          animation-delay: 974ms;
}
.circle-container:nth-child(3) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 28011ms;
          animation-duration: 28011ms;
  -webkit-animation-delay: 27385ms;
          animation-delay: 27385ms;
}
@-webkit-keyframes move-frames-3 {
  from {
    -webkit-transform: translate3d(71vw, 110vh, 0);
            transform: translate3d(71vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -138vh, 0);
            transform: translate3d(61vw, -138vh, 0);
  }
}
@keyframes move-frames-3 {
  from {
    -webkit-transform: translate3d(71vw, 110vh, 0);
            transform: translate3d(71vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -138vh, 0);
            transform: translate3d(61vw, -138vh, 0);
  }
}
.circle-container:nth-child(3) .circle {
  -webkit-animation-delay: 2197ms;
          animation-delay: 2197ms;
}
.circle-container:nth-child(4) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 34717ms;
          animation-duration: 34717ms;
  -webkit-animation-delay: 13306ms;
          animation-delay: 13306ms;
}
@-webkit-keyframes move-frames-4 {
  from {
    -webkit-transform: translate3d(79vw, 101vh, 0);
            transform: translate3d(79vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -126vh, 0);
            transform: translate3d(26vw, -126vh, 0);
  }
}
@keyframes move-frames-4 {
  from {
    -webkit-transform: translate3d(79vw, 101vh, 0);
            transform: translate3d(79vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -126vh, 0);
            transform: translate3d(26vw, -126vh, 0);
  }
}
.circle-container:nth-child(4) .circle {
  -webkit-animation-delay: 1853ms;
          animation-delay: 1853ms;
}
.circle-container:nth-child(5) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 31063ms;
          animation-duration: 31063ms;
  -webkit-animation-delay: 17315ms;
          animation-delay: 17315ms;
}
@-webkit-keyframes move-frames-5 {
  from {
    -webkit-transform: translate3d(78vw, 110vh, 0);
            transform: translate3d(78vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -130vh, 0);
            transform: translate3d(83vw, -130vh, 0);
  }
}
@keyframes move-frames-5 {
  from {
    -webkit-transform: translate3d(78vw, 110vh, 0);
            transform: translate3d(78vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -130vh, 0);
            transform: translate3d(83vw, -130vh, 0);
  }
}
.circle-container:nth-child(5) .circle {
  -webkit-animation-delay: 2072ms;
          animation-delay: 2072ms;
}
.circle-container:nth-child(6) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 36909ms;
          animation-duration: 36909ms;
  -webkit-animation-delay: 15061ms;
          animation-delay: 15061ms;
}
@-webkit-keyframes move-frames-6 {
  from {
    -webkit-transform: translate3d(21vw, 101vh, 0);
            transform: translate3d(21vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -129vh, 0);
            transform: translate3d(56vw, -129vh, 0);
  }
}
@keyframes move-frames-6 {
  from {
    -webkit-transform: translate3d(21vw, 101vh, 0);
            transform: translate3d(21vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -129vh, 0);
            transform: translate3d(56vw, -129vh, 0);
  }
}
.circle-container:nth-child(6) .circle {
  -webkit-animation-delay: 1331ms;
          animation-delay: 1331ms;
}
.circle-container:nth-child(7) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 28907ms;
          animation-duration: 28907ms;
  -webkit-animation-delay: 24718ms;
          animation-delay: 24718ms;
}
@-webkit-keyframes move-frames-7 {
  from {
    -webkit-transform: translate3d(64vw, 105vh, 0);
            transform: translate3d(64vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -109vh, 0);
            transform: translate3d(17vw, -109vh, 0);
  }
}
@keyframes move-frames-7 {
  from {
    -webkit-transform: translate3d(64vw, 105vh, 0);
            transform: translate3d(64vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -109vh, 0);
            transform: translate3d(17vw, -109vh, 0);
  }
}
.circle-container:nth-child(7) .circle {
  -webkit-animation-delay: 532ms;
          animation-delay: 532ms;
}
.circle-container:nth-child(8) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 29312ms;
          animation-duration: 29312ms;
  -webkit-animation-delay: 30242ms;
          animation-delay: 30242ms;
}
@-webkit-keyframes move-frames-8 {
  from {
    -webkit-transform: translate3d(27vw, 108vh, 0);
            transform: translate3d(27vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(13vw, -113vh, 0);
            transform: translate3d(13vw, -113vh, 0);
  }
}
@keyframes move-frames-8 {
  from {
    -webkit-transform: translate3d(27vw, 108vh, 0);
            transform: translate3d(27vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(13vw, -113vh, 0);
            transform: translate3d(13vw, -113vh, 0);
  }
}
.circle-container:nth-child(8) .circle {
  -webkit-animation-delay: 3662ms;
          animation-delay: 3662ms;
}
.circle-container:nth-child(9) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 35382ms;
          animation-duration: 35382ms;
  -webkit-animation-delay: 20063ms;
          animation-delay: 20063ms;
}
@-webkit-keyframes move-frames-9 {
  from {
    -webkit-transform: translate3d(45vw, 108vh, 0);
            transform: translate3d(45vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(59vw, -138vh, 0);
            transform: translate3d(59vw, -138vh, 0);
  }
}
@keyframes move-frames-9 {
  from {
    -webkit-transform: translate3d(45vw, 108vh, 0);
            transform: translate3d(45vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(59vw, -138vh, 0);
            transform: translate3d(59vw, -138vh, 0);
  }
}
.circle-container:nth-child(9) .circle {
  -webkit-animation-delay: 364ms;
          animation-delay: 364ms;
}
.circle-container:nth-child(10) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 30876ms;
          animation-duration: 30876ms;
  -webkit-animation-delay: 14592ms;
          animation-delay: 14592ms;
}
@-webkit-keyframes move-frames-10 {
  from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
            transform: translate3d(94vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -128vh, 0);
            transform: translate3d(100vw, -128vh, 0);
  }
}
@keyframes move-frames-10 {
  from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
            transform: translate3d(94vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -128vh, 0);
            transform: translate3d(100vw, -128vh, 0);
  }
}
.circle-container:nth-child(10) .circle {
  -webkit-animation-delay: 1608ms;
          animation-delay: 1608ms;
}
.circle-container:nth-child(11) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 29188ms;
          animation-duration: 29188ms;
  -webkit-animation-delay: 19325ms;
          animation-delay: 19325ms;
}
@-webkit-keyframes move-frames-11 {
  from {
    -webkit-transform: translate3d(88vw, 107vh, 0);
            transform: translate3d(88vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -110vh, 0);
            transform: translate3d(71vw, -110vh, 0);
  }
}
@keyframes move-frames-11 {
  from {
    -webkit-transform: translate3d(88vw, 107vh, 0);
            transform: translate3d(88vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -110vh, 0);
            transform: translate3d(71vw, -110vh, 0);
  }
}
.circle-container:nth-child(11) .circle {
  -webkit-animation-delay: 374ms;
          animation-delay: 374ms;
}
.circle-container:nth-child(12) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 31548ms;
          animation-duration: 31548ms;
  -webkit-animation-delay: 943ms;
          animation-delay: 943ms;
}
@-webkit-keyframes move-frames-12 {
  from {
    -webkit-transform: translate3d(1vw, 107vh, 0);
            transform: translate3d(1vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(73vw, -135vh, 0);
            transform: translate3d(73vw, -135vh, 0);
  }
}
@keyframes move-frames-12 {
  from {
    -webkit-transform: translate3d(1vw, 107vh, 0);
            transform: translate3d(1vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(73vw, -135vh, 0);
            transform: translate3d(73vw, -135vh, 0);
  }
}
.circle-container:nth-child(12) .circle {
  -webkit-animation-delay: 265ms;
          animation-delay: 265ms;
}
.circle-container:nth-child(13) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 31984ms;
          animation-duration: 31984ms;
  -webkit-animation-delay: 15014ms;
          animation-delay: 15014ms;
}
@-webkit-keyframes move-frames-13 {
  from {
    -webkit-transform: translate3d(49vw, 108vh, 0);
            transform: translate3d(49vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(29vw, -130vh, 0);
            transform: translate3d(29vw, -130vh, 0);
  }
}
@keyframes move-frames-13 {
  from {
    -webkit-transform: translate3d(49vw, 108vh, 0);
            transform: translate3d(49vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(29vw, -130vh, 0);
            transform: translate3d(29vw, -130vh, 0);
  }
}
.circle-container:nth-child(13) .circle {
  -webkit-animation-delay: 3237ms;
          animation-delay: 3237ms;
}
.circle-container:nth-child(14) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 31909ms;
          animation-duration: 31909ms;
  -webkit-animation-delay: 32176ms;
          animation-delay: 32176ms;
}
@-webkit-keyframes move-frames-14 {
  from {
    -webkit-transform: translate3d(93vw, 107vh, 0);
            transform: translate3d(93vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(88vw, -124vh, 0);
            transform: translate3d(88vw, -124vh, 0);
  }
}
@keyframes move-frames-14 {
  from {
    -webkit-transform: translate3d(93vw, 107vh, 0);
            transform: translate3d(93vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(88vw, -124vh, 0);
            transform: translate3d(88vw, -124vh, 0);
  }
}
.circle-container:nth-child(14) .circle {
  -webkit-animation-delay: 2084ms;
          animation-delay: 2084ms;
}
.circle-container:nth-child(15) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 28709ms;
          animation-duration: 28709ms;
  -webkit-animation-delay: 31374ms;
          animation-delay: 31374ms;
}
@-webkit-keyframes move-frames-15 {
  from {
    -webkit-transform: translate3d(65vw, 102vh, 0);
            transform: translate3d(65vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -125vh, 0);
            transform: translate3d(57vw, -125vh, 0);
  }
}
@keyframes move-frames-15 {
  from {
    -webkit-transform: translate3d(65vw, 102vh, 0);
            transform: translate3d(65vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -125vh, 0);
            transform: translate3d(57vw, -125vh, 0);
  }
}
.circle-container:nth-child(15) .circle {
  -webkit-animation-delay: 2523ms;
          animation-delay: 2523ms;
}
.circle-container:nth-child(16) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 35003ms;
          animation-duration: 35003ms;
  -webkit-animation-delay: 7891ms;
          animation-delay: 7891ms;
}
@-webkit-keyframes move-frames-16 {
  from {
    -webkit-transform: translate3d(20vw, 102vh, 0);
            transform: translate3d(20vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -117vh, 0);
            transform: translate3d(44vw, -117vh, 0);
  }
}
@keyframes move-frames-16 {
  from {
    -webkit-transform: translate3d(20vw, 102vh, 0);
            transform: translate3d(20vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -117vh, 0);
            transform: translate3d(44vw, -117vh, 0);
  }
}
.circle-container:nth-child(16) .circle {
  -webkit-animation-delay: 1318ms;
          animation-delay: 1318ms;
}
.circle-container:nth-child(17) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 28318ms;
          animation-duration: 28318ms;
  -webkit-animation-delay: 11644ms;
          animation-delay: 11644ms;
}
@-webkit-keyframes move-frames-17 {
  from {
    -webkit-transform: translate3d(93vw, 102vh, 0);
            transform: translate3d(93vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -121vh, 0);
            transform: translate3d(54vw, -121vh, 0);
  }
}
@keyframes move-frames-17 {
  from {
    -webkit-transform: translate3d(93vw, 102vh, 0);
            transform: translate3d(93vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -121vh, 0);
            transform: translate3d(54vw, -121vh, 0);
  }
}
.circle-container:nth-child(17) .circle {
  -webkit-animation-delay: 3869ms;
          animation-delay: 3869ms;
}
.circle-container:nth-child(18) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 33123ms;
          animation-duration: 33123ms;
  -webkit-animation-delay: 5514ms;
          animation-delay: 5514ms;
}
@-webkit-keyframes move-frames-18 {
  from {
    -webkit-transform: translate3d(35vw, 107vh, 0);
            transform: translate3d(35vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -131vh, 0);
            transform: translate3d(17vw, -131vh, 0);
  }
}
@keyframes move-frames-18 {
  from {
    -webkit-transform: translate3d(35vw, 107vh, 0);
            transform: translate3d(35vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -131vh, 0);
            transform: translate3d(17vw, -131vh, 0);
  }
}
.circle-container:nth-child(18) .circle {
  -webkit-animation-delay: 177ms;
          animation-delay: 177ms;
}
.circle-container:nth-child(19) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 34141ms;
          animation-duration: 34141ms;
  -webkit-animation-delay: 30072ms;
          animation-delay: 30072ms;
}
@-webkit-keyframes move-frames-19 {
  from {
    -webkit-transform: translate3d(7vw, 104vh, 0);
            transform: translate3d(7vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -105vh, 0);
            transform: translate3d(91vw, -105vh, 0);
  }
}
@keyframes move-frames-19 {
  from {
    -webkit-transform: translate3d(7vw, 104vh, 0);
            transform: translate3d(7vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -105vh, 0);
            transform: translate3d(91vw, -105vh, 0);
  }
}
.circle-container:nth-child(19) .circle {
  -webkit-animation-delay: 530ms;
          animation-delay: 530ms;
}
.circle-container:nth-child(20) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 31275ms;
          animation-duration: 31275ms;
  -webkit-animation-delay: 19840ms;
          animation-delay: 19840ms;
}
@-webkit-keyframes move-frames-20 {
  from {
    -webkit-transform: translate3d(48vw, 104vh, 0);
            transform: translate3d(48vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(15vw, -108vh, 0);
            transform: translate3d(15vw, -108vh, 0);
  }
}
@keyframes move-frames-20 {
  from {
    -webkit-transform: translate3d(48vw, 104vh, 0);
            transform: translate3d(48vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(15vw, -108vh, 0);
            transform: translate3d(15vw, -108vh, 0);
  }
}
.circle-container:nth-child(20) .circle {
  -webkit-animation-delay: 1876ms;
          animation-delay: 1876ms;
}
.circle-container:nth-child(21) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 33352ms;
          animation-duration: 33352ms;
  -webkit-animation-delay: 34406ms;
          animation-delay: 34406ms;
}
@-webkit-keyframes move-frames-21 {
  from {
    -webkit-transform: translate3d(72vw, 101vh, 0);
            transform: translate3d(72vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -102vh, 0);
            transform: translate3d(18vw, -102vh, 0);
  }
}
@keyframes move-frames-21 {
  from {
    -webkit-transform: translate3d(72vw, 101vh, 0);
            transform: translate3d(72vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -102vh, 0);
            transform: translate3d(18vw, -102vh, 0);
  }
}
.circle-container:nth-child(21) .circle {
  -webkit-animation-delay: 115ms;
          animation-delay: 115ms;
}
.circle-container:nth-child(22) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 36784ms;
          animation-duration: 36784ms;
  -webkit-animation-delay: 20366ms;
          animation-delay: 20366ms;
}
@-webkit-keyframes move-frames-22 {
  from {
    -webkit-transform: translate3d(71vw, 110vh, 0);
            transform: translate3d(71vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(55vw, -135vh, 0);
            transform: translate3d(55vw, -135vh, 0);
  }
}
@keyframes move-frames-22 {
  from {
    -webkit-transform: translate3d(71vw, 110vh, 0);
            transform: translate3d(71vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(55vw, -135vh, 0);
            transform: translate3d(55vw, -135vh, 0);
  }
}
.circle-container:nth-child(22) .circle {
  -webkit-animation-delay: 1968ms;
          animation-delay: 1968ms;
}
.circle-container:nth-child(23) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 35320ms;
          animation-duration: 35320ms;
  -webkit-animation-delay: 5537ms;
          animation-delay: 5537ms;
}
@-webkit-keyframes move-frames-23 {
  from {
    -webkit-transform: translate3d(92vw, 108vh, 0);
            transform: translate3d(92vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -120vh, 0);
            transform: translate3d(71vw, -120vh, 0);
  }
}
@keyframes move-frames-23 {
  from {
    -webkit-transform: translate3d(92vw, 108vh, 0);
            transform: translate3d(92vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -120vh, 0);
            transform: translate3d(71vw, -120vh, 0);
  }
}
.circle-container:nth-child(23) .circle {
  -webkit-animation-delay: 2981ms;
          animation-delay: 2981ms;
}
.circle-container:nth-child(24) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 30408ms;
          animation-duration: 30408ms;
  -webkit-animation-delay: 4789ms;
          animation-delay: 4789ms;
}
@-webkit-keyframes move-frames-24 {
  from {
    -webkit-transform: translate3d(72vw, 110vh, 0);
            transform: translate3d(72vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -134vh, 0);
            transform: translate3d(4vw, -134vh, 0);
  }
}
@keyframes move-frames-24 {
  from {
    -webkit-transform: translate3d(72vw, 110vh, 0);
            transform: translate3d(72vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -134vh, 0);
            transform: translate3d(4vw, -134vh, 0);
  }
}
.circle-container:nth-child(24) .circle {
  -webkit-animation-delay: 2094ms;
          animation-delay: 2094ms;
}
.circle-container:nth-child(25) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 34403ms;
          animation-duration: 34403ms;
  -webkit-animation-delay: 16117ms;
          animation-delay: 16117ms;
}
@-webkit-keyframes move-frames-25 {
  from {
    -webkit-transform: translate3d(50vw, 102vh, 0);
            transform: translate3d(50vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -122vh, 0);
            transform: translate3d(53vw, -122vh, 0);
  }
}
@keyframes move-frames-25 {
  from {
    -webkit-transform: translate3d(50vw, 102vh, 0);
            transform: translate3d(50vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -122vh, 0);
            transform: translate3d(53vw, -122vh, 0);
  }
}
.circle-container:nth-child(25) .circle {
  -webkit-animation-delay: 1063ms;
          animation-delay: 1063ms;
}
.circle-container:nth-child(26) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 28570ms;
          animation-duration: 28570ms;
  -webkit-animation-delay: 7466ms;
          animation-delay: 7466ms;
}
@-webkit-keyframes move-frames-26 {
  from {
    -webkit-transform: translate3d(81vw, 108vh, 0);
            transform: translate3d(81vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -123vh, 0);
            transform: translate3d(91vw, -123vh, 0);
  }
}
@keyframes move-frames-26 {
  from {
    -webkit-transform: translate3d(81vw, 108vh, 0);
            transform: translate3d(81vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -123vh, 0);
            transform: translate3d(91vw, -123vh, 0);
  }
}
.circle-container:nth-child(26) .circle {
  -webkit-animation-delay: 2646ms;
          animation-delay: 2646ms;
}
.circle-container:nth-child(27) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 30617ms;
          animation-duration: 30617ms;
  -webkit-animation-delay: 30934ms;
          animation-delay: 30934ms;
}
@-webkit-keyframes move-frames-27 {
  from {
    -webkit-transform: translate3d(11vw, 103vh, 0);
            transform: translate3d(11vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -113vh, 0);
            transform: translate3d(97vw, -113vh, 0);
  }
}
@keyframes move-frames-27 {
  from {
    -webkit-transform: translate3d(11vw, 103vh, 0);
            transform: translate3d(11vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -113vh, 0);
            transform: translate3d(97vw, -113vh, 0);
  }
}
.circle-container:nth-child(27) .circle {
  -webkit-animation-delay: 2010ms;
          animation-delay: 2010ms;
}
.circle-container:nth-child(28) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 33066ms;
          animation-duration: 33066ms;
  -webkit-animation-delay: 11456ms;
          animation-delay: 11456ms;
}
@-webkit-keyframes move-frames-28 {
  from {
    -webkit-transform: translate3d(43vw, 104vh, 0);
            transform: translate3d(43vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -130vh, 0);
            transform: translate3d(11vw, -130vh, 0);
  }
}
@keyframes move-frames-28 {
  from {
    -webkit-transform: translate3d(43vw, 104vh, 0);
            transform: translate3d(43vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -130vh, 0);
            transform: translate3d(11vw, -130vh, 0);
  }
}
.circle-container:nth-child(28) .circle {
  -webkit-animation-delay: 455ms;
          animation-delay: 455ms;
}
.circle-container:nth-child(29) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 31524ms;
          animation-duration: 31524ms;
  -webkit-animation-delay: 24190ms;
          animation-delay: 24190ms;
}
@-webkit-keyframes move-frames-29 {
  from {
    -webkit-transform: translate3d(4vw, 110vh, 0);
            transform: translate3d(4vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(27vw, -136vh, 0);
            transform: translate3d(27vw, -136vh, 0);
  }
}
@keyframes move-frames-29 {
  from {
    -webkit-transform: translate3d(4vw, 110vh, 0);
            transform: translate3d(4vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(27vw, -136vh, 0);
            transform: translate3d(27vw, -136vh, 0);
  }
}
.circle-container:nth-child(29) .circle {
  -webkit-animation-delay: 3290ms;
          animation-delay: 3290ms;
}
.circle-container:nth-child(30) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 36252ms;
          animation-duration: 36252ms;
  -webkit-animation-delay: 27780ms;
          animation-delay: 27780ms;
}
@-webkit-keyframes move-frames-30 {
  from {
    -webkit-transform: translate3d(84vw, 107vh, 0);
            transform: translate3d(84vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -127vh, 0);
            transform: translate3d(18vw, -127vh, 0);
  }
}
@keyframes move-frames-30 {
  from {
    -webkit-transform: translate3d(84vw, 107vh, 0);
            transform: translate3d(84vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -127vh, 0);
            transform: translate3d(18vw, -127vh, 0);
  }
}
.circle-container:nth-child(30) .circle {
  -webkit-animation-delay: 1945ms;
          animation-delay: 1945ms;
}
.circle-container:nth-child(31) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 30880ms;
          animation-duration: 30880ms;
  -webkit-animation-delay: 16011ms;
          animation-delay: 16011ms;
}
@-webkit-keyframes move-frames-31 {
  from {
    -webkit-transform: translate3d(25vw, 103vh, 0);
            transform: translate3d(25vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -131vh, 0);
            transform: translate3d(33vw, -131vh, 0);
  }
}
@keyframes move-frames-31 {
  from {
    -webkit-transform: translate3d(25vw, 103vh, 0);
            transform: translate3d(25vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -131vh, 0);
            transform: translate3d(33vw, -131vh, 0);
  }
}
.circle-container:nth-child(31) .circle {
  -webkit-animation-delay: 1946ms;
          animation-delay: 1946ms;
}
.circle-container:nth-child(32) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 31943ms;
          animation-duration: 31943ms;
  -webkit-animation-delay: 12915ms;
          animation-delay: 12915ms;
}
@-webkit-keyframes move-frames-32 {
  from {
    -webkit-transform: translate3d(87vw, 110vh, 0);
            transform: translate3d(87vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -140vh, 0);
            transform: translate3d(91vw, -140vh, 0);
  }
}
@keyframes move-frames-32 {
  from {
    -webkit-transform: translate3d(87vw, 110vh, 0);
            transform: translate3d(87vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -140vh, 0);
            transform: translate3d(91vw, -140vh, 0);
  }
}
.circle-container:nth-child(32) .circle {
  -webkit-animation-delay: 2712ms;
          animation-delay: 2712ms;
}
.circle-container:nth-child(33) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 33806ms;
          animation-duration: 33806ms;
  -webkit-animation-delay: 22419ms;
          animation-delay: 22419ms;
}
@-webkit-keyframes move-frames-33 {
  from {
    -webkit-transform: translate3d(63vw, 107vh, 0);
            transform: translate3d(63vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -135vh, 0);
            transform: translate3d(21vw, -135vh, 0);
  }
}
@keyframes move-frames-33 {
  from {
    -webkit-transform: translate3d(63vw, 107vh, 0);
            transform: translate3d(63vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -135vh, 0);
            transform: translate3d(21vw, -135vh, 0);
  }
}
.circle-container:nth-child(33) .circle {
  -webkit-animation-delay: 1620ms;
          animation-delay: 1620ms;
}
.circle-container:nth-child(34) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 33552ms;
          animation-duration: 33552ms;
  -webkit-animation-delay: 29806ms;
          animation-delay: 29806ms;
}
@-webkit-keyframes move-frames-34 {
  from {
    -webkit-transform: translate3d(59vw, 105vh, 0);
            transform: translate3d(59vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -120vh, 0);
            transform: translate3d(89vw, -120vh, 0);
  }
}
@keyframes move-frames-34 {
  from {
    -webkit-transform: translate3d(59vw, 105vh, 0);
            transform: translate3d(59vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -120vh, 0);
            transform: translate3d(89vw, -120vh, 0);
  }
}
.circle-container:nth-child(34) .circle {
  -webkit-animation-delay: 1518ms;
          animation-delay: 1518ms;
}
.circle-container:nth-child(35) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 28267ms;
          animation-duration: 28267ms;
  -webkit-animation-delay: 29670ms;
          animation-delay: 29670ms;
}
@-webkit-keyframes move-frames-35 {
  from {
    -webkit-transform: translate3d(63vw, 103vh, 0);
            transform: translate3d(63vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -116vh, 0);
            transform: translate3d(48vw, -116vh, 0);
  }
}
@keyframes move-frames-35 {
  from {
    -webkit-transform: translate3d(63vw, 103vh, 0);
            transform: translate3d(63vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -116vh, 0);
            transform: translate3d(48vw, -116vh, 0);
  }
}
.circle-container:nth-child(35) .circle {
  -webkit-animation-delay: 633ms;
          animation-delay: 633ms;
}
.circle-container:nth-child(36) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 34751ms;
          animation-duration: 34751ms;
  -webkit-animation-delay: 30147ms;
          animation-delay: 30147ms;
}
@-webkit-keyframes move-frames-36 {
  from {
    -webkit-transform: translate3d(46vw, 110vh, 0);
            transform: translate3d(46vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -134vh, 0);
            transform: translate3d(3vw, -134vh, 0);
  }
}
@keyframes move-frames-36 {
  from {
    -webkit-transform: translate3d(46vw, 110vh, 0);
            transform: translate3d(46vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -134vh, 0);
            transform: translate3d(3vw, -134vh, 0);
  }
}
.circle-container:nth-child(36) .circle {
  -webkit-animation-delay: 1512ms;
          animation-delay: 1512ms;
}
.circle-container:nth-child(37) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 28049ms;
          animation-duration: 28049ms;
  -webkit-animation-delay: 21121ms;
          animation-delay: 21121ms;
}
@-webkit-keyframes move-frames-37 {
  from {
    -webkit-transform: translate3d(74vw, 110vh, 0);
            transform: translate3d(74vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}
@keyframes move-frames-37 {
  from {
    -webkit-transform: translate3d(74vw, 110vh, 0);
            transform: translate3d(74vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}
.circle-container:nth-child(37) .circle {
  -webkit-animation-delay: 2145ms;
          animation-delay: 2145ms;
}
.circle-container:nth-child(38) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 35864ms;
          animation-duration: 35864ms;
  -webkit-animation-delay: 5487ms;
          animation-delay: 5487ms;
}
@-webkit-keyframes move-frames-38 {
  from {
    -webkit-transform: translate3d(59vw, 110vh, 0);
            transform: translate3d(59vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -140vh, 0);
            transform: translate3d(86vw, -140vh, 0);
  }
}
@keyframes move-frames-38 {
  from {
    -webkit-transform: translate3d(59vw, 110vh, 0);
            transform: translate3d(59vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -140vh, 0);
            transform: translate3d(86vw, -140vh, 0);
  }
}
.circle-container:nth-child(38) .circle {
  -webkit-animation-delay: 142ms;
          animation-delay: 142ms;
}
.circle-container:nth-child(39) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 34874ms;
          animation-duration: 34874ms;
  -webkit-animation-delay: 36756ms;
          animation-delay: 36756ms;
}
@-webkit-keyframes move-frames-39 {
  from {
    -webkit-transform: translate3d(39vw, 102vh, 0);
            transform: translate3d(39vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -126vh, 0);
            transform: translate3d(24vw, -126vh, 0);
  }
}
@keyframes move-frames-39 {
  from {
    -webkit-transform: translate3d(39vw, 102vh, 0);
            transform: translate3d(39vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -126vh, 0);
            transform: translate3d(24vw, -126vh, 0);
  }
}
.circle-container:nth-child(39) .circle {
  -webkit-animation-delay: 2239ms;
          animation-delay: 2239ms;
}
.circle-container:nth-child(40) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 31487ms;
          animation-duration: 31487ms;
  -webkit-animation-delay: 15213ms;
          animation-delay: 15213ms;
}
@-webkit-keyframes move-frames-40 {
  from {
    -webkit-transform: translate3d(55vw, 107vh, 0);
            transform: translate3d(55vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -124vh, 0);
            transform: translate3d(31vw, -124vh, 0);
  }
}
@keyframes move-frames-40 {
  from {
    -webkit-transform: translate3d(55vw, 107vh, 0);
            transform: translate3d(55vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -124vh, 0);
            transform: translate3d(31vw, -124vh, 0);
  }
}
.circle-container:nth-child(40) .circle {
  -webkit-animation-delay: 410ms;
          animation-delay: 410ms;
}
.circle-container:nth-child(41) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 28738ms;
          animation-duration: 28738ms;
  -webkit-animation-delay: 26422ms;
          animation-delay: 26422ms;
}
@-webkit-keyframes move-frames-41 {
  from {
    -webkit-transform: translate3d(38vw, 109vh, 0);
            transform: translate3d(38vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -133vh, 0);
            transform: translate3d(36vw, -133vh, 0);
  }
}
@keyframes move-frames-41 {
  from {
    -webkit-transform: translate3d(38vw, 109vh, 0);
            transform: translate3d(38vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -133vh, 0);
            transform: translate3d(36vw, -133vh, 0);
  }
}
.circle-container:nth-child(41) .circle {
  -webkit-animation-delay: 2283ms;
          animation-delay: 2283ms;
}
.circle-container:nth-child(42) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 32522ms;
          animation-duration: 32522ms;
  -webkit-animation-delay: 8018ms;
          animation-delay: 8018ms;
}
@-webkit-keyframes move-frames-42 {
  from {
    -webkit-transform: translate3d(42vw, 104vh, 0);
            transform: translate3d(42vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -119vh, 0);
            transform: translate3d(58vw, -119vh, 0);
  }
}
@keyframes move-frames-42 {
  from {
    -webkit-transform: translate3d(42vw, 104vh, 0);
            transform: translate3d(42vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -119vh, 0);
            transform: translate3d(58vw, -119vh, 0);
  }
}
.circle-container:nth-child(42) .circle {
  -webkit-animation-delay: 3453ms;
          animation-delay: 3453ms;
}
.circle-container:nth-child(43) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 30066ms;
          animation-duration: 30066ms;
  -webkit-animation-delay: 11163ms;
          animation-delay: 11163ms;
}
@-webkit-keyframes move-frames-43 {
  from {
    -webkit-transform: translate3d(72vw, 109vh, 0);
            transform: translate3d(72vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -130vh, 0);
            transform: translate3d(8vw, -130vh, 0);
  }
}
@keyframes move-frames-43 {
  from {
    -webkit-transform: translate3d(72vw, 109vh, 0);
            transform: translate3d(72vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -130vh, 0);
            transform: translate3d(8vw, -130vh, 0);
  }
}
.circle-container:nth-child(43) .circle {
  -webkit-animation-delay: 245ms;
          animation-delay: 245ms;
}
.circle-container:nth-child(44) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 29051ms;
          animation-duration: 29051ms;
  -webkit-animation-delay: 20561ms;
          animation-delay: 20561ms;
}
@-webkit-keyframes move-frames-44 {
  from {
    -webkit-transform: translate3d(67vw, 103vh, 0);
            transform: translate3d(67vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -111vh, 0);
            transform: translate3d(97vw, -111vh, 0);
  }
}
@keyframes move-frames-44 {
  from {
    -webkit-transform: translate3d(67vw, 103vh, 0);
            transform: translate3d(67vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -111vh, 0);
            transform: translate3d(97vw, -111vh, 0);
  }
}
.circle-container:nth-child(44) .circle {
  -webkit-animation-delay: 3642ms;
          animation-delay: 3642ms;
}
.circle-container:nth-child(45) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 33959ms;
          animation-duration: 33959ms;
  -webkit-animation-delay: 15594ms;
          animation-delay: 15594ms;
}
@-webkit-keyframes move-frames-45 {
  from {
    -webkit-transform: translate3d(79vw, 103vh, 0);
            transform: translate3d(79vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(59vw, -105vh, 0);
            transform: translate3d(59vw, -105vh, 0);
  }
}
@keyframes move-frames-45 {
  from {
    -webkit-transform: translate3d(79vw, 103vh, 0);
            transform: translate3d(79vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(59vw, -105vh, 0);
            transform: translate3d(59vw, -105vh, 0);
  }
}
.circle-container:nth-child(45) .circle {
  -webkit-animation-delay: 181ms;
          animation-delay: 181ms;
}
.circle-container:nth-child(46) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 28554ms;
          animation-duration: 28554ms;
  -webkit-animation-delay: 16866ms;
          animation-delay: 16866ms;
}
@-webkit-keyframes move-frames-46 {
  from {
    -webkit-transform: translate3d(99vw, 108vh, 0);
            transform: translate3d(99vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(37vw, -127vh, 0);
            transform: translate3d(37vw, -127vh, 0);
  }
}
@keyframes move-frames-46 {
  from {
    -webkit-transform: translate3d(99vw, 108vh, 0);
            transform: translate3d(99vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(37vw, -127vh, 0);
            transform: translate3d(37vw, -127vh, 0);
  }
}
.circle-container:nth-child(46) .circle {
  -webkit-animation-delay: 3172ms;
          animation-delay: 3172ms;
}
.circle-container:nth-child(47) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 30415ms;
          animation-duration: 30415ms;
  -webkit-animation-delay: 1356ms;
          animation-delay: 1356ms;
}
@-webkit-keyframes move-frames-47 {
  from {
    -webkit-transform: translate3d(99vw, 104vh, 0);
            transform: translate3d(99vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(59vw, -105vh, 0);
            transform: translate3d(59vw, -105vh, 0);
  }
}
@keyframes move-frames-47 {
  from {
    -webkit-transform: translate3d(99vw, 104vh, 0);
            transform: translate3d(99vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(59vw, -105vh, 0);
            transform: translate3d(59vw, -105vh, 0);
  }
}
.circle-container:nth-child(47) .circle {
  -webkit-animation-delay: 1240ms;
          animation-delay: 1240ms;
}
.circle-container:nth-child(48) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 30945ms;
          animation-duration: 30945ms;
  -webkit-animation-delay: 25405ms;
          animation-delay: 25405ms;
}
@-webkit-keyframes move-frames-48 {
  from {
    -webkit-transform: translate3d(31vw, 107vh, 0);
            transform: translate3d(31vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -131vh, 0);
            transform: translate3d(46vw, -131vh, 0);
  }
}
@keyframes move-frames-48 {
  from {
    -webkit-transform: translate3d(31vw, 107vh, 0);
            transform: translate3d(31vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -131vh, 0);
            transform: translate3d(46vw, -131vh, 0);
  }
}
.circle-container:nth-child(48) .circle {
  -webkit-animation-delay: 1839ms;
          animation-delay: 1839ms;
}
.circle-container:nth-child(49) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 32126ms;
          animation-duration: 32126ms;
  -webkit-animation-delay: 19067ms;
          animation-delay: 19067ms;
}
@-webkit-keyframes move-frames-49 {
  from {
    -webkit-transform: translate3d(44vw, 103vh, 0);
            transform: translate3d(44vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -110vh, 0);
            transform: translate3d(90vw, -110vh, 0);
  }
}
@keyframes move-frames-49 {
  from {
    -webkit-transform: translate3d(44vw, 103vh, 0);
            transform: translate3d(44vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -110vh, 0);
            transform: translate3d(90vw, -110vh, 0);
  }
}
.circle-container:nth-child(49) .circle {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}
.circle-container:nth-child(50) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 31398ms;
          animation-duration: 31398ms;
  -webkit-animation-delay: 16547ms;
          animation-delay: 16547ms;
}
@-webkit-keyframes move-frames-50 {
  from {
    -webkit-transform: translate3d(67vw, 109vh, 0);
            transform: translate3d(67vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -123vh, 0);
            transform: translate3d(9vw, -123vh, 0);
  }
}
@keyframes move-frames-50 {
  from {
    -webkit-transform: translate3d(67vw, 109vh, 0);
            transform: translate3d(67vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -123vh, 0);
            transform: translate3d(9vw, -123vh, 0);
  }
}
.circle-container:nth-child(50) .circle {
  -webkit-animation-delay: 2998ms;
          animation-delay: 2998ms;
}
.circle-container:nth-child(51) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-51;
          animation-name: move-frames-51;
  -webkit-animation-duration: 35203ms;
          animation-duration: 35203ms;
  -webkit-animation-delay: 5869ms;
          animation-delay: 5869ms;
}
@-webkit-keyframes move-frames-51 {
  from {
    -webkit-transform: translate3d(15vw, 105vh, 0);
            transform: translate3d(15vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -122vh, 0);
            transform: translate3d(91vw, -122vh, 0);
  }
}
@keyframes move-frames-51 {
  from {
    -webkit-transform: translate3d(15vw, 105vh, 0);
            transform: translate3d(15vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -122vh, 0);
            transform: translate3d(91vw, -122vh, 0);
  }
}
.circle-container:nth-child(51) .circle {
  -webkit-animation-delay: 3394ms;
          animation-delay: 3394ms;
}
.circle-container:nth-child(52) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-52;
          animation-name: move-frames-52;
  -webkit-animation-duration: 31841ms;
          animation-duration: 31841ms;
  -webkit-animation-delay: 26115ms;
          animation-delay: 26115ms;
}
@-webkit-keyframes move-frames-52 {
  from {
    -webkit-transform: translate3d(17vw, 102vh, 0);
            transform: translate3d(17vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(62vw, -120vh, 0);
            transform: translate3d(62vw, -120vh, 0);
  }
}
@keyframes move-frames-52 {
  from {
    -webkit-transform: translate3d(17vw, 102vh, 0);
            transform: translate3d(17vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(62vw, -120vh, 0);
            transform: translate3d(62vw, -120vh, 0);
  }
}
.circle-container:nth-child(52) .circle {
  -webkit-animation-delay: 1001ms;
          animation-delay: 1001ms;
}
.circle-container:nth-child(53) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-53;
          animation-name: move-frames-53;
  -webkit-animation-duration: 35555ms;
          animation-duration: 35555ms;
  -webkit-animation-delay: 34977ms;
          animation-delay: 34977ms;
}
@-webkit-keyframes move-frames-53 {
  from {
    -webkit-transform: translate3d(1vw, 105vh, 0);
            transform: translate3d(1vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(25vw, -109vh, 0);
            transform: translate3d(25vw, -109vh, 0);
  }
}
@keyframes move-frames-53 {
  from {
    -webkit-transform: translate3d(1vw, 105vh, 0);
            transform: translate3d(1vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(25vw, -109vh, 0);
            transform: translate3d(25vw, -109vh, 0);
  }
}
.circle-container:nth-child(53) .circle {
  -webkit-animation-delay: 299ms;
          animation-delay: 299ms;
}
.circle-container:nth-child(54) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-54;
          animation-name: move-frames-54;
  -webkit-animation-duration: 28280ms;
          animation-duration: 28280ms;
  -webkit-animation-delay: 6376ms;
          animation-delay: 6376ms;
}
@-webkit-keyframes move-frames-54 {
  from {
    -webkit-transform: translate3d(12vw, 105vh, 0);
            transform: translate3d(12vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -121vh, 0);
            transform: translate3d(65vw, -121vh, 0);
  }
}
@keyframes move-frames-54 {
  from {
    -webkit-transform: translate3d(12vw, 105vh, 0);
            transform: translate3d(12vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -121vh, 0);
            transform: translate3d(65vw, -121vh, 0);
  }
}
.circle-container:nth-child(54) .circle {
  -webkit-animation-delay: 3548ms;
          animation-delay: 3548ms;
}
.circle-container:nth-child(55) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-55;
          animation-name: move-frames-55;
  -webkit-animation-duration: 33416ms;
          animation-duration: 33416ms;
  -webkit-animation-delay: 9378ms;
          animation-delay: 9378ms;
}
@-webkit-keyframes move-frames-55 {
  from {
    -webkit-transform: translate3d(24vw, 103vh, 0);
            transform: translate3d(24vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(68vw, -132vh, 0);
            transform: translate3d(68vw, -132vh, 0);
  }
}
@keyframes move-frames-55 {
  from {
    -webkit-transform: translate3d(24vw, 103vh, 0);
            transform: translate3d(24vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(68vw, -132vh, 0);
            transform: translate3d(68vw, -132vh, 0);
  }
}
.circle-container:nth-child(55) .circle {
  -webkit-animation-delay: 1221ms;
          animation-delay: 1221ms;
}
.circle-container:nth-child(56) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-56;
          animation-name: move-frames-56;
  -webkit-animation-duration: 35311ms;
          animation-duration: 35311ms;
  -webkit-animation-delay: 13696ms;
          animation-delay: 13696ms;
}
@-webkit-keyframes move-frames-56 {
  from {
    -webkit-transform: translate3d(44vw, 104vh, 0);
            transform: translate3d(44vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -132vh, 0);
            transform: translate3d(17vw, -132vh, 0);
  }
}
@keyframes move-frames-56 {
  from {
    -webkit-transform: translate3d(44vw, 104vh, 0);
            transform: translate3d(44vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -132vh, 0);
            transform: translate3d(17vw, -132vh, 0);
  }
}
.circle-container:nth-child(56) .circle {
  -webkit-animation-delay: 878ms;
          animation-delay: 878ms;
}
.circle-container:nth-child(57) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-57;
          animation-name: move-frames-57;
  -webkit-animation-duration: 33308ms;
          animation-duration: 33308ms;
  -webkit-animation-delay: 12499ms;
          animation-delay: 12499ms;
}
@-webkit-keyframes move-frames-57 {
  from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
            transform: translate3d(44vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -130vh, 0);
            transform: translate3d(16vw, -130vh, 0);
  }
}
@keyframes move-frames-57 {
  from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
            transform: translate3d(44vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -130vh, 0);
            transform: translate3d(16vw, -130vh, 0);
  }
}
.circle-container:nth-child(57) .circle {
  -webkit-animation-delay: 979ms;
          animation-delay: 979ms;
}
.circle-container:nth-child(58) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-58;
          animation-name: move-frames-58;
  -webkit-animation-duration: 29679ms;
          animation-duration: 29679ms;
  -webkit-animation-delay: 29785ms;
          animation-delay: 29785ms;
}
@-webkit-keyframes move-frames-58 {
  from {
    -webkit-transform: translate3d(30vw, 104vh, 0);
            transform: translate3d(30vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -105vh, 0);
            transform: translate3d(30vw, -105vh, 0);
  }
}
@keyframes move-frames-58 {
  from {
    -webkit-transform: translate3d(30vw, 104vh, 0);
            transform: translate3d(30vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -105vh, 0);
            transform: translate3d(30vw, -105vh, 0);
  }
}
.circle-container:nth-child(58) .circle {
  -webkit-animation-delay: 3903ms;
          animation-delay: 3903ms;
}
.circle-container:nth-child(59) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-59;
          animation-name: move-frames-59;
  -webkit-animation-duration: 29672ms;
          animation-duration: 29672ms;
  -webkit-animation-delay: 35912ms;
          animation-delay: 35912ms;
}
@-webkit-keyframes move-frames-59 {
  from {
    -webkit-transform: translate3d(46vw, 102vh, 0);
            transform: translate3d(46vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -118vh, 0);
            transform: translate3d(76vw, -118vh, 0);
  }
}
@keyframes move-frames-59 {
  from {
    -webkit-transform: translate3d(46vw, 102vh, 0);
            transform: translate3d(46vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -118vh, 0);
            transform: translate3d(76vw, -118vh, 0);
  }
}
.circle-container:nth-child(59) .circle {
  -webkit-animation-delay: 3335ms;
          animation-delay: 3335ms;
}
.circle-container:nth-child(60) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-60;
          animation-name: move-frames-60;
  -webkit-animation-duration: 36717ms;
          animation-duration: 36717ms;
  -webkit-animation-delay: 15389ms;
          animation-delay: 15389ms;
}
@-webkit-keyframes move-frames-60 {
  from {
    -webkit-transform: translate3d(26vw, 102vh, 0);
            transform: translate3d(26vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -115vh, 0);
            transform: translate3d(42vw, -115vh, 0);
  }
}
@keyframes move-frames-60 {
  from {
    -webkit-transform: translate3d(26vw, 102vh, 0);
            transform: translate3d(26vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -115vh, 0);
            transform: translate3d(42vw, -115vh, 0);
  }
}
.circle-container:nth-child(60) .circle {
  -webkit-animation-delay: 2197ms;
          animation-delay: 2197ms;
}
.circle-container:nth-child(61) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-61;
          animation-name: move-frames-61;
  -webkit-animation-duration: 34874ms;
          animation-duration: 34874ms;
  -webkit-animation-delay: 11862ms;
          animation-delay: 11862ms;
}
@-webkit-keyframes move-frames-61 {
  from {
    -webkit-transform: translate3d(66vw, 103vh, 0);
            transform: translate3d(66vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(64vw, -107vh, 0);
            transform: translate3d(64vw, -107vh, 0);
  }
}
@keyframes move-frames-61 {
  from {
    -webkit-transform: translate3d(66vw, 103vh, 0);
            transform: translate3d(66vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(64vw, -107vh, 0);
            transform: translate3d(64vw, -107vh, 0);
  }
}
.circle-container:nth-child(61) .circle {
  -webkit-animation-delay: 2377ms;
          animation-delay: 2377ms;
}
.circle-container:nth-child(62) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-62;
          animation-name: move-frames-62;
  -webkit-animation-duration: 34200ms;
          animation-duration: 34200ms;
  -webkit-animation-delay: 34922ms;
          animation-delay: 34922ms;
}
@-webkit-keyframes move-frames-62 {
  from {
    -webkit-transform: translate3d(80vw, 103vh, 0);
            transform: translate3d(80vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -129vh, 0);
            transform: translate3d(57vw, -129vh, 0);
  }
}
@keyframes move-frames-62 {
  from {
    -webkit-transform: translate3d(80vw, 103vh, 0);
            transform: translate3d(80vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -129vh, 0);
            transform: translate3d(57vw, -129vh, 0);
  }
}
.circle-container:nth-child(62) .circle {
  -webkit-animation-delay: 1810ms;
          animation-delay: 1810ms;
}
.circle-container:nth-child(63) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-63;
          animation-name: move-frames-63;
  -webkit-animation-duration: 34146ms;
          animation-duration: 34146ms;
  -webkit-animation-delay: 3054ms;
          animation-delay: 3054ms;
}
@-webkit-keyframes move-frames-63 {
  from {
    -webkit-transform: translate3d(85vw, 101vh, 0);
            transform: translate3d(85vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -130vh, 0);
            transform: translate3d(41vw, -130vh, 0);
  }
}
@keyframes move-frames-63 {
  from {
    -webkit-transform: translate3d(85vw, 101vh, 0);
            transform: translate3d(85vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -130vh, 0);
            transform: translate3d(41vw, -130vh, 0);
  }
}
.circle-container:nth-child(63) .circle {
  -webkit-animation-delay: 1703ms;
          animation-delay: 1703ms;
}
.circle-container:nth-child(64) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-64;
          animation-name: move-frames-64;
  -webkit-animation-duration: 34378ms;
          animation-duration: 34378ms;
  -webkit-animation-delay: 25161ms;
          animation-delay: 25161ms;
}
@-webkit-keyframes move-frames-64 {
  from {
    -webkit-transform: translate3d(44vw, 101vh, 0);
            transform: translate3d(44vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -114vh, 0);
            transform: translate3d(23vw, -114vh, 0);
  }
}
@keyframes move-frames-64 {
  from {
    -webkit-transform: translate3d(44vw, 101vh, 0);
            transform: translate3d(44vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -114vh, 0);
            transform: translate3d(23vw, -114vh, 0);
  }
}
.circle-container:nth-child(64) .circle {
  -webkit-animation-delay: 1113ms;
          animation-delay: 1113ms;
}
.circle-container:nth-child(65) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-65;
          animation-name: move-frames-65;
  -webkit-animation-duration: 30839ms;
          animation-duration: 30839ms;
  -webkit-animation-delay: 11314ms;
          animation-delay: 11314ms;
}
@-webkit-keyframes move-frames-65 {
  from {
    -webkit-transform: translate3d(27vw, 101vh, 0);
            transform: translate3d(27vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -103vh, 0);
            transform: translate3d(28vw, -103vh, 0);
  }
}
@keyframes move-frames-65 {
  from {
    -webkit-transform: translate3d(27vw, 101vh, 0);
            transform: translate3d(27vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -103vh, 0);
            transform: translate3d(28vw, -103vh, 0);
  }
}
.circle-container:nth-child(65) .circle {
  -webkit-animation-delay: 994ms;
          animation-delay: 994ms;
}
.circle-container:nth-child(66) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-66;
          animation-name: move-frames-66;
  -webkit-animation-duration: 35134ms;
          animation-duration: 35134ms;
  -webkit-animation-delay: 1365ms;
          animation-delay: 1365ms;
}
@-webkit-keyframes move-frames-66 {
  from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
            transform: translate3d(3vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -128vh, 0);
            transform: translate3d(94vw, -128vh, 0);
  }
}
@keyframes move-frames-66 {
  from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
            transform: translate3d(3vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -128vh, 0);
            transform: translate3d(94vw, -128vh, 0);
  }
}
.circle-container:nth-child(66) .circle {
  -webkit-animation-delay: 2562ms;
          animation-delay: 2562ms;
}
.circle-container:nth-child(67) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-67;
          animation-name: move-frames-67;
  -webkit-animation-duration: 32240ms;
          animation-duration: 32240ms;
  -webkit-animation-delay: 8117ms;
          animation-delay: 8117ms;
}
@-webkit-keyframes move-frames-67 {
  from {
    -webkit-transform: translate3d(35vw, 103vh, 0);
            transform: translate3d(35vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -109vh, 0);
            transform: translate3d(58vw, -109vh, 0);
  }
}
@keyframes move-frames-67 {
  from {
    -webkit-transform: translate3d(35vw, 103vh, 0);
            transform: translate3d(35vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -109vh, 0);
            transform: translate3d(58vw, -109vh, 0);
  }
}
.circle-container:nth-child(67) .circle {
  -webkit-animation-delay: 1222ms;
          animation-delay: 1222ms;
}
.circle-container:nth-child(68) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-68;
          animation-name: move-frames-68;
  -webkit-animation-duration: 34344ms;
          animation-duration: 34344ms;
  -webkit-animation-delay: 21891ms;
          animation-delay: 21891ms;
}
@-webkit-keyframes move-frames-68 {
  from {
    -webkit-transform: translate3d(88vw, 103vh, 0);
            transform: translate3d(88vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(68vw, -124vh, 0);
            transform: translate3d(68vw, -124vh, 0);
  }
}
@keyframes move-frames-68 {
  from {
    -webkit-transform: translate3d(88vw, 103vh, 0);
            transform: translate3d(88vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(68vw, -124vh, 0);
            transform: translate3d(68vw, -124vh, 0);
  }
}
.circle-container:nth-child(68) .circle {
  -webkit-animation-delay: 2360ms;
          animation-delay: 2360ms;
}
.circle-container:nth-child(69) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-69;
          animation-name: move-frames-69;
  -webkit-animation-duration: 33197ms;
          animation-duration: 33197ms;
  -webkit-animation-delay: 27355ms;
          animation-delay: 27355ms;
}
@-webkit-keyframes move-frames-69 {
  from {
    -webkit-transform: translate3d(40vw, 105vh, 0);
            transform: translate3d(40vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -118vh, 0);
            transform: translate3d(3vw, -118vh, 0);
  }
}
@keyframes move-frames-69 {
  from {
    -webkit-transform: translate3d(40vw, 105vh, 0);
            transform: translate3d(40vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -118vh, 0);
            transform: translate3d(3vw, -118vh, 0);
  }
}
.circle-container:nth-child(69) .circle {
  -webkit-animation-delay: 3517ms;
          animation-delay: 3517ms;
}
.circle-container:nth-child(70) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-70;
          animation-name: move-frames-70;
  -webkit-animation-duration: 30493ms;
          animation-duration: 30493ms;
  -webkit-animation-delay: 24867ms;
          animation-delay: 24867ms;
}
@-webkit-keyframes move-frames-70 {
  from {
    -webkit-transform: translate3d(77vw, 107vh, 0);
            transform: translate3d(77vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -115vh, 0);
            transform: translate3d(19vw, -115vh, 0);
  }
}
@keyframes move-frames-70 {
  from {
    -webkit-transform: translate3d(77vw, 107vh, 0);
            transform: translate3d(77vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -115vh, 0);
            transform: translate3d(19vw, -115vh, 0);
  }
}
.circle-container:nth-child(70) .circle {
  -webkit-animation-delay: 3754ms;
          animation-delay: 3754ms;
}
.circle-container:nth-child(71) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-71;
          animation-name: move-frames-71;
  -webkit-animation-duration: 32906ms;
          animation-duration: 32906ms;
  -webkit-animation-delay: 20812ms;
          animation-delay: 20812ms;
}
@-webkit-keyframes move-frames-71 {
  from {
    -webkit-transform: translate3d(57vw, 108vh, 0);
            transform: translate3d(57vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -118vh, 0);
            transform: translate3d(9vw, -118vh, 0);
  }
}
@keyframes move-frames-71 {
  from {
    -webkit-transform: translate3d(57vw, 108vh, 0);
            transform: translate3d(57vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -118vh, 0);
            transform: translate3d(9vw, -118vh, 0);
  }
}
.circle-container:nth-child(71) .circle {
  -webkit-animation-delay: 3638ms;
          animation-delay: 3638ms;
}
.circle-container:nth-child(72) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-72;
          animation-name: move-frames-72;
  -webkit-animation-duration: 35321ms;
          animation-duration: 35321ms;
  -webkit-animation-delay: 32919ms;
          animation-delay: 32919ms;
}
@-webkit-keyframes move-frames-72 {
  from {
    -webkit-transform: translate3d(5vw, 110vh, 0);
            transform: translate3d(5vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(78vw, -132vh, 0);
            transform: translate3d(78vw, -132vh, 0);
  }
}
@keyframes move-frames-72 {
  from {
    -webkit-transform: translate3d(5vw, 110vh, 0);
            transform: translate3d(5vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(78vw, -132vh, 0);
            transform: translate3d(78vw, -132vh, 0);
  }
}
.circle-container:nth-child(72) .circle {
  -webkit-animation-delay: 1916ms;
          animation-delay: 1916ms;
}
.circle-container:nth-child(73) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-73;
          animation-name: move-frames-73;
  -webkit-animation-duration: 31958ms;
          animation-duration: 31958ms;
  -webkit-animation-delay: 15155ms;
          animation-delay: 15155ms;
}
@-webkit-keyframes move-frames-73 {
  from {
    -webkit-transform: translate3d(15vw, 101vh, 0);
            transform: translate3d(15vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(93vw, -110vh, 0);
            transform: translate3d(93vw, -110vh, 0);
  }
}
@keyframes move-frames-73 {
  from {
    -webkit-transform: translate3d(15vw, 101vh, 0);
            transform: translate3d(15vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(93vw, -110vh, 0);
            transform: translate3d(93vw, -110vh, 0);
  }
}
.circle-container:nth-child(73) .circle {
  -webkit-animation-delay: 1043ms;
          animation-delay: 1043ms;
}
.circle-container:nth-child(74) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-74;
          animation-name: move-frames-74;
  -webkit-animation-duration: 32634ms;
          animation-duration: 32634ms;
  -webkit-animation-delay: 17094ms;
          animation-delay: 17094ms;
}
@-webkit-keyframes move-frames-74 {
  from {
    -webkit-transform: translate3d(23vw, 107vh, 0);
            transform: translate3d(23vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -117vh, 0);
            transform: translate3d(9vw, -117vh, 0);
  }
}
@keyframes move-frames-74 {
  from {
    -webkit-transform: translate3d(23vw, 107vh, 0);
            transform: translate3d(23vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -117vh, 0);
            transform: translate3d(9vw, -117vh, 0);
  }
}
.circle-container:nth-child(74) .circle {
  -webkit-animation-delay: 2578ms;
          animation-delay: 2578ms;
}
.circle-container:nth-child(75) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-75;
          animation-name: move-frames-75;
  -webkit-animation-duration: 36342ms;
          animation-duration: 36342ms;
  -webkit-animation-delay: 12666ms;
          animation-delay: 12666ms;
}
@-webkit-keyframes move-frames-75 {
  from {
    -webkit-transform: translate3d(16vw, 101vh, 0);
            transform: translate3d(16vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(47vw, -127vh, 0);
            transform: translate3d(47vw, -127vh, 0);
  }
}
@keyframes move-frames-75 {
  from {
    -webkit-transform: translate3d(16vw, 101vh, 0);
            transform: translate3d(16vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(47vw, -127vh, 0);
            transform: translate3d(47vw, -127vh, 0);
  }
}
.circle-container:nth-child(75) .circle {
  -webkit-animation-delay: 2ms;
          animation-delay: 2ms;
}
.circle-container:nth-child(76) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-76;
          animation-name: move-frames-76;
  -webkit-animation-duration: 34738ms;
          animation-duration: 34738ms;
  -webkit-animation-delay: 24455ms;
          animation-delay: 24455ms;
}
@-webkit-keyframes move-frames-76 {
  from {
    -webkit-transform: translate3d(41vw, 108vh, 0);
            transform: translate3d(41vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -111vh, 0);
            transform: translate3d(31vw, -111vh, 0);
  }
}
@keyframes move-frames-76 {
  from {
    -webkit-transform: translate3d(41vw, 108vh, 0);
            transform: translate3d(41vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -111vh, 0);
            transform: translate3d(31vw, -111vh, 0);
  }
}
.circle-container:nth-child(76) .circle {
  -webkit-animation-delay: 3520ms;
          animation-delay: 3520ms;
}
.circle-container:nth-child(77) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-77;
          animation-name: move-frames-77;
  -webkit-animation-duration: 34594ms;
          animation-duration: 34594ms;
  -webkit-animation-delay: 34131ms;
          animation-delay: 34131ms;
}
@-webkit-keyframes move-frames-77 {
  from {
    -webkit-transform: translate3d(93vw, 105vh, 0);
            transform: translate3d(93vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(51vw, -108vh, 0);
            transform: translate3d(51vw, -108vh, 0);
  }
}
@keyframes move-frames-77 {
  from {
    -webkit-transform: translate3d(93vw, 105vh, 0);
            transform: translate3d(93vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(51vw, -108vh, 0);
            transform: translate3d(51vw, -108vh, 0);
  }
}
.circle-container:nth-child(77) .circle {
  -webkit-animation-delay: 3096ms;
          animation-delay: 3096ms;
}
.circle-container:nth-child(78) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-78;
          animation-name: move-frames-78;
  -webkit-animation-duration: 30146ms;
          animation-duration: 30146ms;
  -webkit-animation-delay: 13761ms;
          animation-delay: 13761ms;
}
@-webkit-keyframes move-frames-78 {
  from {
    -webkit-transform: translate3d(83vw, 109vh, 0);
            transform: translate3d(83vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -138vh, 0);
            transform: translate3d(1vw, -138vh, 0);
  }
}
@keyframes move-frames-78 {
  from {
    -webkit-transform: translate3d(83vw, 109vh, 0);
            transform: translate3d(83vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -138vh, 0);
            transform: translate3d(1vw, -138vh, 0);
  }
}
.circle-container:nth-child(78) .circle {
  -webkit-animation-delay: 3055ms;
          animation-delay: 3055ms;
}
.circle-container:nth-child(79) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-79;
          animation-name: move-frames-79;
  -webkit-animation-duration: 33408ms;
          animation-duration: 33408ms;
  -webkit-animation-delay: 9320ms;
          animation-delay: 9320ms;
}
@-webkit-keyframes move-frames-79 {
  from {
    -webkit-transform: translate3d(50vw, 104vh, 0);
            transform: translate3d(50vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -130vh, 0);
            transform: translate3d(33vw, -130vh, 0);
  }
}
@keyframes move-frames-79 {
  from {
    -webkit-transform: translate3d(50vw, 104vh, 0);
            transform: translate3d(50vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -130vh, 0);
            transform: translate3d(33vw, -130vh, 0);
  }
}
.circle-container:nth-child(79) .circle {
  -webkit-animation-delay: 1103ms;
          animation-delay: 1103ms;
}
.circle-container:nth-child(80) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-80;
          animation-name: move-frames-80;
  -webkit-animation-duration: 28431ms;
          animation-duration: 28431ms;
  -webkit-animation-delay: 25077ms;
          animation-delay: 25077ms;
}
@-webkit-keyframes move-frames-80 {
  from {
    -webkit-transform: translate3d(65vw, 104vh, 0);
            transform: translate3d(65vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}
@keyframes move-frames-80 {
  from {
    -webkit-transform: translate3d(65vw, 104vh, 0);
            transform: translate3d(65vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}
.circle-container:nth-child(80) .circle {
  -webkit-animation-delay: 2807ms;
          animation-delay: 2807ms;
}
.circle-container:nth-child(81) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-81;
          animation-name: move-frames-81;
  -webkit-animation-duration: 32897ms;
          animation-duration: 32897ms;
  -webkit-animation-delay: 21271ms;
          animation-delay: 21271ms;
}
@-webkit-keyframes move-frames-81 {
  from {
    -webkit-transform: translate3d(80vw, 101vh, 0);
            transform: translate3d(80vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -108vh, 0);
            transform: translate3d(97vw, -108vh, 0);
  }
}
@keyframes move-frames-81 {
  from {
    -webkit-transform: translate3d(80vw, 101vh, 0);
            transform: translate3d(80vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -108vh, 0);
            transform: translate3d(97vw, -108vh, 0);
  }
}
.circle-container:nth-child(81) .circle {
  -webkit-animation-delay: 2476ms;
          animation-delay: 2476ms;
}
.circle-container:nth-child(82) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-82;
          animation-name: move-frames-82;
  -webkit-animation-duration: 31154ms;
          animation-duration: 31154ms;
  -webkit-animation-delay: 24609ms;
          animation-delay: 24609ms;
}
@-webkit-keyframes move-frames-82 {
  from {
    -webkit-transform: translate3d(91vw, 105vh, 0);
            transform: translate3d(91vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -135vh, 0);
            transform: translate3d(26vw, -135vh, 0);
  }
}
@keyframes move-frames-82 {
  from {
    -webkit-transform: translate3d(91vw, 105vh, 0);
            transform: translate3d(91vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -135vh, 0);
            transform: translate3d(26vw, -135vh, 0);
  }
}
.circle-container:nth-child(82) .circle {
  -webkit-animation-delay: 1303ms;
          animation-delay: 1303ms;
}
.circle-container:nth-child(83) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-83;
          animation-name: move-frames-83;
  -webkit-animation-duration: 33678ms;
          animation-duration: 33678ms;
  -webkit-animation-delay: 28124ms;
          animation-delay: 28124ms;
}
@-webkit-keyframes move-frames-83 {
  from {
    -webkit-transform: translate3d(58vw, 101vh, 0);
            transform: translate3d(58vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -110vh, 0);
            transform: translate3d(53vw, -110vh, 0);
  }
}
@keyframes move-frames-83 {
  from {
    -webkit-transform: translate3d(58vw, 101vh, 0);
            transform: translate3d(58vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -110vh, 0);
            transform: translate3d(53vw, -110vh, 0);
  }
}
.circle-container:nth-child(83) .circle {
  -webkit-animation-delay: 2756ms;
          animation-delay: 2756ms;
}
.circle-container:nth-child(84) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-84;
          animation-name: move-frames-84;
  -webkit-animation-duration: 28670ms;
          animation-duration: 28670ms;
  -webkit-animation-delay: 31136ms;
          animation-delay: 31136ms;
}
@-webkit-keyframes move-frames-84 {
  from {
    -webkit-transform: translate3d(5vw, 107vh, 0);
            transform: translate3d(5vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -109vh, 0);
            transform: translate3d(22vw, -109vh, 0);
  }
}
@keyframes move-frames-84 {
  from {
    -webkit-transform: translate3d(5vw, 107vh, 0);
            transform: translate3d(5vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -109vh, 0);
            transform: translate3d(22vw, -109vh, 0);
  }
}
.circle-container:nth-child(84) .circle {
  -webkit-animation-delay: 137ms;
          animation-delay: 137ms;
}
.circle-container:nth-child(85) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-85;
          animation-name: move-frames-85;
  -webkit-animation-duration: 31856ms;
          animation-duration: 31856ms;
  -webkit-animation-delay: 14358ms;
          animation-delay: 14358ms;
}
@-webkit-keyframes move-frames-85 {
  from {
    -webkit-transform: translate3d(96vw, 101vh, 0);
            transform: translate3d(96vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -124vh, 0);
            transform: translate3d(76vw, -124vh, 0);
  }
}
@keyframes move-frames-85 {
  from {
    -webkit-transform: translate3d(96vw, 101vh, 0);
            transform: translate3d(96vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -124vh, 0);
            transform: translate3d(76vw, -124vh, 0);
  }
}
.circle-container:nth-child(85) .circle {
  -webkit-animation-delay: 3660ms;
          animation-delay: 3660ms;
}
.circle-container:nth-child(86) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-86;
          animation-name: move-frames-86;
  -webkit-animation-duration: 28054ms;
          animation-duration: 28054ms;
  -webkit-animation-delay: 3570ms;
          animation-delay: 3570ms;
}
@-webkit-keyframes move-frames-86 {
  from {
    -webkit-transform: translate3d(6vw, 110vh, 0);
            transform: translate3d(6vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(39vw, -115vh, 0);
            transform: translate3d(39vw, -115vh, 0);
  }
}
@keyframes move-frames-86 {
  from {
    -webkit-transform: translate3d(6vw, 110vh, 0);
            transform: translate3d(6vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(39vw, -115vh, 0);
            transform: translate3d(39vw, -115vh, 0);
  }
}
.circle-container:nth-child(86) .circle {
  -webkit-animation-delay: 2610ms;
          animation-delay: 2610ms;
}
.circle-container:nth-child(87) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-87;
          animation-name: move-frames-87;
  -webkit-animation-duration: 28147ms;
          animation-duration: 28147ms;
  -webkit-animation-delay: 17081ms;
          animation-delay: 17081ms;
}
@-webkit-keyframes move-frames-87 {
  from {
    -webkit-transform: translate3d(15vw, 107vh, 0);
            transform: translate3d(15vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(5vw, -112vh, 0);
            transform: translate3d(5vw, -112vh, 0);
  }
}
@keyframes move-frames-87 {
  from {
    -webkit-transform: translate3d(15vw, 107vh, 0);
            transform: translate3d(15vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(5vw, -112vh, 0);
            transform: translate3d(5vw, -112vh, 0);
  }
}
.circle-container:nth-child(87) .circle {
  -webkit-animation-delay: 2263ms;
          animation-delay: 2263ms;
}
.circle-container:nth-child(88) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-88;
          animation-name: move-frames-88;
  -webkit-animation-duration: 35872ms;
          animation-duration: 35872ms;
  -webkit-animation-delay: 10623ms;
          animation-delay: 10623ms;
}
@-webkit-keyframes move-frames-88 {
  from {
    -webkit-transform: translate3d(91vw, 103vh, 0);
            transform: translate3d(91vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(50vw, -130vh, 0);
            transform: translate3d(50vw, -130vh, 0);
  }
}
@keyframes move-frames-88 {
  from {
    -webkit-transform: translate3d(91vw, 103vh, 0);
            transform: translate3d(91vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(50vw, -130vh, 0);
            transform: translate3d(50vw, -130vh, 0);
  }
}
.circle-container:nth-child(88) .circle {
  -webkit-animation-delay: 3839ms;
          animation-delay: 3839ms;
}
.circle-container:nth-child(89) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-89;
          animation-name: move-frames-89;
  -webkit-animation-duration: 34377ms;
          animation-duration: 34377ms;
  -webkit-animation-delay: 18636ms;
          animation-delay: 18636ms;
}
@-webkit-keyframes move-frames-89 {
  from {
    -webkit-transform: translate3d(30vw, 110vh, 0);
            transform: translate3d(30vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -123vh, 0);
            transform: translate3d(86vw, -123vh, 0);
  }
}
@keyframes move-frames-89 {
  from {
    -webkit-transform: translate3d(30vw, 110vh, 0);
            transform: translate3d(30vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -123vh, 0);
            transform: translate3d(86vw, -123vh, 0);
  }
}
.circle-container:nth-child(89) .circle {
  -webkit-animation-delay: 3763ms;
          animation-delay: 3763ms;
}
.circle-container:nth-child(90) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-90;
          animation-name: move-frames-90;
  -webkit-animation-duration: 28601ms;
          animation-duration: 28601ms;
  -webkit-animation-delay: 5222ms;
          animation-delay: 5222ms;
}
@-webkit-keyframes move-frames-90 {
  from {
    -webkit-transform: translate3d(31vw, 110vh, 0);
            transform: translate3d(31vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -118vh, 0);
            transform: translate3d(97vw, -118vh, 0);
  }
}
@keyframes move-frames-90 {
  from {
    -webkit-transform: translate3d(31vw, 110vh, 0);
            transform: translate3d(31vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -118vh, 0);
            transform: translate3d(97vw, -118vh, 0);
  }
}
.circle-container:nth-child(90) .circle {
  -webkit-animation-delay: 737ms;
          animation-delay: 737ms;
}
.circle-container:nth-child(91) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-91;
          animation-name: move-frames-91;
  -webkit-animation-duration: 33382ms;
          animation-duration: 33382ms;
  -webkit-animation-delay: 3209ms;
          animation-delay: 3209ms;
}
@-webkit-keyframes move-frames-91 {
  from {
    -webkit-transform: translate3d(39vw, 108vh, 0);
            transform: translate3d(39vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(80vw, -116vh, 0);
            transform: translate3d(80vw, -116vh, 0);
  }
}
@keyframes move-frames-91 {
  from {
    -webkit-transform: translate3d(39vw, 108vh, 0);
            transform: translate3d(39vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(80vw, -116vh, 0);
            transform: translate3d(80vw, -116vh, 0);
  }
}
.circle-container:nth-child(91) .circle {
  -webkit-animation-delay: 3733ms;
          animation-delay: 3733ms;
}
.circle-container:nth-child(92) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-92;
          animation-name: move-frames-92;
  -webkit-animation-duration: 32697ms;
          animation-duration: 32697ms;
  -webkit-animation-delay: 22251ms;
          animation-delay: 22251ms;
}
@-webkit-keyframes move-frames-92 {
  from {
    -webkit-transform: translate3d(81vw, 107vh, 0);
            transform: translate3d(81vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -109vh, 0);
            transform: translate3d(20vw, -109vh, 0);
  }
}
@keyframes move-frames-92 {
  from {
    -webkit-transform: translate3d(81vw, 107vh, 0);
            transform: translate3d(81vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -109vh, 0);
            transform: translate3d(20vw, -109vh, 0);
  }
}
.circle-container:nth-child(92) .circle {
  -webkit-animation-delay: 523ms;
          animation-delay: 523ms;
}
.circle-container:nth-child(93) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-93;
          animation-name: move-frames-93;
  -webkit-animation-duration: 36583ms;
          animation-duration: 36583ms;
  -webkit-animation-delay: 18234ms;
          animation-delay: 18234ms;
}
@-webkit-keyframes move-frames-93 {
  from {
    -webkit-transform: translate3d(99vw, 102vh, 0);
            transform: translate3d(99vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -117vh, 0);
            transform: translate3d(72vw, -117vh, 0);
  }
}
@keyframes move-frames-93 {
  from {
    -webkit-transform: translate3d(99vw, 102vh, 0);
            transform: translate3d(99vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -117vh, 0);
            transform: translate3d(72vw, -117vh, 0);
  }
}
.circle-container:nth-child(93) .circle {
  -webkit-animation-delay: 1302ms;
          animation-delay: 1302ms;
}
.circle-container:nth-child(94) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-94;
          animation-name: move-frames-94;
  -webkit-animation-duration: 29754ms;
          animation-duration: 29754ms;
  -webkit-animation-delay: 17709ms;
          animation-delay: 17709ms;
}
@-webkit-keyframes move-frames-94 {
  from {
    -webkit-transform: translate3d(1vw, 110vh, 0);
            transform: translate3d(1vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -111vh, 0);
            transform: translate3d(99vw, -111vh, 0);
  }
}
@keyframes move-frames-94 {
  from {
    -webkit-transform: translate3d(1vw, 110vh, 0);
            transform: translate3d(1vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -111vh, 0);
            transform: translate3d(99vw, -111vh, 0);
  }
}
.circle-container:nth-child(94) .circle {
  -webkit-animation-delay: 2482ms;
          animation-delay: 2482ms;
}
.circle-container:nth-child(95) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-95;
          animation-name: move-frames-95;
  -webkit-animation-duration: 30232ms;
          animation-duration: 30232ms;
  -webkit-animation-delay: 12386ms;
          animation-delay: 12386ms;
}
@-webkit-keyframes move-frames-95 {
  from {
    -webkit-transform: translate3d(35vw, 110vh, 0);
            transform: translate3d(35vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -126vh, 0);
            transform: translate3d(9vw, -126vh, 0);
  }
}
@keyframes move-frames-95 {
  from {
    -webkit-transform: translate3d(35vw, 110vh, 0);
            transform: translate3d(35vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -126vh, 0);
            transform: translate3d(9vw, -126vh, 0);
  }
}
.circle-container:nth-child(95) .circle {
  -webkit-animation-delay: 1475ms;
          animation-delay: 1475ms;
}
.circle-container:nth-child(96) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-96;
          animation-name: move-frames-96;
  -webkit-animation-duration: 32236ms;
          animation-duration: 32236ms;
  -webkit-animation-delay: 9448ms;
          animation-delay: 9448ms;
}
@-webkit-keyframes move-frames-96 {
  from {
    -webkit-transform: translate3d(27vw, 105vh, 0);
            transform: translate3d(27vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(74vw, -126vh, 0);
            transform: translate3d(74vw, -126vh, 0);
  }
}
@keyframes move-frames-96 {
  from {
    -webkit-transform: translate3d(27vw, 105vh, 0);
            transform: translate3d(27vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(74vw, -126vh, 0);
            transform: translate3d(74vw, -126vh, 0);
  }
}
.circle-container:nth-child(96) .circle {
  -webkit-animation-delay: 2213ms;
          animation-delay: 2213ms;
}
.circle-container:nth-child(97) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-97;
          animation-name: move-frames-97;
  -webkit-animation-duration: 31795ms;
          animation-duration: 31795ms;
  -webkit-animation-delay: 5077ms;
          animation-delay: 5077ms;
}
@-webkit-keyframes move-frames-97 {
  from {
    -webkit-transform: translate3d(10vw, 105vh, 0);
            transform: translate3d(10vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -117vh, 0);
            transform: translate3d(52vw, -117vh, 0);
  }
}
@keyframes move-frames-97 {
  from {
    -webkit-transform: translate3d(10vw, 105vh, 0);
            transform: translate3d(10vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -117vh, 0);
            transform: translate3d(52vw, -117vh, 0);
  }
}
.circle-container:nth-child(97) .circle {
  -webkit-animation-delay: 544ms;
          animation-delay: 544ms;
}
.circle-container:nth-child(98) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-98;
          animation-name: move-frames-98;
  -webkit-animation-duration: 29501ms;
          animation-duration: 29501ms;
  -webkit-animation-delay: 6562ms;
          animation-delay: 6562ms;
}
@-webkit-keyframes move-frames-98 {
  from {
    -webkit-transform: translate3d(1vw, 103vh, 0);
            transform: translate3d(1vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -126vh, 0);
            transform: translate3d(3vw, -126vh, 0);
  }
}
@keyframes move-frames-98 {
  from {
    -webkit-transform: translate3d(1vw, 103vh, 0);
            transform: translate3d(1vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -126vh, 0);
            transform: translate3d(3vw, -126vh, 0);
  }
}
.circle-container:nth-child(98) .circle {
  -webkit-animation-delay: 3198ms;
          animation-delay: 3198ms;
}
.circle-container:nth-child(99) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-99;
          animation-name: move-frames-99;
  -webkit-animation-duration: 28821ms;
          animation-duration: 28821ms;
  -webkit-animation-delay: 1282ms;
          animation-delay: 1282ms;
}
@-webkit-keyframes move-frames-99 {
  from {
    -webkit-transform: translate3d(69vw, 104vh, 0);
            transform: translate3d(69vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -107vh, 0);
            transform: translate3d(9vw, -107vh, 0);
  }
}
@keyframes move-frames-99 {
  from {
    -webkit-transform: translate3d(69vw, 104vh, 0);
            transform: translate3d(69vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -107vh, 0);
            transform: translate3d(9vw, -107vh, 0);
  }
}
.circle-container:nth-child(99) .circle {
  -webkit-animation-delay: 3939ms;
          animation-delay: 3939ms;
}
.circle-container:nth-child(100) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-100;
          animation-name: move-frames-100;
  -webkit-animation-duration: 31502ms;
          animation-duration: 31502ms;
  -webkit-animation-delay: 30888ms;
          animation-delay: 30888ms;
}
@-webkit-keyframes move-frames-100 {
  from {
    -webkit-transform: translate3d(59vw, 108vh, 0);
            transform: translate3d(59vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -114vh, 0);
            transform: translate3d(58vw, -114vh, 0);
  }
}
@keyframes move-frames-100 {
  from {
    -webkit-transform: translate3d(59vw, 108vh, 0);
            transform: translate3d(59vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -114vh, 0);
            transform: translate3d(58vw, -114vh, 0);
  }
}
.circle-container:nth-child(100) .circle {
  -webkit-animation-delay: 3888ms;
          animation-delay: 3888ms;
}
.circle-container:nth-child(101) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-101;
          animation-name: move-frames-101;
  -webkit-animation-duration: 33830ms;
          animation-duration: 33830ms;
  -webkit-animation-delay: 24381ms;
          animation-delay: 24381ms;
}
@-webkit-keyframes move-frames-101 {
  from {
    -webkit-transform: translate3d(38vw, 108vh, 0);
            transform: translate3d(38vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -134vh, 0);
            transform: translate3d(36vw, -134vh, 0);
  }
}
@keyframes move-frames-101 {
  from {
    -webkit-transform: translate3d(38vw, 108vh, 0);
            transform: translate3d(38vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -134vh, 0);
            transform: translate3d(36vw, -134vh, 0);
  }
}
.circle-container:nth-child(101) .circle {
  -webkit-animation-delay: 3492ms;
          animation-delay: 3492ms;
}
.circle-container:nth-child(102) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-102;
          animation-name: move-frames-102;
  -webkit-animation-duration: 30713ms;
          animation-duration: 30713ms;
  -webkit-animation-delay: 34375ms;
          animation-delay: 34375ms;
}
@-webkit-keyframes move-frames-102 {
  from {
    -webkit-transform: translate3d(46vw, 110vh, 0);
            transform: translate3d(46vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -134vh, 0);
            transform: translate3d(54vw, -134vh, 0);
  }
}
@keyframes move-frames-102 {
  from {
    -webkit-transform: translate3d(46vw, 110vh, 0);
            transform: translate3d(46vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -134vh, 0);
            transform: translate3d(54vw, -134vh, 0);
  }
}
.circle-container:nth-child(102) .circle {
  -webkit-animation-delay: 241ms;
          animation-delay: 241ms;
}
.circle-container:nth-child(103) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-103;
          animation-name: move-frames-103;
  -webkit-animation-duration: 29242ms;
          animation-duration: 29242ms;
  -webkit-animation-delay: 14008ms;
          animation-delay: 14008ms;
}
@-webkit-keyframes move-frames-103 {
  from {
    -webkit-transform: translate3d(33vw, 110vh, 0);
            transform: translate3d(33vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(47vw, -129vh, 0);
            transform: translate3d(47vw, -129vh, 0);
  }
}
@keyframes move-frames-103 {
  from {
    -webkit-transform: translate3d(33vw, 110vh, 0);
            transform: translate3d(33vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(47vw, -129vh, 0);
            transform: translate3d(47vw, -129vh, 0);
  }
}
.circle-container:nth-child(103) .circle {
  -webkit-animation-delay: 458ms;
          animation-delay: 458ms;
}
.circle-container:nth-child(104) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-104;
          animation-name: move-frames-104;
  -webkit-animation-duration: 34184ms;
          animation-duration: 34184ms;
  -webkit-animation-delay: 523ms;
          animation-delay: 523ms;
}
@-webkit-keyframes move-frames-104 {
  from {
    -webkit-transform: translate3d(71vw, 104vh, 0);
            transform: translate3d(71vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -110vh, 0);
            transform: translate3d(76vw, -110vh, 0);
  }
}
@keyframes move-frames-104 {
  from {
    -webkit-transform: translate3d(71vw, 104vh, 0);
            transform: translate3d(71vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -110vh, 0);
            transform: translate3d(76vw, -110vh, 0);
  }
}
.circle-container:nth-child(104) .circle {
  -webkit-animation-delay: 3435ms;
          animation-delay: 3435ms;
}
.circle-container:nth-child(105) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-105;
          animation-name: move-frames-105;
  -webkit-animation-duration: 34185ms;
          animation-duration: 34185ms;
  -webkit-animation-delay: 13654ms;
          animation-delay: 13654ms;
}
@-webkit-keyframes move-frames-105 {
  from {
    -webkit-transform: translate3d(24vw, 105vh, 0);
            transform: translate3d(24vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -131vh, 0);
            transform: translate3d(71vw, -131vh, 0);
  }
}
@keyframes move-frames-105 {
  from {
    -webkit-transform: translate3d(24vw, 105vh, 0);
            transform: translate3d(24vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -131vh, 0);
            transform: translate3d(71vw, -131vh, 0);
  }
}
.circle-container:nth-child(105) .circle {
  -webkit-animation-delay: 3467ms;
          animation-delay: 3467ms;
}
.circle-container:nth-child(106) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-106;
          animation-name: move-frames-106;
  -webkit-animation-duration: 29278ms;
          animation-duration: 29278ms;
  -webkit-animation-delay: 7294ms;
          animation-delay: 7294ms;
}
@-webkit-keyframes move-frames-106 {
  from {
    -webkit-transform: translate3d(39vw, 108vh, 0);
            transform: translate3d(39vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(92vw, -127vh, 0);
            transform: translate3d(92vw, -127vh, 0);
  }
}
@keyframes move-frames-106 {
  from {
    -webkit-transform: translate3d(39vw, 108vh, 0);
            transform: translate3d(39vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(92vw, -127vh, 0);
            transform: translate3d(92vw, -127vh, 0);
  }
}
.circle-container:nth-child(106) .circle {
  -webkit-animation-delay: 2384ms;
          animation-delay: 2384ms;
}
.circle-container:nth-child(107) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-107;
          animation-name: move-frames-107;
  -webkit-animation-duration: 31670ms;
          animation-duration: 31670ms;
  -webkit-animation-delay: 27615ms;
          animation-delay: 27615ms;
}
@-webkit-keyframes move-frames-107 {
  from {
    -webkit-transform: translate3d(93vw, 110vh, 0);
            transform: translate3d(93vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -135vh, 0);
            transform: translate3d(3vw, -135vh, 0);
  }
}
@keyframes move-frames-107 {
  from {
    -webkit-transform: translate3d(93vw, 110vh, 0);
            transform: translate3d(93vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -135vh, 0);
            transform: translate3d(3vw, -135vh, 0);
  }
}
.circle-container:nth-child(107) .circle {
  -webkit-animation-delay: 596ms;
          animation-delay: 596ms;
}
.circle-container:nth-child(108) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-108;
          animation-name: move-frames-108;
  -webkit-animation-duration: 34129ms;
          animation-duration: 34129ms;
  -webkit-animation-delay: 7145ms;
          animation-delay: 7145ms;
}
@-webkit-keyframes move-frames-108 {
  from {
    -webkit-transform: translate3d(100vw, 103vh, 0);
            transform: translate3d(100vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -109vh, 0);
            transform: translate3d(30vw, -109vh, 0);
  }
}
@keyframes move-frames-108 {
  from {
    -webkit-transform: translate3d(100vw, 103vh, 0);
            transform: translate3d(100vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -109vh, 0);
            transform: translate3d(30vw, -109vh, 0);
  }
}
.circle-container:nth-child(108) .circle {
  -webkit-animation-delay: 2966ms;
          animation-delay: 2966ms;
}
.circle-container:nth-child(109) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-109;
          animation-name: move-frames-109;
  -webkit-animation-duration: 31486ms;
          animation-duration: 31486ms;
  -webkit-animation-delay: 2023ms;
          animation-delay: 2023ms;
}
@-webkit-keyframes move-frames-109 {
  from {
    -webkit-transform: translate3d(3vw, 102vh, 0);
            transform: translate3d(3vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -112vh, 0);
            transform: translate3d(98vw, -112vh, 0);
  }
}
@keyframes move-frames-109 {
  from {
    -webkit-transform: translate3d(3vw, 102vh, 0);
            transform: translate3d(3vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -112vh, 0);
            transform: translate3d(98vw, -112vh, 0);
  }
}
.circle-container:nth-child(109) .circle {
  -webkit-animation-delay: 873ms;
          animation-delay: 873ms;
}
.circle-container:nth-child(110) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-110;
          animation-name: move-frames-110;
  -webkit-animation-duration: 33941ms;
          animation-duration: 33941ms;
  -webkit-animation-delay: 9528ms;
          animation-delay: 9528ms;
}
@-webkit-keyframes move-frames-110 {
  from {
    -webkit-transform: translate3d(67vw, 107vh, 0);
            transform: translate3d(67vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -130vh, 0);
            transform: translate3d(98vw, -130vh, 0);
  }
}
@keyframes move-frames-110 {
  from {
    -webkit-transform: translate3d(67vw, 107vh, 0);
            transform: translate3d(67vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -130vh, 0);
            transform: translate3d(98vw, -130vh, 0);
  }
}
.circle-container:nth-child(110) .circle {
  -webkit-animation-delay: 1151ms;
          animation-delay: 1151ms;
}
.circle-container:nth-child(111) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-111;
          animation-name: move-frames-111;
  -webkit-animation-duration: 28667ms;
          animation-duration: 28667ms;
  -webkit-animation-delay: 26248ms;
          animation-delay: 26248ms;
}
@-webkit-keyframes move-frames-111 {
  from {
    -webkit-transform: translate3d(86vw, 102vh, 0);
            transform: translate3d(86vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -111vh, 0);
            transform: translate3d(16vw, -111vh, 0);
  }
}
@keyframes move-frames-111 {
  from {
    -webkit-transform: translate3d(86vw, 102vh, 0);
            transform: translate3d(86vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -111vh, 0);
            transform: translate3d(16vw, -111vh, 0);
  }
}
.circle-container:nth-child(111) .circle {
  -webkit-animation-delay: 1098ms;
          animation-delay: 1098ms;
}
.circle-container:nth-child(112) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-112;
          animation-name: move-frames-112;
  -webkit-animation-duration: 31558ms;
          animation-duration: 31558ms;
  -webkit-animation-delay: 34022ms;
          animation-delay: 34022ms;
}
@-webkit-keyframes move-frames-112 {
  from {
    -webkit-transform: translate3d(52vw, 103vh, 0);
            transform: translate3d(52vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(66vw, -111vh, 0);
            transform: translate3d(66vw, -111vh, 0);
  }
}
@keyframes move-frames-112 {
  from {
    -webkit-transform: translate3d(52vw, 103vh, 0);
            transform: translate3d(52vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(66vw, -111vh, 0);
            transform: translate3d(66vw, -111vh, 0);
  }
}
.circle-container:nth-child(112) .circle {
  -webkit-animation-delay: 2067ms;
          animation-delay: 2067ms;
}
.circle-container:nth-child(113) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-113;
          animation-name: move-frames-113;
  -webkit-animation-duration: 32550ms;
          animation-duration: 32550ms;
  -webkit-animation-delay: 18758ms;
          animation-delay: 18758ms;
}
@-webkit-keyframes move-frames-113 {
  from {
    -webkit-transform: translate3d(70vw, 107vh, 0);
            transform: translate3d(70vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -117vh, 0);
            transform: translate3d(44vw, -117vh, 0);
  }
}
@keyframes move-frames-113 {
  from {
    -webkit-transform: translate3d(70vw, 107vh, 0);
            transform: translate3d(70vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -117vh, 0);
            transform: translate3d(44vw, -117vh, 0);
  }
}
.circle-container:nth-child(113) .circle {
  -webkit-animation-delay: 2626ms;
          animation-delay: 2626ms;
}
.circle-container:nth-child(114) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-114;
          animation-name: move-frames-114;
  -webkit-animation-duration: 36291ms;
          animation-duration: 36291ms;
  -webkit-animation-delay: 26557ms;
          animation-delay: 26557ms;
}
@-webkit-keyframes move-frames-114 {
  from {
    -webkit-transform: translate3d(22vw, 109vh, 0);
            transform: translate3d(22vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -136vh, 0);
            transform: translate3d(41vw, -136vh, 0);
  }
}
@keyframes move-frames-114 {
  from {
    -webkit-transform: translate3d(22vw, 109vh, 0);
            transform: translate3d(22vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -136vh, 0);
            transform: translate3d(41vw, -136vh, 0);
  }
}
.circle-container:nth-child(114) .circle {
  -webkit-animation-delay: 2817ms;
          animation-delay: 2817ms;
}
.circle-container:nth-child(115) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-115;
          animation-name: move-frames-115;
  -webkit-animation-duration: 35876ms;
          animation-duration: 35876ms;
  -webkit-animation-delay: 31405ms;
          animation-delay: 31405ms;
}
@-webkit-keyframes move-frames-115 {
  from {
    -webkit-transform: translate3d(59vw, 108vh, 0);
            transform: translate3d(59vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -120vh, 0);
            transform: translate3d(49vw, -120vh, 0);
  }
}
@keyframes move-frames-115 {
  from {
    -webkit-transform: translate3d(59vw, 108vh, 0);
            transform: translate3d(59vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -120vh, 0);
            transform: translate3d(49vw, -120vh, 0);
  }
}
.circle-container:nth-child(115) .circle {
  -webkit-animation-delay: 198ms;
          animation-delay: 198ms;
}
.circle-container:nth-child(116) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-116;
          animation-name: move-frames-116;
  -webkit-animation-duration: 32318ms;
          animation-duration: 32318ms;
  -webkit-animation-delay: 10107ms;
          animation-delay: 10107ms;
}
@-webkit-keyframes move-frames-116 {
  from {
    -webkit-transform: translate3d(96vw, 105vh, 0);
            transform: translate3d(96vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -130vh, 0);
            transform: translate3d(83vw, -130vh, 0);
  }
}
@keyframes move-frames-116 {
  from {
    -webkit-transform: translate3d(96vw, 105vh, 0);
            transform: translate3d(96vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -130vh, 0);
            transform: translate3d(83vw, -130vh, 0);
  }
}
.circle-container:nth-child(116) .circle {
  -webkit-animation-delay: 2325ms;
          animation-delay: 2325ms;
}
.circle-container:nth-child(117) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-117;
          animation-name: move-frames-117;
  -webkit-animation-duration: 29724ms;
          animation-duration: 29724ms;
  -webkit-animation-delay: 36952ms;
          animation-delay: 36952ms;
}
@-webkit-keyframes move-frames-117 {
  from {
    -webkit-transform: translate3d(3vw, 107vh, 0);
            transform: translate3d(3vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -135vh, 0);
            transform: translate3d(83vw, -135vh, 0);
  }
}
@keyframes move-frames-117 {
  from {
    -webkit-transform: translate3d(3vw, 107vh, 0);
            transform: translate3d(3vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -135vh, 0);
            transform: translate3d(83vw, -135vh, 0);
  }
}
.circle-container:nth-child(117) .circle {
  -webkit-animation-delay: 2607ms;
          animation-delay: 2607ms;
}
.circle-container:nth-child(118) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-118;
          animation-name: move-frames-118;
  -webkit-animation-duration: 29820ms;
          animation-duration: 29820ms;
  -webkit-animation-delay: 30140ms;
          animation-delay: 30140ms;
}
@-webkit-keyframes move-frames-118 {
  from {
    -webkit-transform: translate3d(5vw, 105vh, 0);
            transform: translate3d(5vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -114vh, 0);
            transform: translate3d(19vw, -114vh, 0);
  }
}
@keyframes move-frames-118 {
  from {
    -webkit-transform: translate3d(5vw, 105vh, 0);
            transform: translate3d(5vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -114vh, 0);
            transform: translate3d(19vw, -114vh, 0);
  }
}
.circle-container:nth-child(118) .circle {
  -webkit-animation-delay: 284ms;
          animation-delay: 284ms;
}
.circle-container:nth-child(119) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-119;
          animation-name: move-frames-119;
  -webkit-animation-duration: 35114ms;
          animation-duration: 35114ms;
  -webkit-animation-delay: 15148ms;
          animation-delay: 15148ms;
}
@-webkit-keyframes move-frames-119 {
  from {
    -webkit-transform: translate3d(38vw, 110vh, 0);
            transform: translate3d(38vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -122vh, 0);
            transform: translate3d(97vw, -122vh, 0);
  }
}
@keyframes move-frames-119 {
  from {
    -webkit-transform: translate3d(38vw, 110vh, 0);
            transform: translate3d(38vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -122vh, 0);
            transform: translate3d(97vw, -122vh, 0);
  }
}
.circle-container:nth-child(119) .circle {
  -webkit-animation-delay: 2049ms;
          animation-delay: 2049ms;
}
.circle-container:nth-child(120) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-120;
          animation-name: move-frames-120;
  -webkit-animation-duration: 29174ms;
          animation-duration: 29174ms;
  -webkit-animation-delay: 33447ms;
          animation-delay: 33447ms;
}
@-webkit-keyframes move-frames-120 {
  from {
    -webkit-transform: translate3d(69vw, 106vh, 0);
            transform: translate3d(69vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -110vh, 0);
            transform: translate3d(72vw, -110vh, 0);
  }
}
@keyframes move-frames-120 {
  from {
    -webkit-transform: translate3d(69vw, 106vh, 0);
            transform: translate3d(69vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -110vh, 0);
            transform: translate3d(72vw, -110vh, 0);
  }
}
.circle-container:nth-child(120) .circle {
  -webkit-animation-delay: 1478ms;
          animation-delay: 1478ms;
}
.circle-container:nth-child(121) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-121;
          animation-name: move-frames-121;
  -webkit-animation-duration: 35556ms;
          animation-duration: 35556ms;
  -webkit-animation-delay: 31477ms;
          animation-delay: 31477ms;
}
@-webkit-keyframes move-frames-121 {
  from {
    -webkit-transform: translate3d(100vw, 105vh, 0);
            transform: translate3d(100vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(95vw, -109vh, 0);
            transform: translate3d(95vw, -109vh, 0);
  }
}
@keyframes move-frames-121 {
  from {
    -webkit-transform: translate3d(100vw, 105vh, 0);
            transform: translate3d(100vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(95vw, -109vh, 0);
            transform: translate3d(95vw, -109vh, 0);
  }
}
.circle-container:nth-child(121) .circle {
  -webkit-animation-delay: 141ms;
          animation-delay: 141ms;
}
.circle-container:nth-child(122) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-122;
          animation-name: move-frames-122;
  -webkit-animation-duration: 29974ms;
          animation-duration: 29974ms;
  -webkit-animation-delay: 676ms;
          animation-delay: 676ms;
}
@-webkit-keyframes move-frames-122 {
  from {
    -webkit-transform: translate3d(31vw, 103vh, 0);
            transform: translate3d(31vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -116vh, 0);
            transform: translate3d(57vw, -116vh, 0);
  }
}
@keyframes move-frames-122 {
  from {
    -webkit-transform: translate3d(31vw, 103vh, 0);
            transform: translate3d(31vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -116vh, 0);
            transform: translate3d(57vw, -116vh, 0);
  }
}
.circle-container:nth-child(122) .circle {
  -webkit-animation-delay: 3093ms;
          animation-delay: 3093ms;
}
.circle-container:nth-child(123) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-123;
          animation-name: move-frames-123;
  -webkit-animation-duration: 32456ms;
          animation-duration: 32456ms;
  -webkit-animation-delay: 35146ms;
          animation-delay: 35146ms;
}
@-webkit-keyframes move-frames-123 {
  from {
    -webkit-transform: translate3d(43vw, 103vh, 0);
            transform: translate3d(43vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -115vh, 0);
            transform: translate3d(86vw, -115vh, 0);
  }
}
@keyframes move-frames-123 {
  from {
    -webkit-transform: translate3d(43vw, 103vh, 0);
            transform: translate3d(43vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -115vh, 0);
            transform: translate3d(86vw, -115vh, 0);
  }
}
.circle-container:nth-child(123) .circle {
  -webkit-animation-delay: 3843ms;
          animation-delay: 3843ms;
}
.circle-container:nth-child(124) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-124;
          animation-name: move-frames-124;
  -webkit-animation-duration: 28891ms;
          animation-duration: 28891ms;
  -webkit-animation-delay: 31461ms;
          animation-delay: 31461ms;
}
@-webkit-keyframes move-frames-124 {
  from {
    -webkit-transform: translate3d(27vw, 110vh, 0);
            transform: translate3d(27vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -131vh, 0);
            transform: translate3d(100vw, -131vh, 0);
  }
}
@keyframes move-frames-124 {
  from {
    -webkit-transform: translate3d(27vw, 110vh, 0);
            transform: translate3d(27vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -131vh, 0);
            transform: translate3d(100vw, -131vh, 0);
  }
}
.circle-container:nth-child(124) .circle {
  -webkit-animation-delay: 3519ms;
          animation-delay: 3519ms;
}
.circle-container:nth-child(125) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-125;
          animation-name: move-frames-125;
  -webkit-animation-duration: 28087ms;
          animation-duration: 28087ms;
  -webkit-animation-delay: 25201ms;
          animation-delay: 25201ms;
}
@-webkit-keyframes move-frames-125 {
  from {
    -webkit-transform: translate3d(37vw, 107vh, 0);
            transform: translate3d(37vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(82vw, -111vh, 0);
            transform: translate3d(82vw, -111vh, 0);
  }
}
@keyframes move-frames-125 {
  from {
    -webkit-transform: translate3d(37vw, 107vh, 0);
            transform: translate3d(37vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(82vw, -111vh, 0);
            transform: translate3d(82vw, -111vh, 0);
  }
}
.circle-container:nth-child(125) .circle {
  -webkit-animation-delay: 2856ms;
          animation-delay: 2856ms;
}
.circle-container:nth-child(126) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-126;
          animation-name: move-frames-126;
  -webkit-animation-duration: 32910ms;
          animation-duration: 32910ms;
  -webkit-animation-delay: 10662ms;
          animation-delay: 10662ms;
}
@-webkit-keyframes move-frames-126 {
  from {
    -webkit-transform: translate3d(27vw, 107vh, 0);
            transform: translate3d(27vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -136vh, 0);
            transform: translate3d(1vw, -136vh, 0);
  }
}
@keyframes move-frames-126 {
  from {
    -webkit-transform: translate3d(27vw, 107vh, 0);
            transform: translate3d(27vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -136vh, 0);
            transform: translate3d(1vw, -136vh, 0);
  }
}
.circle-container:nth-child(126) .circle {
  -webkit-animation-delay: 1752ms;
          animation-delay: 1752ms;
}
.circle-container:nth-child(127) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-127;
          animation-name: move-frames-127;
  -webkit-animation-duration: 33522ms;
          animation-duration: 33522ms;
  -webkit-animation-delay: 19675ms;
          animation-delay: 19675ms;
}
@-webkit-keyframes move-frames-127 {
  from {
    -webkit-transform: translate3d(43vw, 110vh, 0);
            transform: translate3d(43vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -115vh, 0);
            transform: translate3d(98vw, -115vh, 0);
  }
}
@keyframes move-frames-127 {
  from {
    -webkit-transform: translate3d(43vw, 110vh, 0);
            transform: translate3d(43vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -115vh, 0);
            transform: translate3d(98vw, -115vh, 0);
  }
}
.circle-container:nth-child(127) .circle {
  -webkit-animation-delay: 3861ms;
          animation-delay: 3861ms;
}
.circle-container:nth-child(128) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-128;
          animation-name: move-frames-128;
  -webkit-animation-duration: 30326ms;
          animation-duration: 30326ms;
  -webkit-animation-delay: 11648ms;
          animation-delay: 11648ms;
}
@-webkit-keyframes move-frames-128 {
  from {
    -webkit-transform: translate3d(23vw, 109vh, 0);
            transform: translate3d(23vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(13vw, -127vh, 0);
            transform: translate3d(13vw, -127vh, 0);
  }
}
@keyframes move-frames-128 {
  from {
    -webkit-transform: translate3d(23vw, 109vh, 0);
            transform: translate3d(23vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(13vw, -127vh, 0);
            transform: translate3d(13vw, -127vh, 0);
  }
}
.circle-container:nth-child(128) .circle {
  -webkit-animation-delay: 1737ms;
          animation-delay: 1737ms;
}
.circle-container:nth-child(129) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-129;
          animation-name: move-frames-129;
  -webkit-animation-duration: 34316ms;
          animation-duration: 34316ms;
  -webkit-animation-delay: 8015ms;
          animation-delay: 8015ms;
}
@-webkit-keyframes move-frames-129 {
  from {
    -webkit-transform: translate3d(4vw, 106vh, 0);
            transform: translate3d(4vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(79vw, -124vh, 0);
            transform: translate3d(79vw, -124vh, 0);
  }
}
@keyframes move-frames-129 {
  from {
    -webkit-transform: translate3d(4vw, 106vh, 0);
            transform: translate3d(4vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(79vw, -124vh, 0);
            transform: translate3d(79vw, -124vh, 0);
  }
}
.circle-container:nth-child(129) .circle {
  -webkit-animation-delay: 258ms;
          animation-delay: 258ms;
}
.circle-container:nth-child(130) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-130;
          animation-name: move-frames-130;
  -webkit-animation-duration: 36534ms;
          animation-duration: 36534ms;
  -webkit-animation-delay: 1101ms;
          animation-delay: 1101ms;
}
@-webkit-keyframes move-frames-130 {
  from {
    -webkit-transform: translate3d(31vw, 106vh, 0);
            transform: translate3d(31vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(60vw, -114vh, 0);
            transform: translate3d(60vw, -114vh, 0);
  }
}
@keyframes move-frames-130 {
  from {
    -webkit-transform: translate3d(31vw, 106vh, 0);
            transform: translate3d(31vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(60vw, -114vh, 0);
            transform: translate3d(60vw, -114vh, 0);
  }
}
.circle-container:nth-child(130) .circle {
  -webkit-animation-delay: 3590ms;
          animation-delay: 3590ms;
}
.circle-container:nth-child(131) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-131;
          animation-name: move-frames-131;
  -webkit-animation-duration: 32554ms;
          animation-duration: 32554ms;
  -webkit-animation-delay: 7499ms;
          animation-delay: 7499ms;
}
@-webkit-keyframes move-frames-131 {
  from {
    -webkit-transform: translate3d(81vw, 108vh, 0);
            transform: translate3d(81vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -110vh, 0);
            transform: translate3d(12vw, -110vh, 0);
  }
}
@keyframes move-frames-131 {
  from {
    -webkit-transform: translate3d(81vw, 108vh, 0);
            transform: translate3d(81vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -110vh, 0);
            transform: translate3d(12vw, -110vh, 0);
  }
}
.circle-container:nth-child(131) .circle {
  -webkit-animation-delay: 1030ms;
          animation-delay: 1030ms;
}
.circle-container:nth-child(132) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-132;
          animation-name: move-frames-132;
  -webkit-animation-duration: 32404ms;
          animation-duration: 32404ms;
  -webkit-animation-delay: 10920ms;
          animation-delay: 10920ms;
}
@-webkit-keyframes move-frames-132 {
  from {
    -webkit-transform: translate3d(46vw, 108vh, 0);
            transform: translate3d(46vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(80vw, -115vh, 0);
            transform: translate3d(80vw, -115vh, 0);
  }
}
@keyframes move-frames-132 {
  from {
    -webkit-transform: translate3d(46vw, 108vh, 0);
            transform: translate3d(46vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(80vw, -115vh, 0);
            transform: translate3d(80vw, -115vh, 0);
  }
}
.circle-container:nth-child(132) .circle {
  -webkit-animation-delay: 810ms;
          animation-delay: 810ms;
}
.circle-container:nth-child(133) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-133;
          animation-name: move-frames-133;
  -webkit-animation-duration: 35799ms;
          animation-duration: 35799ms;
  -webkit-animation-delay: 10919ms;
          animation-delay: 10919ms;
}
@-webkit-keyframes move-frames-133 {
  from {
    -webkit-transform: translate3d(54vw, 106vh, 0);
            transform: translate3d(54vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -126vh, 0);
            transform: translate3d(26vw, -126vh, 0);
  }
}
@keyframes move-frames-133 {
  from {
    -webkit-transform: translate3d(54vw, 106vh, 0);
            transform: translate3d(54vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -126vh, 0);
            transform: translate3d(26vw, -126vh, 0);
  }
}
.circle-container:nth-child(133) .circle {
  -webkit-animation-delay: 356ms;
          animation-delay: 356ms;
}
.circle-container:nth-child(134) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-134;
          animation-name: move-frames-134;
  -webkit-animation-duration: 35220ms;
          animation-duration: 35220ms;
  -webkit-animation-delay: 22931ms;
          animation-delay: 22931ms;
}
@-webkit-keyframes move-frames-134 {
  from {
    -webkit-transform: translate3d(45vw, 105vh, 0);
            transform: translate3d(45vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -130vh, 0);
            transform: translate3d(2vw, -130vh, 0);
  }
}
@keyframes move-frames-134 {
  from {
    -webkit-transform: translate3d(45vw, 105vh, 0);
            transform: translate3d(45vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -130vh, 0);
            transform: translate3d(2vw, -130vh, 0);
  }
}
.circle-container:nth-child(134) .circle {
  -webkit-animation-delay: 2589ms;
          animation-delay: 2589ms;
}
.circle-container:nth-child(135) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-135;
          animation-name: move-frames-135;
  -webkit-animation-duration: 35114ms;
          animation-duration: 35114ms;
  -webkit-animation-delay: 35540ms;
          animation-delay: 35540ms;
}
@-webkit-keyframes move-frames-135 {
  from {
    -webkit-transform: translate3d(33vw, 110vh, 0);
            transform: translate3d(33vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(40vw, -136vh, 0);
            transform: translate3d(40vw, -136vh, 0);
  }
}
@keyframes move-frames-135 {
  from {
    -webkit-transform: translate3d(33vw, 110vh, 0);
            transform: translate3d(33vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(40vw, -136vh, 0);
            transform: translate3d(40vw, -136vh, 0);
  }
}
.circle-container:nth-child(135) .circle {
  -webkit-animation-delay: 1352ms;
          animation-delay: 1352ms;
}
.circle-container:nth-child(136) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-136;
          animation-name: move-frames-136;
  -webkit-animation-duration: 35356ms;
          animation-duration: 35356ms;
  -webkit-animation-delay: 25988ms;
          animation-delay: 25988ms;
}
@-webkit-keyframes move-frames-136 {
  from {
    -webkit-transform: translate3d(49vw, 110vh, 0);
            transform: translate3d(49vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(14vw, -114vh, 0);
            transform: translate3d(14vw, -114vh, 0);
  }
}
@keyframes move-frames-136 {
  from {
    -webkit-transform: translate3d(49vw, 110vh, 0);
            transform: translate3d(49vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(14vw, -114vh, 0);
            transform: translate3d(14vw, -114vh, 0);
  }
}
.circle-container:nth-child(136) .circle {
  -webkit-animation-delay: 3346ms;
          animation-delay: 3346ms;
}
.circle-container:nth-child(137) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-137;
          animation-name: move-frames-137;
  -webkit-animation-duration: 35298ms;
          animation-duration: 35298ms;
  -webkit-animation-delay: 36294ms;
          animation-delay: 36294ms;
}
@-webkit-keyframes move-frames-137 {
  from {
    -webkit-transform: translate3d(25vw, 102vh, 0);
            transform: translate3d(25vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -117vh, 0);
            transform: translate3d(11vw, -117vh, 0);
  }
}
@keyframes move-frames-137 {
  from {
    -webkit-transform: translate3d(25vw, 102vh, 0);
            transform: translate3d(25vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -117vh, 0);
            transform: translate3d(11vw, -117vh, 0);
  }
}
.circle-container:nth-child(137) .circle {
  -webkit-animation-delay: 1438ms;
          animation-delay: 1438ms;
}
.circle-container:nth-child(138) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-138;
          animation-name: move-frames-138;
  -webkit-animation-duration: 36469ms;
          animation-duration: 36469ms;
  -webkit-animation-delay: 8465ms;
          animation-delay: 8465ms;
}
@-webkit-keyframes move-frames-138 {
  from {
    -webkit-transform: translate3d(20vw, 104vh, 0);
            transform: translate3d(20vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -105vh, 0);
            transform: translate3d(89vw, -105vh, 0);
  }
}
@keyframes move-frames-138 {
  from {
    -webkit-transform: translate3d(20vw, 104vh, 0);
            transform: translate3d(20vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -105vh, 0);
            transform: translate3d(89vw, -105vh, 0);
  }
}
.circle-container:nth-child(138) .circle {
  -webkit-animation-delay: 1736ms;
          animation-delay: 1736ms;
}
.circle-container:nth-child(139) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-139;
          animation-name: move-frames-139;
  -webkit-animation-duration: 36906ms;
          animation-duration: 36906ms;
  -webkit-animation-delay: 2455ms;
          animation-delay: 2455ms;
}
@-webkit-keyframes move-frames-139 {
  from {
    -webkit-transform: translate3d(60vw, 103vh, 0);
            transform: translate3d(60vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -128vh, 0);
            transform: translate3d(18vw, -128vh, 0);
  }
}
@keyframes move-frames-139 {
  from {
    -webkit-transform: translate3d(60vw, 103vh, 0);
            transform: translate3d(60vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -128vh, 0);
            transform: translate3d(18vw, -128vh, 0);
  }
}
.circle-container:nth-child(139) .circle {
  -webkit-animation-delay: 380ms;
          animation-delay: 380ms;
}
.circle-container:nth-child(140) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-140;
          animation-name: move-frames-140;
  -webkit-animation-duration: 33078ms;
          animation-duration: 33078ms;
  -webkit-animation-delay: 18198ms;
          animation-delay: 18198ms;
}
@-webkit-keyframes move-frames-140 {
  from {
    -webkit-transform: translate3d(41vw, 109vh, 0);
            transform: translate3d(41vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(69vw, -121vh, 0);
            transform: translate3d(69vw, -121vh, 0);
  }
}
@keyframes move-frames-140 {
  from {
    -webkit-transform: translate3d(41vw, 109vh, 0);
            transform: translate3d(41vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(69vw, -121vh, 0);
            transform: translate3d(69vw, -121vh, 0);
  }
}
.circle-container:nth-child(140) .circle {
  -webkit-animation-delay: 1329ms;
          animation-delay: 1329ms;
}
.circle-container:nth-child(141) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-141;
          animation-name: move-frames-141;
  -webkit-animation-duration: 35686ms;
          animation-duration: 35686ms;
  -webkit-animation-delay: 7357ms;
          animation-delay: 7357ms;
}
@-webkit-keyframes move-frames-141 {
  from {
    -webkit-transform: translate3d(57vw, 108vh, 0);
            transform: translate3d(57vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -114vh, 0);
            transform: translate3d(90vw, -114vh, 0);
  }
}
@keyframes move-frames-141 {
  from {
    -webkit-transform: translate3d(57vw, 108vh, 0);
            transform: translate3d(57vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -114vh, 0);
            transform: translate3d(90vw, -114vh, 0);
  }
}
.circle-container:nth-child(141) .circle {
  -webkit-animation-delay: 3038ms;
          animation-delay: 3038ms;
}
.circle-container:nth-child(142) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-142;
          animation-name: move-frames-142;
  -webkit-animation-duration: 29563ms;
          animation-duration: 29563ms;
  -webkit-animation-delay: 24750ms;
          animation-delay: 24750ms;
}
@-webkit-keyframes move-frames-142 {
  from {
    -webkit-transform: translate3d(20vw, 106vh, 0);
            transform: translate3d(20vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -118vh, 0);
            transform: translate3d(7vw, -118vh, 0);
  }
}
@keyframes move-frames-142 {
  from {
    -webkit-transform: translate3d(20vw, 106vh, 0);
            transform: translate3d(20vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -118vh, 0);
            transform: translate3d(7vw, -118vh, 0);
  }
}
.circle-container:nth-child(142) .circle {
  -webkit-animation-delay: 2411ms;
          animation-delay: 2411ms;
}
.circle-container:nth-child(143) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-143;
          animation-name: move-frames-143;
  -webkit-animation-duration: 34674ms;
          animation-duration: 34674ms;
  -webkit-animation-delay: 27588ms;
          animation-delay: 27588ms;
}
@-webkit-keyframes move-frames-143 {
  from {
    -webkit-transform: translate3d(6vw, 104vh, 0);
            transform: translate3d(6vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -123vh, 0);
            transform: translate3d(48vw, -123vh, 0);
  }
}
@keyframes move-frames-143 {
  from {
    -webkit-transform: translate3d(6vw, 104vh, 0);
            transform: translate3d(6vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -123vh, 0);
            transform: translate3d(48vw, -123vh, 0);
  }
}
.circle-container:nth-child(143) .circle {
  -webkit-animation-delay: 2488ms;
          animation-delay: 2488ms;
}
.circle-container:nth-child(144) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-144;
          animation-name: move-frames-144;
  -webkit-animation-duration: 31606ms;
          animation-duration: 31606ms;
  -webkit-animation-delay: 20432ms;
          animation-delay: 20432ms;
}
@-webkit-keyframes move-frames-144 {
  from {
    -webkit-transform: translate3d(68vw, 102vh, 0);
            transform: translate3d(68vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -119vh, 0);
            transform: translate3d(11vw, -119vh, 0);
  }
}
@keyframes move-frames-144 {
  from {
    -webkit-transform: translate3d(68vw, 102vh, 0);
            transform: translate3d(68vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -119vh, 0);
            transform: translate3d(11vw, -119vh, 0);
  }
}
.circle-container:nth-child(144) .circle {
  -webkit-animation-delay: 2756ms;
          animation-delay: 2756ms;
}
.circle-container:nth-child(145) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-145;
          animation-name: move-frames-145;
  -webkit-animation-duration: 35405ms;
          animation-duration: 35405ms;
  -webkit-animation-delay: 606ms;
          animation-delay: 606ms;
}
@-webkit-keyframes move-frames-145 {
  from {
    -webkit-transform: translate3d(66vw, 104vh, 0);
            transform: translate3d(66vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -112vh, 0);
            transform: translate3d(61vw, -112vh, 0);
  }
}
@keyframes move-frames-145 {
  from {
    -webkit-transform: translate3d(66vw, 104vh, 0);
            transform: translate3d(66vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -112vh, 0);
            transform: translate3d(61vw, -112vh, 0);
  }
}
.circle-container:nth-child(145) .circle {
  -webkit-animation-delay: 1932ms;
          animation-delay: 1932ms;
}
.circle-container:nth-child(146) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-146;
          animation-name: move-frames-146;
  -webkit-animation-duration: 32739ms;
          animation-duration: 32739ms;
  -webkit-animation-delay: 4738ms;
          animation-delay: 4738ms;
}
@-webkit-keyframes move-frames-146 {
  from {
    -webkit-transform: translate3d(34vw, 106vh, 0);
            transform: translate3d(34vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -114vh, 0);
            transform: translate3d(22vw, -114vh, 0);
  }
}
@keyframes move-frames-146 {
  from {
    -webkit-transform: translate3d(34vw, 106vh, 0);
            transform: translate3d(34vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -114vh, 0);
            transform: translate3d(22vw, -114vh, 0);
  }
}
.circle-container:nth-child(146) .circle {
  -webkit-animation-delay: 2081ms;
          animation-delay: 2081ms;
}
.circle-container:nth-child(147) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-147;
          animation-name: move-frames-147;
  -webkit-animation-duration: 30856ms;
          animation-duration: 30856ms;
  -webkit-animation-delay: 8010ms;
          animation-delay: 8010ms;
}
@-webkit-keyframes move-frames-147 {
  from {
    -webkit-transform: translate3d(53vw, 108vh, 0);
            transform: translate3d(53vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -124vh, 0);
            transform: translate3d(19vw, -124vh, 0);
  }
}
@keyframes move-frames-147 {
  from {
    -webkit-transform: translate3d(53vw, 108vh, 0);
            transform: translate3d(53vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -124vh, 0);
            transform: translate3d(19vw, -124vh, 0);
  }
}
.circle-container:nth-child(147) .circle {
  -webkit-animation-delay: 3426ms;
          animation-delay: 3426ms;
}
.circle-container:nth-child(148) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-148;
          animation-name: move-frames-148;
  -webkit-animation-duration: 29450ms;
          animation-duration: 29450ms;
  -webkit-animation-delay: 3249ms;
          animation-delay: 3249ms;
}
@-webkit-keyframes move-frames-148 {
  from {
    -webkit-transform: translate3d(33vw, 109vh, 0);
            transform: translate3d(33vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -130vh, 0);
            transform: translate3d(53vw, -130vh, 0);
  }
}
@keyframes move-frames-148 {
  from {
    -webkit-transform: translate3d(33vw, 109vh, 0);
            transform: translate3d(33vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -130vh, 0);
            transform: translate3d(53vw, -130vh, 0);
  }
}
.circle-container:nth-child(148) .circle {
  -webkit-animation-delay: 1855ms;
          animation-delay: 1855ms;
}
.circle-container:nth-child(149) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-149;
          animation-name: move-frames-149;
  -webkit-animation-duration: 28040ms;
          animation-duration: 28040ms;
  -webkit-animation-delay: 25381ms;
          animation-delay: 25381ms;
}
@-webkit-keyframes move-frames-149 {
  from {
    -webkit-transform: translate3d(83vw, 102vh, 0);
            transform: translate3d(83vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -121vh, 0);
            transform: translate3d(19vw, -121vh, 0);
  }
}
@keyframes move-frames-149 {
  from {
    -webkit-transform: translate3d(83vw, 102vh, 0);
            transform: translate3d(83vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -121vh, 0);
            transform: translate3d(19vw, -121vh, 0);
  }
}
.circle-container:nth-child(149) .circle {
  -webkit-animation-delay: 1690ms;
          animation-delay: 1690ms;
}
.circle-container:nth-child(150) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-150;
          animation-name: move-frames-150;
  -webkit-animation-duration: 34882ms;
          animation-duration: 34882ms;
  -webkit-animation-delay: 13865ms;
          animation-delay: 13865ms;
}
@-webkit-keyframes move-frames-150 {
  from {
    -webkit-transform: translate3d(12vw, 107vh, 0);
            transform: translate3d(12vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -136vh, 0);
            transform: translate3d(94vw, -136vh, 0);
  }
}
@keyframes move-frames-150 {
  from {
    -webkit-transform: translate3d(12vw, 107vh, 0);
            transform: translate3d(12vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -136vh, 0);
            transform: translate3d(94vw, -136vh, 0);
  }
}
.circle-container:nth-child(150) .circle {
  -webkit-animation-delay: 1889ms;
          animation-delay: 1889ms;
}
.circle-container:nth-child(151) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-151;
          animation-name: move-frames-151;
  -webkit-animation-duration: 34681ms;
          animation-duration: 34681ms;
  -webkit-animation-delay: 4116ms;
          animation-delay: 4116ms;
}
@-webkit-keyframes move-frames-151 {
  from {
    -webkit-transform: translate3d(95vw, 104vh, 0);
            transform: translate3d(95vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -131vh, 0);
            transform: translate3d(20vw, -131vh, 0);
  }
}
@keyframes move-frames-151 {
  from {
    -webkit-transform: translate3d(95vw, 104vh, 0);
            transform: translate3d(95vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -131vh, 0);
            transform: translate3d(20vw, -131vh, 0);
  }
}
.circle-container:nth-child(151) .circle {
  -webkit-animation-delay: 1313ms;
          animation-delay: 1313ms;
}
.circle-container:nth-child(152) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-152;
          animation-name: move-frames-152;
  -webkit-animation-duration: 31223ms;
          animation-duration: 31223ms;
  -webkit-animation-delay: 1908ms;
          animation-delay: 1908ms;
}
@-webkit-keyframes move-frames-152 {
  from {
    -webkit-transform: translate3d(50vw, 109vh, 0);
            transform: translate3d(50vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -124vh, 0);
            transform: translate3d(19vw, -124vh, 0);
  }
}
@keyframes move-frames-152 {
  from {
    -webkit-transform: translate3d(50vw, 109vh, 0);
            transform: translate3d(50vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -124vh, 0);
            transform: translate3d(19vw, -124vh, 0);
  }
}
.circle-container:nth-child(152) .circle {
  -webkit-animation-delay: 3860ms;
          animation-delay: 3860ms;
}
.circle-container:nth-child(153) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-153;
          animation-name: move-frames-153;
  -webkit-animation-duration: 29465ms;
          animation-duration: 29465ms;
  -webkit-animation-delay: 19921ms;
          animation-delay: 19921ms;
}
@-webkit-keyframes move-frames-153 {
  from {
    -webkit-transform: translate3d(7vw, 108vh, 0);
            transform: translate3d(7vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(64vw, -113vh, 0);
            transform: translate3d(64vw, -113vh, 0);
  }
}
@keyframes move-frames-153 {
  from {
    -webkit-transform: translate3d(7vw, 108vh, 0);
            transform: translate3d(7vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(64vw, -113vh, 0);
            transform: translate3d(64vw, -113vh, 0);
  }
}
.circle-container:nth-child(153) .circle {
  -webkit-animation-delay: 3718ms;
          animation-delay: 3718ms;
}
.circle-container:nth-child(154) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-154;
          animation-name: move-frames-154;
  -webkit-animation-duration: 35081ms;
          animation-duration: 35081ms;
  -webkit-animation-delay: 4674ms;
          animation-delay: 4674ms;
}
@-webkit-keyframes move-frames-154 {
  from {
    -webkit-transform: translate3d(98vw, 105vh, 0);
            transform: translate3d(98vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -134vh, 0);
            transform: translate3d(10vw, -134vh, 0);
  }
}
@keyframes move-frames-154 {
  from {
    -webkit-transform: translate3d(98vw, 105vh, 0);
            transform: translate3d(98vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -134vh, 0);
            transform: translate3d(10vw, -134vh, 0);
  }
}
.circle-container:nth-child(154) .circle {
  -webkit-animation-delay: 889ms;
          animation-delay: 889ms;
}
.circle-container:nth-child(155) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-155;
          animation-name: move-frames-155;
  -webkit-animation-duration: 31832ms;
          animation-duration: 31832ms;
  -webkit-animation-delay: 6988ms;
          animation-delay: 6988ms;
}
@-webkit-keyframes move-frames-155 {
  from {
    -webkit-transform: translate3d(61vw, 109vh, 0);
            transform: translate3d(61vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -117vh, 0);
            transform: translate3d(76vw, -117vh, 0);
  }
}
@keyframes move-frames-155 {
  from {
    -webkit-transform: translate3d(61vw, 109vh, 0);
            transform: translate3d(61vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -117vh, 0);
            transform: translate3d(76vw, -117vh, 0);
  }
}
.circle-container:nth-child(155) .circle {
  -webkit-animation-delay: 2368ms;
          animation-delay: 2368ms;
}
.circle-container:nth-child(156) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-156;
          animation-name: move-frames-156;
  -webkit-animation-duration: 30092ms;
          animation-duration: 30092ms;
  -webkit-animation-delay: 12033ms;
          animation-delay: 12033ms;
}
@-webkit-keyframes move-frames-156 {
  from {
    -webkit-transform: translate3d(30vw, 110vh, 0);
            transform: translate3d(30vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -137vh, 0);
            transform: translate3d(81vw, -137vh, 0);
  }
}
@keyframes move-frames-156 {
  from {
    -webkit-transform: translate3d(30vw, 110vh, 0);
            transform: translate3d(30vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -137vh, 0);
            transform: translate3d(81vw, -137vh, 0);
  }
}
.circle-container:nth-child(156) .circle {
  -webkit-animation-delay: 1473ms;
          animation-delay: 1473ms;
}
.circle-container:nth-child(157) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-157;
          animation-name: move-frames-157;
  -webkit-animation-duration: 34488ms;
          animation-duration: 34488ms;
  -webkit-animation-delay: 34570ms;
          animation-delay: 34570ms;
}
@-webkit-keyframes move-frames-157 {
  from {
    -webkit-transform: translate3d(19vw, 108vh, 0);
            transform: translate3d(19vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -111vh, 0);
            transform: translate3d(24vw, -111vh, 0);
  }
}
@keyframes move-frames-157 {
  from {
    -webkit-transform: translate3d(19vw, 108vh, 0);
            transform: translate3d(19vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -111vh, 0);
            transform: translate3d(24vw, -111vh, 0);
  }
}
.circle-container:nth-child(157) .circle {
  -webkit-animation-delay: 2756ms;
          animation-delay: 2756ms;
}
.circle-container:nth-child(158) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-158;
          animation-name: move-frames-158;
  -webkit-animation-duration: 30218ms;
          animation-duration: 30218ms;
  -webkit-animation-delay: 26346ms;
          animation-delay: 26346ms;
}
@-webkit-keyframes move-frames-158 {
  from {
    -webkit-transform: translate3d(92vw, 105vh, 0);
            transform: translate3d(92vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(85vw, -134vh, 0);
            transform: translate3d(85vw, -134vh, 0);
  }
}
@keyframes move-frames-158 {
  from {
    -webkit-transform: translate3d(92vw, 105vh, 0);
            transform: translate3d(92vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(85vw, -134vh, 0);
            transform: translate3d(85vw, -134vh, 0);
  }
}
.circle-container:nth-child(158) .circle {
  -webkit-animation-delay: 3642ms;
          animation-delay: 3642ms;
}
.circle-container:nth-child(159) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-159;
          animation-name: move-frames-159;
  -webkit-animation-duration: 35975ms;
          animation-duration: 35975ms;
  -webkit-animation-delay: 6476ms;
          animation-delay: 6476ms;
}
@-webkit-keyframes move-frames-159 {
  from {
    -webkit-transform: translate3d(84vw, 108vh, 0);
            transform: translate3d(84vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -113vh, 0);
            transform: translate3d(31vw, -113vh, 0);
  }
}
@keyframes move-frames-159 {
  from {
    -webkit-transform: translate3d(84vw, 108vh, 0);
            transform: translate3d(84vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -113vh, 0);
            transform: translate3d(31vw, -113vh, 0);
  }
}
.circle-container:nth-child(159) .circle {
  -webkit-animation-delay: 841ms;
          animation-delay: 841ms;
}
.circle-container:nth-child(160) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-160;
          animation-name: move-frames-160;
  -webkit-animation-duration: 32085ms;
          animation-duration: 32085ms;
  -webkit-animation-delay: 21369ms;
          animation-delay: 21369ms;
}
@-webkit-keyframes move-frames-160 {
  from {
    -webkit-transform: translate3d(95vw, 105vh, 0);
            transform: translate3d(95vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -130vh, 0);
            transform: translate3d(23vw, -130vh, 0);
  }
}
@keyframes move-frames-160 {
  from {
    -webkit-transform: translate3d(95vw, 105vh, 0);
            transform: translate3d(95vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -130vh, 0);
            transform: translate3d(23vw, -130vh, 0);
  }
}
.circle-container:nth-child(160) .circle {
  -webkit-animation-delay: 3236ms;
          animation-delay: 3236ms;
}
.circle-container:nth-child(161) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-161;
          animation-name: move-frames-161;
  -webkit-animation-duration: 28615ms;
          animation-duration: 28615ms;
  -webkit-animation-delay: 7296ms;
          animation-delay: 7296ms;
}
@-webkit-keyframes move-frames-161 {
  from {
    -webkit-transform: translate3d(54vw, 102vh, 0);
            transform: translate3d(54vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(87vw, -110vh, 0);
            transform: translate3d(87vw, -110vh, 0);
  }
}
@keyframes move-frames-161 {
  from {
    -webkit-transform: translate3d(54vw, 102vh, 0);
            transform: translate3d(54vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(87vw, -110vh, 0);
            transform: translate3d(87vw, -110vh, 0);
  }
}
.circle-container:nth-child(161) .circle {
  -webkit-animation-delay: 2930ms;
          animation-delay: 2930ms;
}
.circle-container:nth-child(162) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-162;
          animation-name: move-frames-162;
  -webkit-animation-duration: 34239ms;
          animation-duration: 34239ms;
  -webkit-animation-delay: 16999ms;
          animation-delay: 16999ms;
}
@-webkit-keyframes move-frames-162 {
  from {
    -webkit-transform: translate3d(49vw, 101vh, 0);
            transform: translate3d(49vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(75vw, -111vh, 0);
            transform: translate3d(75vw, -111vh, 0);
  }
}
@keyframes move-frames-162 {
  from {
    -webkit-transform: translate3d(49vw, 101vh, 0);
            transform: translate3d(49vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(75vw, -111vh, 0);
            transform: translate3d(75vw, -111vh, 0);
  }
}
.circle-container:nth-child(162) .circle {
  -webkit-animation-delay: 331ms;
          animation-delay: 331ms;
}
.circle-container:nth-child(163) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-163;
          animation-name: move-frames-163;
  -webkit-animation-duration: 36290ms;
          animation-duration: 36290ms;
  -webkit-animation-delay: 15438ms;
          animation-delay: 15438ms;
}
@-webkit-keyframes move-frames-163 {
  from {
    -webkit-transform: translate3d(11vw, 101vh, 0);
            transform: translate3d(11vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -131vh, 0);
            transform: translate3d(42vw, -131vh, 0);
  }
}
@keyframes move-frames-163 {
  from {
    -webkit-transform: translate3d(11vw, 101vh, 0);
            transform: translate3d(11vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -131vh, 0);
            transform: translate3d(42vw, -131vh, 0);
  }
}
.circle-container:nth-child(163) .circle {
  -webkit-animation-delay: 297ms;
          animation-delay: 297ms;
}
.circle-container:nth-child(164) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-164;
          animation-name: move-frames-164;
  -webkit-animation-duration: 32483ms;
          animation-duration: 32483ms;
  -webkit-animation-delay: 35204ms;
          animation-delay: 35204ms;
}
@-webkit-keyframes move-frames-164 {
  from {
    -webkit-transform: translate3d(47vw, 104vh, 0);
            transform: translate3d(47vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -105vh, 0);
            transform: translate3d(2vw, -105vh, 0);
  }
}
@keyframes move-frames-164 {
  from {
    -webkit-transform: translate3d(47vw, 104vh, 0);
            transform: translate3d(47vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -105vh, 0);
            transform: translate3d(2vw, -105vh, 0);
  }
}
.circle-container:nth-child(164) .circle {
  -webkit-animation-delay: 3695ms;
          animation-delay: 3695ms;
}
.circle-container:nth-child(165) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-165;
          animation-name: move-frames-165;
  -webkit-animation-duration: 31676ms;
          animation-duration: 31676ms;
  -webkit-animation-delay: 7247ms;
          animation-delay: 7247ms;
}
@-webkit-keyframes move-frames-165 {
  from {
    -webkit-transform: translate3d(39vw, 101vh, 0);
            transform: translate3d(39vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -125vh, 0);
            transform: translate3d(72vw, -125vh, 0);
  }
}
@keyframes move-frames-165 {
  from {
    -webkit-transform: translate3d(39vw, 101vh, 0);
            transform: translate3d(39vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -125vh, 0);
            transform: translate3d(72vw, -125vh, 0);
  }
}
.circle-container:nth-child(165) .circle {
  -webkit-animation-delay: 3928ms;
          animation-delay: 3928ms;
}
.circle-container:nth-child(166) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-166;
          animation-name: move-frames-166;
  -webkit-animation-duration: 31754ms;
          animation-duration: 31754ms;
  -webkit-animation-delay: 26938ms;
          animation-delay: 26938ms;
}
@-webkit-keyframes move-frames-166 {
  from {
    -webkit-transform: translate3d(51vw, 107vh, 0);
            transform: translate3d(51vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -137vh, 0);
            transform: translate3d(4vw, -137vh, 0);
  }
}
@keyframes move-frames-166 {
  from {
    -webkit-transform: translate3d(51vw, 107vh, 0);
            transform: translate3d(51vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -137vh, 0);
            transform: translate3d(4vw, -137vh, 0);
  }
}
.circle-container:nth-child(166) .circle {
  -webkit-animation-delay: 1103ms;
          animation-delay: 1103ms;
}
.circle-container:nth-child(167) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-167;
          animation-name: move-frames-167;
  -webkit-animation-duration: 28293ms;
          animation-duration: 28293ms;
  -webkit-animation-delay: 33720ms;
          animation-delay: 33720ms;
}
@-webkit-keyframes move-frames-167 {
  from {
    -webkit-transform: translate3d(63vw, 108vh, 0);
            transform: translate3d(63vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -129vh, 0);
            transform: translate3d(8vw, -129vh, 0);
  }
}
@keyframes move-frames-167 {
  from {
    -webkit-transform: translate3d(63vw, 108vh, 0);
            transform: translate3d(63vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -129vh, 0);
            transform: translate3d(8vw, -129vh, 0);
  }
}
.circle-container:nth-child(167) .circle {
  -webkit-animation-delay: 888ms;
          animation-delay: 888ms;
}
.circle-container:nth-child(168) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-168;
          animation-name: move-frames-168;
  -webkit-animation-duration: 36511ms;
          animation-duration: 36511ms;
  -webkit-animation-delay: 31439ms;
          animation-delay: 31439ms;
}
@-webkit-keyframes move-frames-168 {
  from {
    -webkit-transform: translate3d(80vw, 106vh, 0);
            transform: translate3d(80vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -130vh, 0);
            transform: translate3d(18vw, -130vh, 0);
  }
}
@keyframes move-frames-168 {
  from {
    -webkit-transform: translate3d(80vw, 106vh, 0);
            transform: translate3d(80vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -130vh, 0);
            transform: translate3d(18vw, -130vh, 0);
  }
}
.circle-container:nth-child(168) .circle {
  -webkit-animation-delay: 542ms;
          animation-delay: 542ms;
}
.circle-container:nth-child(169) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-169;
          animation-name: move-frames-169;
  -webkit-animation-duration: 35188ms;
          animation-duration: 35188ms;
  -webkit-animation-delay: 20641ms;
          animation-delay: 20641ms;
}
@-webkit-keyframes move-frames-169 {
  from {
    -webkit-transform: translate3d(93vw, 105vh, 0);
            transform: translate3d(93vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -129vh, 0);
            transform: translate3d(33vw, -129vh, 0);
  }
}
@keyframes move-frames-169 {
  from {
    -webkit-transform: translate3d(93vw, 105vh, 0);
            transform: translate3d(93vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -129vh, 0);
            transform: translate3d(33vw, -129vh, 0);
  }
}
.circle-container:nth-child(169) .circle {
  -webkit-animation-delay: 1109ms;
          animation-delay: 1109ms;
}
.circle-container:nth-child(170) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-170;
          animation-name: move-frames-170;
  -webkit-animation-duration: 29140ms;
          animation-duration: 29140ms;
  -webkit-animation-delay: 4565ms;
          animation-delay: 4565ms;
}
@-webkit-keyframes move-frames-170 {
  from {
    -webkit-transform: translate3d(74vw, 103vh, 0);
            transform: translate3d(74vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -110vh, 0);
            transform: translate3d(58vw, -110vh, 0);
  }
}
@keyframes move-frames-170 {
  from {
    -webkit-transform: translate3d(74vw, 103vh, 0);
            transform: translate3d(74vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -110vh, 0);
            transform: translate3d(58vw, -110vh, 0);
  }
}
.circle-container:nth-child(170) .circle {
  -webkit-animation-delay: 2020ms;
          animation-delay: 2020ms;
}
.circle-container:nth-child(171) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-171;
          animation-name: move-frames-171;
  -webkit-animation-duration: 35208ms;
          animation-duration: 35208ms;
  -webkit-animation-delay: 19034ms;
          animation-delay: 19034ms;
}
@-webkit-keyframes move-frames-171 {
  from {
    -webkit-transform: translate3d(29vw, 105vh, 0);
            transform: translate3d(29vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -106vh, 0);
            transform: translate3d(52vw, -106vh, 0);
  }
}
@keyframes move-frames-171 {
  from {
    -webkit-transform: translate3d(29vw, 105vh, 0);
            transform: translate3d(29vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -106vh, 0);
            transform: translate3d(52vw, -106vh, 0);
  }
}
.circle-container:nth-child(171) .circle {
  -webkit-animation-delay: 3155ms;
          animation-delay: 3155ms;
}
.circle-container:nth-child(172) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-172;
          animation-name: move-frames-172;
  -webkit-animation-duration: 34688ms;
          animation-duration: 34688ms;
  -webkit-animation-delay: 22855ms;
          animation-delay: 22855ms;
}
@-webkit-keyframes move-frames-172 {
  from {
    -webkit-transform: translate3d(11vw, 103vh, 0);
            transform: translate3d(11vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -107vh, 0);
            transform: translate3d(17vw, -107vh, 0);
  }
}
@keyframes move-frames-172 {
  from {
    -webkit-transform: translate3d(11vw, 103vh, 0);
            transform: translate3d(11vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(17vw, -107vh, 0);
            transform: translate3d(17vw, -107vh, 0);
  }
}
.circle-container:nth-child(172) .circle {
  -webkit-animation-delay: 182ms;
          animation-delay: 182ms;
}
.circle-container:nth-child(173) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-173;
          animation-name: move-frames-173;
  -webkit-animation-duration: 35530ms;
          animation-duration: 35530ms;
  -webkit-animation-delay: 15064ms;
          animation-delay: 15064ms;
}
@-webkit-keyframes move-frames-173 {
  from {
    -webkit-transform: translate3d(56vw, 110vh, 0);
            transform: translate3d(56vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -133vh, 0);
            transform: translate3d(24vw, -133vh, 0);
  }
}
@keyframes move-frames-173 {
  from {
    -webkit-transform: translate3d(56vw, 110vh, 0);
            transform: translate3d(56vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -133vh, 0);
            transform: translate3d(24vw, -133vh, 0);
  }
}
.circle-container:nth-child(173) .circle {
  -webkit-animation-delay: 746ms;
          animation-delay: 746ms;
}
.circle-container:nth-child(174) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-174;
          animation-name: move-frames-174;
  -webkit-animation-duration: 30798ms;
          animation-duration: 30798ms;
  -webkit-animation-delay: 10565ms;
          animation-delay: 10565ms;
}
@-webkit-keyframes move-frames-174 {
  from {
    -webkit-transform: translate3d(96vw, 101vh, 0);
            transform: translate3d(96vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -107vh, 0);
            transform: translate3d(21vw, -107vh, 0);
  }
}
@keyframes move-frames-174 {
  from {
    -webkit-transform: translate3d(96vw, 101vh, 0);
            transform: translate3d(96vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -107vh, 0);
            transform: translate3d(21vw, -107vh, 0);
  }
}
.circle-container:nth-child(174) .circle {
  -webkit-animation-delay: 628ms;
          animation-delay: 628ms;
}
.circle-container:nth-child(175) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-175;
          animation-name: move-frames-175;
  -webkit-animation-duration: 32413ms;
          animation-duration: 32413ms;
  -webkit-animation-delay: 7743ms;
          animation-delay: 7743ms;
}
@-webkit-keyframes move-frames-175 {
  from {
    -webkit-transform: translate3d(61vw, 101vh, 0);
            transform: translate3d(61vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -122vh, 0);
            transform: translate3d(49vw, -122vh, 0);
  }
}
@keyframes move-frames-175 {
  from {
    -webkit-transform: translate3d(61vw, 101vh, 0);
            transform: translate3d(61vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -122vh, 0);
            transform: translate3d(49vw, -122vh, 0);
  }
}
.circle-container:nth-child(175) .circle {
  -webkit-animation-delay: 3824ms;
          animation-delay: 3824ms;
}
.circle-container:nth-child(176) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-176;
          animation-name: move-frames-176;
  -webkit-animation-duration: 35995ms;
          animation-duration: 35995ms;
  -webkit-animation-delay: 31645ms;
          animation-delay: 31645ms;
}
@-webkit-keyframes move-frames-176 {
  from {
    -webkit-transform: translate3d(8vw, 106vh, 0);
            transform: translate3d(8vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -126vh, 0);
            transform: translate3d(16vw, -126vh, 0);
  }
}
@keyframes move-frames-176 {
  from {
    -webkit-transform: translate3d(8vw, 106vh, 0);
            transform: translate3d(8vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -126vh, 0);
            transform: translate3d(16vw, -126vh, 0);
  }
}
.circle-container:nth-child(176) .circle {
  -webkit-animation-delay: 3285ms;
          animation-delay: 3285ms;
}
.circle-container:nth-child(177) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-177;
          animation-name: move-frames-177;
  -webkit-animation-duration: 30223ms;
          animation-duration: 30223ms;
  -webkit-animation-delay: 12295ms;
          animation-delay: 12295ms;
}
@-webkit-keyframes move-frames-177 {
  from {
    -webkit-transform: translate3d(3vw, 105vh, 0);
            transform: translate3d(3vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -134vh, 0);
            transform: translate3d(22vw, -134vh, 0);
  }
}
@keyframes move-frames-177 {
  from {
    -webkit-transform: translate3d(3vw, 105vh, 0);
            transform: translate3d(3vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -134vh, 0);
            transform: translate3d(22vw, -134vh, 0);
  }
}
.circle-container:nth-child(177) .circle {
  -webkit-animation-delay: 528ms;
          animation-delay: 528ms;
}
.circle-container:nth-child(178) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-178;
          animation-name: move-frames-178;
  -webkit-animation-duration: 31980ms;
          animation-duration: 31980ms;
  -webkit-animation-delay: 6697ms;
          animation-delay: 6697ms;
}
@-webkit-keyframes move-frames-178 {
  from {
    -webkit-transform: translate3d(54vw, 103vh, 0);
            transform: translate3d(54vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -110vh, 0);
            transform: translate3d(44vw, -110vh, 0);
  }
}
@keyframes move-frames-178 {
  from {
    -webkit-transform: translate3d(54vw, 103vh, 0);
            transform: translate3d(54vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -110vh, 0);
            transform: translate3d(44vw, -110vh, 0);
  }
}
.circle-container:nth-child(178) .circle {
  -webkit-animation-delay: 3906ms;
          animation-delay: 3906ms;
}
.circle-container:nth-child(179) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-179;
          animation-name: move-frames-179;
  -webkit-animation-duration: 28125ms;
          animation-duration: 28125ms;
  -webkit-animation-delay: 393ms;
          animation-delay: 393ms;
}
@-webkit-keyframes move-frames-179 {
  from {
    -webkit-transform: translate3d(51vw, 101vh, 0);
            transform: translate3d(51vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -126vh, 0);
            transform: translate3d(65vw, -126vh, 0);
  }
}
@keyframes move-frames-179 {
  from {
    -webkit-transform: translate3d(51vw, 101vh, 0);
            transform: translate3d(51vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -126vh, 0);
            transform: translate3d(65vw, -126vh, 0);
  }
}
.circle-container:nth-child(179) .circle {
  -webkit-animation-delay: 3810ms;
          animation-delay: 3810ms;
}
.circle-container:nth-child(180) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-180;
          animation-name: move-frames-180;
  -webkit-animation-duration: 35513ms;
          animation-duration: 35513ms;
  -webkit-animation-delay: 14750ms;
          animation-delay: 14750ms;
}
@-webkit-keyframes move-frames-180 {
  from {
    -webkit-transform: translate3d(32vw, 106vh, 0);
            transform: translate3d(32vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -118vh, 0);
            transform: translate3d(3vw, -118vh, 0);
  }
}
@keyframes move-frames-180 {
  from {
    -webkit-transform: translate3d(32vw, 106vh, 0);
            transform: translate3d(32vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -118vh, 0);
            transform: translate3d(3vw, -118vh, 0);
  }
}
.circle-container:nth-child(180) .circle {
  -webkit-animation-delay: 3478ms;
          animation-delay: 3478ms;
}
.circle-container:nth-child(181) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-181;
          animation-name: move-frames-181;
  -webkit-animation-duration: 28686ms;
          animation-duration: 28686ms;
  -webkit-animation-delay: 15220ms;
          animation-delay: 15220ms;
}
@-webkit-keyframes move-frames-181 {
  from {
    -webkit-transform: translate3d(47vw, 101vh, 0);
            transform: translate3d(47vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -118vh, 0);
            transform: translate3d(41vw, -118vh, 0);
  }
}
@keyframes move-frames-181 {
  from {
    -webkit-transform: translate3d(47vw, 101vh, 0);
            transform: translate3d(47vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -118vh, 0);
            transform: translate3d(41vw, -118vh, 0);
  }
}
.circle-container:nth-child(181) .circle {
  -webkit-animation-delay: 1534ms;
          animation-delay: 1534ms;
}
.circle-container:nth-child(182) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-182;
          animation-name: move-frames-182;
  -webkit-animation-duration: 34052ms;
          animation-duration: 34052ms;
  -webkit-animation-delay: 21451ms;
          animation-delay: 21451ms;
}
@-webkit-keyframes move-frames-182 {
  from {
    -webkit-transform: translate3d(87vw, 101vh, 0);
            transform: translate3d(87vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(13vw, -110vh, 0);
            transform: translate3d(13vw, -110vh, 0);
  }
}
@keyframes move-frames-182 {
  from {
    -webkit-transform: translate3d(87vw, 101vh, 0);
            transform: translate3d(87vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(13vw, -110vh, 0);
            transform: translate3d(13vw, -110vh, 0);
  }
}
.circle-container:nth-child(182) .circle {
  -webkit-animation-delay: 341ms;
          animation-delay: 341ms;
}
.circle-container:nth-child(183) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-183;
          animation-name: move-frames-183;
  -webkit-animation-duration: 35020ms;
          animation-duration: 35020ms;
  -webkit-animation-delay: 22543ms;
          animation-delay: 22543ms;
}
@-webkit-keyframes move-frames-183 {
  from {
    -webkit-transform: translate3d(86vw, 104vh, 0);
            transform: translate3d(86vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -114vh, 0);
            transform: translate3d(3vw, -114vh, 0);
  }
}
@keyframes move-frames-183 {
  from {
    -webkit-transform: translate3d(86vw, 104vh, 0);
            transform: translate3d(86vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -114vh, 0);
            transform: translate3d(3vw, -114vh, 0);
  }
}
.circle-container:nth-child(183) .circle {
  -webkit-animation-delay: 1655ms;
          animation-delay: 1655ms;
}
.circle-container:nth-child(184) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-184;
          animation-name: move-frames-184;
  -webkit-animation-duration: 28495ms;
          animation-duration: 28495ms;
  -webkit-animation-delay: 13193ms;
          animation-delay: 13193ms;
}
@-webkit-keyframes move-frames-184 {
  from {
    -webkit-transform: translate3d(85vw, 104vh, 0);
            transform: translate3d(85vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(34vw, -121vh, 0);
            transform: translate3d(34vw, -121vh, 0);
  }
}
@keyframes move-frames-184 {
  from {
    -webkit-transform: translate3d(85vw, 104vh, 0);
            transform: translate3d(85vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(34vw, -121vh, 0);
            transform: translate3d(34vw, -121vh, 0);
  }
}
.circle-container:nth-child(184) .circle {
  -webkit-animation-delay: 2548ms;
          animation-delay: 2548ms;
}
.circle-container:nth-child(185) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-185;
          animation-name: move-frames-185;
  -webkit-animation-duration: 32525ms;
          animation-duration: 32525ms;
  -webkit-animation-delay: 33426ms;
          animation-delay: 33426ms;
}
@-webkit-keyframes move-frames-185 {
  from {
    -webkit-transform: translate3d(88vw, 107vh, 0);
            transform: translate3d(88vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -123vh, 0);
            transform: translate3d(1vw, -123vh, 0);
  }
}
@keyframes move-frames-185 {
  from {
    -webkit-transform: translate3d(88vw, 107vh, 0);
            transform: translate3d(88vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -123vh, 0);
            transform: translate3d(1vw, -123vh, 0);
  }
}
.circle-container:nth-child(185) .circle {
  -webkit-animation-delay: 1683ms;
          animation-delay: 1683ms;
}
.circle-container:nth-child(186) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-186;
          animation-name: move-frames-186;
  -webkit-animation-duration: 32913ms;
          animation-duration: 32913ms;
  -webkit-animation-delay: 27622ms;
          animation-delay: 27622ms;
}
@-webkit-keyframes move-frames-186 {
  from {
    -webkit-transform: translate3d(60vw, 104vh, 0);
            transform: translate3d(60vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(6vw, -112vh, 0);
            transform: translate3d(6vw, -112vh, 0);
  }
}
@keyframes move-frames-186 {
  from {
    -webkit-transform: translate3d(60vw, 104vh, 0);
            transform: translate3d(60vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(6vw, -112vh, 0);
            transform: translate3d(6vw, -112vh, 0);
  }
}
.circle-container:nth-child(186) .circle {
  -webkit-animation-delay: 2101ms;
          animation-delay: 2101ms;
}
.circle-container:nth-child(187) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-187;
          animation-name: move-frames-187;
  -webkit-animation-duration: 28143ms;
          animation-duration: 28143ms;
  -webkit-animation-delay: 23612ms;
          animation-delay: 23612ms;
}
@-webkit-keyframes move-frames-187 {
  from {
    -webkit-transform: translate3d(55vw, 107vh, 0);
            transform: translate3d(55vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -121vh, 0);
            transform: translate3d(22vw, -121vh, 0);
  }
}
@keyframes move-frames-187 {
  from {
    -webkit-transform: translate3d(55vw, 107vh, 0);
            transform: translate3d(55vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -121vh, 0);
            transform: translate3d(22vw, -121vh, 0);
  }
}
.circle-container:nth-child(187) .circle {
  -webkit-animation-delay: 1522ms;
          animation-delay: 1522ms;
}
.circle-container:nth-child(188) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-188;
          animation-name: move-frames-188;
  -webkit-animation-duration: 31045ms;
          animation-duration: 31045ms;
  -webkit-animation-delay: 9811ms;
          animation-delay: 9811ms;
}
@-webkit-keyframes move-frames-188 {
  from {
    -webkit-transform: translate3d(94vw, 107vh, 0);
            transform: translate3d(94vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -119vh, 0);
            transform: translate3d(94vw, -119vh, 0);
  }
}
@keyframes move-frames-188 {
  from {
    -webkit-transform: translate3d(94vw, 107vh, 0);
            transform: translate3d(94vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -119vh, 0);
            transform: translate3d(94vw, -119vh, 0);
  }
}
.circle-container:nth-child(188) .circle {
  -webkit-animation-delay: 2901ms;
          animation-delay: 2901ms;
}
.circle-container:nth-child(189) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-189;
          animation-name: move-frames-189;
  -webkit-animation-duration: 33462ms;
          animation-duration: 33462ms;
  -webkit-animation-delay: 16856ms;
          animation-delay: 16856ms;
}
@-webkit-keyframes move-frames-189 {
  from {
    -webkit-transform: translate3d(32vw, 109vh, 0);
            transform: translate3d(32vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -124vh, 0);
            transform: translate3d(89vw, -124vh, 0);
  }
}
@keyframes move-frames-189 {
  from {
    -webkit-transform: translate3d(32vw, 109vh, 0);
            transform: translate3d(32vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -124vh, 0);
            transform: translate3d(89vw, -124vh, 0);
  }
}
.circle-container:nth-child(189) .circle {
  -webkit-animation-delay: 3381ms;
          animation-delay: 3381ms;
}
.circle-container:nth-child(190) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-190;
          animation-name: move-frames-190;
  -webkit-animation-duration: 28018ms;
          animation-duration: 28018ms;
  -webkit-animation-delay: 18186ms;
          animation-delay: 18186ms;
}
@-webkit-keyframes move-frames-190 {
  from {
    -webkit-transform: translate3d(80vw, 101vh, 0);
            transform: translate3d(80vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -103vh, 0);
            transform: translate3d(4vw, -103vh, 0);
  }
}
@keyframes move-frames-190 {
  from {
    -webkit-transform: translate3d(80vw, 101vh, 0);
            transform: translate3d(80vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -103vh, 0);
            transform: translate3d(4vw, -103vh, 0);
  }
}
.circle-container:nth-child(190) .circle {
  -webkit-animation-delay: 2798ms;
          animation-delay: 2798ms;
}
.circle-container:nth-child(191) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-191;
          animation-name: move-frames-191;
  -webkit-animation-duration: 30345ms;
          animation-duration: 30345ms;
  -webkit-animation-delay: 3868ms;
          animation-delay: 3868ms;
}
@-webkit-keyframes move-frames-191 {
  from {
    -webkit-transform: translate3d(6vw, 101vh, 0);
            transform: translate3d(6vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -123vh, 0);
            transform: translate3d(4vw, -123vh, 0);
  }
}
@keyframes move-frames-191 {
  from {
    -webkit-transform: translate3d(6vw, 101vh, 0);
            transform: translate3d(6vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -123vh, 0);
            transform: translate3d(4vw, -123vh, 0);
  }
}
.circle-container:nth-child(191) .circle {
  -webkit-animation-delay: 1578ms;
          animation-delay: 1578ms;
}
.circle-container:nth-child(192) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-192;
          animation-name: move-frames-192;
  -webkit-animation-duration: 30643ms;
          animation-duration: 30643ms;
  -webkit-animation-delay: 2612ms;
          animation-delay: 2612ms;
}
@-webkit-keyframes move-frames-192 {
  from {
    -webkit-transform: translate3d(83vw, 107vh, 0);
            transform: translate3d(83vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -111vh, 0);
            transform: translate3d(99vw, -111vh, 0);
  }
}
@keyframes move-frames-192 {
  from {
    -webkit-transform: translate3d(83vw, 107vh, 0);
            transform: translate3d(83vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -111vh, 0);
            transform: translate3d(99vw, -111vh, 0);
  }
}
.circle-container:nth-child(192) .circle {
  -webkit-animation-delay: 3411ms;
          animation-delay: 3411ms;
}
.circle-container:nth-child(193) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-193;
          animation-name: move-frames-193;
  -webkit-animation-duration: 31275ms;
          animation-duration: 31275ms;
  -webkit-animation-delay: 33141ms;
          animation-delay: 33141ms;
}
@-webkit-keyframes move-frames-193 {
  from {
    -webkit-transform: translate3d(35vw, 105vh, 0);
            transform: translate3d(35vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(40vw, -110vh, 0);
            transform: translate3d(40vw, -110vh, 0);
  }
}
@keyframes move-frames-193 {
  from {
    -webkit-transform: translate3d(35vw, 105vh, 0);
            transform: translate3d(35vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(40vw, -110vh, 0);
            transform: translate3d(40vw, -110vh, 0);
  }
}
.circle-container:nth-child(193) .circle {
  -webkit-animation-delay: 3883ms;
          animation-delay: 3883ms;
}
.circle-container:nth-child(194) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-194;
          animation-name: move-frames-194;
  -webkit-animation-duration: 30900ms;
          animation-duration: 30900ms;
  -webkit-animation-delay: 15306ms;
          animation-delay: 15306ms;
}
@-webkit-keyframes move-frames-194 {
  from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
            transform: translate3d(94vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -106vh, 0);
            transform: translate3d(70vw, -106vh, 0);
  }
}
@keyframes move-frames-194 {
  from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
            transform: translate3d(94vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -106vh, 0);
            transform: translate3d(70vw, -106vh, 0);
  }
}
.circle-container:nth-child(194) .circle {
  -webkit-animation-delay: 73ms;
          animation-delay: 73ms;
}
.circle-container:nth-child(195) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-195;
          animation-name: move-frames-195;
  -webkit-animation-duration: 35810ms;
          animation-duration: 35810ms;
  -webkit-animation-delay: 6262ms;
          animation-delay: 6262ms;
}
@-webkit-keyframes move-frames-195 {
  from {
    -webkit-transform: translate3d(59vw, 101vh, 0);
            transform: translate3d(59vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -112vh, 0);
            transform: translate3d(48vw, -112vh, 0);
  }
}
@keyframes move-frames-195 {
  from {
    -webkit-transform: translate3d(59vw, 101vh, 0);
            transform: translate3d(59vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -112vh, 0);
            transform: translate3d(48vw, -112vh, 0);
  }
}
.circle-container:nth-child(195) .circle {
  -webkit-animation-delay: 1690ms;
          animation-delay: 1690ms;
}
.circle-container:nth-child(196) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-196;
          animation-name: move-frames-196;
  -webkit-animation-duration: 28997ms;
          animation-duration: 28997ms;
  -webkit-animation-delay: 16709ms;
          animation-delay: 16709ms;
}
@-webkit-keyframes move-frames-196 {
  from {
    -webkit-transform: translate3d(58vw, 107vh, 0);
            transform: translate3d(58vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(88vw, -120vh, 0);
            transform: translate3d(88vw, -120vh, 0);
  }
}
@keyframes move-frames-196 {
  from {
    -webkit-transform: translate3d(58vw, 107vh, 0);
            transform: translate3d(58vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(88vw, -120vh, 0);
            transform: translate3d(88vw, -120vh, 0);
  }
}
.circle-container:nth-child(196) .circle {
  -webkit-animation-delay: 1467ms;
          animation-delay: 1467ms;
}
.circle-container:nth-child(197) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-197;
          animation-name: move-frames-197;
  -webkit-animation-duration: 32342ms;
          animation-duration: 32342ms;
  -webkit-animation-delay: 19213ms;
          animation-delay: 19213ms;
}
@-webkit-keyframes move-frames-197 {
  from {
    -webkit-transform: translate3d(75vw, 103vh, 0);
            transform: translate3d(75vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -133vh, 0);
            transform: translate3d(71vw, -133vh, 0);
  }
}
@keyframes move-frames-197 {
  from {
    -webkit-transform: translate3d(75vw, 103vh, 0);
            transform: translate3d(75vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -133vh, 0);
            transform: translate3d(71vw, -133vh, 0);
  }
}
.circle-container:nth-child(197) .circle {
  -webkit-animation-delay: 3306ms;
          animation-delay: 3306ms;
}
.circle-container:nth-child(198) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-198;
          animation-name: move-frames-198;
  -webkit-animation-duration: 32341ms;
          animation-duration: 32341ms;
  -webkit-animation-delay: 4818ms;
          animation-delay: 4818ms;
}
@-webkit-keyframes move-frames-198 {
  from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
            transform: translate3d(58vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(74vw, -134vh, 0);
            transform: translate3d(74vw, -134vh, 0);
  }
}
@keyframes move-frames-198 {
  from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
            transform: translate3d(58vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(74vw, -134vh, 0);
            transform: translate3d(74vw, -134vh, 0);
  }
}
.circle-container:nth-child(198) .circle {
  -webkit-animation-delay: 640ms;
          animation-delay: 640ms;
}
.circle-container:nth-child(199) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-199;
          animation-name: move-frames-199;
  -webkit-animation-duration: 36947ms;
          animation-duration: 36947ms;
  -webkit-animation-delay: 5505ms;
          animation-delay: 5505ms;
}
@-webkit-keyframes move-frames-199 {
  from {
    -webkit-transform: translate3d(15vw, 105vh, 0);
            transform: translate3d(15vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -111vh, 0);
            transform: translate3d(89vw, -111vh, 0);
  }
}
@keyframes move-frames-199 {
  from {
    -webkit-transform: translate3d(15vw, 105vh, 0);
            transform: translate3d(15vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(89vw, -111vh, 0);
            transform: translate3d(89vw, -111vh, 0);
  }
}
.circle-container:nth-child(199) .circle {
  -webkit-animation-delay: 307ms;
          animation-delay: 307ms;
}
.circle-container:nth-child(200) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-200;
          animation-name: move-frames-200;
  -webkit-animation-duration: 29388ms;
          animation-duration: 29388ms;
  -webkit-animation-delay: 27347ms;
          animation-delay: 27347ms;
}
@-webkit-keyframes move-frames-200 {
  from {
    -webkit-transform: translate3d(63vw, 102vh, 0);
            transform: translate3d(63vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(43vw, -110vh, 0);
            transform: translate3d(43vw, -110vh, 0);
  }
}
@keyframes move-frames-200 {
  from {
    -webkit-transform: translate3d(63vw, 102vh, 0);
            transform: translate3d(63vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(43vw, -110vh, 0);
            transform: translate3d(43vw, -110vh, 0);
  }
}
.circle-container:nth-child(200) .circle {
  -webkit-animation-delay: 3476ms;
          animation-delay: 3476ms;
}

.message {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: white;
  font-family: "Josefin Slab", serif;
  line-height: 27px;
  font-size: 18px;
  text-align: right;
  pointer-events: none;
  -webkit-animation: message-frames 1.5s ease 5s forwards;
          animation: message-frames 1.5s ease 5s forwards;
  opacity: 0;
}
@-webkit-keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes message-frames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*颗粒动画结束*/
.imgs{width:100%;}
.g-tit3{background:url(../images/introduceicon.png) no-repeat;height:42px;margin-top: 26px;margin-bottom: 73px;}
.g-tit3 h3{margin-left:55px; color:#000; font-size: 40px;line-height: 1;}
.mth{margin-top:20px;}
.ul-notice{padding: 56px 0 0;}
.ul-notice p{font-size: 16px;color: #333;}
.intro{text-indent: 2em;text-align: left;color: #212121;line-height: 1.8;font-size: 18px}
.grayBg img:hover,.ul-notice img:hover {-webkit-transform: scale(1.15);transform: scale(1.15);transition: all 1s ease-in-out 0s;}
.ul-notice .inner img{width:100%;height:100%;}
.ul-notice .inne a{overflow: hidden;}
.robotPart{color:#333;}
.robotPart p{text-align: center;}
.funCore .g-tit4{color:#000;text-align: center;margin-bottom: 30px;font-size:30px;}
.coreWrap{width:100%;color: #555;margin-top:20px;overflow: hidden;}
.coreWrap li{width:33.33%;float: left;}
.coreWrap li span{display: block; margin:0 auto; width:93px;height:108px;}
.coreWrap li span img{width:100%;}
.coreWrap li p{text-align: left;padding:3% 10% 10%;font-size: 20px;height:150px;}
.coreWrap li h2{font-weight: bolder;color: #000}
.coreWrap li h3{text-align: center;
    color: #212121;
    padding-top: 15px;
    font-size: 30px;
  }
/*字体动画*/
.robot-left-red{bottom: -5px;left: 12%;}
.robot-right-red p:nth-child(1){margin-left:50px;}
.posWrap{position: relative;}
.rt1{top:30%;left:60%; }
.rt-p1{top: 37%;left: 46%;}
.robot-title{font-size: 70px}
.robot-t-right{top:10%;right:8%;}
.robot-t-red-right{bottom: -10px;right:8%;}
.robot-t-left{top:10%;left:16%;}
.robot-t-red-left{top:50%;left:2%;}
.robot-t-red-left1{top:25%;left:5%;}
.dz-pos{left:180px;top:-200px;z-index: 20}
.dz-c-pos {
    left: 155px;
    top: -93px;
    z-index: 20;
}
.dz-cd-pos{
    top: -480px;
    right: -100px;
     z-index: 20;
}
.red-animate2>div,.red-animate1>div,.red-animate>div{    
    opacity: 1;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
.red-animate .bg1{background: url(../images/roundpic_1.png) no-repeat center;}
.red-animate .bg2{background: url(../images/roundpic_2.png) no-repeat center;}
.red-animate .bg3{background: url(../images/roundpic_3.png) no-repeat center;}
.red-animate1 .bg1{background: url(../images/lightwave_1.png) no-repeat center;}
.red-animate1 .bg2{background: url(../images/lightwave_2.png) no-repeat center;}
.red-animate1 .bg3{background: url(../images/lightwave_3.png) no-repeat center;}
.red-animate2 .bg1{background: url(../images/lightwave2_1.png) no-repeat center;}
.red-animate2 .bg2{background: url(../images/lightwave2_2.png) no-repeat center;}
.red-animate2 .bg3{background: url(../images/lightwave3_3.png) no-repeat center;}
.red-animate .bg1,.red-animate .bg3,.red-animate .bg2{width:867px;height:340px;opacity: 0;background-size: contain;}
.red-animate1 .bg1,.red-animate1 .bg3,.red-animate1 .bg2{width:641px;height:150px;opacity: 0;background-size: contain;}
.red-animate2 .bg1,.red-animate2 .bg3,.red-animate2 .bg2{width:224px;height:193px;opacity: 0;background-size: contain;}
.red-animate2 .bg1,.red-animate1 .bg1,.red-animate .bg1 {
  -webkit-animation: starWarsOpacity1 1.5s 1s forwards infinite;
     -moz-animation: starWarsOpacity1 1.5s 1s forwards infinite;
       -o-animation: starWarsOpacity1 1.5s 1s forwards infinite;
          animation: starWarsOpacity1 1.5s 1s forwards infinite;
}
.red-animate1 .bg2,.red-animate2 .bg2,.red-animate .bg2 {
  -webkit-animation: starWarsOpacity2 1.5s 1s forwards infinite;
     -moz-animation: starWarsOpacity2 1.5s 1s forwards infinite;
       -o-animation: starWarsOpacity2 1.5s 1s forwards infinite;
          animation: starWarsOpacity2 1.5s 1s forwards infinite;
}
.red-animate2 .bg3,.red-animate1 .bg3,.red-animate .bg3 {
  -webkit-animation: starWarsOpacity3 1.5s 1s forwards infinite;
     -moz-animation: starWarsOpacity3 1.5s 1s forwards infinite;
       -o-animation: starWarsOpacity3 1.5s 1s forwards infinite;
          animation: starWarsOpacity3 1.5s 1s forwards infinite;
}

@keyframes starWarsOpacity1 {
  0% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-webkit-keyframes starWarsOpacity2 {
  20% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-moz-keyframes starWarsOpacity2 {
  20% {
    opacity: 0;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
}
@-o-keyframes starWarsOpacity2 {
  20% {
    opacity: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
}
@keyframes starWarsOpacity2 {
  20% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-webkit-keyframes starWarsOpacity3 {
  40% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-moz-keyframes starWarsOpacity3 {
  40% {
    opacity: 0;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
}
@-o-keyframes starWarsOpacity3 {
  40% {
    opacity: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
}
@keyframes starWarsOpacity3 {
  40% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  90% {
    opacity: 1;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
.tx-text li{float:left; width: 33.33%;}
.tx-img li{float:left; width: 25%;}
.regonizeFace span{font-size: 83px;color:#348dff;}
.tx-text li{color:#348dff;font-size: 40px;font-weight: bolder}
.regonizeFace font{color:#929196;font-weight: bolder;font-size: 35px}
.textR-left{color:#fff;}
.textR-right{color:#333;}
/*.showCase-left{}*/
/*.box-img{background: url(../images/bg2.png) no-repeat;background-size: contain;width:100%;}*/
.robotPic{width:100%;}
.robotPic li{float:left;width:25%;overflow: hidden;position: relative;}
.robotPic li a {
    display: block;;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}
.effect-oscar:hover figcaption {
    background-color: rgba(21,57,96,0.6);
}
.effect-oscar figcaption {
    padding: 2.5em;
    background-color: rgba(21,57,96,0.1);
    -webkit-transition: background-color 0.35s;
    transition: background-color 0.35s;
}
.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid rgba(255,255,255,.3);
  content: '';
}
figcaption{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.effect-oscar:hover figcaption::before, .effect-oscar:hover span,.effect-oscar:hover p,.effect-oscar:hover font{
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.yh_icon{background: url(../images/sceneicon1.png) no-repeat top center;}
.zt_icon{background: url(../images/sceneicon2.png) no-repeat top center;}
.jd_icon{background: url(../images/sceneicon3.png) no-repeat top center;}
.dw_icon{background: url(../images/sceneicon4.png) no-repeat top center;}
.jc_icon{background: url(../images/sceneicon5.png) no-repeat top center;}
.tyc_icon{background: url(../images/sceneicon6.png) no-repeat top center;}
.dt_icon{background: url(../images/sceneicon7.png) no-repeat top center;}
.yyt_icon{background: url(../images/sceneicon8.png) no-repeat top center;}
.effect-oscar figcaption::before,
.effect-oscar font{
  opacity: 0;
  -webkit-transition: all 0.35s, -webkit-transform 0.35s;
  transition: all 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);

}
.effect-oscar font{
  width:50px;
  height:50px;
  display:block;
  margin:0 auto;
}
.scene-sm{ width:80%; margin:25% auto 0;}
.effect-oscar p,.effect-oscar span {
  color: #fff;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);

}
.more-solution{position: absolute;color:#fff; top:40%;right:0;left:0;}
.more-solution p,.more-solution h1{text-align: center;}
.more-solution p{margin-top:10px;font-size: 14px}
.effect-oscar span{font-size: 18px;margin-top:15px;  display:block;  text-align: center;}
.effect-oscar p {font-size: 14px;  text-align: left;}
.robotPic li img{
  display: block;
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
  }
.robot-sm{font-size: 30px;margin: 50px 0}
.rt-left{top:25%;}
.rt-wel-left{color:#3b3b3b;top: 18%;left: 15%; }
.rt-right{top:25%;right:10%;z-index:20;}
.robot-sm-wel{text-align: justify;width: 50%;text-align: justify;text-indent: 2em;}
.robot-sm-wel1{text-align: justify;width: 50%;text-align: justify;}
.rt-blue-right{top: 12%;right:15%;z-index: 20;}
.blue-robot-func{margin-top: 50px}
.btn-def2 a:hover,.btn-def1 a:hover{ box-shadow: 0 8px 16px rgba(50, 142, 255, 0.5);color:#fff;background: #328eff;transition:0.5s;}
.btn-def2,.btn-def1{display:inline-block;overflow:hidden;color:#328eff;font-size: 30px;text-align: center;cursor: pointer;border:1px solid #328eff;border-radius:10px;-webkit-border-radius:10px;}
.btn-def2 a,.btn-def1 a{color:#328eff;display:inline-block;width:100%;height:100%;padding: 17px 55px;}
/*营业厅机器人详情*/
.left-red-para{top: 35px;left: -15px;}
.left-blue-para{top: 10px;left: -35px;}
.left-wel-para{top:35px;left: -10px;}
.right-blue-para{top: 5px;left: 20px;}
.right-red-para{top: 35px;left:26px;}
.right-blue-para,.left-blue-para,.right-red-para,.left-red-para,.left-wel-para{z-index: 10}
.robot-blue-left{top: 8%;left: 9%;}
.robotPara{float: left; width:50%;margin:20px 0 30px;position:relative}
.robotPara img{display: block;margin:0 auto;}
.red-robotPart{position: relative;height:895px;}
.ybRobotwrap,.robotImgWrap{position: absolute;left:0;top:0;}
 .ybRobotwrap>div,.robotImgWrap > div {
    position: absolute;
    overflow: hidden;
}
.robot-right-cs{top: 65%; right: 33%;}
.ybRobotwrap > div .bg,.robotImgWrap > div .bg{
  width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
.ybRobotwrap .bg1 .bg:hover,
.ybRobotwrap .bg2 .bg:hover,
.ybRobotwrap .bg3 .bg:hover,
.ybRobotwrap .bg4 .bg:hover,
.ybRobotwrap .bg5 .bg:hover,
.ybRobotwrap .bg6 .bg:hover,
.ybRobotwrap .bg7 .bg:hover,
.robotImgWrap .bg1 .bg:hover,
.robotImgWrap .bg2 .bg:hover,
.robotImgWrap .bg3 .bg:hover,
.robotImgWrap .bg4 .bg:hover,
.robotImgWrap .bg5 .bg:hover,
.robotImgWrap .bg6 .bg:hover,
.robotImgWrap .bg7 .bg:hover {
  -webkit-transform: scale(1.10);
     -moz-transform: scale(1.10);
      -ms-transform: scale(1.10);
       -o-transform: scale(1.10);
          transform: scale(1.10);
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ybRobotwrap{width: 100%}
.ybRobotwrap .bg1{width:418px;height:300px;top:20px;left: -328px;}
.ybRobotwrap .bg2{width:590px;height:300px;top:20px;left: 105px;}
.ybRobotwrap .bg3{width:832px;height:722px;top:20px;left: 710px;}
.ybRobotwrap .bg4{width:623px;height:401px;left: 72px;top: 340px;}
.ybRobotwrap .bg5{width:385px;height:822px;top: 340px;left: -328px;}
.ybRobotwrap .bg6{width:943px;height:401px;top: 761px;left: 72px;}
.ybRobotwrap .bg7{width:512px;height:401px;left: 1028px;top: 761px;}
.robotImgWrap .bg1 {
  width: 626px;
  height: 371px;
}
.robotImgWrap .bg1 .bg {
  background: #b0bfc6;/*url("../images/redRob-1.png") no-repeat center*/
}
.robotImgWrap .bg2 {
  width: 626px;
  height: 494px;
  top: 391px;
}
.robotImgWrap .bg2 .bg {
  background: #b0bfc6;/* url("../images/redRob-2.png") no-repeat center*/
}
.robotImgWrap .bg1,
.robotImgWrap .bg2 {
  left: -340px;
}
.robotImgWrap .bg1,
.robotImgWrap .bg3,
.robotImgWrap .bg4{
  top: 10px;
}
.robotImgWrap .bg3,.robotImgWrap .bg7{left: 306px;}
.robotImgWrap .bg3 {
  width: 462px;
  height: 546px;
}
.robotImgWrap .bg3 .bg {
  background: #b0bfc6 ;/*url("../images/redRob-3.png") no-repeat center*/
}
.robotImgWrap .bg4 {
  width: 751px;
  height: 374px;
}
.robotImgWrap .bg4 .bg {
  background:#b0bfc6 ;/*url("../images/redRob-5.png") no-repeat center*/
}
.robotImgWrap .bg5 {
  width: 386px;
  height:492px;
}
.robotImgWrap .bg5 .bg {
  background:#b0bfc6 ;/*url("../images/redRob-6.png") no-repeat center*/
}
.robotImgWrap .bg7 {
  width: 463px;
  height: 319px;
  top: 566px;
}
.robotImgWrap .bg7 .bg {
  background: #b0bfc6 ;/*url("../images/redRob-4.png") no-repeat center*/
}
.robotImgWrap .bg4,
.robotImgWrap .bg5 {
  left: 788px;
}
.robotImgWrap .bg6,
.robotImgWrap .bg5 {
  top: 394px;
}
.robotImgWrap .bg6 {
  width: 345px;
  height:492px;
  left: 1193px;
}
.robotImgWrap .bg6 .bg {
  background:#b0bfc6 ;/*url("../images/redRob-7.png") no-repeat center*/
}
.robot-blue-txt2,.robot-blue-txt1,.robot-blue1,.robot-blue2{position: absolute;text-align:center;left: 0;right:0;}
.robot-blue1{bottom:-5px;}
.robot-blue-txt1{top:42%;}
.robot-blue-txt2{top:8%;}
.blueIcon:nth-child(4){bottom: 10%;left: 20%;}
.blueIcon:nth-child(5){bottom: 40%;left: 30%;}
.blueIcon:nth-child(6){bottom: 55%;left: 47%;}
.blueIcon:nth-child(7){bottom: 40%;left: 64%;}
.blueIcon:nth-child(8){bottom: 10%;left: 72%;}
.blue-funPart{ width: 120%;height: 100%;margin: 0 -10%;}
.yb-funPart{position:absolute;top:35%;width: 1220px;margin: 0 auto; }
.blue-funPart li{width:33.33%;height: 100%;float: left;text-align: center;}
.yb-funPart li{width:25%;height: 100%;float: left;text-align: center;}
.yBg{width:180px;height:191px;margin: 30px auto 0px;overflow: hidden;cursor: pointer;}
.cirBg{width:270px;height: 272px; margin: 80px auto 25px;overflow: hidden;cursor: pointer;background-size: contain;}
.cirBg>div{width: 96px;height: 96px;margin: 45px auto 0;}
.cirBg1{ background: url(../images/blue-circlebg_1.png) no-repeat;background-size: contain;}
.cirBg2{ background: url(../images/blue-circlebg_2.png) no-repeat;background-size: contain;}
.cirBg3{ background: url(../images/blue-circlebg_3.png) no-repeat;background-size: contain;}
.cirBg4{ background: url(../images/blue-circlebg_4.png) no-repeat;background-size: contain;}
.cirBg5{ background: url(../images/blue-circlebg_5.png) no-repeat;background-size: contain;}
.cirBg6{ background: url(../images/blue-circlebg_6.png) no-repeat;background-size: contain;}
.yBg1{ background: url(../images/iconYb_1.png) no-repeat;background-size: contain;}
.yBg2{ background: url(../images/iconYb_2.png) no-repeat;background-size: contain;}
.yBg3{ background: url(../images/iconYb_3.png) no-repeat;background-size: contain;}
.yBg4{ background: url(../images/iconYb_4.png) no-repeat;background-size: contain;}
.yBg5{ background: url(../images/iconYb_5.png) no-repeat;background-size: contain;}
.yBg6{ background: url(../images/iconYb_6.png) no-repeat;background-size: contain;}
.yBg7{ background: url(../images/iconYb_7.png) no-repeat;background-size: contain;}
.yBg8{ background: url(../images/iconYb_8.png) no-repeat;background-size: contain;}
.qBg1{ background: url(../images/iconQuiet_1.png) no-repeat;background-size: contain;}
.qBg2{ background: url(../images/iconQuiet_2.png) no-repeat;background-size: contain;}
.qBg3{ background: url(../images/iconQuiet_3.png) no-repeat;background-size: contain;}
.qBg4{ background: url(../images/iconQuiet_4.png) no-repeat;background-size: contain;}
.qBg5{ background: url(../images/iconQuiet_5.png) no-repeat;background-size: contain;}
.qBg6{ background: url(../images/iconQuiet_6.png) no-repeat;background-size: contain;}
.qBg7{ background: url(../images/iconQuiet_7.png) no-repeat;background-size: contain;}
.qBg8{ background: url(../images/iconQuiet_8.png) no-repeat;background-size: contain;}
.cirBg .cirInner1{background: url(../images/blue-icon_6.png) no-repeat;background-size: contain;}
.cirBg .cirInner2{background: url(../images/blue-icon_7.png) no-repeat;background-size: contain;}
.cirBg .cirInner3{background: url(../images/blue-icon_8.png) no-repeat;background-size: contain;}
.cirBg .cirInner4{background: url(../images/blue-icon_9.png) no-repeat;background-size: contain;}
.cirBg .cirInner5{background: url(../images/blue-icon_10.png) no-repeat;background-size: contain;}
.cirBg .cirInner6{background: url(../images/blue-icon_11.png) no-repeat;background-size: contain;}
.quietDist .yBg{margin-bottom:50px }
.quietDist .yb-funPart{top:30%;}
.cirBg .cirInner4:hover,.cirBg .cirInner5:hover,.cirBg .cirInner6:hover,.cirBg .cirInner1:hover,.cirBg .cirInner2:hover,.cirBg .cirInner3:hover {
  -webkit-animation: bounce 1s;
     -moz-animation: bounce 1s;
       -o-animation: bounce 1s;
          animation: bounce 1s;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-moz-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(-3000px, 0, 0);
         transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(25px, 0, 0);
         transform: translate3d(25px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(-10px, 0, 0);
         transform: translate3d(-10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(5px, 0, 0);
         transform: translate3d(5px, 0, 0);
  }
  to {
    -moz-transform: none;
         transform: none;
  }
}
@-o-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    -o-transform: none;
       transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
       -moz-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
       -moz-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
       -moz-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
       -moz-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none;
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
       -moz-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
       -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
         -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
       -moz-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
       -moz-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes rainbows {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(0, 0);
            transform: scale(0) translate(0, 0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-200px, 200px);
            transform: scale(1) translate(-200px, 200px);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(-500px, 500px);
            transform: scale(1) translate(-500px, 500px);
  }
}
@-moz-keyframes rainbows {
  0% {
    opacity: 0;
    -moz-transform: scale(0) translate(0, 0);
         transform: scale(0) translate(0, 0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1) translate(-200px, 200px);
         transform: scale(1) translate(-200px, 200px);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1) translate(-500px, 500px);
         transform: scale(1) translate(-500px, 500px);
  }
}
@-o-keyframes rainbows {
  0% {
    opacity: 0;
    -o-transform: scale(0) translate(0, 0);
       transform: scale(0) translate(0, 0);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1) translate(-200px, 200px);
       transform: scale(1) translate(-200px, 200px);
  }
  100% {
    opacity: 0;
    -o-transform: scale(1) translate(-500px, 500px);
       transform: scale(1) translate(-500px, 500px);
  }
}
@keyframes rainbows {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) translate(0, 0);
       -moz-transform: scale(0) translate(0, 0);
         -o-transform: scale(0) translate(0, 0);
            transform: scale(0) translate(0, 0);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-200px, 200px);
       -moz-transform: scale(1) translate(-200px, 200px);
         -o-transform: scale(1) translate(-200px, 200px);
            transform: scale(1) translate(-200px, 200px);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1) translate(-500px, 500px);
       -moz-transform: scale(1) translate(-500px, 500px);
         -o-transform: scale(1) translate(-500px, 500px);
            transform: scale(1) translate(-500px, 500px);
  }
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes circle {
  0% {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@-o-keyframes circle {
  0% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes circle {
  0% {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.robot-blue-txt3{margin:30px auto 0;text-align: center}
.blue-robotContact{font-size: 25px;color:#191a1f}
.left-child{top: 13%;left: 8%;}
.left-robotBlue{bottom: -8px;left: 8%;}
.right-robotBlue{bottom: -8px;right: 8%;}
.right-child{top: 23%; right: 8%;}
.mes-left {
    left: 17%;
    top: 20%;
}
.mes-left1{top: 17%;left: 27%;}
.mes-right{top: 26%;right: 24%;padding: 1.5% 0;}
.mes-left1 span{
    display: block;
    margin-top: -20%;
    text-align: center;
}
.mes-right1 span{
    display: block;
    margin-top: -17%;
    text-align: center;
}
.mes-left span,.mes-right span{display: block;margin-top: -15%;text-align: center;}
.mes-right1{
   right: 18%;
    top: 30%;
}
.ybrobot-right{right: 15%;}
.index-rows{overflow: hidden;padding:37px 0 100px;}
.flowerpot{ background-size: contain;width:282px;height:410px;background: url(../images/plantpic.png) no-repeat;bottom: 7%;right: 26%;z-index:20;}
.blue-left-mark{top: 31%;font-size: 25px;color: #191a1f;left: 14%;}
.blue-left-mark p{margin-top: 9%}
.blue-robot-move0{top:3%;right:32.5%;}
.arrowpic{bottom: 4%;right: 40%;}
.rotateAuto{margin:-150px 70px 0;;width:77px;height:77px;background: url(../images/roundpic.png) no-repeat;-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-animation: circle 3s linear infinite;
    -moz-animation: circle 3s linear infinite;
    -o-animation: circle 3s linear infinite;
    animation: circle 3s linear infinite;
  }
  .ybfunBlock {width: 98%; max-width: 1220px;position: relative;z-index: 10;top:-50%;margin: -10% auto 5%;}
  .ybfunPart{width: 100%;margin-bottom:2%;text-align: center}
  .wel-part4{color: #fff;left: 0;right: 0;top:10%;}
  .wel-part5{color: #fff;left: 0;right: 0;top:15%;}
.tt4-wel{text-align: center;font-size: 70px;font-weight: bolder;}
.tt-fun{font-size: 36px;text-align: center;margin-top:1%;}
.tt-fun1 span,.tt-fun span{padding-right:1%;}
.tt-fun1{font-size: 36px;text-align: center;margin-top:2%;}
.yb-robotPart{height:1180px;position: relative;}
.z-fun {width: 45%;position: absolute;top: 62%;left: 15%;}
.z-fun li{float:left;width:16%;text-align: center}
.round-loupe{
   /*border-radius: 10000px;*/
   border: 5px solid #fff;
   background: #f4f7ff;
}
/*.z-fun li img{ margin: 0 auto}*/
.blue-contact-pro1{width:35%;left: 8%;bottom:20%;border:1px solid #eeecec;box-shadow:0 0 10px #b9bcddc2;padding:1.5%;border-radius:10px;overflow: hidden; }
.blue-contact-pro2{color:#fff;width:35%;right:12%;bottom:20%;border:1px solid #595f72a3;box-shadow:0 0 20px #595f72 inset;padding:1.5%;border-radius:10px;overflow: hidden; }
.blue-contact-right,.blue-contact-left,.blueIcon,.right-blue-para,.left-blue-para,.robot-t-red-left1,
.blue-contact-right,.blue-contact-left,.blueIcon,.right-blue-para,.left-wel-para,.robot-t-red-left1,
.robot-t-red-left,.red-animate1>div,.red-animate2>div,.red-animate>div,.right-showCase,.left-showCase,.mes-right1,.wel-part5,
.robot-left,.robot-right-pro,.robot-right,.robot-left-red,.robot-right-red,.right-red-para,.blue-contact-pro1,.blue-contact-pro2,
.wel-part4,.left-red-para,.right-child,.left-robotBlue,.blue-left-mark,.flowerpot,.blue-robot-move0,.arrowpic,.mes-left,.mes-right,.mes-left1{position:absolute;}




/*智慧物流时代*/
.clearfix:after {display: block; content: ''; clear: both; visibility: hidden;}
.distBanner{ perspective: 1800px; }
.wuliuTitle{position: absolute;top:26%;width:53%;left:23%;visibility: hidden; }
.distTitle{position: absolute;top:48%;left:31%;}
.titlebox-dist{margin:6% auto 0; width:360px;height:52px;font-size: 34px;letter-spacing:5px;}
.titlebox-dist span{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align: middle;float:left; background:#239dea; color:#fff; width:180px;height:100%;text-align: center;}
.titlebox-dist font{height:100%;line-height:1.2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:180px;vertical-align: middle;float:left;background: transparent;border:5px solid #239dea;text-align: center;color:#fff;}
.titlebox-dist i{ animation: animate linear 2000ms infinite; }
.titlebox-dist i:nth-child(1n){ animation-delay: 0s; }
.titlebox-dist i:nth-child(2n){ animation-delay: 100ms; }
.titlebox-dist i:nth-child(3n){ animation-delay: 200ms; }
.titlebox-dist i:nth-child(4n){ animation-delay: 300ms; }
.titlebox-dist i:nth-child(5n){ animation-delay: 400ms; }
.titlebox-dist i:nth-child(6n){ animation-delay: 500ms; }
.titlebox-dist i:nth-child(7n){ animation-delay: 600ms; }
.titlebox-dist i:nth-child(8n){ animation-delay: 700ms; }
@keyframes animate{
    0%{ opacity: 0.3; }
    100%{
       opacity:1;
       text-shadow: 0 0 80px #0962ab,0 0 30px #ab0928,0 0 6px blue;
    }
}
.distInctro h2{color: #135db6;font-size: 48px;text-align: center;margin-top:5% }
.distInctro p{text-indent: 2em;width:80%;margin:5% auto 4%;line-height: 2}
.distInctro ul{width: 80%;margin: 0 auto 4%;}
.distInctro ul li{float: left;width:33.33%;text-align: center;}
.distInctro ul li img{transform: scale(1);transition: all 1s ease-in-out 0s;}
.distInctro ul li img:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.distbute-fun1,.distbute-fun{position: absolute;top:7%;left:16%;}
.distbute-fun .g-tit4{color:#fff;font-size: 46px;font-weight: bold;}
.distbute-fun1 .g-tit4{color:#256dc3;font-size: 46px;font-weight: bold;}
.distbute-fun1 ul li{float: left;width:25%;margin-top:2%;color:#333;}
.distbute-fun .coreWrap li h3{color:#fff;font-size: 30px;font-weight: bold;}
.distbute-fun .coreWrap li p{color: #fff;font-size: 20px;text-align: left;padding: 6% 10% 10%;}
.distbute-fun1 .coreWrap li p{font-size: 22px;}
.distbute-fun .coreWrap{margin-top:8%;}
.distInctro{border-top-right-radius:10px;-moz-border-top-right-radius:10px;-webkit-border-top-right-radius:10px;overflow:hidden;color:#212121;width: 98%; max-width: 1220px;position: relative;z-index: 10;top: -50%;margin: -13% auto 0;background: url('../images/bg1-dist.png') no-repeat; background-size: cover;}
.dsync-dev1 .robot-t-right {top: 16%;right:7%;}
.dsync-dev1 .rt-left {top: 30%;left: 12%}

/*卡片插件*/
.containers {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.containers:before,.containers:after,.row:before,.row:after,{
    margin-right: -15px;
    margin-left: -15px;
}{
   display: table;
    content: " ";
  }
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
        background:#fff;
    }
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-theme .owl-controls {
    text-align: center;
    margin-top:-27px;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg);
  }
}

.distbute-fun1 .coreWrap li span img:hover{
  -webkit-animation: spinAround 2s linear infinite;
  -moz-animation: spinAround 2s linear infinite;
  animation: spinAround 2s linear infinite;
}
/*静态侧体积*/
.asynct1{width: 800px;height:72px;background: #216bc3; color:#fff;font-size: 38px;text-align: center;letter-spacing: 20px;}
.logistic-dev3 .robot-sm,.dsync-dev3 .robot-sm{text-indent: 2em;text-align: justify;}
.dsync-dev3 .rt-left,.dsync-dev2 .rt-left{top:35%;left:10%;}
.caseCarousel{width: 100%;height:600px;position: relative;}
.dsync-dev1 .g-tit4{font-size: 30px;text-align: center;color: #fff;margin-top:20px;}
.dsync-dev1 .g-tit4 p{text-align: center;font-size:20px;margin-top: 30px;}
.distbute-fun1 .coreWrap li span img{width:75px;height:75px;margin: 20% auto 0;display: block;}
.distbute-fun1 .coreWrap li span{margin-bottom: 5%; overflow:hidden;background: url(../images/distIconOutside.png) no-repeat;background-size: contain;width:130px;height:130px;}
.dsync-dev3 .robot-t-left{left:10%;}
.dsync-dev3 .robot-title{text-indent: 0.8em}
.dsync-dev4 .robot-t-left{left:2%;}
.por2-asynctj{position: absolute;left:34%;top:42%;}
.por3-asynctj{position: absolute;left:36%;top:30%;}
.tablabel1{position: absolute;top: -205px;left: 320px;}
.tablabel2{position: absolute; top: -160px;left: 78px; }
.tablabel3{position: absolute; top: 100px;left: -112px; }
.tablabel4 {position: absolute; top: 310px;left: -76px; }
.tablabel5{position: absolute;top: -90px;left: 240px;}
.tablabel6{position: absolute;top: 300px;left: 300px;}
.tablabel7{position: absolute;top: 265px;left: -470px;}
.tablabel8{position: absolute;top:24%;right: 15%;}
.tablabel9{position: absolute;top: 53%;right:13%;}
.tablabel10{position: absolute;top:49%;left:7%;}
.tablabeltt1{position: absolute;bottom: 8%;right:12%;}
.tablabeltt2{position: absolute;top: 34%;left:11%;}
.distbute-fun3{position: absolute;color: #333333; top:3%;left:0;right:0;}
.distbute-fun2{position: absolute;color: #fff; top:3%;left:0;right:0;}
.distbute-fun3 p,.distbute-fun2 p{font-size: 30px;text-align: center;}
.distbute-fun3 h2,.distbute-fun2 h2{font-size: 70px;text-align: center;margin:1% 0 2%;}
.distbuteC{color: #175bab}
.dsync-dev3 .wel-part5{top:30%;}
.pro-rows .proSm{color: #175bab }
.pro-rows .proSm,.proImg{float: left;width:50%;height:500px;overflow: hidden;}
.smBox{width: 60%;margin:15% auto 0;}
.proImg img{width: 100%}
.pro-rows .proSm h1{font-size: 70px;}
.pro-rows .proSm p{font-size: 32px;}
.funCWrap li{float: left;width:50%;}
.funCWrap li span{font-size: 30px;display: inline-block;width: 30%}
.funCWrap li em{font-size: 26px;}
.funCWrap{position: absolute;top:40%;color: #fff;}
.quietDist .funCWrap{color: #333}
.sm-dist{margin-top: -1%}
.funLast{margin-bottom: 5%}
.quietDist .robot-blue-txt1{top:38%;}
.quietDist .ybrobot-right{right:2%;}
.light {
  position: absolute;
  -webkit-animation: fade 1.5s linear infinite;
     -moz-animation: fade 1.5s linear infinite;
       -o-animation: fade 1.5s linear infinite;
          animation: fade 1.5s linear infinite;
}
.lights {
  -webkit-animation: fade 1.5s linear infinite;
     -moz-animation: fade 1.5s linear infinite;
       -o-animation: fade 1.5s linear infinite;
          animation: fade 1.5s linear infinite;
}
@-webkit-keyframes fade {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fade {
  from,
  to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.quietProfun{width:60%;}
.quietProfun li{float: left;width: 50%}
.rt-quiet-left{color: #3b3b3b;top: 18%;left: 5%;}
.rt-quiet-right{right:0;bottom: 0}
.mtFun{margin-top:6%;}
.funxg{position:absolute;left:22%;top:4%;}
.quietPro3tt{position: absolute;right:9%;top:23%;}
.quietPro3tt1{position: absolute;right:5%;bottom:13%;}
.quietPro4C{color: #333}
.dsync-smdev .robot-t-left{top:16%;}
.carouselBox{position: absolute;top:3%;left:18%;}
.logistic-dev2 .robot-t-right {top: 18%;right: 0}
.logistic-dev2 .rt-left {top: 32%; left: 8%;}
.logistic-dev3 .robot-t-left { left: 0;}
.logistic-dev3 .robot-title{text-align: center;}
.logistic-dev4 .yb-funPart{width:1550px;top:28%;}
.logistic-dev4 .wp{max-width: 1550px}
.quietPro4fun5,.quietPro4fun4,.quietPro4fun3,.quietPro4fun2,.quietPro4fun1{position: absolute;top:25%;width:789px;margin: 0 auto;left:4%;right:0;}
.sysGroup li{height: 261px;width:261px;text-align: center;float:left;color:#fff;}
.sysGroup{position: absolute;top: 26%;}
.grayBg{width:261px;height:261px; background: url(../images/grayBg.png) no-repeat;background-size: contain;}
.logistic-dev5 .wel-part4{top:5%;}
.logisticText p{text-align: left;}
.logisticText{color: #fff;font-size: 24px;padding:50px 25px 0;}
.logisticText .tt{font-size: 26px;text-align: center;margin-bottom: 30px;}
.loBg1 {
    background: url(../images/iconLogistic_1.png) no-repeat;
    background-size: contain;
}
.loBg2 {
    background: url(../images/iconLogistic_2.png) no-repeat;
    background-size: contain;
}
.loBg3 {
    background: url(../images/iconLogistic_3.png) no-repeat;
    background-size: contain;
}
.loBg4 {
    background: url(../images/iconLogistic_4.png) no-repeat;
    background-size: contain;
}
.loBg5 {
    background: url(../images/iconLogistic_5.png) no-repeat;
    background-size: contain;
}
.loBg6 {
    background: url(../images/iconLogistic_6.png) no-repeat;
    background-size: contain;
}
.loBg7 {
    background: url(../images/iconLogistic_7.png) no-repeat;
    background-size: contain;
}
.loBg8 {
    background: url(../images/iconLogistic_8.png) no-repeat;
    background-size: contain;
}
.lBg {
    width: 131px;
    height: 190px;
    margin: 30px auto 60px;
    overflow: hidden;
    cursor: pointer;
}
.batchscan1 .robot-blue-txt1{top:25%}
.logistic-dev4 .wel-part4{top:8%;}
.logistic-dev5 .rt-left{top: 35%;left: 11%;}
.logistic-dev5 .robot-right-cs{top:5%;right:0;}
.logistic-dev5 .rt-left{top: 34%; left: 11%;}
.logistic-dev5 .robot-t-right{right:0;}
.logistic-dev5 .distbute-fun3{color:#fff;}
.logistic-dev6 .rt-right{top:38%;}
.logistic-dev6 .robot-t-left{top:35%;}
.logistic-dev8 .robot-t-left{top: 45%;left: 12%;}
.logistic-dev6 .rt-right{top:38%;}
.tab1logistic{position: absolute; top: 16%; left: 28.5%;}
.tab3logistic{position: absolute; top: 21.5%;left: 11%;}
.tab2logistic{position: absolute; top: 8%;right: 7%;}
.tab4logistic{position: absolute; top: 5%;left: 27%;}
.logistic-dev7 .rt-left {top: 33%;left: 9%;}
.logistic-dev7 .robot-t-right { top: 29%;right: 24%;}
.batchscan2 .ybrobot-right {right: 0;top: 10%;}
.batchscan2 .robot-sm-wel{width:52%;}
.batchscan2 .rt-wel-left {top: 30%;left: 7%;}
.batchscan2 .robot-title{padding-left: 10%}
.batchscan2 .funxgscan {position: absolute;right: 24%;top: 24%;}
.pro2scan{position: absolute;bottom:2%;left:30%;}
.scanlabel1{position: absolute;top: 27%; right: 13.5%;}
.scanlabel2{position: absolute;bottom: 11%;right: 4.5%;}
.scanlabel3{position: absolute;bottom: 28.5%;left: 5%;}
.batchscan3 .robot-t-right{right:13%;top:24%;}
.batchscan3 .rt-left {top: 38%;left: 10%;}
.batchscan4 .tab2logistic{ top:9%;right: 6%;}
.batchscan4 .tab3logistic{top: 21.5%;left: 11%;}
.batchscan4 .tab1logistic{top:22%; left: 31.5%;}
.batchscan4 .robot-t-left {top: 21%;left: 4%;}
.batchscan4 .rt-right{top: 40%;right: 7%;}
.batchscan5 .tab2logistic{top: 20%;right: 7%;}
.batchscan5 .robot-t-right {top: 20%;right: 22%;}
.batchscan6 .robot-t-left {top: 12%;left: 5%;}
.batchscan6 .tab4logistic {top: 26.5%;left: 30%;}
.batchscan6 .rt-right{top:42%;}
.separte6 .funCWrap li:nth-of-type(even) span{width:50%;}
.proImg img{height:500px;}
.separte2 .robot-t-left{left:7%;top:24%;}
.separte2 .robot-title{text-indent: 0.8em;}
.separte2 .robot-sm {text-indent: 2em;text-align: justify;margin-top:20px;width:91%;}
.separte2 .rt-right {top: 19%;right: 0%;}
.separte2 .z-funs {width:80%;margin:0 auto;}
.separte2 .z-funs li{width: 25%;float: left;}
.separte1 .robot-blue-txt1{top:30%;}
.separteSys{position: absolute;top:25%;width:1300px;left:15%;}
.detail-Separt{width: 188px;height: 188px;}
.left{float:left;}
.right{float:right;}
.separteDetai{width:839px;height:697px;position: absolute;left: 232px;top: 0;}
.pos_absolite{position: absolute;top:0;}
.partol1 .robot-blue-txt1 {top: 22.5%;}
.partoltt{position: absolute;top: 58%;left: 27%;}
.partoltitleBox{text-align: center;margin: 5% 0 3%;color:#333;}
.partoltitleBox p{font-size: 20px;text-align:center;margin-top: 3%;}
.portfolio-effects,.portfolio-effect {display: flex;justify-content: space-between;width: 1300px;margin:5% auto 6%;}
.portfolio-effects{position: absolute;top:25%;left:0;right:0;}
.portfolio-items{padding:40px 48px 40px;position: relative;color: #fff;width:285px;height:354px; background:url(../images/iconBox_partol.png) no-repeat;background-size: contain;}
 .icon_partol{width:61px;height:60px;background-size: contain;margin: 0 auto 28px;}
.portfolio-items:first-child .icon_partol{ background:url(../images/icon5_partol.png) no-repeat;}
.portfolio-items:nth-child(2) .icon_partol{ background:url(../images/icon6_partol.png) no-repeat;}
.portfolio-items:nth-child(3) .icon_partol{ background:url(../images/icon7_partol.png) no-repeat;}
.portfolio-items:last-child .icon_partol{ background:url(../images/icon8_partol.png) no-repeat;}
.iconsmPartol h2{font-size: 32px;text-align: center;}
.iconsmPartol p{font-size: 22px;text-align: justify;text-align: center;margin-top:30px;}
.portfolio-item:hover{color:#fff;transition: .5s;}
.portfoliobg{
   z-index: 2;
   transition: 1s;
   display: flex;
   flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100%);
    height: calc(100%);
    position: absolute;top: 0;left:-100%;
    background:url(../images/producet_bg_hover.png) no-repeat;
    background-size: contain;
     min-width: 100%;
  min-height: 100%;
  max-width: 200%;
  max-height: 200%;
  transform-origin: left top;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  }
.portfolio-item:hover .portfoliobg{
  left:0;
  }

.portfolio-item:nth-child(2) .icons{width:240px;height:173px; background:url(../images/icon2_partol.png) no-repeat;
    background-size: contain;}
.portfolio-item:nth-child(3) .icons{width:240px;height:173px; background:url(../images/icon3_partol.png) no-repeat;
    background-size: contain;}
.portfolio-item:last-child .icons{width:240px;height:173px; background:url(../images/icon4_partol.png) no-repeat;
    background-size: contain;}
.portfolio-item:first-child .icons{width:240px;height:173px; background:url(../images/icon1_partol.png) no-repeat;
    background-size: contain;}
.portfolio-item .inner{position: absolute;top: 0; right: 0;left: 0;color:#666;}
.portfolio-item .inner:hover{z-index:20;color:#fff;}

.portfolio-item:nth-child(2) .inner:hover .icons{width:240px;height:173px; background:url(../images/icon2_partol_on.png) no-repeat;
    background-size: contain;}
.portfolio-item:nth-child(3) .inner:hover .icons{width:240px;height:173px; background:url(../images/icon3_partol_on.png) no-repeat;
    background-size: contain;}
.portfolio-item:last-child .inner:hover .icons{width:240px;height:173px; background:url(../images/icon4_partol_on.png) no-repeat;
    background-size: contain;}
 .portfolio-item:first-child .inner:hover .icons{width:240px;height:173px; background:url(../images/icon1_partol_on.png) no-repeat;
    background-size: contain;}
  .portfolio-item:hover{color: #fff;}
.portfolio-item {color: #666666; position: relative; overflow: hidden;width: 304px;height: 396px;background:#f8f8f8;transition: .5s;}
.portfolio-effect p{font-size: 14px;text-align: justify;margin-top:40px;}
.portfolioInner{width:240px;margin:60px auto;}
.partoltitleBoxs{position: absolute;top:10%;text-align: center;color: #fff;left:0;right:0;}
.partoltitleBoxs p{font-size: 20px;text-align:center;margin-top: 3%;}
.icon_partol:hover{
  -webkit-animation: spinAround 0.9s linear infinite;
  -moz-animation: spinAround .9s linear infinite;
  animation: spinAround .9s linear infinite;
}

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spinAround {
  from {
    -moz-transform: rotate(0deg)
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(360deg);
  }
}
.partol4 .rt-left{top:36%;}
.partol4 .robot-t-right {top: 23%;}
.partol3 .robot-t-left {top: 23%;left: 4%;}
.partol3 .rt-right {top: 31%;right: 16%;}
.five_hy{width: 100%;background: #fff;}
.five_hy li:hover span{top: 45%;}
.five_hy li {
    width: 20%;
    float: left;
    height:540px;
    overflow: hidden;
    position: relative;
}
.five_hy li a:before {
    transition: .5s;
    content: "";
    z-index: 2;
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #2395ff;
}
.five_hy li img {
    width: 100%;
    height: 100%;
}
.five_hy li:hover a:before{bottom: 0}
.five_hy li span {
    transition: .5s;
    z-index: 3;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 -50px;
    width:130px;
    height: 140px;
    padding: 80px 0 0;
}
.five_hy li span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -20px;
    width: 40px;
    height: 3px;
    background: #fff;
    font-size: 24px;
}
.five_hy li a {
    display: block;
    width: 100%;
    padding: 15% 0 0;
    height: 100%;
    position: relative;
}
.five_hy li.active span{top: 45%;}
.five_hy li:nth-of-type(1) span {background: url(../images/iconc_19.png) no-repeat top center;width}
.five_hy li:nth-of-type(2) span {background: url(../images/iconc_21.png) no-repeat top center;}
.five_hy li:nth-of-type(3) span {background: url(../images/iconc_23.png) no-repeat top center;}
.five_hy li:nth-of-type(4) span {background: url(../images/iconc_26.png) no-repeat top center;}
.five_hy li:nth-of-type(5) span {background: url(../images/iconc_28.png) no-repeat top center;}
.roomRobot1 .robot-t-left {top: 31%;left: 10%;}
.roomRobot1 .rt-room{right: 9%;bottom: 33%;}
.rt-room p{margin-top:5%;}
.iconRoomBox{width: 1300px;position: absolute;top:55%;left:15%;}
.iconRoomBox li{float: left; width:20%;}
.circle-icon img{display: block;margin:29px auto;}

.roomrobot li:hover .circle-icon{
  border:3px dashed #fff;
  -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
  }
  .dlrobot .circle-icon,.roomrobot .circle-icon{text-align:center;width:126px;height:126px;border-radius: 9999px;-webkit-border-radius:9999px;border:3px solid #fff;}
.dlrobot .circle-icon img{
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.7;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}
.dlrobot li:hover .circle-icon img{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
 
.dlrobot li:hover .circle-icon{
  border:3px dashed #fff;
}
.iconRoomEm{width:126px;color: #fff;margin:0 auto;}
.iconsm{font-size: 22px;text-align: center;margin-top:20%;}
.roomRobot2 .distbute-fun2{top:10%;}
.roomRobot3 .robot-t-right {
    top: 11%;
    right: 5%;
}
.roomlabel{width: 100%;}
.roomlabel li{float: left; width:25%;text-align: left;}
.caseTemHumity,.caseRoom{width: 1655px;margin:3% auto 0;position: absolute;top:30%;left:0;right:0;}
.caseRoom li{float: left; width:20%;text-align: center;}
.caseRoom p{font-size: 26px;text-align: center;color: #fff;margin-top:6%;}
.caseTemHumity li{float: left; width:33.33%;text-align: center;}
.caseTemHumity{width: 1300px;top:40%;}
.roomRobot4 .distbute-fun2{top:6%;}
.caseTemHumity li img:hover,.caseRoom li img:hover{-webkit-animation: bounce 1s;
     -moz-animation: bounce 1s;
       -o-animation: bounce 1s;
          animation: bounce 1s;
        }
.robotRoom{position: absolute;bottom:5%;right:45%;}
.robot-tr-left{bottom:-5px;left:15%;}
.roomRobot5 .rt-right{right: 6%;top:35%;}
.roomRobot6 .rt-left{left:10%;top:32%;}
.roomRobot-tt{position: absolute;left:15%;top:10%;}
.roomRobot-tt p{font-size: 70px;color: #4c4c4c;font-weight: bold;}
.roomRobot-ttsm{font-size: 30px;color:#333;margin-top:2%;}
.roomRobot-ttsm span{font-size: 40px;color:#0464f3;}
.dlRobot1 .robot-t-left{top:28%;left:17%;}
.rt-dl{bottom:5%;right:21%;}
.dlRobot2 .robot-t-left{left:0;top:18%;}
.dlRobot2 .robot-sm{font-size: 28px;text-indent: 2em;color:#555555;text-align: justify;font-weight: bolder;}
.dlRobot2 .robot-title{text-align: center;}
.dlRobot2 .rt-right{width:48%;right:2%;}
.dlrobotfun{width: 100%}
.dlrobotfun li:nth-of-type(even){padding-left:6%;}
.dlrobotfun li{float: left;width: 50%;color: #333333;font-size: 22px;margin-top: 5%;line-height: 30px;}
.dlrobotfun li span{display:inline-block;width:19px;height: 19px;border:3px solid #333;margin-right:15px;vertical-align: middle;border-radius: 999px;-webkit-border-radius: 999px;}
.robotdlfun{position: absolute;top:35%;left: 0;right:0;text-align: center;}
/*.robotdlfun .dlrobotDs:first-child{top:0;left:5%;}*/
.dlrobotDs{position: absolute;}
.ds1{top: -27%;left: 17%;}
.ds2{top:12%;left: 19%;}
.ds3{top:43%;left: 16%;}
.ds4{bottom:-9%;left: 20%;}
.ds5{top:-19%;right: 21%;}
.ds6{top:23.5%;right: 19.5%;}
.ds7{bottom:1%;right: 13%;}
.dlrobotResult{width: 50%;position: absolute;right:2%;bottom:5%;}
.dlrobotResult li{float: left;width: 50%;margin-bottom: 7%;position: relative;}
.dlrobot_absolite{position: absolute;left:0;top:0;}
.dlRobot5 .robotRoom{bottom: 4%;right: 40%;}
.dlrobotpro5{position: absolute;bottom:0;right: 5%;}
.dlRobot6 .rt-left {top: 35%;left:12%;}
.redRobotScreen{position: absolute;top:100px;left:0;right:0;text-align: center;}
.asynctjfunsm{text-align: center!important;padding: 3% 6% 10%!important;}
.videoWrap{width:1000px;height:562px;position: absolute; top:170px;left: 0;right: 0;text-align: center;margin: 0 auto;}
.robotPro2 .rt-right{right:12%;}
.video-tt{font-size:46px;text-align: center;position:absolute; left:0;right:0;top:60px;color:#fff;font-weight: bolder}
.asyncDev .distbute-fun2{color:#1d6ac4;}
.asyncDev .funCWrap{color: #135ba5}
.dzsm{position: absolute;bottom: 30px; right:2%;font-size: 24px;}
.asyncDev .dzsm{color: #135ba5;}
.quietDist .dzsm,.quietDist .distbute-fun2,.logistic-dev5 .funCWrap,.logistic-dev5 .dzsm,.logistic-dev5 .distbute-fun3{color:#353535;}
.quietDist .videoWrap{top:225px;}
.quietDist .video-tt{top:80px;font-size: 70px;}
.label1-sep,.label2-sep,.label3-sep,.label4-sep,.label5-sep,.label6-sep{left:247px;}

/*@media only screen and (max-width:1680px) {
  .ybrobot-right{right:8%;}
  .z-fun{top:72%;}
  .wel-robot-right img{width: 90%}
   .robot-left-red img{width:80%;}
   .robot-t-red-right img{width:86%;}
   .dz-cd-pos img{width: 330px}
   .dz-cd-pos {top: -400px;}
   .rt1{left:52%;}
    .robot-left img,.robot-right-pro img{
     width: 85%
    }
  .robot-t-right{top: 10%;right: 5%;}
  .robot-t-left {top: 15%;left: 25%;}
   .robot-blue1 img{width: 23%}
   .arrowpic img,.robot-blue-txt1 img{width:80%;}
  .mes-left {left: 19%; top: 16%;}
.mes-right {top: 30%;right: 25%;}
.arrowpic {bottom: 0}
.blueIcon:nth-child(6) {bottom: 50%;left: 45%;}
.blueIcon:nth-child(7) {left: 62%;}
.blue-robot-func img{width:90%;}
.blue-robot-func{margin-top: 20px}
.robot-title-blue img{width:40%;}
.rt-blue-right { right: 9%;}
  .robot-sm-wel{margin: 35px 0;}
}

@media only screen and (max-width:1599px) {
    .mes-right img,.mes-left img { width: 70%;}
  .rt1 img{width: 85%}
   .robot-left-red img{width:60%;}
   .rt-p1 img{width:88%;}
   .dz-pos img{width:290px;}
   .dz-c-pos img{width: 400px}
   .dz-cd-pos img{width: 256px}
   .red-animate .bg1, .red-animate .bg3, .red-animate .bg2 {
    width: 490px;
    height: 192px;
  }
  .red-animate1 .bg1, .red-animate1 .bg3, .red-animate1 .bg2 {
    width: 400px;
    height: 94px;
  }
  .dz-pos {
    left: 100px;
    top: -100px;
}
.dz-c-pos {
    left: 75px;
    top: -98px;
}
.rt-right{right:4%;}
.robot-t-red-right img{width:70%;}
.robot-t-red-right{right:0;bottom: -15px}
.ybrobot-right{right:4%;}
.dz-cd-pos {
    top: -300px;
    right: -60px;
  }
 .rt-blue-right{right:0;}
 .robot-title-blue img{width:40%;}
 .blue-robot-func img{width:85%;}
 .blue-robot-func {margin-top: 20px;}
 .robot-blue-txt2 img{width:20%;}
 /*.mes-left img{width:80%;}*/
 /*.flowerpot {
    width: 235px;
    height: 341px;
  }
  .blue-robot-move0 {
    top: 12%;
    right: 27%;
}
 .blue-robot-move0 img{width: 60%}
 .arrowpic {
    bottom: 8%;
    right: 38%;
}
 .arrowpic img{width:70%;}
 .rotateAuto {
    margin: -95px 42px 0;
    width: 50px;
    height: 50px;
  }
  .robot-left-yb img{width:75%;}
}

@media only screen and (max-width:1440px) {
 
  .tt-fun {font-size: 30px;}
  .tt4-wel{font-size: 60px}
  .ybfunPart img{width: 90%}
  .wel-part4{top:2%;}
  .yb-funPart{top:25%;}
  .yBg {width: 160px;height: 191px}
  .mes-left {
    left: 21%;
    top: 22%;
}
.mes-right1{right: 12%}
.blue-robot-func img {
    width: 75%;
}
.blueIcon img{width: 75%}
 .mes-right1 img,.mes-left1 img, .mes-right img,.mes-left img { width: 70%;}
.mes-right{right:15%;}
.blue-robotContact{font-size: 16px}
 .more-solution {top:20px;}
 .robot-left img,.robot-right-pro img{
     width: 65%
    }
  .robot-t-right{top: 10%;
        right: 0%;}
   .robot-t-left {
    top: 15%;
    left: 25%;
   }
    .robot-sm-wel{font-size: 25px;margin: 20px 0;}
}
@media only screen and (max-width:1280px) {
  .ybrobot-right{right:0;}
  .arrowpic {
    bottom: 4%;
    right: 36%;
}
.arrowpic img{
   width:60%;
}
.blue-robot-func img {
    width: 65%;
}
.mes-right {
    top: 33%;
  }
  .rt1 img{width: 75%}
 .more-solution {top:0px;}
  .robot-left img,.robot-right-pro img{
     width: 65%
    }
  .robot-t-right{top: 10%;
        right: -10%;}
   .robot-t-left {
    top: 15%;
    left: 15%;
   }
}
@media only screen and (max-width:1152px) {

  .yb-funPart{width: 100%}
  .yBg {
    width: 140px;
    height: 151px;
}
.tt-fun1{margin-top: 0}
  .robot-left img,.robot-right-pro img{
     width: 65%
    }
   .robot-t-right{top: 10%;
        right: -10%;}
   .robot-t-left {
    top: 10%;
    left: 15%;
   }
   .rt-blue-right {
    right: -10%;
}
.arrowpic img {
    width: 40%;
}
.robot-left-yb img{width: 60%}
.robot-title{font-size: 50px}
.z-fun img{width: 90%}
.robot-t-red-right img{width: 60%;}
  .robot-sm-wel{margin-top: 10px;font-size: 22px}
  }
@media only screen and (max-width:749px) {
  .ybfunPart img{width:80%;}
  .tt-fun1{font-size: 12px;margin-top: 0}
  .yb-funPart {width: 100%;top:28%;}
  .ybfunBlock{width: 100%}
  .wel-part4{top:5%;}
  .yb-funPart .yBg{width:45px;height:50px;margin: 10px auto 0px;}
  .tt4-wel{font-size: 16px}
  .tt-fun{font-size: 12px}
  .red-robotPart{height:200px;}
  .btn-def1:hover{ box-shadow: 0 8px 16px rgba(50, 142, 255, 0.5);color:#fff;background: #328eff;transition:0.5s;}
  .box-img1{background-size: cover;height:auto;}
 .robot-right-pro,.robot-left,.robot-right{width: 40%;max-width: 200px;}
  .robot-right-red{width:50%;}
  .robot-blue1 img{width:22%;}
  .robot-left-red{width: 30%;}
  .robot-blue-txt1 img{width: 80%}
    .robot-t-right{top:7%;right:0;}
    .robot-t-left{top:7%;left:0;}
    .robot-t-red-left1{top:25%left:0;}
    .robot-t-red-left{left:0;}
    .robot-t-red-right{right:0;}
    /*.robot-t-red-left{top:;}*/
   /* .title-t{top:20px;}
    .rt-left{top:18%;}
    .rt-right{right:0}
   .rt1{left: 55%;}
    .rt-p1{left: 46%;top: 40%;}
     .more-solution p{font-size: 12px;margin-top:0;}
     .more-solution h1{font-size: 15px}
     .more-solution{top:0;}
   .funCore .g-tit4,.robot-title{font-size: 18px}
    .robot-sm{font-size: 12px;margin:10px 0;}
    .regonizeFace font{font-size: 12px}
    .btn-def1{font-size: 10px;padding:4px 6px;}
  .robot-t-red-right img,.robot-left-red img,.robot-right-red img,.robot-left img,.robot-right img,.robot-right-pro img{width:100%;}
  .robotPara img{width:70%;}
  .red-animate .bg1, .red-animate .bg3, .red-animate .bg2 {
    width: 185px;
    height: 68px;
  }
   .red-animate1 .bg1, .red-animate1 .bg3, .red-animate1 .bg2 {
    width: 128px;
    height: 30px;
  }
   .red-animate2 .bg1, .red-animate2 .bg3, .red-animate2 .bg2 {
    width: 45px;
    height: 39px;
  }
  .dz-pos{left: 45px;top: -25px;}
  .dz-c-pos{left: 50px;
    top: -18px;}
 .dz-c-pos img, .dz-pos img{width: 90px;}
 .dz-cd-pos img{width:80px;}
  .dz-cd-pos{top: -90px;right: 110px;}
  .regonizeFace span,.tx-text li{font-size: 14px}
  .robot-right-cs{right:0;}
  .rt-right{z-index:30;}
  .robot-blue-left img{width:70%;}
  .rt-blue-right{top: 12%; right: 0; z-index: 20;left: 50%;}
  .blue-robot-func{margin-top: 2%;}
  .robot-title-blue img{width:35%;}
  .blue-robot-func img{width:65%;}
  .blueIcon img{width:28px;height:39px;}
.cirBg{width:115px;height:116px;margin: 30px auto 0px;}
.robot-blue-txt2 img{width:25%;}
.blueIcon:nth-child(5),.blueIcon:nth-child(7){bottom: 35%;}
.blueIcon:nth-child(6){bottom: 50%;}
.robot-blue-txt3 img{width:25%;}
.robot-blue-txt3{margin-top: 0}
.cirBg>div {width: 40px;height: 40px;margin: 20px auto 0;}
.blue-funPart{width: 100%;height: 100%;margin: 0 auto;}
.faceImg{width:20%;}
.blue-robotContact{font-size: 12px}
.blue-contact-pro1{bottom: 2%;width:68%;}
.mes-right {
    top: 26%;
    right: 15%;
    padding: 1.5% 0;
    width: 50%;
}
.mes-right img{width:80%;}
.mes-left img {
    width: 50%;
}
.mes-right span {
    display: block;
    margin-top: -16%;
    text-align: center;
}
 .mes-left span{
    width: 60%;
    margin-top: -10%;
}
.left-child {
    top: 10%;
    left: 5%;
}
.mes-left {
    left: 15%;
    top: 8%;
}
.right-child img{float:right;}
.mes-right1 img{
    width: 35%;
    float: right;
    margin-top: 15px;
    margin-right: 65px;
  }
.mes-right1 {
    right: 0;
    top: 30%;
}
.mes-right1 span {
    display: block;
    text-align: center;
    width: 50%;
    float: right;
    margin-top: -30px;
    margin-right: 65px;
}
.blue-contact-pro2 {
    width: 55%;
    right: 12%;
    bottom: 3%;
  }
  .mes-left1 span {
    display: block;
    margin-top: -10%;
    text-align: left;
    margin-left: 25px;
}
.mes-left1 img{width: 40%}
.flowerpot {
    width: 70.5px;
    height: 102.5px;
    background-size: contain
  }
  .blue-left-mark {
    top: 31%;
    font-size: 12px;
    color: #191a1f;
    left: 5%;
}
.blue-left-mark img{width:25%;}
.blue-robot-move0 img{
    width: 20%;
    float: right;
}
.rotateAuto {
    margin-top: 85px;
    float: right;
    margin-right: -30px;
    width: 20px;
    height: 20px;
  }
  .blue-robot-move0 {
    top: 3%;
    right: 40%;
}
.arrowpic img{
    width: 20%;
    float: right;
    margin-right: 20px;
}
.blue-left-mark p{margin-top: 0}
.ybrobot-right img{width: 65%}
  .ybrobot-right {right:-8%}
  .z-fun,.rt-wel-left{left:8%;}
  .robot-sm-wel{width: 60%;margin-top: 5px}
}
*/