.pace.pace-active  .pace-progress {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
  height: 5px;
  background: rgb(206, 206, 206);
}
.pace-active .pace-activity{
  top: 50%;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    display: block;
    position: relative;
    border: 3px solid #E5E5E5;
    margin-top: -25px;
}

.pace-active .pace-activity:before {
    position: absolute;
    content: "";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #08ada7 rgba(0,0,0,0) rgba(0,0,0,0);
    border-radius: 100%;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 100%;
    width: 100%;
    top: -3px;
    left: -3px;
    animation: loadingspin .9s infinite cubic-bezier(0.445,.03,.55,.95);
    -moz-animation: loadingspin .9s infinite cubic-bezier(0.445,.05,.55,.95);
    -webkit-animation: loadingspin .9s infinite cubic-bezier(0.445,.05,.55,.95);
}

.pace {
width: 100%;
height: 100%;
position: fixed;
z-index: 99999;
background: transparent;	
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.pace.pace-active {
background: #FFF;
}
.pace.pace-inactive {
	background: transparent;
	visibility: hidden;
}

.pace.pace-active .pace-progress:before {
content: attr(data-progress-text);
color: rgba(0, 0, 0, 0.08);
position: absolute;
left: 20px;
bottom: 35px;
font-size: 5em;
font-family: arial;
}


@-moz-keyframes loadingspin {
  100% {
    -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes loadingspin{
  100%{
    -webkit-transform:rotate(360deg)
  }
}
@keyframes loadingspin{
  100% {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}