.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #222;
  position: fixed;
  margin: auto;
  top: 0px;
  left: 50%;
  z-index: 2000;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translate(-50%, -0%);
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: white;
  position: absolute;
  z-index: 2000;
  bottom: 0;
  right: 100%;
  width: 100%;
  height: 100%;
}

.pace.pace-inactive {
  display: none;
}
.pace-running {
	position: relative;
	width: 100%;
	height: 100%;
}
.pace-logo {
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0%;
	top: 0%;
	/* transform: translate(-50%, -50%); */
	z-index: 200100;
	text-align: center;
	line-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.pace-logo img {
	width: 300px;


	vertical-align: middle;
}
.pace-logo.is-active {
	opacity: 1;

}
.pace-done .pace-logo {
	opacity: 0;
	visibility: hidden;
	display: none;
}
.pace-running .pace-logo {

	
}

.pace-running .scrollblock{
	opacity:0;
}
.pace-done .scrollblock{
	opacity:1;

      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
    -ms-transition: 0.3s;
      -o-transition: 0.3s; 
}