#consist-submit-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}

/* ======================================================= */

#loading {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin: -50px 0 0 -50px;
  /* border: 8px rgba(0, 0, 0, 0.25) solid;
  border-top: 8px black solid;
  border-right: 8px black solid;
  border-bottom: 8px black solid; */
  border-radius: 50%;
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
}

@-webkit-keyframes load3 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes load3 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* ======================================================= */

#countdown {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  border: 5px #000 solid;
}

#countdown:before {
  content: '';
  border-left: 5px #000 solid;
  position: absolute;
  top: 9%;
  left: 50%;
  width: 2px;
  height: -webkit-calc(50% - 2px);
  height: calc(50% - 2px);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-animation: spClock 1s infinite linear;
  animation: spClock 1s infinite linear;
}

@-webkit-keyframes spClock {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spClock {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* ======================================================= */

@-moz-keyframes spin-loader {
  0% {
    -moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
  8.33% {
    -moz-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  16.67% {
    -moz-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  25% {
    -moz-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
    box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
  33.33% {
    -moz-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  41.67% {
    -moz-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
  }
  50% {
    -moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px;
  }
  58.33% {
    -moz-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
    box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
  }
  66.67% {
    -moz-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
    box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
  }
  75% {
    -moz-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px;
    box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px;
  }
  83.33% {
    -moz-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
    box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
  }
  91.67% {
    -moz-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  100% {
    -moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
}
@-webkit-keyframes spin-loader {
  0% {
    -webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
  8.33% {
    -webkit-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  16.67% {
    -webkit-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  25% {
    -webkit-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
  33.33% {
    -webkit-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  41.67% {
    -webkit-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
  }
  50% {
    -webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px;
  }
  58.33% {
    -webkit-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
    box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
  }
  66.67% {
    -webkit-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
    box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
  }
  75% {
    -webkit-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px;
    box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px;
  }
  83.33% {
    -webkit-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
    box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
  }
  91.67% {
    -webkit-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  100% {
    -webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
}
@keyframes spin-loader {
  0% {
    -moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
  8.33% {
    -moz-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  16.67% {
    -moz-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  25% {
    -moz-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
  33.33% {
    -moz-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  41.67% {
    -moz-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px, #999 -26px -15px 0 7px,
      #999 -26px -15px 0 7px, #999 -26px -15px 0 7px;
  }
  50% {
    -moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px;
    -webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px, #999 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 0 -30px 0 7px;
  }
  58.33% {
    -moz-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
    -webkit-box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
    box-shadow: #666666 26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px, #999 26px -15px 0 7px,
      #999 26px -15px 0 7px, #999 26px -15px 0 7px;
  }
  66.67% {
    -moz-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
    -webkit-box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
    box-shadow: #666666 26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 26px 15px 0 7px,
      #999 26px 15px 0 7px, #999 26px 15px 0 7px;
  }
  75% {
    -moz-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px;
    -webkit-box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px, #999 0 30px 0 7px;
    box-shadow: #666666 0 30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
      #999 0 30px 0 7px;
  }
  83.33% {
    -moz-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
    -webkit-box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
    box-shadow: #666666 -26px 15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px 15px 0 7px;
  }
  91.67% {
    -moz-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 -26px -15px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
  }
  100% {
    -moz-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    -webkit-box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px,
      #999 26px -15px 0 7px, #999 26px 15px 0 7px, #999 0 30px 0 7px,
      #999 -26px 15px 0 7px, #999 -26px -15px 0 7px;
    box-shadow: #666666 0 -30px 0 7px, #999 0 -30px 0 7px, #999 26px -15px 0 7px,
      #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 -26px 15px 0 7px,
      #999 -26px -15px 0 7px;
  }
}
/* :not(:required) hides this rule from IE9 and below */
#spin:not(:required) {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  /* align-items: center; */
  /* justify-content: center; */
  /* height: 100px; */
  /* width: 100px; */
  margin: -25px 0 0 -25px;
  overflow: hidden;
  /* position: relative; */
  text-indent: -9999px;
  /* display: inline-block; */
  width: 7px;
  height: 7px;
  background: transparent;
  border-radius: 100%;
  -moz-box-shadow: #666666 0 -30px 0 7px, #999 26px -15px 0 7px,
    #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
    #999 0 30px 0 7px;
  -webkit-box-shadow: #666666 0 -30px 0 7px, #999 26px -15px 0 7px,
    #999 26px 15px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px,
    #999 0 30px 0 7px;
  box-shadow: #666666 0 -30px 0 7px, #999 26px -15px 0 7px, #999 26px 15px 0 7px,
    #999 0 30px 0 7px, #999 0 30px 0 7px, #999 0 30px 0 7px;
  -moz-animation: spin-loader 5s infinite ease-in-out;
  -webkit-animation: spin-loader 5s infinite ease-in-out;
  animation: spin-loader 5s infinite ease-in-out;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* ======================================================= */

#spinner {
  color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  margin: -50px 0 0 -50px;
  /* min-height: 100vh; */
}

#spinner:after {
  animation: changeContent 0.8s linear infinite;
  display: block;
  content: '⠋';
  font-size: 80px;
}

@keyframes changeContent {
  10% {
    content: '⠙';
  }
  20% {
    content: '⠹';
  }
  30% {
    content: '⠸';
  }
  40% {
    content: '⠼';
  }
  50% {
    content: '⠴';
  }
  60% {
    content: '⠦';
  }
  70% {
    content: '⠧';
  }
  80% {
    content: '⠇';
  }
  90% {
    content: '⠏';
  }
}

/* ======================================================= */

#dots {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin: -50px 0 0 -50px;
}

#dots span {
  position: absolute;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  -webkit-animation: dots 1.5s infinite ease-out;
  animation: dots 1.5s infinite ease-out;
}

#dots span:nth-child(1) {
  left: 0px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#dots span:nth-child(2) {
  left: 30px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

#dots span:nth-child(3) {
  left: 60px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

#dots span:nth-child(4) {
  left: 90px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@keyframes dots {
  0% {
    background: #000000;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  50% {
    background: rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    background: #000000;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dots {
  0% {
    background: #000000;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  50% {
    background: rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    background: #000000;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}