/* noBorder */

#qr-reader__camera_permission_button {
  height: 36px;
    padding: 3px 18px;
    font-size: 13px;
    line-height: 1.2em;
    font-weight: 500;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all;
    text-decoration: none !important;
    border-radius: 10px;
    border-width: 2px;
    background: #7f00ff !important;
    border-color: #7f00ff !important;
    color: #FFFFFF !important;
}

.table {
  color: #27173E !important;
}

.listData {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.2em;
}

.imgBlock {
  margin-right: 16px;
  width: 48px;
  height: 48px;
}

.fitContain {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.fill-img {
  width: 48px;
  height: 48px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden
}
.fill-img img {
  /* min-width:100%;
  min-height:100% */
}

.page-item.active .page-link {
  color: #ffffff !important;
  background-color: #7f00ff !important;
  border-color: #7f00ff !important;
}

.page-link {
  color: #7f00ff !important;
}

.bg-light-purple {
  background-color: #eae7ee !important;
}

.non-border {
  border:0 !important;
}

.no-shadow {
    box-shadow: none !important;
    background: #EDEDF5;
}

.no-shadow-bg {
    box-shadow: none !important;
}

#password-visibility {
    top: 8.5px;
    right: 0.625rem;
    z-index: 10;
    width: 2.5rem;
    height: 1.5rem;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    font-size: 22px;
  }
  #password-visibility .visib {
    line-height: 1.5rem;
  }
  #password-visibility .off {
    display: none;
  }
  #password-visibility.active .off {
    display: block;
    margin-left: 9px;
  }
  #password-visibility.active .on {
    display: none;
  }

  #newPassword-visibility {
    top: 21.5px;
    right: 1.25rem;
    z-index: 10;
    width: 2.5rem;
    height: 1.5rem;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    font-size: 22px;
  }
  #newPassword-visibility .visib {
    line-height: 1.5rem;
  }
  #newPassword-visibility .off {
    display: none;
  }
  #newPassword-visibility.active .off {
    display: block;
    margin-left: 9px;
  }
  #newPassword-visibility.active .on {
    display: none;
  }
  
  #cPassword-visibility {
    top: 21.5px;
    right: 1.25rem;
    z-index: 10;
    width: 2.5rem;
    height: 1.5rem;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    font-size: 22px;
  }
  #cPassword-visibility .visib {
    line-height: 1.5rem;
  }
  #cPassword-visibility .off {
    display: none;
  }
  #cPassword-visibility.active .off {
    display: block;
    margin-left: 9px;
  }
  #cPassword-visibility.active .on {
    display: none;
  }  

.check-out {
  background: #1E74FD !important;
}

.btn-blue {
  color: #fff !important;
  background: #1E74FD !important;
  border-color: #1E74FD !important;
  color: #FFFFFF !important; }
  .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
    background: #0564fd !important;
    border-color: #0564fd !important; }
  .btn-blue.disabled, .btn-blue:disabled {
    background: #1E74FD;
    border-color: #1E74FD;
    opacity: 0.5; }

    .badge-c-inout {
      font-size: 12px;
      padding: 3px 7px;
      line-height: 1.2em;
      height: auto;
      border: 0;
    }

.bw-img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.nonaktif {
  filter: grayscale() !important;
}

#preloader {
    background-color: #f1f2fb;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

body.dark-mode #preloader {
    background-color: #030108;
  }

/*OTP*/
  .inputs input {
    width: 40px;
    height: 40px
}

  .inputs input[type=number]::-webkit-inner-spin-button,
  .inputs input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0
        }
   
        .form-group.basic .form-control-otp:focus {
            box-shadow: none;
            border: 2px solid red
        }      


/* Modal Video */
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}



.modal-body {
position:relative;
padding:0px;
}
.close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}

/* auto complete*/
.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-autocomplete {
  position: absolute;
  font-size: 20px;
  font-weight: 600;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;   
  padding: 4px 5px;
  margin: 0px 0px 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 0px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
  text-decoration: none;
}

.ui-state-hover, .ui-state-active {
  color: #ffffff;
  padding: 0px 0px !important;
  text-decoration: none;
  background-color: #7f00ff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-image: none;
}


  /* Animasi */

  .animateBG {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

.kotak{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.kotak li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(119, 51, 245, 0.2);
    animation: animateKotak 25s linear infinite;
    bottom: -150px;
    
}

.kotak li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.kotak li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.kotak li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.kotak li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.kotak li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.kotak li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.kotak li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.kotak li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.kotak li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.kotak li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animateKotak {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

.pulse {
    -webkit-animation: pulse-blue 2s infinite;
    animation: pulse-blue 2s infinite;
  }
  
  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(1, 52, 212, 0.3);
    }
    100% {
      box-shadow: 0 0 0 20px rgba(1, 52, 212, 0.3);
    }
  }


  @keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(1, 52, 212, 0.3);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

img.up-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/* Clock Animation */
.samping-jam {
  margin-left: 60px !important;
}
.clock{
	border-radius: 70px;
	border: 3px solid #7f00ff;
	position: absolute;
  top: 70%;
  /* left: 50%;
  margin-left: -50px;
  margin-top: -50px; */
  display: block;
  width: 48px;
  height: 48px;
}

.clock:after{
	content: "";
	position: absolute;
	background-color: #dc3545;
	top: 2px;
	left: 48%;
	height: 20px;
	width: 2px;
	border-radius: 5px;
	-webkit-transform-origin: 50% 97%;
			transform-origin: 50% 97%;
	-webkit-animation: grdAiguille 5s linear infinite;
			animation: grdAiguille 5s linear infinite;
}

@-webkit-keyframes grdAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes grdAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.clock:before{
	content: "";
	position: absolute;
	background-color: #dc3545;
	top: 8px;
	left: 48%;
	height: 15px;
	width: 2px;
	border-radius: 5px;
	-webkit-transform-origin: 50% 94%;
			transform-origin: 50% 94%;
	-webkit-animation: ptAiguille 40s linear infinite;
			animation: ptAiguille 40s linear infinite;
}

@-webkit-keyframes ptAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes ptAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* plus animation */
.particle {
    position: fixed;
    /* width: 100%;
    height: 100%; */
    z-index: -10;
    pointer-events: none;
  }
  
  .dot-el {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    left: 100%;
    -webkit-animation: 160s ease both infinite alternate;
            animation: 160s ease both infinite alternate;
  }
  .dot-el:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #7f00ff;
    transform-origin: -1rem;
    -webkit-animation: lighting ease both infinite, auto-rotating ease both infinite;
            animation: lighting ease both infinite, auto-rotating ease both infinite;
  }
  .dot-el:nth-of-type(1) {
    -webkit-animation-name: move-path-1;
            animation-name: move-path-1;
  }
  .dot-el:nth-of-type(1):before {
    -webkit-animation-duration: 5199ms, 7470ms;
            animation-duration: 5199ms, 7470ms;
    -webkit-animation-delay: 5229ms, 0s;
            animation-delay: 5229ms, 0s;
  }
  @-webkit-keyframes move-path-1 {
    0% {
      transform: translateX(12vw) translateY(-46vh) scale(0.94);
    }
    6.25% {
      transform: translateX(-29vw) translateY(-41vh) scale(1);
    }
    12.5% {
      transform: translateX(-11vw) translateY(35vh) scale(0.78);
    }
    18.75% {
      transform: translateX(-46vw) translateY(31vh) scale(1.03);
    }
    25% {
      transform: translateX(10vw) translateY(35vh) scale(1.19);
    }
    31.25% {
      transform: translateX(-2vw) translateY(33vh) scale(0.64);
    }
    37.5% {
      transform: translateX(14vw) translateY(24vh) scale(0.71);
    }
    43.75% {
      transform: translateX(-32vw) translateY(-39vh) scale(1.2);
    }
    50% {
      transform: translateX(0vw) translateY(-39vh) scale(1.18);
    }
    56.25% {
      transform: translateX(-1vw) translateY(-31vh) scale(1.12);
    }
    62.5% {
      transform: translateX(-22vw) translateY(7vh) scale(0.63);
    }
    68.75% {
      transform: translateX(-17vw) translateY(33vh) scale(1.09);
    }
    75% {
      transform: translateX(18vw) translateY(45vh) scale(1.03);
    }
    81.25% {
      transform: translateX(0vw) translateY(36vh) scale(0.54);
    }
    87.5% {
      transform: translateX(41vw) translateY(-37vh) scale(0.92);
    }
    93.75% {
      transform: translateX(49vw) translateY(-27vh) scale(0.78);
    }
    100% {
      transform: translateX(-48vw) translateY(44vh) scale(0.91);
    }
  }
  @keyframes move-path-1 {
    0% {
      transform: translateX(12vw) translateY(-46vh) scale(0.94);
    }
    6.25% {
      transform: translateX(-29vw) translateY(-41vh) scale(1);
    }
    12.5% {
      transform: translateX(-11vw) translateY(35vh) scale(0.78);
    }
    18.75% {
      transform: translateX(-46vw) translateY(31vh) scale(1.03);
    }
    25% {
      transform: translateX(10vw) translateY(35vh) scale(1.19);
    }
    31.25% {
      transform: translateX(-2vw) translateY(33vh) scale(0.64);
    }
    37.5% {
      transform: translateX(14vw) translateY(24vh) scale(0.71);
    }
    43.75% {
      transform: translateX(-32vw) translateY(-39vh) scale(1.2);
    }
    50% {
      transform: translateX(0vw) translateY(-39vh) scale(1.18);
    }
    56.25% {
      transform: translateX(-1vw) translateY(-31vh) scale(1.12);
    }
    62.5% {
      transform: translateX(-22vw) translateY(7vh) scale(0.63);
    }
    68.75% {
      transform: translateX(-17vw) translateY(33vh) scale(1.09);
    }
    75% {
      transform: translateX(18vw) translateY(45vh) scale(1.03);
    }
    81.25% {
      transform: translateX(0vw) translateY(36vh) scale(0.54);
    }
    87.5% {
      transform: translateX(41vw) translateY(-37vh) scale(0.92);
    }
    93.75% {
      transform: translateX(49vw) translateY(-27vh) scale(0.78);
    }
    100% {
      transform: translateX(-48vw) translateY(44vh) scale(0.91);
    }
  }
  .dot-el:nth-of-type(2) {
    -webkit-animation-name: move-path-2;
            animation-name: move-path-2;
  }
  .dot-el:nth-of-type(2):before {
    -webkit-animation-duration: 7447ms, 7028ms;
            animation-duration: 7447ms, 7028ms;
    -webkit-animation-delay: 841ms, 0s;
            animation-delay: 841ms, 0s;
  }
  @-webkit-keyframes move-path-2 {
    0% {
      transform: translateX(-49vw) translateY(44vh) scale(1.16);
    }
    7.1428571429% {
      transform: translateX(-5vw) translateY(5vh) scale(0.56);
    }
    14.2857142857% {
      transform: translateX(19vw) translateY(13vh) scale(0.66);
    }
    21.4285714286% {
      transform: translateX(28vw) translateY(3vh) scale(1.18);
    }
    28.5714285714% {
      transform: translateX(24vw) translateY(44vh) scale(1.01);
    }
    35.7142857143% {
      transform: translateX(-33vw) translateY(-12vh) scale(0.71);
    }
    42.8571428571% {
      transform: translateX(11vw) translateY(42vh) scale(0.51);
    }
    50% {
      transform: translateX(43vw) translateY(-48vh) scale(1.15);
    }
    57.1428571429% {
      transform: translateX(24vw) translateY(44vh) scale(0.52);
    }
    64.2857142857% {
      transform: translateX(8vw) translateY(-23vh) scale(0.7);
    }
    71.4285714286% {
      transform: translateX(30vw) translateY(6vh) scale(0.92);
    }
    78.5714285714% {
      transform: translateX(-22vw) translateY(-12vh) scale(1.09);
    }
    85.7142857143% {
      transform: translateX(-38vw) translateY(-28vh) scale(0.55);
    }
    92.8571428571% {
      transform: translateX(3vw) translateY(-36vh) scale(1.19);
    }
    100% {
      transform: translateX(12vw) translateY(19vh) scale(1.17);
    }
  }
  @keyframes move-path-2 {
    0% {
      transform: translateX(-49vw) translateY(44vh) scale(1.16);
    }
    7.1428571429% {
      transform: translateX(-5vw) translateY(5vh) scale(0.56);
    }
    14.2857142857% {
      transform: translateX(19vw) translateY(13vh) scale(0.66);
    }
    21.4285714286% {
      transform: translateX(28vw) translateY(3vh) scale(1.18);
    }
    28.5714285714% {
      transform: translateX(24vw) translateY(44vh) scale(1.01);
    }
    35.7142857143% {
      transform: translateX(-33vw) translateY(-12vh) scale(0.71);
    }
    42.8571428571% {
      transform: translateX(11vw) translateY(42vh) scale(0.51);
    }
    50% {
      transform: translateX(43vw) translateY(-48vh) scale(1.15);
    }
    57.1428571429% {
      transform: translateX(24vw) translateY(44vh) scale(0.52);
    }
    64.2857142857% {
      transform: translateX(8vw) translateY(-23vh) scale(0.7);
    }
    71.4285714286% {
      transform: translateX(30vw) translateY(6vh) scale(0.92);
    }
    78.5714285714% {
      transform: translateX(-22vw) translateY(-12vh) scale(1.09);
    }
    85.7142857143% {
      transform: translateX(-38vw) translateY(-28vh) scale(0.55);
    }
    92.8571428571% {
      transform: translateX(3vw) translateY(-36vh) scale(1.19);
    }
    100% {
      transform: translateX(12vw) translateY(19vh) scale(1.17);
    }
  }
  .dot-el:nth-of-type(3) {
    -webkit-animation-name: move-path-3;
            animation-name: move-path-3;
  }
  .dot-el:nth-of-type(3):before {
    -webkit-animation-duration: 8877ms, 7045ms;
            animation-duration: 8877ms, 7045ms;
    -webkit-animation-delay: 1002ms, 0s;
            animation-delay: 1002ms, 0s;
  }
  @-webkit-keyframes move-path-3 {
    0% {
      transform: translateX(-40vw) translateY(-42vh) scale(0.71);
    }
    6.25% {
      transform: translateX(28vw) translateY(-38vh) scale(1.18);
    }
    12.5% {
      transform: translateX(-36vw) translateY(45vh) scale(0.88);
    }
    18.75% {
      transform: translateX(30vw) translateY(-3vh) scale(0.8);
    }
    25% {
      transform: translateX(15vw) translateY(50vh) scale(0.98);
    }
    31.25% {
      transform: translateX(-15vw) translateY(46vh) scale(0.68);
    }
    37.5% {
      transform: translateX(25vw) translateY(10vh) scale(0.54);
    }
    43.75% {
      transform: translateX(-23vw) translateY(24vh) scale(0.72);
    }
    50% {
      transform: translateX(8vw) translateY(47vh) scale(0.83);
    }
    56.25% {
      transform: translateX(-40vw) translateY(-19vh) scale(1.06);
    }
    62.5% {
      transform: translateX(14vw) translateY(-23vh) scale(0.59);
    }
    68.75% {
      transform: translateX(44vw) translateY(46vh) scale(0.65);
    }
    75% {
      transform: translateX(45vw) translateY(-16vh) scale(1.02);
    }
    81.25% {
      transform: translateX(-39vw) translateY(43vh) scale(0.56);
    }
    87.5% {
      transform: translateX(-31vw) translateY(40vh) scale(0.79);
    }
    93.75% {
      transform: translateX(-47vw) translateY(1vh) scale(0.66);
    }
    100% {
      transform: translateX(47vw) translateY(-36vh) scale(0.55);
    }
  }
  @keyframes move-path-3 {
    0% {
      transform: translateX(-40vw) translateY(-42vh) scale(0.71);
    }
    6.25% {
      transform: translateX(28vw) translateY(-38vh) scale(1.18);
    }
    12.5% {
      transform: translateX(-36vw) translateY(45vh) scale(0.88);
    }
    18.75% {
      transform: translateX(30vw) translateY(-3vh) scale(0.8);
    }
    25% {
      transform: translateX(15vw) translateY(50vh) scale(0.98);
    }
    31.25% {
      transform: translateX(-15vw) translateY(46vh) scale(0.68);
    }
    37.5% {
      transform: translateX(25vw) translateY(10vh) scale(0.54);
    }
    43.75% {
      transform: translateX(-23vw) translateY(24vh) scale(0.72);
    }
    50% {
      transform: translateX(8vw) translateY(47vh) scale(0.83);
    }
    56.25% {
      transform: translateX(-40vw) translateY(-19vh) scale(1.06);
    }
    62.5% {
      transform: translateX(14vw) translateY(-23vh) scale(0.59);
    }
    68.75% {
      transform: translateX(44vw) translateY(46vh) scale(0.65);
    }
    75% {
      transform: translateX(45vw) translateY(-16vh) scale(1.02);
    }
    81.25% {
      transform: translateX(-39vw) translateY(43vh) scale(0.56);
    }
    87.5% {
      transform: translateX(-31vw) translateY(40vh) scale(0.79);
    }
    93.75% {
      transform: translateX(-47vw) translateY(1vh) scale(0.66);
    }
    100% {
      transform: translateX(47vw) translateY(-36vh) scale(0.55);
    }
  }
  .dot-el:nth-of-type(4) {
    -webkit-animation-name: move-path-4;
            animation-name: move-path-4;
  }
  .dot-el:nth-of-type(4):before {
    -webkit-animation-duration: 5905ms, 7601ms;
            animation-duration: 5905ms, 7601ms;
    -webkit-animation-delay: 3018ms, 0s;
            animation-delay: 3018ms, 0s;
  }
  @-webkit-keyframes move-path-4 {
    0% {
      transform: translateX(3vw) translateY(39vh) scale(0.73);
    }
    7.6923076923% {
      transform: translateX(-44vw) translateY(14vh) scale(1.14);
    }
    15.3846153846% {
      transform: translateX(-18vw) translateY(-31vh) scale(0.6);
    }
    23.0769230769% {
      transform: translateX(45vw) translateY(22vh) scale(0.94);
    }
    30.7692307692% {
      transform: translateX(28vw) translateY(5vh) scale(0.64);
    }
    38.4615384615% {
      transform: translateX(29vw) translateY(9vh) scale(0.58);
    }
    46.1538461538% {
      transform: translateX(-6vw) translateY(37vh) scale(1.2);
    }
    53.8461538462% {
      transform: translateX(-23vw) translateY(21vh) scale(1.11);
    }
    61.5384615385% {
      transform: translateX(24vw) translateY(-27vh) scale(0.52);
    }
    69.2307692308% {
      transform: translateX(11vw) translateY(-44vh) scale(0.86);
    }
    76.9230769231% {
      transform: translateX(-45vw) translateY(35vh) scale(0.79);
    }
    84.6153846154% {
      transform: translateX(5vw) translateY(39vh) scale(0.61);
    }
    92.3076923077% {
      transform: translateX(-41vw) translateY(-36vh) scale(0.82);
    }
    100% {
      transform: translateX(18vw) translateY(-27vh) scale(0.99);
    }
  }
  @keyframes move-path-4 {
    0% {
      transform: translateX(3vw) translateY(39vh) scale(0.73);
    }
    7.6923076923% {
      transform: translateX(-44vw) translateY(14vh) scale(1.14);
    }
    15.3846153846% {
      transform: translateX(-18vw) translateY(-31vh) scale(0.6);
    }
    23.0769230769% {
      transform: translateX(45vw) translateY(22vh) scale(0.94);
    }
    30.7692307692% {
      transform: translateX(28vw) translateY(5vh) scale(0.64);
    }
    38.4615384615% {
      transform: translateX(29vw) translateY(9vh) scale(0.58);
    }
    46.1538461538% {
      transform: translateX(-6vw) translateY(37vh) scale(1.2);
    }
    53.8461538462% {
      transform: translateX(-23vw) translateY(21vh) scale(1.11);
    }
    61.5384615385% {
      transform: translateX(24vw) translateY(-27vh) scale(0.52);
    }
    69.2307692308% {
      transform: translateX(11vw) translateY(-44vh) scale(0.86);
    }
    76.9230769231% {
      transform: translateX(-45vw) translateY(35vh) scale(0.79);
    }
    84.6153846154% {
      transform: translateX(5vw) translateY(39vh) scale(0.61);
    }
    92.3076923077% {
      transform: translateX(-41vw) translateY(-36vh) scale(0.82);
    }
    100% {
      transform: translateX(18vw) translateY(-27vh) scale(0.99);
    }
  }
  .dot-el:nth-of-type(5) {
    -webkit-animation-name: move-path-5;
            animation-name: move-path-5;
  }
  .dot-el:nth-of-type(5):before {
    -webkit-animation-duration: 7433ms, 7957ms;
            animation-duration: 7433ms, 7957ms;
    -webkit-animation-delay: 2711ms, 0s;
            animation-delay: 2711ms, 0s;
  }
  @-webkit-keyframes move-path-5 {
    0% {
      transform: translateX(-40vw) translateY(5vh) scale(1.04);
    }
    5.8823529412% {
      transform: translateX(44vw) translateY(-5vh) scale(0.8);
    }
    11.7647058824% {
      transform: translateX(12vw) translateY(-16vh) scale(0.93);
    }
    17.6470588235% {
      transform: translateX(12vw) translateY(-27vh) scale(1.15);
    }
    23.5294117647% {
      transform: translateX(29vw) translateY(-28vh) scale(1.01);
    }
    29.4117647059% {
      transform: translateX(-49vw) translateY(-31vh) scale(0.68);
    }
    35.2941176471% {
      transform: translateX(-4vw) translateY(-32vh) scale(1.15);
    }
    41.1764705882% {
      transform: translateX(10vw) translateY(24vh) scale(1.03);
    }
    47.0588235294% {
      transform: translateX(32vw) translateY(38vh) scale(0.9);
    }
    52.9411764706% {
      transform: translateX(-28vw) translateY(19vh) scale(0.7);
    }
    58.8235294118% {
      transform: translateX(49vw) translateY(-32vh) scale(0.83);
    }
    64.7058823529% {
      transform: translateX(-24vw) translateY(38vh) scale(1.15);
    }
    70.5882352941% {
      transform: translateX(28vw) translateY(-42vh) scale(0.95);
    }
    76.4705882353% {
      transform: translateX(40vw) translateY(45vh) scale(0.84);
    }
    82.3529411765% {
      transform: translateX(29vw) translateY(47vh) scale(1.1);
    }
    88.2352941176% {
      transform: translateX(-17vw) translateY(13vh) scale(1.02);
    }
    94.1176470588% {
      transform: translateX(13vw) translateY(-29vh) scale(1.03);
    }
    100% {
      transform: translateX(-44vw) translateY(-32vh) scale(0.61);
    }
  }
  @keyframes move-path-5 {
    0% {
      transform: translateX(-40vw) translateY(5vh) scale(1.04);
    }
    5.8823529412% {
      transform: translateX(44vw) translateY(-5vh) scale(0.8);
    }
    11.7647058824% {
      transform: translateX(12vw) translateY(-16vh) scale(0.93);
    }
    17.6470588235% {
      transform: translateX(12vw) translateY(-27vh) scale(1.15);
    }
    23.5294117647% {
      transform: translateX(29vw) translateY(-28vh) scale(1.01);
    }
    29.4117647059% {
      transform: translateX(-49vw) translateY(-31vh) scale(0.68);
    }
    35.2941176471% {
      transform: translateX(-4vw) translateY(-32vh) scale(1.15);
    }
    41.1764705882% {
      transform: translateX(10vw) translateY(24vh) scale(1.03);
    }
    47.0588235294% {
      transform: translateX(32vw) translateY(38vh) scale(0.9);
    }
    52.9411764706% {
      transform: translateX(-28vw) translateY(19vh) scale(0.7);
    }
    58.8235294118% {
      transform: translateX(49vw) translateY(-32vh) scale(0.83);
    }
    64.7058823529% {
      transform: translateX(-24vw) translateY(38vh) scale(1.15);
    }
    70.5882352941% {
      transform: translateX(28vw) translateY(-42vh) scale(0.95);
    }
    76.4705882353% {
      transform: translateX(40vw) translateY(45vh) scale(0.84);
    }
    82.3529411765% {
      transform: translateX(29vw) translateY(47vh) scale(1.1);
    }
    88.2352941176% {
      transform: translateX(-17vw) translateY(13vh) scale(1.02);
    }
    94.1176470588% {
      transform: translateX(13vw) translateY(-29vh) scale(1.03);
    }
    100% {
      transform: translateX(-44vw) translateY(-32vh) scale(0.61);
    }
  }
  .dot-el:nth-of-type(6) {
    -webkit-animation-name: move-path-6;
            animation-name: move-path-6;
  }
  .dot-el:nth-of-type(6):before {
    -webkit-animation-duration: 9355ms, 7260ms;
            animation-duration: 9355ms, 7260ms;
    -webkit-animation-delay: 1417ms, 0s;
            animation-delay: 1417ms, 0s;
  }
  @-webkit-keyframes move-path-6 {
    0% {
      transform: translateX(28vw) translateY(22vh) scale(1.18);
    }
    4.347826087% {
      transform: translateX(32vw) translateY(22vh) scale(1.14);
    }
    8.6956521739% {
      transform: translateX(27vw) translateY(13vh) scale(0.8);
    }
    13.0434782609% {
      transform: translateX(-1vw) translateY(25vh) scale(1.18);
    }
    17.3913043478% {
      transform: translateX(28vw) translateY(27vh) scale(1.05);
    }
    21.7391304348% {
      transform: translateX(5vw) translateY(-8vh) scale(0.83);
    }
    26.0869565217% {
      transform: translateX(24vw) translateY(-17vh) scale(0.52);
    }
    30.4347826087% {
      transform: translateX(-24vw) translateY(12vh) scale(1.13);
    }
    34.7826086957% {
      transform: translateX(44vw) translateY(43vh) scale(0.82);
    }
    39.1304347826% {
      transform: translateX(41vw) translateY(-7vh) scale(0.84);
    }
    43.4782608696% {
      transform: translateX(3vw) translateY(13vh) scale(0.66);
    }
    47.8260869565% {
      transform: translateX(0vw) translateY(10vh) scale(0.53);
    }
    52.1739130435% {
      transform: translateX(-44vw) translateY(30vh) scale(0.55);
    }
    56.5217391304% {
      transform: translateX(16vw) translateY(29vh) scale(0.58);
    }
    60.8695652174% {
      transform: translateX(50vw) translateY(16vh) scale(0.76);
    }
    65.2173913043% {
      transform: translateX(1vw) translateY(-3vh) scale(1.05);
    }
    69.5652173913% {
      transform: translateX(-26vw) translateY(-9vh) scale(1);
    }
    73.9130434783% {
      transform: translateX(-20vw) translateY(-6vh) scale(0.89);
    }
    78.2608695652% {
      transform: translateX(44vw) translateY(10vh) scale(1.09);
    }
    82.6086956522% {
      transform: translateX(-16vw) translateY(38vh) scale(1);
    }
    86.9565217391% {
      transform: translateX(-46vw) translateY(35vh) scale(1.02);
    }
    91.3043478261% {
      transform: translateX(35vw) translateY(27vh) scale(1.03);
    }
    95.652173913% {
      transform: translateX(28vw) translateY(-30vh) scale(0.56);
    }
    100% {
      transform: translateX(40vw) translateY(47vh) scale(0.76);
    }
  }
  @keyframes move-path-6 {
    0% {
      transform: translateX(28vw) translateY(22vh) scale(1.18);
    }
    4.347826087% {
      transform: translateX(32vw) translateY(22vh) scale(1.14);
    }
    8.6956521739% {
      transform: translateX(27vw) translateY(13vh) scale(0.8);
    }
    13.0434782609% {
      transform: translateX(-1vw) translateY(25vh) scale(1.18);
    }
    17.3913043478% {
      transform: translateX(28vw) translateY(27vh) scale(1.05);
    }
    21.7391304348% {
      transform: translateX(5vw) translateY(-8vh) scale(0.83);
    }
    26.0869565217% {
      transform: translateX(24vw) translateY(-17vh) scale(0.52);
    }
    30.4347826087% {
      transform: translateX(-24vw) translateY(12vh) scale(1.13);
    }
    34.7826086957% {
      transform: translateX(44vw) translateY(43vh) scale(0.82);
    }
    39.1304347826% {
      transform: translateX(41vw) translateY(-7vh) scale(0.84);
    }
    43.4782608696% {
      transform: translateX(3vw) translateY(13vh) scale(0.66);
    }
    47.8260869565% {
      transform: translateX(0vw) translateY(10vh) scale(0.53);
    }
    52.1739130435% {
      transform: translateX(-44vw) translateY(30vh) scale(0.55);
    }
    56.5217391304% {
      transform: translateX(16vw) translateY(29vh) scale(0.58);
    }
    60.8695652174% {
      transform: translateX(50vw) translateY(16vh) scale(0.76);
    }
    65.2173913043% {
      transform: translateX(1vw) translateY(-3vh) scale(1.05);
    }
    69.5652173913% {
      transform: translateX(-26vw) translateY(-9vh) scale(1);
    }
    73.9130434783% {
      transform: translateX(-20vw) translateY(-6vh) scale(0.89);
    }
    78.2608695652% {
      transform: translateX(44vw) translateY(10vh) scale(1.09);
    }
    82.6086956522% {
      transform: translateX(-16vw) translateY(38vh) scale(1);
    }
    86.9565217391% {
      transform: translateX(-46vw) translateY(35vh) scale(1.02);
    }
    91.3043478261% {
      transform: translateX(35vw) translateY(27vh) scale(1.03);
    }
    95.652173913% {
      transform: translateX(28vw) translateY(-30vh) scale(0.56);
    }
    100% {
      transform: translateX(40vw) translateY(47vh) scale(0.76);
    }
  }
  .dot-el:nth-of-type(7) {
    -webkit-animation-name: move-path-7;
            animation-name: move-path-7;
  }
  .dot-el:nth-of-type(7):before {
    -webkit-animation-duration: 5845ms, 7089ms;
            animation-duration: 5845ms, 7089ms;
    -webkit-animation-delay: 5402ms, 0s;
            animation-delay: 5402ms, 0s;
  }
  @-webkit-keyframes move-path-7 {
    0% {
      transform: translateX(23vw) translateY(17vh) scale(0.86);
    }
    7.6923076923% {
      transform: translateX(-2vw) translateY(-7vh) scale(1.09);
    }
    15.3846153846% {
      transform: translateX(-48vw) translateY(-26vh) scale(0.92);
    }
    23.0769230769% {
      transform: translateX(-39vw) translateY(42vh) scale(1.17);
    }
    30.7692307692% {
      transform: translateX(37vw) translateY(-27vh) scale(0.94);
    }
    38.4615384615% {
      transform: translateX(-30vw) translateY(17vh) scale(0.98);
    }
    46.1538461538% {
      transform: translateX(21vw) translateY(20vh) scale(1.19);
    }
    53.8461538462% {
      transform: translateX(-39vw) translateY(44vh) scale(0.57);
    }
    61.5384615385% {
      transform: translateX(-6vw) translateY(19vh) scale(0.81);
    }
    69.2307692308% {
      transform: translateX(-22vw) translateY(37vh) scale(1.17);
    }
    76.9230769231% {
      transform: translateX(17vw) translateY(-13vh) scale(1.11);
    }
    84.6153846154% {
      transform: translateX(-32vw) translateY(6vh) scale(1.04);
    }
    92.3076923077% {
      transform: translateX(-32vw) translateY(0vh) scale(1.02);
    }
    100% {
      transform: translateX(4vw) translateY(33vh) scale(0.81);
    }
  }
  @keyframes move-path-7 {
    0% {
      transform: translateX(23vw) translateY(17vh) scale(0.86);
    }
    7.6923076923% {
      transform: translateX(-2vw) translateY(-7vh) scale(1.09);
    }
    15.3846153846% {
      transform: translateX(-48vw) translateY(-26vh) scale(0.92);
    }
    23.0769230769% {
      transform: translateX(-39vw) translateY(42vh) scale(1.17);
    }
    30.7692307692% {
      transform: translateX(37vw) translateY(-27vh) scale(0.94);
    }
    38.4615384615% {
      transform: translateX(-30vw) translateY(17vh) scale(0.98);
    }
    46.1538461538% {
      transform: translateX(21vw) translateY(20vh) scale(1.19);
    }
    53.8461538462% {
      transform: translateX(-39vw) translateY(44vh) scale(0.57);
    }
    61.5384615385% {
      transform: translateX(-6vw) translateY(19vh) scale(0.81);
    }
    69.2307692308% {
      transform: translateX(-22vw) translateY(37vh) scale(1.17);
    }
    76.9230769231% {
      transform: translateX(17vw) translateY(-13vh) scale(1.11);
    }
    84.6153846154% {
      transform: translateX(-32vw) translateY(6vh) scale(1.04);
    }
    92.3076923077% {
      transform: translateX(-32vw) translateY(0vh) scale(1.02);
    }
    100% {
      transform: translateX(4vw) translateY(33vh) scale(0.81);
    }
  }
  .dot-el:nth-of-type(8) {
    -webkit-animation-name: move-path-8;
            animation-name: move-path-8;
  }
  .dot-el:nth-of-type(8):before {
    -webkit-animation-duration: 7726ms, 7074ms;
            animation-duration: 7726ms, 7074ms;
    -webkit-animation-delay: 4203ms, 0s;
            animation-delay: 4203ms, 0s;
  }
  @-webkit-keyframes move-path-8 {
    0% {
      transform: translateX(29vw) translateY(18vh) scale(1.18);
    }
    8.3333333333% {
      transform: translateX(-34vw) translateY(1vh) scale(0.59);
    }
    16.6666666667% {
      transform: translateX(-27vw) translateY(-32vh) scale(0.61);
    }
    25% {
      transform: translateX(43vw) translateY(39vh) scale(0.96);
    }
    33.3333333333% {
      transform: translateX(5vw) translateY(-29vh) scale(1.12);
    }
    41.6666666667% {
      transform: translateX(18vw) translateY(-17vh) scale(1.08);
    }
    50% {
      transform: translateX(-5vw) translateY(47vh) scale(1.02);
    }
    58.3333333333% {
      transform: translateX(27vw) translateY(39vh) scale(0.58);
    }
    66.6666666667% {
      transform: translateX(-13vw) translateY(50vh) scale(1.18);
    }
    75% {
      transform: translateX(39vw) translateY(40vh) scale(1.14);
    }
    83.3333333333% {
      transform: translateX(26vw) translateY(-37vh) scale(0.84);
    }
    91.6666666667% {
      transform: translateX(-26vw) translateY(-41vh) scale(1.02);
    }
    100% {
      transform: translateX(25vw) translateY(-37vh) scale(1.14);
    }
  }
  @keyframes move-path-8 {
    0% {
      transform: translateX(29vw) translateY(18vh) scale(1.18);
    }
    8.3333333333% {
      transform: translateX(-34vw) translateY(1vh) scale(0.59);
    }
    16.6666666667% {
      transform: translateX(-27vw) translateY(-32vh) scale(0.61);
    }
    25% {
      transform: translateX(43vw) translateY(39vh) scale(0.96);
    }
    33.3333333333% {
      transform: translateX(5vw) translateY(-29vh) scale(1.12);
    }
    41.6666666667% {
      transform: translateX(18vw) translateY(-17vh) scale(1.08);
    }
    50% {
      transform: translateX(-5vw) translateY(47vh) scale(1.02);
    }
    58.3333333333% {
      transform: translateX(27vw) translateY(39vh) scale(0.58);
    }
    66.6666666667% {
      transform: translateX(-13vw) translateY(50vh) scale(1.18);
    }
    75% {
      transform: translateX(39vw) translateY(40vh) scale(1.14);
    }
    83.3333333333% {
      transform: translateX(26vw) translateY(-37vh) scale(0.84);
    }
    91.6666666667% {
      transform: translateX(-26vw) translateY(-41vh) scale(1.02);
    }
    100% {
      transform: translateX(25vw) translateY(-37vh) scale(1.14);
    }
  }
  .dot-el:nth-of-type(9) {
    -webkit-animation-name: move-path-9;
            animation-name: move-path-9;
  }
  .dot-el:nth-of-type(9):before {
    -webkit-animation-duration: 5547ms, 7300ms;
            animation-duration: 5547ms, 7300ms;
    -webkit-animation-delay: 5433ms, 0s;
            animation-delay: 5433ms, 0s;
  }
  @-webkit-keyframes move-path-9 {
    0% {
      transform: translateX(-31vw) translateY(32vh) scale(1.1);
    }
    5.8823529412% {
      transform: translateX(11vw) translateY(-38vh) scale(0.81);
    }
    11.7647058824% {
      transform: translateX(-47vw) translateY(-9vh) scale(0.55);
    }
    17.6470588235% {
      transform: translateX(28vw) translateY(-18vh) scale(1.07);
    }
    23.5294117647% {
      transform: translateX(42vw) translateY(-45vh) scale(0.65);
    }
    29.4117647059% {
      transform: translateX(27vw) translateY(29vh) scale(0.62);
    }
    35.2941176471% {
      transform: translateX(36vw) translateY(-26vh) scale(0.97);
    }
    41.1764705882% {
      transform: translateX(15vw) translateY(-36vh) scale(0.96);
    }
    47.0588235294% {
      transform: translateX(-34vw) translateY(-7vh) scale(0.85);
    }
    52.9411764706% {
      transform: translateX(-31vw) translateY(-42vh) scale(0.8);
    }
    58.8235294118% {
      transform: translateX(-41vw) translateY(47vh) scale(1.06);
    }
    64.7058823529% {
      transform: translateX(6vw) translateY(-27vh) scale(0.62);
    }
    70.5882352941% {
      transform: translateX(-42vw) translateY(-3vh) scale(0.92);
    }
    76.4705882353% {
      transform: translateX(31vw) translateY(22vh) scale(0.98);
    }
    82.3529411765% {
      transform: translateX(20vw) translateY(5vh) scale(1.08);
    }
    88.2352941176% {
      transform: translateX(37vw) translateY(-43vh) scale(1.04);
    }
    94.1176470588% {
      transform: translateX(-8vw) translateY(38vh) scale(0.61);
    }
    100% {
      transform: translateX(41vw) translateY(-42vh) scale(0.54);
    }
  }
  @keyframes move-path-9 {
    0% {
      transform: translateX(-31vw) translateY(32vh) scale(1.1);
    }
    5.8823529412% {
      transform: translateX(11vw) translateY(-38vh) scale(0.81);
    }
    11.7647058824% {
      transform: translateX(-47vw) translateY(-9vh) scale(0.55);
    }
    17.6470588235% {
      transform: translateX(28vw) translateY(-18vh) scale(1.07);
    }
    23.5294117647% {
      transform: translateX(42vw) translateY(-45vh) scale(0.65);
    }
    29.4117647059% {
      transform: translateX(27vw) translateY(29vh) scale(0.62);
    }
    35.2941176471% {
      transform: translateX(36vw) translateY(-26vh) scale(0.97);
    }
    41.1764705882% {
      transform: translateX(15vw) translateY(-36vh) scale(0.96);
    }
    47.0588235294% {
      transform: translateX(-34vw) translateY(-7vh) scale(0.85);
    }
    52.9411764706% {
      transform: translateX(-31vw) translateY(-42vh) scale(0.8);
    }
    58.8235294118% {
      transform: translateX(-41vw) translateY(47vh) scale(1.06);
    }
    64.7058823529% {
      transform: translateX(6vw) translateY(-27vh) scale(0.62);
    }
    70.5882352941% {
      transform: translateX(-42vw) translateY(-3vh) scale(0.92);
    }
    76.4705882353% {
      transform: translateX(31vw) translateY(22vh) scale(0.98);
    }
    82.3529411765% {
      transform: translateX(20vw) translateY(5vh) scale(1.08);
    }
    88.2352941176% {
      transform: translateX(37vw) translateY(-43vh) scale(1.04);
    }
    94.1176470588% {
      transform: translateX(-8vw) translateY(38vh) scale(0.61);
    }
    100% {
      transform: translateX(41vw) translateY(-42vh) scale(0.54);
    }
  }
  .dot-el:nth-of-type(10) {
    -webkit-animation-name: move-path-10;
            animation-name: move-path-10;
  }
  .dot-el:nth-of-type(10):before {
    -webkit-animation-duration: 6079ms, 7245ms;
            animation-duration: 6079ms, 7245ms;
    -webkit-animation-delay: 3203ms, 0s;
            animation-delay: 3203ms, 0s;
  }
  @-webkit-keyframes move-path-10 {
    0% {
      transform: translateX(38vw) translateY(-30vh) scale(0.71);
    }
    4.5454545455% {
      transform: translateX(-12vw) translateY(-19vh) scale(0.78);
    }
    9.0909090909% {
      transform: translateX(44vw) translateY(44vh) scale(0.75);
    }
    13.6363636364% {
      transform: translateX(-22vw) translateY(-31vh) scale(1.08);
    }
    18.1818181818% {
      transform: translateX(-46vw) translateY(-3vh) scale(1.02);
    }
    22.7272727273% {
      transform: translateX(23vw) translateY(16vh) scale(0.73);
    }
    27.2727272727% {
      transform: translateX(-29vw) translateY(-27vh) scale(1.17);
    }
    31.8181818182% {
      transform: translateX(18vw) translateY(3vh) scale(0.97);
    }
    36.3636363636% {
      transform: translateX(-21vw) translateY(11vh) scale(0.84);
    }
    40.9090909091% {
      transform: translateX(-13vw) translateY(42vh) scale(0.68);
    }
    45.4545454545% {
      transform: translateX(-14vw) translateY(46vh) scale(1.2);
    }
    50% {
      transform: translateX(2vw) translateY(12vh) scale(1.04);
    }
    54.5454545455% {
      transform: translateX(34vw) translateY(-45vh) scale(0.82);
    }
    59.0909090909% {
      transform: translateX(-36vw) translateY(-21vh) scale(0.73);
    }
    63.6363636364% {
      transform: translateX(50vw) translateY(41vh) scale(0.66);
    }
    68.1818181818% {
      transform: translateX(-10vw) translateY(-21vh) scale(1.19);
    }
    72.7272727273% {
      transform: translateX(7vw) translateY(11vh) scale(0.54);
    }
    77.2727272727% {
      transform: translateX(-38vw) translateY(-38vh) scale(1);
    }
    81.8181818182% {
      transform: translateX(32vw) translateY(30vh) scale(0.86);
    }
    86.3636363636% {
      transform: translateX(29vw) translateY(44vh) scale(1.06);
    }
    90.9090909091% {
      transform: translateX(6vw) translateY(-20vh) scale(0.76);
    }
    95.4545454545% {
      transform: translateX(21vw) translateY(38vh) scale(0.53);
    }
    100% {
      transform: translateX(-41vw) translateY(26vh) scale(0.8);
    }
  }
  @keyframes move-path-10 {
    0% {
      transform: translateX(38vw) translateY(-30vh) scale(0.71);
    }
    4.5454545455% {
      transform: translateX(-12vw) translateY(-19vh) scale(0.78);
    }
    9.0909090909% {
      transform: translateX(44vw) translateY(44vh) scale(0.75);
    }
    13.6363636364% {
      transform: translateX(-22vw) translateY(-31vh) scale(1.08);
    }
    18.1818181818% {
      transform: translateX(-46vw) translateY(-3vh) scale(1.02);
    }
    22.7272727273% {
      transform: translateX(23vw) translateY(16vh) scale(0.73);
    }
    27.2727272727% {
      transform: translateX(-29vw) translateY(-27vh) scale(1.17);
    }
    31.8181818182% {
      transform: translateX(18vw) translateY(3vh) scale(0.97);
    }
    36.3636363636% {
      transform: translateX(-21vw) translateY(11vh) scale(0.84);
    }
    40.9090909091% {
      transform: translateX(-13vw) translateY(42vh) scale(0.68);
    }
    45.4545454545% {
      transform: translateX(-14vw) translateY(46vh) scale(1.2);
    }
    50% {
      transform: translateX(2vw) translateY(12vh) scale(1.04);
    }
    54.5454545455% {
      transform: translateX(34vw) translateY(-45vh) scale(0.82);
    }
    59.0909090909% {
      transform: translateX(-36vw) translateY(-21vh) scale(0.73);
    }
    63.6363636364% {
      transform: translateX(50vw) translateY(41vh) scale(0.66);
    }
    68.1818181818% {
      transform: translateX(-10vw) translateY(-21vh) scale(1.19);
    }
    72.7272727273% {
      transform: translateX(7vw) translateY(11vh) scale(0.54);
    }
    77.2727272727% {
      transform: translateX(-38vw) translateY(-38vh) scale(1);
    }
    81.8181818182% {
      transform: translateX(32vw) translateY(30vh) scale(0.86);
    }
    86.3636363636% {
      transform: translateX(29vw) translateY(44vh) scale(1.06);
    }
    90.9090909091% {
      transform: translateX(6vw) translateY(-20vh) scale(0.76);
    }
    95.4545454545% {
      transform: translateX(21vw) translateY(38vh) scale(0.53);
    }
    100% {
      transform: translateX(-41vw) translateY(26vh) scale(0.8);
    }
  }
  .dot-el:nth-of-type(11) {
    -webkit-animation-name: move-path-11;
            animation-name: move-path-11;
  }
  .dot-el:nth-of-type(11):before {
    -webkit-animation-duration: 6089ms, 7251ms;
            animation-duration: 6089ms, 7251ms;
    -webkit-animation-delay: 4652ms, 0s;
            animation-delay: 4652ms, 0s;
  }
  @-webkit-keyframes move-path-11 {
    0% {
      transform: translateX(-43vw) translateY(25vh) scale(1.18);
    }
    5% {
      transform: translateX(30vw) translateY(26vh) scale(1.02);
    }
    10% {
      transform: translateX(-43vw) translateY(-43vh) scale(0.95);
    }
    15% {
      transform: translateX(-29vw) translateY(-37vh) scale(0.9);
    }
    20% {
      transform: translateX(46vw) translateY(-19vh) scale(0.92);
    }
    25% {
      transform: translateX(-41vw) translateY(-35vh) scale(0.67);
    }
    30% {
      transform: translateX(-32vw) translateY(0vh) scale(0.61);
    }
    35% {
      transform: translateX(4vw) translateY(34vh) scale(1.1);
    }
    40% {
      transform: translateX(-41vw) translateY(-28vh) scale(0.64);
    }
    45% {
      transform: translateX(35vw) translateY(50vh) scale(0.61);
    }
    50% {
      transform: translateX(-29vw) translateY(49vh) scale(0.66);
    }
    55% {
      transform: translateX(27vw) translateY(-12vh) scale(1.2);
    }
    60% {
      transform: translateX(-33vw) translateY(-2vh) scale(0.67);
    }
    65% {
      transform: translateX(-35vw) translateY(40vh) scale(0.93);
    }
    70% {
      transform: translateX(2vw) translateY(1vh) scale(0.66);
    }
    75% {
      transform: translateX(-3vw) translateY(25vh) scale(0.85);
    }
    80% {
      transform: translateX(-3vw) translateY(34vh) scale(0.82);
    }
    85% {
      transform: translateX(-37vw) translateY(5vh) scale(0.64);
    }
    90% {
      transform: translateX(23vw) translateY(-20vh) scale(0.9);
    }
    95% {
      transform: translateX(31vw) translateY(46vh) scale(0.71);
    }
    100% {
      transform: translateX(-10vw) translateY(47vh) scale(0.51);
    }
  }
  @keyframes move-path-11 {
    0% {
      transform: translateX(-43vw) translateY(25vh) scale(1.18);
    }
    5% {
      transform: translateX(30vw) translateY(26vh) scale(1.02);
    }
    10% {
      transform: translateX(-43vw) translateY(-43vh) scale(0.95);
    }
    15% {
      transform: translateX(-29vw) translateY(-37vh) scale(0.9);
    }
    20% {
      transform: translateX(46vw) translateY(-19vh) scale(0.92);
    }
    25% {
      transform: translateX(-41vw) translateY(-35vh) scale(0.67);
    }
    30% {
      transform: translateX(-32vw) translateY(0vh) scale(0.61);
    }
    35% {
      transform: translateX(4vw) translateY(34vh) scale(1.1);
    }
    40% {
      transform: translateX(-41vw) translateY(-28vh) scale(0.64);
    }
    45% {
      transform: translateX(35vw) translateY(50vh) scale(0.61);
    }
    50% {
      transform: translateX(-29vw) translateY(49vh) scale(0.66);
    }
    55% {
      transform: translateX(27vw) translateY(-12vh) scale(1.2);
    }
    60% {
      transform: translateX(-33vw) translateY(-2vh) scale(0.67);
    }
    65% {
      transform: translateX(-35vw) translateY(40vh) scale(0.93);
    }
    70% {
      transform: translateX(2vw) translateY(1vh) scale(0.66);
    }
    75% {
      transform: translateX(-3vw) translateY(25vh) scale(0.85);
    }
    80% {
      transform: translateX(-3vw) translateY(34vh) scale(0.82);
    }
    85% {
      transform: translateX(-37vw) translateY(5vh) scale(0.64);
    }
    90% {
      transform: translateX(23vw) translateY(-20vh) scale(0.9);
    }
    95% {
      transform: translateX(31vw) translateY(46vh) scale(0.71);
    }
    100% {
      transform: translateX(-10vw) translateY(47vh) scale(0.51);
    }
  }
  .dot-el:nth-of-type(12) {
    -webkit-animation-name: move-path-12;
            animation-name: move-path-12;
  }
  .dot-el:nth-of-type(12):before {
    -webkit-animation-duration: 6683ms, 7181ms;
            animation-duration: 6683ms, 7181ms;
    -webkit-animation-delay: 1829ms, 0s;
            animation-delay: 1829ms, 0s;
  }
  @-webkit-keyframes move-path-12 {
    0% {
      transform: translateX(28vw) translateY(-45vh) scale(1.15);
    }
    5.8823529412% {
      transform: translateX(13vw) translateY(-8vh) scale(0.51);
    }
    11.7647058824% {
      transform: translateX(35vw) translateY(29vh) scale(1.16);
    }
    17.6470588235% {
      transform: translateX(43vw) translateY(-41vh) scale(0.76);
    }
    23.5294117647% {
      transform: translateX(-32vw) translateY(10vh) scale(0.63);
    }
    29.4117647059% {
      transform: translateX(-8vw) translateY(21vh) scale(0.91);
    }
    35.2941176471% {
      transform: translateX(47vw) translateY(43vh) scale(1.09);
    }
    41.1764705882% {
      transform: translateX(46vw) translateY(46vh) scale(1.08);
    }
    47.0588235294% {
      transform: translateX(-23vw) translateY(25vh) scale(0.95);
    }
    52.9411764706% {
      transform: translateX(16vw) translateY(26vh) scale(0.59);
    }
    58.8235294118% {
      transform: translateX(-11vw) translateY(-47vh) scale(1.01);
    }
    64.7058823529% {
      transform: translateX(-32vw) translateY(-20vh) scale(1.14);
    }
    70.5882352941% {
      transform: translateX(17vw) translateY(-16vh) scale(0.78);
    }
    76.4705882353% {
      transform: translateX(46vw) translateY(-41vh) scale(0.53);
    }
    82.3529411765% {
      transform: translateX(-39vw) translateY(23vh) scale(1.13);
    }
    88.2352941176% {
      transform: translateX(46vw) translateY(1vh) scale(0.9);
    }
    94.1176470588% {
      transform: translateX(14vw) translateY(5vh) scale(1);
    }
    100% {
      transform: translateX(-22vw) translateY(-33vh) scale(0.52);
    }
  }
  @keyframes move-path-12 {
    0% {
      transform: translateX(28vw) translateY(-45vh) scale(1.15);
    }
    5.8823529412% {
      transform: translateX(13vw) translateY(-8vh) scale(0.51);
    }
    11.7647058824% {
      transform: translateX(35vw) translateY(29vh) scale(1.16);
    }
    17.6470588235% {
      transform: translateX(43vw) translateY(-41vh) scale(0.76);
    }
    23.5294117647% {
      transform: translateX(-32vw) translateY(10vh) scale(0.63);
    }
    29.4117647059% {
      transform: translateX(-8vw) translateY(21vh) scale(0.91);
    }
    35.2941176471% {
      transform: translateX(47vw) translateY(43vh) scale(1.09);
    }
    41.1764705882% {
      transform: translateX(46vw) translateY(46vh) scale(1.08);
    }
    47.0588235294% {
      transform: translateX(-23vw) translateY(25vh) scale(0.95);
    }
    52.9411764706% {
      transform: translateX(16vw) translateY(26vh) scale(0.59);
    }
    58.8235294118% {
      transform: translateX(-11vw) translateY(-47vh) scale(1.01);
    }
    64.7058823529% {
      transform: translateX(-32vw) translateY(-20vh) scale(1.14);
    }
    70.5882352941% {
      transform: translateX(17vw) translateY(-16vh) scale(0.78);
    }
    76.4705882353% {
      transform: translateX(46vw) translateY(-41vh) scale(0.53);
    }
    82.3529411765% {
      transform: translateX(-39vw) translateY(23vh) scale(1.13);
    }
    88.2352941176% {
      transform: translateX(46vw) translateY(1vh) scale(0.9);
    }
    94.1176470588% {
      transform: translateX(14vw) translateY(5vh) scale(1);
    }
    100% {
      transform: translateX(-22vw) translateY(-33vh) scale(0.52);
    }
  }
  .dot-el:nth-of-type(13) {
    -webkit-animation-name: move-path-13;
            animation-name: move-path-13;
  }
  .dot-el:nth-of-type(13):before {
    -webkit-animation-duration: 9691ms, 7891ms;
            animation-duration: 9691ms, 7891ms;
    -webkit-animation-delay: 6303ms, 0s;
            animation-delay: 6303ms, 0s;
  }
  @-webkit-keyframes move-path-13 {
    0% {
      transform: translateX(-48vw) translateY(27vh) scale(0.87);
    }
    4.1666666667% {
      transform: translateX(-2vw) translateY(49vh) scale(0.95);
    }
    8.3333333333% {
      transform: translateX(0vw) translateY(-12vh) scale(1.19);
    }
    12.5% {
      transform: translateX(6vw) translateY(36vh) scale(1.04);
    }
    16.6666666667% {
      transform: translateX(40vw) translateY(48vh) scale(0.64);
    }
    20.8333333333% {
      transform: translateX(-23vw) translateY(9vh) scale(0.91);
    }
    25% {
      transform: translateX(-26vw) translateY(47vh) scale(0.52);
    }
    29.1666666667% {
      transform: translateX(43vw) translateY(33vh) scale(1.16);
    }
    33.3333333333% {
      transform: translateX(-28vw) translateY(36vh) scale(1.14);
    }
    37.5% {
      transform: translateX(23vw) translateY(36vh) scale(0.71);
    }
    41.6666666667% {
      transform: translateX(0vw) translateY(33vh) scale(0.65);
    }
    45.8333333333% {
      transform: translateX(44vw) translateY(-49vh) scale(1.06);
    }
    50% {
      transform: translateX(-30vw) translateY(-18vh) scale(1.16);
    }
    54.1666666667% {
      transform: translateX(11vw) translateY(42vh) scale(0.61);
    }
    58.3333333333% {
      transform: translateX(33vw) translateY(-40vh) scale(1.06);
    }
    62.5% {
      transform: translateX(8vw) translateY(27vh) scale(0.66);
    }
    66.6666666667% {
      transform: translateX(-24vw) translateY(-22vh) scale(0.95);
    }
    70.8333333333% {
      transform: translateX(11vw) translateY(2vh) scale(1.09);
    }
    75% {
      transform: translateX(-29vw) translateY(50vh) scale(0.72);
    }
    79.1666666667% {
      transform: translateX(-33vw) translateY(18vh) scale(1.01);
    }
    83.3333333333% {
      transform: translateX(41vw) translateY(-24vh) scale(0.87);
    }
    87.5% {
      transform: translateX(-49vw) translateY(-20vh) scale(1.08);
    }
    91.6666666667% {
      transform: translateX(16vw) translateY(-23vh) scale(0.8);
    }
    95.8333333333% {
      transform: translateX(-3vw) translateY(-33vh) scale(1.16);
    }
    100% {
      transform: translateX(-30vw) translateY(-45vh) scale(0.79);
    }
  }
  @keyframes move-path-13 {
    0% {
      transform: translateX(-48vw) translateY(27vh) scale(0.87);
    }
    4.1666666667% {
      transform: translateX(-2vw) translateY(49vh) scale(0.95);
    }
    8.3333333333% {
      transform: translateX(0vw) translateY(-12vh) scale(1.19);
    }
    12.5% {
      transform: translateX(6vw) translateY(36vh) scale(1.04);
    }
    16.6666666667% {
      transform: translateX(40vw) translateY(48vh) scale(0.64);
    }
    20.8333333333% {
      transform: translateX(-23vw) translateY(9vh) scale(0.91);
    }
    25% {
      transform: translateX(-26vw) translateY(47vh) scale(0.52);
    }
    29.1666666667% {
      transform: translateX(43vw) translateY(33vh) scale(1.16);
    }
    33.3333333333% {
      transform: translateX(-28vw) translateY(36vh) scale(1.14);
    }
    37.5% {
      transform: translateX(23vw) translateY(36vh) scale(0.71);
    }
    41.6666666667% {
      transform: translateX(0vw) translateY(33vh) scale(0.65);
    }
    45.8333333333% {
      transform: translateX(44vw) translateY(-49vh) scale(1.06);
    }
    50% {
      transform: translateX(-30vw) translateY(-18vh) scale(1.16);
    }
    54.1666666667% {
      transform: translateX(11vw) translateY(42vh) scale(0.61);
    }
    58.3333333333% {
      transform: translateX(33vw) translateY(-40vh) scale(1.06);
    }
    62.5% {
      transform: translateX(8vw) translateY(27vh) scale(0.66);
    }
    66.6666666667% {
      transform: translateX(-24vw) translateY(-22vh) scale(0.95);
    }
    70.8333333333% {
      transform: translateX(11vw) translateY(2vh) scale(1.09);
    }
    75% {
      transform: translateX(-29vw) translateY(50vh) scale(0.72);
    }
    79.1666666667% {
      transform: translateX(-33vw) translateY(18vh) scale(1.01);
    }
    83.3333333333% {
      transform: translateX(41vw) translateY(-24vh) scale(0.87);
    }
    87.5% {
      transform: translateX(-49vw) translateY(-20vh) scale(1.08);
    }
    91.6666666667% {
      transform: translateX(16vw) translateY(-23vh) scale(0.8);
    }
    95.8333333333% {
      transform: translateX(-3vw) translateY(-33vh) scale(1.16);
    }
    100% {
      transform: translateX(-30vw) translateY(-45vh) scale(0.79);
    }
  }
  .dot-el:nth-of-type(14) {
    -webkit-animation-name: move-path-14;
            animation-name: move-path-14;
  }
  .dot-el:nth-of-type(14):before {
    -webkit-animation-duration: 5027ms, 7683ms;
            animation-duration: 5027ms, 7683ms;
    -webkit-animation-delay: 1707ms, 0s;
            animation-delay: 1707ms, 0s;
  }
  @-webkit-keyframes move-path-14 {
    0% {
      transform: translateX(29vw) translateY(17vh) scale(0.87);
    }
    4.5454545455% {
      transform: translateX(47vw) translateY(0vh) scale(1.11);
    }
    9.0909090909% {
      transform: translateX(1vw) translateY(44vh) scale(0.66);
    }
    13.6363636364% {
      transform: translateX(36vw) translateY(-48vh) scale(0.67);
    }
    18.1818181818% {
      transform: translateX(-29vw) translateY(23vh) scale(1.14);
    }
    22.7272727273% {
      transform: translateX(1vw) translateY(46vh) scale(0.62);
    }
    27.2727272727% {
      transform: translateX(-39vw) translateY(-30vh) scale(0.91);
    }
    31.8181818182% {
      transform: translateX(-2vw) translateY(-27vh) scale(0.57);
    }
    36.3636363636% {
      transform: translateX(-40vw) translateY(-5vh) scale(1.08);
    }
    40.9090909091% {
      transform: translateX(-27vw) translateY(2vh) scale(1.13);
    }
    45.4545454545% {
      transform: translateX(-38vw) translateY(38vh) scale(0.6);
    }
    50% {
      transform: translateX(-36vw) translateY(-11vh) scale(1.14);
    }
    54.5454545455% {
      transform: translateX(33vw) translateY(-23vh) scale(0.65);
    }
    59.0909090909% {
      transform: translateX(-22vw) translateY(-21vh) scale(1);
    }
    63.6363636364% {
      transform: translateX(16vw) translateY(-37vh) scale(1.09);
    }
    68.1818181818% {
      transform: translateX(1vw) translateY(43vh) scale(0.82);
    }
    72.7272727273% {
      transform: translateX(38vw) translateY(36vh) scale(0.74);
    }
    77.2727272727% {
      transform: translateX(48vw) translateY(3vh) scale(0.66);
    }
    81.8181818182% {
      transform: translateX(-13vw) translateY(15vh) scale(1.07);
    }
    86.3636363636% {
      transform: translateX(-15vw) translateY(38vh) scale(0.59);
    }
    90.9090909091% {
      transform: translateX(22vw) translateY(5vh) scale(0.75);
    }
    95.4545454545% {
      transform: translateX(33vw) translateY(43vh) scale(1.13);
    }
    100% {
      transform: translateX(-49vw) translateY(-45vh) scale(0.65);
    }
  }
  @keyframes move-path-14 {
    0% {
      transform: translateX(29vw) translateY(17vh) scale(0.87);
    }
    4.5454545455% {
      transform: translateX(47vw) translateY(0vh) scale(1.11);
    }
    9.0909090909% {
      transform: translateX(1vw) translateY(44vh) scale(0.66);
    }
    13.6363636364% {
      transform: translateX(36vw) translateY(-48vh) scale(0.67);
    }
    18.1818181818% {
      transform: translateX(-29vw) translateY(23vh) scale(1.14);
    }
    22.7272727273% {
      transform: translateX(1vw) translateY(46vh) scale(0.62);
    }
    27.2727272727% {
      transform: translateX(-39vw) translateY(-30vh) scale(0.91);
    }
    31.8181818182% {
      transform: translateX(-2vw) translateY(-27vh) scale(0.57);
    }
    36.3636363636% {
      transform: translateX(-40vw) translateY(-5vh) scale(1.08);
    }
    40.9090909091% {
      transform: translateX(-27vw) translateY(2vh) scale(1.13);
    }
    45.4545454545% {
      transform: translateX(-38vw) translateY(38vh) scale(0.6);
    }
    50% {
      transform: translateX(-36vw) translateY(-11vh) scale(1.14);
    }
    54.5454545455% {
      transform: translateX(33vw) translateY(-23vh) scale(0.65);
    }
    59.0909090909% {
      transform: translateX(-22vw) translateY(-21vh) scale(1);
    }
    63.6363636364% {
      transform: translateX(16vw) translateY(-37vh) scale(1.09);
    }
    68.1818181818% {
      transform: translateX(1vw) translateY(43vh) scale(0.82);
    }
    72.7272727273% {
      transform: translateX(38vw) translateY(36vh) scale(0.74);
    }
    77.2727272727% {
      transform: translateX(48vw) translateY(3vh) scale(0.66);
    }
    81.8181818182% {
      transform: translateX(-13vw) translateY(15vh) scale(1.07);
    }
    86.3636363636% {
      transform: translateX(-15vw) translateY(38vh) scale(0.59);
    }
    90.9090909091% {
      transform: translateX(22vw) translateY(5vh) scale(0.75);
    }
    95.4545454545% {
      transform: translateX(33vw) translateY(43vh) scale(1.13);
    }
    100% {
      transform: translateX(-49vw) translateY(-45vh) scale(0.65);
    }
  }
  .dot-el:nth-of-type(15) {
    -webkit-animation-name: move-path-15;
            animation-name: move-path-15;
  }
  .dot-el:nth-of-type(15):before {
    -webkit-animation-duration: 8217ms, 7325ms;
            animation-duration: 8217ms, 7325ms;
    -webkit-animation-delay: 1606ms, 0s;
            animation-delay: 1606ms, 0s;
  }
  @-webkit-keyframes move-path-15 {
    0% {
      transform: translateX(44vw) translateY(11vh) scale(0.62);
    }
    4% {
      transform: translateX(-47vw) translateY(42vh) scale(1.04);
    }
    8% {
      transform: translateX(-32vw) translateY(34vh) scale(0.62);
    }
    12% {
      transform: translateX(-24vw) translateY(42vh) scale(0.89);
    }
    16% {
      transform: translateX(-9vw) translateY(-29vh) scale(0.65);
    }
    20% {
      transform: translateX(-38vw) translateY(31vh) scale(0.59);
    }
    24% {
      transform: translateX(-39vw) translateY(-37vh) scale(0.86);
    }
    28% {
      transform: translateX(-20vw) translateY(-16vh) scale(0.92);
    }
    32% {
      transform: translateX(-17vw) translateY(-35vh) scale(1.09);
    }
    36% {
      transform: translateX(43vw) translateY(35vh) scale(0.94);
    }
    40% {
      transform: translateX(-20vw) translateY(-6vh) scale(0.84);
    }
    44% {
      transform: translateX(12vw) translateY(32vh) scale(1.08);
    }
    48% {
      transform: translateX(-23vw) translateY(1vh) scale(0.72);
    }
    52% {
      transform: translateX(-36vw) translateY(-32vh) scale(0.88);
    }
    56% {
      transform: translateX(-35vw) translateY(7vh) scale(1.12);
    }
    60% {
      transform: translateX(11vw) translateY(-43vh) scale(0.52);
    }
    64% {
      transform: translateX(-7vw) translateY(50vh) scale(0.92);
    }
    68% {
      transform: translateX(8vw) translateY(-47vh) scale(0.59);
    }
    72% {
      transform: translateX(38vw) translateY(-3vh) scale(1.13);
    }
    76% {
      transform: translateX(-35vw) translateY(-32vh) scale(0.96);
    }
    80% {
      transform: translateX(43vw) translateY(-1vh) scale(0.94);
    }
    84% {
      transform: translateX(-33vw) translateY(5vh) scale(0.79);
    }
    88% {
      transform: translateX(-18vw) translateY(-9vh) scale(0.62);
    }
    92% {
      transform: translateX(-46vw) translateY(14vh) scale(0.73);
    }
    96% {
      transform: translateX(27vw) translateY(-19vh) scale(0.7);
    }
    100% {
      transform: translateX(-15vw) translateY(44vh) scale(0.79);
    }
  }
  @keyframes move-path-15 {
    0% {
      transform: translateX(44vw) translateY(11vh) scale(0.62);
    }
    4% {
      transform: translateX(-47vw) translateY(42vh) scale(1.04);
    }
    8% {
      transform: translateX(-32vw) translateY(34vh) scale(0.62);
    }
    12% {
      transform: translateX(-24vw) translateY(42vh) scale(0.89);
    }
    16% {
      transform: translateX(-9vw) translateY(-29vh) scale(0.65);
    }
    20% {
      transform: translateX(-38vw) translateY(31vh) scale(0.59);
    }
    24% {
      transform: translateX(-39vw) translateY(-37vh) scale(0.86);
    }
    28% {
      transform: translateX(-20vw) translateY(-16vh) scale(0.92);
    }
    32% {
      transform: translateX(-17vw) translateY(-35vh) scale(1.09);
    }
    36% {
      transform: translateX(43vw) translateY(35vh) scale(0.94);
    }
    40% {
      transform: translateX(-20vw) translateY(-6vh) scale(0.84);
    }
    44% {
      transform: translateX(12vw) translateY(32vh) scale(1.08);
    }
    48% {
      transform: translateX(-23vw) translateY(1vh) scale(0.72);
    }
    52% {
      transform: translateX(-36vw) translateY(-32vh) scale(0.88);
    }
    56% {
      transform: translateX(-35vw) translateY(7vh) scale(1.12);
    }
    60% {
      transform: translateX(11vw) translateY(-43vh) scale(0.52);
    }
    64% {
      transform: translateX(-7vw) translateY(50vh) scale(0.92);
    }
    68% {
      transform: translateX(8vw) translateY(-47vh) scale(0.59);
    }
    72% {
      transform: translateX(38vw) translateY(-3vh) scale(1.13);
    }
    76% {
      transform: translateX(-35vw) translateY(-32vh) scale(0.96);
    }
    80% {
      transform: translateX(43vw) translateY(-1vh) scale(0.94);
    }
    84% {
      transform: translateX(-33vw) translateY(5vh) scale(0.79);
    }
    88% {
      transform: translateX(-18vw) translateY(-9vh) scale(0.62);
    }
    92% {
      transform: translateX(-46vw) translateY(14vh) scale(0.73);
    }
    96% {
      transform: translateX(27vw) translateY(-19vh) scale(0.7);
    }
    100% {
      transform: translateX(-15vw) translateY(44vh) scale(0.79);
    }
  }
  .dot-el:nth-of-type(16) {
    -webkit-animation-name: move-path-16;
            animation-name: move-path-16;
  }
  .dot-el:nth-of-type(16):before {
    -webkit-animation-duration: 5301ms, 7580ms;
            animation-duration: 5301ms, 7580ms;
    -webkit-animation-delay: 5900ms, 0s;
            animation-delay: 5900ms, 0s;
  }
  @-webkit-keyframes move-path-16 {
    0% {
      transform: translateX(46vw) translateY(-38vh) scale(0.58);
    }
    9.0909090909% {
      transform: translateX(12vw) translateY(-23vh) scale(0.91);
    }
    18.1818181818% {
      transform: translateX(13vw) translateY(-10vh) scale(0.98);
    }
    27.2727272727% {
      transform: translateX(-15vw) translateY(-30vh) scale(0.84);
    }
    36.3636363636% {
      transform: translateX(34vw) translateY(6vh) scale(1.13);
    }
    45.4545454545% {
      transform: translateX(-21vw) translateY(-26vh) scale(1.06);
    }
    54.5454545455% {
      transform: translateX(-40vw) translateY(20vh) scale(1.06);
    }
    63.6363636364% {
      transform: translateX(-42vw) translateY(-16vh) scale(0.62);
    }
    72.7272727273% {
      transform: translateX(-42vw) translateY(21vh) scale(0.59);
    }
    81.8181818182% {
      transform: translateX(-45vw) translateY(8vh) scale(0.57);
    }
    90.9090909091% {
      transform: translateX(-19vw) translateY(20vh) scale(0.91);
    }
    100% {
      transform: translateX(30vw) translateY(35vh) scale(0.86);
    }
  }
  @keyframes move-path-16 {
    0% {
      transform: translateX(46vw) translateY(-38vh) scale(0.58);
    }
    9.0909090909% {
      transform: translateX(12vw) translateY(-23vh) scale(0.91);
    }
    18.1818181818% {
      transform: translateX(13vw) translateY(-10vh) scale(0.98);
    }
    27.2727272727% {
      transform: translateX(-15vw) translateY(-30vh) scale(0.84);
    }
    36.3636363636% {
      transform: translateX(34vw) translateY(6vh) scale(1.13);
    }
    45.4545454545% {
      transform: translateX(-21vw) translateY(-26vh) scale(1.06);
    }
    54.5454545455% {
      transform: translateX(-40vw) translateY(20vh) scale(1.06);
    }
    63.6363636364% {
      transform: translateX(-42vw) translateY(-16vh) scale(0.62);
    }
    72.7272727273% {
      transform: translateX(-42vw) translateY(21vh) scale(0.59);
    }
    81.8181818182% {
      transform: translateX(-45vw) translateY(8vh) scale(0.57);
    }
    90.9090909091% {
      transform: translateX(-19vw) translateY(20vh) scale(0.91);
    }
    100% {
      transform: translateX(30vw) translateY(35vh) scale(0.86);
    }
  }
  .dot-el:nth-of-type(17) {
    -webkit-animation-name: move-path-17;
            animation-name: move-path-17;
  }
  .dot-el:nth-of-type(17):before {
    -webkit-animation-duration: 8365ms, 7415ms;
            animation-duration: 8365ms, 7415ms;
    -webkit-animation-delay: 4691ms, 0s;
            animation-delay: 4691ms, 0s;
  }
  @-webkit-keyframes move-path-17 {
    0% {
      transform: translateX(-47vw) translateY(-11vh) scale(0.79);
    }
    8.3333333333% {
      transform: translateX(4vw) translateY(8vh) scale(0.97);
    }
    16.6666666667% {
      transform: translateX(27vw) translateY(-37vh) scale(0.86);
    }
    25% {
      transform: translateX(-8vw) translateY(-22vh) scale(0.95);
    }
    33.3333333333% {
      transform: translateX(7vw) translateY(-2vh) scale(0.92);
    }
    41.6666666667% {
      transform: translateX(13vw) translateY(-11vh) scale(0.74);
    }
    50% {
      transform: translateX(3vw) translateY(3vh) scale(0.91);
    }
    58.3333333333% {
      transform: translateX(-26vw) translateY(-17vh) scale(1.03);
    }
    66.6666666667% {
      transform: translateX(-3vw) translateY(20vh) scale(0.84);
    }
    75% {
      transform: translateX(-10vw) translateY(-21vh) scale(1.11);
    }
    83.3333333333% {
      transform: translateX(-9vw) translateY(-16vh) scale(0.78);
    }
    91.6666666667% {
      transform: translateX(-39vw) translateY(20vh) scale(0.87);
    }
    100% {
      transform: translateX(5vw) translateY(-2vh) scale(0.9);
    }
  }
  @keyframes move-path-17 {
    0% {
      transform: translateX(-47vw) translateY(-11vh) scale(0.79);
    }
    8.3333333333% {
      transform: translateX(4vw) translateY(8vh) scale(0.97);
    }
    16.6666666667% {
      transform: translateX(27vw) translateY(-37vh) scale(0.86);
    }
    25% {
      transform: translateX(-8vw) translateY(-22vh) scale(0.95);
    }
    33.3333333333% {
      transform: translateX(7vw) translateY(-2vh) scale(0.92);
    }
    41.6666666667% {
      transform: translateX(13vw) translateY(-11vh) scale(0.74);
    }
    50% {
      transform: translateX(3vw) translateY(3vh) scale(0.91);
    }
    58.3333333333% {
      transform: translateX(-26vw) translateY(-17vh) scale(1.03);
    }
    66.6666666667% {
      transform: translateX(-3vw) translateY(20vh) scale(0.84);
    }
    75% {
      transform: translateX(-10vw) translateY(-21vh) scale(1.11);
    }
    83.3333333333% {
      transform: translateX(-9vw) translateY(-16vh) scale(0.78);
    }
    91.6666666667% {
      transform: translateX(-39vw) translateY(20vh) scale(0.87);
    }
    100% {
      transform: translateX(5vw) translateY(-2vh) scale(0.9);
    }
  }
  .dot-el:nth-of-type(18) {
    -webkit-animation-name: move-path-18;
            animation-name: move-path-18;
  }
  .dot-el:nth-of-type(18):before {
    -webkit-animation-duration: 6742ms, 7975ms;
            animation-duration: 6742ms, 7975ms;
    -webkit-animation-delay: 5722ms, 0s;
            animation-delay: 5722ms, 0s;
  }
  @-webkit-keyframes move-path-18 {
    0% {
      transform: translateX(11vw) translateY(-32vh) scale(0.63);
    }
    9.0909090909% {
      transform: translateX(39vw) translateY(48vh) scale(0.82);
    }
    18.1818181818% {
      transform: translateX(-42vw) translateY(13vh) scale(0.52);
    }
    27.2727272727% {
      transform: translateX(15vw) translateY(-30vh) scale(0.83);
    }
    36.3636363636% {
      transform: translateX(40vw) translateY(16vh) scale(0.99);
    }
    45.4545454545% {
      transform: translateX(44vw) translateY(-23vh) scale(1.09);
    }
    54.5454545455% {
      transform: translateX(16vw) translateY(-4vh) scale(1);
    }
    63.6363636364% {
      transform: translateX(49vw) translateY(2vh) scale(1.11);
    }
    72.7272727273% {
      transform: translateX(49vw) translateY(-1vh) scale(1.2);
    }
    81.8181818182% {
      transform: translateX(41vw) translateY(-46vh) scale(0.84);
    }
    90.9090909091% {
      transform: translateX(-26vw) translateY(-36vh) scale(1.01);
    }
    100% {
      transform: translateX(-38vw) translateY(28vh) scale(0.79);
    }
  }
  @keyframes move-path-18 {
    0% {
      transform: translateX(11vw) translateY(-32vh) scale(0.63);
    }
    9.0909090909% {
      transform: translateX(39vw) translateY(48vh) scale(0.82);
    }
    18.1818181818% {
      transform: translateX(-42vw) translateY(13vh) scale(0.52);
    }
    27.2727272727% {
      transform: translateX(15vw) translateY(-30vh) scale(0.83);
    }
    36.3636363636% {
      transform: translateX(40vw) translateY(16vh) scale(0.99);
    }
    45.4545454545% {
      transform: translateX(44vw) translateY(-23vh) scale(1.09);
    }
    54.5454545455% {
      transform: translateX(16vw) translateY(-4vh) scale(1);
    }
    63.6363636364% {
      transform: translateX(49vw) translateY(2vh) scale(1.11);
    }
    72.7272727273% {
      transform: translateX(49vw) translateY(-1vh) scale(1.2);
    }
    81.8181818182% {
      transform: translateX(41vw) translateY(-46vh) scale(0.84);
    }
    90.9090909091% {
      transform: translateX(-26vw) translateY(-36vh) scale(1.01);
    }
    100% {
      transform: translateX(-38vw) translateY(28vh) scale(0.79);
    }
  }
  .dot-el:nth-of-type(19) {
    -webkit-animation-name: move-path-19;
            animation-name: move-path-19;
  }
  .dot-el:nth-of-type(19):before {
    -webkit-animation-duration: 9802ms, 7833ms;
            animation-duration: 9802ms, 7833ms;
    -webkit-animation-delay: 1780ms, 0s;
            animation-delay: 1780ms, 0s;
  }
  @-webkit-keyframes move-path-19 {
    0% {
      transform: translateX(0vw) translateY(-17vh) scale(0.62);
    }
    9.0909090909% {
      transform: translateX(-21vw) translateY(42vh) scale(0.52);
    }
    18.1818181818% {
      transform: translateX(-37vw) translateY(21vh) scale(0.98);
    }
    27.2727272727% {
      transform: translateX(46vw) translateY(29vh) scale(1.11);
    }
    36.3636363636% {
      transform: translateX(-9vw) translateY(16vh) scale(0.62);
    }
    45.4545454545% {
      transform: translateX(-21vw) translateY(-40vh) scale(0.73);
    }
    54.5454545455% {
      transform: translateX(0vw) translateY(21vh) scale(0.96);
    }
    63.6363636364% {
      transform: translateX(-36vw) translateY(-34vh) scale(0.51);
    }
    72.7272727273% {
      transform: translateX(-35vw) translateY(-3vh) scale(0.64);
    }
    81.8181818182% {
      transform: translateX(-19vw) translateY(10vh) scale(1.07);
    }
    90.9090909091% {
      transform: translateX(-28vw) translateY(30vh) scale(0.76);
    }
    100% {
      transform: translateX(-48vw) translateY(13vh) scale(0.54);
    }
  }
  @keyframes move-path-19 {
    0% {
      transform: translateX(0vw) translateY(-17vh) scale(0.62);
    }
    9.0909090909% {
      transform: translateX(-21vw) translateY(42vh) scale(0.52);
    }
    18.1818181818% {
      transform: translateX(-37vw) translateY(21vh) scale(0.98);
    }
    27.2727272727% {
      transform: translateX(46vw) translateY(29vh) scale(1.11);
    }
    36.3636363636% {
      transform: translateX(-9vw) translateY(16vh) scale(0.62);
    }
    45.4545454545% {
      transform: translateX(-21vw) translateY(-40vh) scale(0.73);
    }
    54.5454545455% {
      transform: translateX(0vw) translateY(21vh) scale(0.96);
    }
    63.6363636364% {
      transform: translateX(-36vw) translateY(-34vh) scale(0.51);
    }
    72.7272727273% {
      transform: translateX(-35vw) translateY(-3vh) scale(0.64);
    }
    81.8181818182% {
      transform: translateX(-19vw) translateY(10vh) scale(1.07);
    }
    90.9090909091% {
      transform: translateX(-28vw) translateY(30vh) scale(0.76);
    }
    100% {
      transform: translateX(-48vw) translateY(13vh) scale(0.54);
    }
  }
  .dot-el:nth-of-type(20) {
    -webkit-animation-name: move-path-20;
            animation-name: move-path-20;
  }
  .dot-el:nth-of-type(20):before {
    -webkit-animation-duration: 8235ms, 7201ms;
            animation-duration: 8235ms, 7201ms;
    -webkit-animation-delay: 1095ms, 0s;
            animation-delay: 1095ms, 0s;
  }
  @-webkit-keyframes move-path-20 {
    0% {
      transform: translateX(24vw) translateY(-34vh) scale(0.57);
    }
    6.25% {
      transform: translateX(41vw) translateY(4vh) scale(0.9);
    }
    12.5% {
      transform: translateX(-43vw) translateY(22vh) scale(0.62);
    }
    18.75% {
      transform: translateX(22vw) translateY(12vh) scale(0.8);
    }
    25% {
      transform: translateX(-9vw) translateY(40vh) scale(1.13);
    }
    31.25% {
      transform: translateX(-28vw) translateY(-45vh) scale(0.75);
    }
    37.5% {
      transform: translateX(17vw) translateY(22vh) scale(0.85);
    }
    43.75% {
      transform: translateX(-35vw) translateY(-8vh) scale(1.08);
    }
    50% {
      transform: translateX(47vw) translateY(37vh) scale(1.01);
    }
    56.25% {
      transform: translateX(23vw) translateY(20vh) scale(0.66);
    }
    62.5% {
      transform: translateX(-40vw) translateY(-12vh) scale(1.03);
    }
    68.75% {
      transform: translateX(25vw) translateY(49vh) scale(0.59);
    }
    75% {
      transform: translateX(-19vw) translateY(-47vh) scale(0.78);
    }
    81.25% {
      transform: translateX(-21vw) translateY(-38vh) scale(0.74);
    }
    87.5% {
      transform: translateX(-26vw) translateY(30vh) scale(1.04);
    }
    93.75% {
      transform: translateX(17vw) translateY(-30vh) scale(0.63);
    }
    100% {
      transform: translateX(41vw) translateY(-20vh) scale(0.67);
    }
  }
  @keyframes move-path-20 {
    0% {
      transform: translateX(24vw) translateY(-34vh) scale(0.57);
    }
    6.25% {
      transform: translateX(41vw) translateY(4vh) scale(0.9);
    }
    12.5% {
      transform: translateX(-43vw) translateY(22vh) scale(0.62);
    }
    18.75% {
      transform: translateX(22vw) translateY(12vh) scale(0.8);
    }
    25% {
      transform: translateX(-9vw) translateY(40vh) scale(1.13);
    }
    31.25% {
      transform: translateX(-28vw) translateY(-45vh) scale(0.75);
    }
    37.5% {
      transform: translateX(17vw) translateY(22vh) scale(0.85);
    }
    43.75% {
      transform: translateX(-35vw) translateY(-8vh) scale(1.08);
    }
    50% {
      transform: translateX(47vw) translateY(37vh) scale(1.01);
    }
    56.25% {
      transform: translateX(23vw) translateY(20vh) scale(0.66);
    }
    62.5% {
      transform: translateX(-40vw) translateY(-12vh) scale(1.03);
    }
    68.75% {
      transform: translateX(25vw) translateY(49vh) scale(0.59);
    }
    75% {
      transform: translateX(-19vw) translateY(-47vh) scale(0.78);
    }
    81.25% {
      transform: translateX(-21vw) translateY(-38vh) scale(0.74);
    }
    87.5% {
      transform: translateX(-26vw) translateY(30vh) scale(1.04);
    }
    93.75% {
      transform: translateX(17vw) translateY(-30vh) scale(0.63);
    }
    100% {
      transform: translateX(41vw) translateY(-20vh) scale(0.67);
    }
  }
  .dot-el:nth-of-type(21) {
    -webkit-animation-name: move-path-21;
            animation-name: move-path-21;
  }
  .dot-el:nth-of-type(21):before {
    -webkit-animation-duration: 6010ms, 7808ms;
            animation-duration: 6010ms, 7808ms;
    -webkit-animation-delay: 2717ms, 0s;
            animation-delay: 2717ms, 0s;
  }
  @-webkit-keyframes move-path-21 {
    0% {
      transform: translateX(-19vw) translateY(15vh) scale(0.65);
    }
    5.5555555556% {
      transform: translateX(-44vw) translateY(-44vh) scale(0.69);
    }
    11.1111111111% {
      transform: translateX(48vw) translateY(-13vh) scale(0.99);
    }
    16.6666666667% {
      transform: translateX(-34vw) translateY(45vh) scale(1.07);
    }
    22.2222222222% {
      transform: translateX(10vw) translateY(47vh) scale(1.16);
    }
    27.7777777778% {
      transform: translateX(28vw) translateY(35vh) scale(0.61);
    }
    33.3333333333% {
      transform: translateX(-18vw) translateY(25vh) scale(0.6);
    }
    38.8888888889% {
      transform: translateX(30vw) translateY(35vh) scale(0.52);
    }
    44.4444444444% {
      transform: translateX(-9vw) translateY(27vh) scale(0.87);
    }
    50% {
      transform: translateX(-9vw) translateY(21vh) scale(0.82);
    }
    55.5555555556% {
      transform: translateX(-38vw) translateY(-3vh) scale(0.59);
    }
    61.1111111111% {
      transform: translateX(-3vw) translateY(-33vh) scale(0.98);
    }
    66.6666666667% {
      transform: translateX(49vw) translateY(-33vh) scale(1.13);
    }
    72.2222222222% {
      transform: translateX(-39vw) translateY(-21vh) scale(0.87);
    }
    77.7777777778% {
      transform: translateX(27vw) translateY(18vh) scale(0.6);
    }
    83.3333333333% {
      transform: translateX(10vw) translateY(14vh) scale(0.73);
    }
    88.8888888889% {
      transform: translateX(-34vw) translateY(-27vh) scale(0.65);
    }
    94.4444444444% {
      transform: translateX(-18vw) translateY(5vh) scale(0.83);
    }
    100% {
      transform: translateX(9vw) translateY(-33vh) scale(0.7);
    }
  }
  @keyframes move-path-21 {
    0% {
      transform: translateX(-19vw) translateY(15vh) scale(0.65);
    }
    5.5555555556% {
      transform: translateX(-44vw) translateY(-44vh) scale(0.69);
    }
    11.1111111111% {
      transform: translateX(48vw) translateY(-13vh) scale(0.99);
    }
    16.6666666667% {
      transform: translateX(-34vw) translateY(45vh) scale(1.07);
    }
    22.2222222222% {
      transform: translateX(10vw) translateY(47vh) scale(1.16);
    }
    27.7777777778% {
      transform: translateX(28vw) translateY(35vh) scale(0.61);
    }
    33.3333333333% {
      transform: translateX(-18vw) translateY(25vh) scale(0.6);
    }
    38.8888888889% {
      transform: translateX(30vw) translateY(35vh) scale(0.52);
    }
    44.4444444444% {
      transform: translateX(-9vw) translateY(27vh) scale(0.87);
    }
    50% {
      transform: translateX(-9vw) translateY(21vh) scale(0.82);
    }
    55.5555555556% {
      transform: translateX(-38vw) translateY(-3vh) scale(0.59);
    }
    61.1111111111% {
      transform: translateX(-3vw) translateY(-33vh) scale(0.98);
    }
    66.6666666667% {
      transform: translateX(49vw) translateY(-33vh) scale(1.13);
    }
    72.2222222222% {
      transform: translateX(-39vw) translateY(-21vh) scale(0.87);
    }
    77.7777777778% {
      transform: translateX(27vw) translateY(18vh) scale(0.6);
    }
    83.3333333333% {
      transform: translateX(10vw) translateY(14vh) scale(0.73);
    }
    88.8888888889% {
      transform: translateX(-34vw) translateY(-27vh) scale(0.65);
    }
    94.4444444444% {
      transform: translateX(-18vw) translateY(5vh) scale(0.83);
    }
    100% {
      transform: translateX(9vw) translateY(-33vh) scale(0.7);
    }
  }
  .dot-el:nth-of-type(22) {
    -webkit-animation-name: move-path-22;
            animation-name: move-path-22;
  }
  .dot-el:nth-of-type(22):before {
    -webkit-animation-duration: 6737ms, 7512ms;
            animation-duration: 6737ms, 7512ms;
    -webkit-animation-delay: 1766ms, 0s;
            animation-delay: 1766ms, 0s;
  }
  @-webkit-keyframes move-path-22 {
    0% {
      transform: translateX(36vw) translateY(-12vh) scale(0.81);
    }
    4.1666666667% {
      transform: translateX(-32vw) translateY(-3vh) scale(0.73);
    }
    8.3333333333% {
      transform: translateX(21vw) translateY(49vh) scale(0.6);
    }
    12.5% {
      transform: translateX(11vw) translateY(38vh) scale(0.58);
    }
    16.6666666667% {
      transform: translateX(2vw) translateY(-43vh) scale(0.67);
    }
    20.8333333333% {
      transform: translateX(43vw) translateY(3vh) scale(1.04);
    }
    25% {
      transform: translateX(16vw) translateY(32vh) scale(0.71);
    }
    29.1666666667% {
      transform: translateX(-26vw) translateY(42vh) scale(0.99);
    }
    33.3333333333% {
      transform: translateX(-28vw) translateY(-7vh) scale(1.1);
    }
    37.5% {
      transform: translateX(2vw) translateY(26vh) scale(0.58);
    }
    41.6666666667% {
      transform: translateX(-10vw) translateY(34vh) scale(0.77);
    }
    45.8333333333% {
      transform: translateX(0vw) translateY(-9vh) scale(1.18);
    }
    50% {
      transform: translateX(0vw) translateY(15vh) scale(1.08);
    }
    54.1666666667% {
      transform: translateX(20vw) translateY(5vh) scale(0.66);
    }
    58.3333333333% {
      transform: translateX(-9vw) translateY(-44vh) scale(1.02);
    }
    62.5% {
      transform: translateX(-16vw) translateY(27vh) scale(0.57);
    }
    66.6666666667% {
      transform: translateX(-14vw) translateY(30vh) scale(0.62);
    }
    70.8333333333% {
      transform: translateX(-21vw) translateY(10vh) scale(0.58);
    }
    75% {
      transform: translateX(31vw) translateY(4vh) scale(0.79);
    }
    79.1666666667% {
      transform: translateX(-12vw) translateY(24vh) scale(1.19);
    }
    83.3333333333% {
      transform: translateX(-10vw) translateY(-39vh) scale(1.12);
    }
    87.5% {
      transform: translateX(-20vw) translateY(14vh) scale(0.84);
    }
    91.6666666667% {
      transform: translateX(40vw) translateY(-48vh) scale(1.04);
    }
    95.8333333333% {
      transform: translateX(37vw) translateY(-49vh) scale(0.66);
    }
    100% {
      transform: translateX(31vw) translateY(41vh) scale(0.52);
    }
  }
  @keyframes move-path-22 {
    0% {
      transform: translateX(36vw) translateY(-12vh) scale(0.81);
    }
    4.1666666667% {
      transform: translateX(-32vw) translateY(-3vh) scale(0.73);
    }
    8.3333333333% {
      transform: translateX(21vw) translateY(49vh) scale(0.6);
    }
    12.5% {
      transform: translateX(11vw) translateY(38vh) scale(0.58);
    }
    16.6666666667% {
      transform: translateX(2vw) translateY(-43vh) scale(0.67);
    }
    20.8333333333% {
      transform: translateX(43vw) translateY(3vh) scale(1.04);
    }
    25% {
      transform: translateX(16vw) translateY(32vh) scale(0.71);
    }
    29.1666666667% {
      transform: translateX(-26vw) translateY(42vh) scale(0.99);
    }
    33.3333333333% {
      transform: translateX(-28vw) translateY(-7vh) scale(1.1);
    }
    37.5% {
      transform: translateX(2vw) translateY(26vh) scale(0.58);
    }
    41.6666666667% {
      transform: translateX(-10vw) translateY(34vh) scale(0.77);
    }
    45.8333333333% {
      transform: translateX(0vw) translateY(-9vh) scale(1.18);
    }
    50% {
      transform: translateX(0vw) translateY(15vh) scale(1.08);
    }
    54.1666666667% {
      transform: translateX(20vw) translateY(5vh) scale(0.66);
    }
    58.3333333333% {
      transform: translateX(-9vw) translateY(-44vh) scale(1.02);
    }
    62.5% {
      transform: translateX(-16vw) translateY(27vh) scale(0.57);
    }
    66.6666666667% {
      transform: translateX(-14vw) translateY(30vh) scale(0.62);
    }
    70.8333333333% {
      transform: translateX(-21vw) translateY(10vh) scale(0.58);
    }
    75% {
      transform: translateX(31vw) translateY(4vh) scale(0.79);
    }
    79.1666666667% {
      transform: translateX(-12vw) translateY(24vh) scale(1.19);
    }
    83.3333333333% {
      transform: translateX(-10vw) translateY(-39vh) scale(1.12);
    }
    87.5% {
      transform: translateX(-20vw) translateY(14vh) scale(0.84);
    }
    91.6666666667% {
      transform: translateX(40vw) translateY(-48vh) scale(1.04);
    }
    95.8333333333% {
      transform: translateX(37vw) translateY(-49vh) scale(0.66);
    }
    100% {
      transform: translateX(31vw) translateY(41vh) scale(0.52);
    }
  }
  .dot-el:nth-of-type(23) {
    -webkit-animation-name: move-path-23;
            animation-name: move-path-23;
  }
  .dot-el:nth-of-type(23):before {
    -webkit-animation-duration: 7567ms, 7164ms;
            animation-duration: 7567ms, 7164ms;
    -webkit-animation-delay: 1612ms, 0s;
            animation-delay: 1612ms, 0s;
  }
  @-webkit-keyframes move-path-23 {
    0% {
      transform: translateX(-30vw) translateY(-41vh) scale(1.04);
    }
    5.8823529412% {
      transform: translateX(48vw) translateY(5vh) scale(0.93);
    }
    11.7647058824% {
      transform: translateX(-23vw) translateY(24vh) scale(1.18);
    }
    17.6470588235% {
      transform: translateX(37vw) translateY(32vh) scale(1.12);
    }
    23.5294117647% {
      transform: translateX(-39vw) translateY(-22vh) scale(0.82);
    }
    29.4117647059% {
      transform: translateX(-39vw) translateY(1vh) scale(0.7);
    }
    35.2941176471% {
      transform: translateX(-7vw) translateY(43vh) scale(1.18);
    }
    41.1764705882% {
      transform: translateX(-10vw) translateY(49vh) scale(0.67);
    }
    47.0588235294% {
      transform: translateX(-27vw) translateY(37vh) scale(0.76);
    }
    52.9411764706% {
      transform: translateX(-11vw) translateY(48vh) scale(0.56);
    }
    58.8235294118% {
      transform: translateX(-14vw) translateY(-9vh) scale(0.92);
    }
    64.7058823529% {
      transform: translateX(0vw) translateY(16vh) scale(0.73);
    }
    70.5882352941% {
      transform: translateX(-34vw) translateY(35vh) scale(0.6);
    }
    76.4705882353% {
      transform: translateX(1vw) translateY(24vh) scale(0.64);
    }
    82.3529411765% {
      transform: translateX(20vw) translateY(25vh) scale(0.75);
    }
    88.2352941176% {
      transform: translateX(30vw) translateY(-43vh) scale(0.95);
    }
    94.1176470588% {
      transform: translateX(46vw) translateY(-47vh) scale(1.1);
    }
    100% {
      transform: translateX(-25vw) translateY(-5vh) scale(0.79);
    }
  }
  @keyframes move-path-23 {
    0% {
      transform: translateX(-30vw) translateY(-41vh) scale(1.04);
    }
    5.8823529412% {
      transform: translateX(48vw) translateY(5vh) scale(0.93);
    }
    11.7647058824% {
      transform: translateX(-23vw) translateY(24vh) scale(1.18);
    }
    17.6470588235% {
      transform: translateX(37vw) translateY(32vh) scale(1.12);
    }
    23.5294117647% {
      transform: translateX(-39vw) translateY(-22vh) scale(0.82);
    }
    29.4117647059% {
      transform: translateX(-39vw) translateY(1vh) scale(0.7);
    }
    35.2941176471% {
      transform: translateX(-7vw) translateY(43vh) scale(1.18);
    }
    41.1764705882% {
      transform: translateX(-10vw) translateY(49vh) scale(0.67);
    }
    47.0588235294% {
      transform: translateX(-27vw) translateY(37vh) scale(0.76);
    }
    52.9411764706% {
      transform: translateX(-11vw) translateY(48vh) scale(0.56);
    }
    58.8235294118% {
      transform: translateX(-14vw) translateY(-9vh) scale(0.92);
    }
    64.7058823529% {
      transform: translateX(0vw) translateY(16vh) scale(0.73);
    }
    70.5882352941% {
      transform: translateX(-34vw) translateY(35vh) scale(0.6);
    }
    76.4705882353% {
      transform: translateX(1vw) translateY(24vh) scale(0.64);
    }
    82.3529411765% {
      transform: translateX(20vw) translateY(25vh) scale(0.75);
    }
    88.2352941176% {
      transform: translateX(30vw) translateY(-43vh) scale(0.95);
    }
    94.1176470588% {
      transform: translateX(46vw) translateY(-47vh) scale(1.1);
    }
    100% {
      transform: translateX(-25vw) translateY(-5vh) scale(0.79);
    }
  }
  .dot-el:nth-of-type(24) {
    -webkit-animation-name: move-path-24;
            animation-name: move-path-24;
  }
  .dot-el:nth-of-type(24):before {
    -webkit-animation-duration: 6475ms, 7568ms;
            animation-duration: 6475ms, 7568ms;
    -webkit-animation-delay: 3716ms, 0s;
            animation-delay: 3716ms, 0s;
  }
  @-webkit-keyframes move-path-24 {
    0% {
      transform: translateX(7vw) translateY(43vh) scale(0.71);
    }
    4% {
      transform: translateX(37vw) translateY(10vh) scale(1.11);
    }
    8% {
      transform: translateX(28vw) translateY(-10vh) scale(1.15);
    }
    12% {
      transform: translateX(-34vw) translateY(-24vh) scale(0.71);
    }
    16% {
      transform: translateX(29vw) translateY(-38vh) scale(0.74);
    }
    20% {
      transform: translateX(-29vw) translateY(27vh) scale(1.18);
    }
    24% {
      transform: translateX(-11vw) translateY(39vh) scale(0.88);
    }
    28% {
      transform: translateX(24vw) translateY(37vh) scale(1.07);
    }
    32% {
      transform: translateX(0vw) translateY(-48vh) scale(0.64);
    }
    36% {
      transform: translateX(36vw) translateY(-46vh) scale(1.14);
    }
    40% {
      transform: translateX(-1vw) translateY(50vh) scale(0.56);
    }
    44% {
      transform: translateX(27vw) translateY(3vh) scale(0.98);
    }
    48% {
      transform: translateX(-43vw) translateY(20vh) scale(0.96);
    }
    52% {
      transform: translateX(-12vw) translateY(13vh) scale(0.93);
    }
    56% {
      transform: translateX(44vw) translateY(2vh) scale(0.59);
    }
    60% {
      transform: translateX(13vw) translateY(31vh) scale(0.99);
    }
    64% {
      transform: translateX(1vw) translateY(-3vh) scale(0.95);
    }
    68% {
      transform: translateX(-49vw) translateY(45vh) scale(1.18);
    }
    72% {
      transform: translateX(5vw) translateY(-25vh) scale(0.92);
    }
    76% {
      transform: translateX(-16vw) translateY(-23vh) scale(0.95);
    }
    80% {
      transform: translateX(45vw) translateY(47vh) scale(0.72);
    }
    84% {
      transform: translateX(33vw) translateY(9vh) scale(0.67);
    }
    88% {
      transform: translateX(23vw) translateY(-28vh) scale(0.89);
    }
    92% {
      transform: translateX(4vw) translateY(25vh) scale(1.17);
    }
    96% {
      transform: translateX(-29vw) translateY(-8vh) scale(1.12);
    }
    100% {
      transform: translateX(-46vw) translateY(39vh) scale(0.52);
    }
  }
  @keyframes move-path-24 {
    0% {
      transform: translateX(7vw) translateY(43vh) scale(0.71);
    }
    4% {
      transform: translateX(37vw) translateY(10vh) scale(1.11);
    }
    8% {
      transform: translateX(28vw) translateY(-10vh) scale(1.15);
    }
    12% {
      transform: translateX(-34vw) translateY(-24vh) scale(0.71);
    }
    16% {
      transform: translateX(29vw) translateY(-38vh) scale(0.74);
    }
    20% {
      transform: translateX(-29vw) translateY(27vh) scale(1.18);
    }
    24% {
      transform: translateX(-11vw) translateY(39vh) scale(0.88);
    }
    28% {
      transform: translateX(24vw) translateY(37vh) scale(1.07);
    }
    32% {
      transform: translateX(0vw) translateY(-48vh) scale(0.64);
    }
    36% {
      transform: translateX(36vw) translateY(-46vh) scale(1.14);
    }
    40% {
      transform: translateX(-1vw) translateY(50vh) scale(0.56);
    }
    44% {
      transform: translateX(27vw) translateY(3vh) scale(0.98);
    }
    48% {
      transform: translateX(-43vw) translateY(20vh) scale(0.96);
    }
    52% {
      transform: translateX(-12vw) translateY(13vh) scale(0.93);
    }
    56% {
      transform: translateX(44vw) translateY(2vh) scale(0.59);
    }
    60% {
      transform: translateX(13vw) translateY(31vh) scale(0.99);
    }
    64% {
      transform: translateX(1vw) translateY(-3vh) scale(0.95);
    }
    68% {
      transform: translateX(-49vw) translateY(45vh) scale(1.18);
    }
    72% {
      transform: translateX(5vw) translateY(-25vh) scale(0.92);
    }
    76% {
      transform: translateX(-16vw) translateY(-23vh) scale(0.95);
    }
    80% {
      transform: translateX(45vw) translateY(47vh) scale(0.72);
    }
    84% {
      transform: translateX(33vw) translateY(9vh) scale(0.67);
    }
    88% {
      transform: translateX(23vw) translateY(-28vh) scale(0.89);
    }
    92% {
      transform: translateX(4vw) translateY(25vh) scale(1.17);
    }
    96% {
      transform: translateX(-29vw) translateY(-8vh) scale(1.12);
    }
    100% {
      transform: translateX(-46vw) translateY(39vh) scale(0.52);
    }
  }
  .dot-el:nth-of-type(25) {
    -webkit-animation-name: move-path-25;
            animation-name: move-path-25;
  }
  .dot-el:nth-of-type(25):before {
    -webkit-animation-duration: 5792ms, 7674ms;
            animation-duration: 5792ms, 7674ms;
    -webkit-animation-delay: 5447ms, 0s;
            animation-delay: 5447ms, 0s;
  }
  @-webkit-keyframes move-path-25 {
    0% {
      transform: translateX(-42vw) translateY(-12vh) scale(1.01);
    }
    4.5454545455% {
      transform: translateX(-28vw) translateY(-32vh) scale(1.02);
    }
    9.0909090909% {
      transform: translateX(-10vw) translateY(27vh) scale(0.95);
    }
    13.6363636364% {
      transform: translateX(-4vw) translateY(50vh) scale(1.07);
    }
    18.1818181818% {
      transform: translateX(12vw) translateY(-34vh) scale(0.87);
    }
    22.7272727273% {
      transform: translateX(39vw) translateY(16vh) scale(1.03);
    }
    27.2727272727% {
      transform: translateX(-9vw) translateY(-22vh) scale(0.95);
    }
    31.8181818182% {
      transform: translateX(41vw) translateY(-33vh) scale(0.54);
    }
    36.3636363636% {
      transform: translateX(-16vw) translateY(49vh) scale(1.05);
    }
    40.9090909091% {
      transform: translateX(45vw) translateY(24vh) scale(0.86);
    }
    45.4545454545% {
      transform: translateX(18vw) translateY(26vh) scale(0.93);
    }
    50% {
      transform: translateX(-3vw) translateY(34vh) scale(0.98);
    }
    54.5454545455% {
      transform: translateX(-19vw) translateY(-11vh) scale(1.18);
    }
    59.0909090909% {
      transform: translateX(-21vw) translateY(-10vh) scale(0.86);
    }
    63.6363636364% {
      transform: translateX(3vw) translateY(-29vh) scale(1.05);
    }
    68.1818181818% {
      transform: translateX(25vw) translateY(6vh) scale(0.8);
    }
    72.7272727273% {
      transform: translateX(-17vw) translateY(5vh) scale(0.65);
    }
    77.2727272727% {
      transform: translateX(28vw) translateY(-25vh) scale(0.59);
    }
    81.8181818182% {
      transform: translateX(-5vw) translateY(-39vh) scale(0.76);
    }
    86.3636363636% {
      transform: translateX(16vw) translateY(46vh) scale(1.2);
    }
    90.9090909091% {
      transform: translateX(38vw) translateY(12vh) scale(0.93);
    }
    95.4545454545% {
      transform: translateX(24vw) translateY(35vh) scale(0.57);
    }
    100% {
      transform: translateX(-1vw) translateY(32vh) scale(1.17);
    }
  }
  @keyframes move-path-25 {
    0% {
      transform: translateX(-42vw) translateY(-12vh) scale(1.01);
    }
    4.5454545455% {
      transform: translateX(-28vw) translateY(-32vh) scale(1.02);
    }
    9.0909090909% {
      transform: translateX(-10vw) translateY(27vh) scale(0.95);
    }
    13.6363636364% {
      transform: translateX(-4vw) translateY(50vh) scale(1.07);
    }
    18.1818181818% {
      transform: translateX(12vw) translateY(-34vh) scale(0.87);
    }
    22.7272727273% {
      transform: translateX(39vw) translateY(16vh) scale(1.03);
    }
    27.2727272727% {
      transform: translateX(-9vw) translateY(-22vh) scale(0.95);
    }
    31.8181818182% {
      transform: translateX(41vw) translateY(-33vh) scale(0.54);
    }
    36.3636363636% {
      transform: translateX(-16vw) translateY(49vh) scale(1.05);
    }
    40.9090909091% {
      transform: translateX(45vw) translateY(24vh) scale(0.86);
    }
    45.4545454545% {
      transform: translateX(18vw) translateY(26vh) scale(0.93);
    }
    50% {
      transform: translateX(-3vw) translateY(34vh) scale(0.98);
    }
    54.5454545455% {
      transform: translateX(-19vw) translateY(-11vh) scale(1.18);
    }
    59.0909090909% {
      transform: translateX(-21vw) translateY(-10vh) scale(0.86);
    }
    63.6363636364% {
      transform: translateX(3vw) translateY(-29vh) scale(1.05);
    }
    68.1818181818% {
      transform: translateX(25vw) translateY(6vh) scale(0.8);
    }
    72.7272727273% {
      transform: translateX(-17vw) translateY(5vh) scale(0.65);
    }
    77.2727272727% {
      transform: translateX(28vw) translateY(-25vh) scale(0.59);
    }
    81.8181818182% {
      transform: translateX(-5vw) translateY(-39vh) scale(0.76);
    }
    86.3636363636% {
      transform: translateX(16vw) translateY(46vh) scale(1.2);
    }
    90.9090909091% {
      transform: translateX(38vw) translateY(12vh) scale(0.93);
    }
    95.4545454545% {
      transform: translateX(24vw) translateY(35vh) scale(0.57);
    }
    100% {
      transform: translateX(-1vw) translateY(32vh) scale(1.17);
    }
  }
  
  @-webkit-keyframes lighting {
    0%, 30%, 100% {
      opacity: 0;
    }
    5% {
      opacity: 1;
      box-shadow: 0 0 0.3rem 0.05rem #7f00ff;
    }
  }
  
  @keyframes lighting {
    0%, 30%, 100% {
      opacity: 0;
    }
    5% {
      opacity: 1;
      box-shadow: 0 0 0.3rem 0.05rem #7f00ff;
    }
  }
  @-webkit-keyframes auto-rotating {
    to {
      transform: rotate(0deg);
    }
  }
  @keyframes auto-rotating {
    to {
      transform: rotate(0deg);
    }
  }

  .maju {
    -webkit-animation: maju 1s infinite  alternate;
    animation: maju 1s infinite  alternate;
}
@-webkit-keyframes maju {
    0% { transform: translateX(10px); }
    100% { transform: translateX(0); }
}
@keyframes maju {
    0% { transform: translateX(10px); }
    100% { transform: translateX(0); }
}

.upDown {
    -webkit-animation: upDown 1.5s infinite  alternate;
    animation: upDown 1.5s infinite  alternate;
}
@-webkit-keyframes upDown {
    0% { transform: translateY(2px); }
    100% { transform: translateY(7px); }
}
@keyframes upDown {
    0% { transform: translateY(2px); }
    100% { transform: translateY(7px); }
}

.mantul {
    -webkit-animation: mantul 3s infinite;
    animation: mantul 3s infinite;
  }

@-webkit-keyframes mantul {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
  }
  @keyframes mantul {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
  }


/* .text-animate-left {
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 3s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
} */

/*------------------------
	slidefadeinup
--------------------------*/
@-webkit-keyframes slideFadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes slideFadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .slideFadeInUp {
    -webkit-animation-name: slideFadeInUp;
    animation-name: slideFadeInUp;
  }

/* Confetti   */
/* .wrapper-conf {
  position: relative;
  min-height: 100vh;
} */

/* [class|=confetti] {
  position: relative;
}

.red {
  background-color: #E94A3F;
}

.yellow {
  background-color: #FAA040;
}

.blue {
  background-color: #5FC9F5;
} */