/* Progress bar */
body.pace-running > * {
  visibility: hidden;
}
body.pace-running .pace {
  visibility: visible;
}
body.pace-done .pace {
  display: none;
}
.loader-mask {
  display: none;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: -25%;
  bottom: 0;
  height: 100%;
  background: #9e0b0f;
  background: #000;
  @include transform(skewX(-25deg));
  -webkit-transition: -webkit-transform .3s, width 1s;
  -moz-transition: width 1s;
  -o-transform: width 1s;
  transition: transform .3s, width 1s;
  pointer-events: none;
}
.pace.pace-active .pace-progress {}
div.pace-overlay {
  z-index: 3000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/loading-mask.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 800px) {
  div.pace-overlay {
    background-image: url(../images/loading-mask-mobile.png);
    background-position: top center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
}