@-webkit-keyframes loading {
   from { background-position:    0 0px; }
     to { background-position: 0 -4712px; }
}

@keyframes loading {
   from { background-position:    0 0px; }
     to { background-position: 0 -4712px; }
}

#page-loader {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
  color: #00a94f;
  display: flex;
}
.loading {
  width: 140px;
  height: 152px;
  overflow: hidden;
  background-image: url(../images/loading.png);
  animation: loading 1s steps(31) infinite;
}
.logo {
  width: 182px;
  top: 1rem;
}
@media (min-width: 992px) {
  .logo {
    top: 32px;
    left: 40px;
  }
}

/** {
  animation-play-state: paused !important;
}*/

.in-viewport,
.in-viewport * {
  animation-play-state: running !important;
}