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

  z-index: 2000;
  position: absolute;
  
  left: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
}
.pace, .pace *{
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
}
.pace.pace-inactive .pace-activity {
  display: none;
}

.pace .pace-activity {
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -75px;
 
  margin-top: -75px;
  height: 90px;
  width: 90px;
  display: block;
  border-width: 30px;
  border-style: double;
  border-color: #ecf0f1 transparent transparent;
  border-radius: 50%;

  -webkit-animation: spin 1s linear infinite;
     -moz-animation: spin 1s linear infinite;
       -o-animation: spin 1s linear infinite;
          
  animation: spin 1s linear infinite;
}

.pace .pace-activity:before {
  content: ' ';
  position: absolute;
  top: 10px;
  left: 50%;
  height: 60px;
  margin-left: -30px;
  width: 60px;
  display: block;
  border-width: 10px;
  border-style: solid;
  border-color: #ecf0f1 transparent transparent;
  border-radius: 50%;
}


@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
}

@-o-keyframes spin {
  100% { -moz-transform: rotate(359deg); }
}

@keyframes spin {
  100% {  transform: rotate(359deg); }
}
.pace .pace-progress:after {
  content: attr(data-progress-text);
  position: absolute;
  font-size: 150px;
  top: 10px;
  right: 40px;
  color: #ecf0f1;
  color: rgba(255,255,255,0.4);
  font-weight: 300;
  font-family: 'Lato';
}
.cover{
  background-color: #2980b9 !important;
}