/*
div#preloader
{ position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: black;

}


.contenedor {
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor h1 {
    position: relative;
    float: left;
    background: black;
    color: #fff;
    font-size: 2.5em;
    font-family: Helvetica;
    letter-spacing: 1.2px;
}

.contenedor h1 span {
    position:absolute;
    right:-20px;
    width:0;
    background: black;
    border-left: 1px solid #000;
    animation: escribir 6s steps(70) infinite alternate ;
    color: #d45700;

}

@keyframes escribir {
    0% { width: 105%  }
    20% {width: 105%}
    100% { width:0 }
}


@media (max-width: 768px) {
    .contenedor h1 {
        font-size: 16px;
    }
}

.pr-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    background-color: black;

}
*/


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: white;
  height: 100%;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: var(--primary-color);
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace-running{
  overflow: hidden !important;

}

.pace-running > *:not(.pace) {
  opacity:0;
}