.pace {
  pointer-events: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 30%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  max-width: calc(100% - 240px);
  border: 0px;
  height: 1px;
  overflow: hidden;
  background:#4A4442;
}
@media (max-width: 767px) {
  .pace {
    max-width: calc(100% - 120px);
  }
}

.pace .pace-progress {
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  max-width: 400px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #fff;
}

#preloader{
  width:100%;
  height:100vh;
  background:#101010;
  overflow:hidden;
  position:fixed;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}