/**
 * ==============================================
 * Dot Spin
 * ==============================================
 */
.dot-spin {
  position: relative;
  /*width: 1.5vh;
  height: 1.5vh;*/
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  color: transparent;
  margin: 100px auto;
  /*box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 0 rgba(152, 128, 255, 0), 0  3.7152vh 0 0 rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 0 rgba(152, 128, 255, 0), -3.083616vh 0 0 0 rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 0 rgba(152, 128, 255, 0);*/
  -webkit-animation: dot-spin 1.5s infinite linear;
  animation: dot-spin 1.5s infinite linear;
}

@-webkit-keyframes dot-spin {
  0%,
  100% {
    box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 0 #1B3E5B, 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 0 #1B3E5B, 0  3.7152vh 0 0 #1B3E5B, -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 0 #1B3E5B, 0  3.7152vh 0 0 #1B3E5B, -2.18076vh 2.18076vh 0 0 #1B3E5B, -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }0
  50% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 0 #1B3E5B, -2.18076vh 2.18076vh 0 0 #1B3E5B, -3.083616vh 0 0 0 #1B3E5B, -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 0 #1B3E5B, -3.083616vh 0 0 0 #1B3E5B, -2.18076vh -2.18076vh 0 0 #1B3E5B;
  }
  75% {
    box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 0 #1B3E5B, -2.18076vh -2.18076vh 0 0 #1B3E5B;
  }
  87.5% {
    box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 0 #1B3E5B;
  }
}

@keyframes dot-spin {
  0%,
  100% {
    box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 0 #1B3E5B, 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 0 #1B3E5B, 2.18076vh 2.18076vh 0 0 #1B3E5B, 0  3.7152vh 0 0 #1B3E5B, -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 0 #1B3E5B, 0  3.7152vh 0 0 #1B3E5B, -2.18076vh 2.18076vh 0 0 #1B3E5B, -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 0 #1B3E5B, -2.18076vh 2.18076vh 0 0 #1B3E5B, -3.083616vh 0 0 0 #1B3E5B, -2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -3.083616vh 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 0 #1B3E5B, -3.083616vh 0 0 0 #1B3E5B, -2.18076vh -2.18076vh 0 0 #1B3E5B;
  }
  75% {
    box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0),  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 0 #1B3E5B, -2.18076vh -2.18076vh 0 0 #1B3E5B;
  }
  87.5% {
    box-shadow: 0 -3.083616vh 0 0 #1B3E5B, 2.18076vh -2.18076vh 0 0 #1B3E5B,  3.7152vh 0 0 -0.85656vh rgba(152, 128, 255, 0), 2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), 0  3.7152vh 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh 2.18076vh 0 -0.85656vh rgba(152, 128, 255, 0), -3.083616vh 0 0 -0.85656vh rgba(152, 128, 255, 0), -2.18076vh -2.18076vh 0 0 #1B3E5B;
  }
}