.pace-done #loading_container {
  display: none;
}

#loading_container {
  width: 100px;
  height: 100px;
  position: absolute;
  margin: auto;
  display: block;
  top: 50%;
  left: 50%;
}

.L {
  position: absolute;
  left: 5%;
  top: 50%;
  -webkit-animation: L 2s infinite;
          animation: L 2s infinite;
}

.O {
  position: absolute;
  left: 18%;
  top: 50%;
  -webkit-animation: O 2s infinite;
          animation: O 2s infinite;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.A {
  position: absolute;
  left: 35%;
  top: 50%;
  -webkit-animation: A 2s infinite;
          animation: A 2s infinite;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.D {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-animation: D 2s infinite;
          animation: D 2s infinite;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

.I {
  position: absolute;
  left: 65%;
  top: 50%;
  -webkit-animation: I 2s infinite;
          animation: I 2s infinite;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

.N {
  position: absolute;
  left: 75%;
  top: 50%;
  -webkit-animation: N 2s infinite;
          animation: N 2s infinite;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.G {
  position: absolute;
  left: 90%;
  top: 50%;
  -webkit-animation: G 2s infinite;
          animation: G 2s infinite;
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}

@-webkit-keyframes L {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes L {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes O {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes O {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes A {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes A {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes D {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes D {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes I {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes I {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes N {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes N {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@-webkit-keyframes G {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

@keyframes G {
  0% {
    top: 0px;
    opacity: 0;
  }
  50% {
    top: 50px;
    opacity: 1;
  }
  100% {
    top: 0px;
    opacity: 0;
  }
}

.global-container {
  opacity: 0;
}

.pace-done .global-container {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
}
/*# sourceMappingURL=loading.css.map */