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

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-align: center;
}

.pace.pace-inactive .pace-progress {
 display: none;
}

.pace-running #content{
    zoom:1;
    filter:alpha(opacity=0);
    opacity:0;
}
.pace-done #content{
    zoom:1;
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transition:opacity .5s linear;
    -moz-transition:opacity .5s linear;
    -o-transition:opacity .5s linear;
    transition:opacity .5s linear;
}

.pace .pace-progress {
	position: fixed;
	z-index: 2000;
	top: 50%;
	right: 50%;
	height: 6rem;
	width: 8rem;
    margin-right: -3rem;
	-webkit-transform: translate3d(50%, -50%, 0) !important;
	-ms-transform: translate3d(50%, -50%, 0) !important;
	transform: translate3d(50%, -50%, 0) !important;
	text-align: center;
}

.pace .pace-progress:after {
	display: block;
	position: absolute;
	top: 0;
	right: .5rem;
	content: attr(data-progress-text);
	font-family: "HelveticaNowDisplay-Bold", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 5rem;
	line-height: 1;
	text-align: center;
	height: 6rem;
	/* color: rgba(0, 0, 0, 0.19999999999999996); */
	text-stroke: 1px rgba(0, 0, 0, 0.39999999999999996);
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.39999999999999996);
    color: rgb(255, 255, 255);
	padding-left: 5px;
}