/* This is a compiled file, you should be editing the file in the templates directory */

.pace-running::before {
  background-color: #053C15;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  z-index: 2000;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;


  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 50px;
  width: 100%;
  height: 100%;
  background-color: #000b36 ;
  overflow: hidden;

}

.pace .pace-progress {
  background-image: url(../images/loading_logo2-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;

  height: 100vh;
  transform:none!important;
  width: 20%;
  margin: 0 auto;
}
.pace .pace-progress::after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1px;
  background-color: #aaa;
  width: 100%;
}
.pace .pace-progress[data-progress-text="0%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 0%, #aaa 0%, #aaa 100%);}
.pace .pace-progress[data-progress-text="1%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 1%, #aaa 1%, #aaa 100%);}
.pace .pace-progress[data-progress-text="2%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 2%, #aaa 2%, #aaa 100%);}
.pace .pace-progress[data-progress-text="3%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 3%, #aaa 3%, #aaa 100%);}
.pace .pace-progress[data-progress-text="4%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 4%, #aaa 4%, #aaa 100%);}
.pace .pace-progress[data-progress-text="5%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 5%, #aaa 5%, #aaa 100%);}
.pace .pace-progress[data-progress-text="6%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 6%, #aaa 6%, #aaa 100%);}
.pace .pace-progress[data-progress-text="7%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 7%, #aaa 7%, #aaa 100%);}
.pace .pace-progress[data-progress-text="8%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 8%, #aaa 8%, #aaa 100%);}
.pace .pace-progress[data-progress-text="9%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 9%, #aaa 9%, #aaa 100%);}
.pace .pace-progress[data-progress-text="10%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 10%, #aaa 10%, #aaa 100%);}
.pace .pace-progress[data-progress-text="11%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 11%, #aaa 11%, #aaa 100%);}
.pace .pace-progress[data-progress-text="12%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 12%, #aaa 12%, #aaa 100%);}
.pace .pace-progress[data-progress-text="13%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 13%, #aaa 13%, #aaa 100%);}
.pace .pace-progress[data-progress-text="14%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 14%, #aaa 14%, #aaa 100%);}
.pace .pace-progress[data-progress-text="15%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 15%, #aaa 15%, #aaa 100%);}
.pace .pace-progress[data-progress-text="16%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 16%, #aaa 16%, #aaa 100%);}
.pace .pace-progress[data-progress-text="17%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 17%, #aaa 17%, #aaa 100%);}
.pace .pace-progress[data-progress-text="18%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 18%, #aaa 18%, #aaa 100%);}
.pace .pace-progress[data-progress-text="19%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 19%, #aaa 19%, #aaa 100%);}
.pace .pace-progress[data-progress-text="20%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 20%, #aaa 20%, #aaa 100%);}
.pace .pace-progress[data-progress-text="21%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 21%, #aaa 21%, #aaa 100%);}
.pace .pace-progress[data-progress-text="22%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 22%, #aaa 22%, #aaa 100%);}
.pace .pace-progress[data-progress-text="23%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 23%, #aaa 23%, #aaa 100%);}
.pace .pace-progress[data-progress-text="24%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 24%, #aaa 24%, #aaa 100%);}
.pace .pace-progress[data-progress-text="25%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 25%, #aaa 25%, #aaa 100%);}
.pace .pace-progress[data-progress-text="26%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 26%, #aaa 26%, #aaa 100%);}
.pace .pace-progress[data-progress-text="27%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 27%, #aaa 27%, #aaa 100%);}
.pace .pace-progress[data-progress-text="28%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 28%, #aaa 28%, #aaa 100%);}
.pace .pace-progress[data-progress-text="29%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 29%, #aaa 29%, #aaa 100%);}
.pace .pace-progress[data-progress-text="30%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 30%, #aaa 30%, #aaa 100%);}
.pace .pace-progress[data-progress-text="31%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 31%, #aaa 31%, #aaa 100%);}
.pace .pace-progress[data-progress-text="32%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 32%, #aaa 32%, #aaa 100%);}
.pace .pace-progress[data-progress-text="33%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 33%, #aaa 33%, #aaa 100%);}
.pace .pace-progress[data-progress-text="34%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 34%, #aaa 34%, #aaa 100%);}
.pace .pace-progress[data-progress-text="35%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 35%, #aaa 35%, #aaa 100%);}
.pace .pace-progress[data-progress-text="36%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 36%, #aaa 36%, #aaa 100%);}
.pace .pace-progress[data-progress-text="37%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 37%, #aaa 37%, #aaa 100%);}
.pace .pace-progress[data-progress-text="38%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 38%, #aaa 38%, #aaa 100%);}
.pace .pace-progress[data-progress-text="39%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 39%, #aaa 39%, #aaa 100%);}
.pace .pace-progress[data-progress-text="40%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 40%, #aaa 40%, #aaa 100%);}
.pace .pace-progress[data-progress-text="41%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 41%, #aaa 41%, #aaa 100%);}
.pace .pace-progress[data-progress-text="42%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 42%, #aaa 42%, #aaa 100%);}
.pace .pace-progress[data-progress-text="43%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 43%, #aaa 43%, #aaa 100%);}
.pace .pace-progress[data-progress-text="44%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 44%, #aaa 44%, #aaa 100%);}
.pace .pace-progress[data-progress-text="45%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 45%, #aaa 45%, #aaa 100%);}
.pace .pace-progress[data-progress-text="46%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 46%, #aaa 46%, #aaa 100%);}
.pace .pace-progress[data-progress-text="47%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 47%, #aaa 47%, #aaa 100%);}
.pace .pace-progress[data-progress-text="48%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 48%, #aaa 48%, #aaa 100%);}
.pace .pace-progress[data-progress-text="49%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 49%, #aaa 49%, #aaa 100%);}
.pace .pace-progress[data-progress-text="50%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 50%, #aaa 50%, #aaa 100%);}
.pace .pace-progress[data-progress-text="51%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 51%, #aaa 51%, #aaa 100%);}
.pace .pace-progress[data-progress-text="52%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 52%, #aaa 52%, #aaa 100%);}
.pace .pace-progress[data-progress-text="53%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 53%, #aaa 53%, #aaa 100%);}
.pace .pace-progress[data-progress-text="54%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 54%, #aaa 54%, #aaa 100%);}
.pace .pace-progress[data-progress-text="55%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 55%, #aaa 55%, #aaa 100%);}
.pace .pace-progress[data-progress-text="56%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 56%, #aaa 56%, #aaa 100%);}
.pace .pace-progress[data-progress-text="57%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 57%, #aaa 57%, #aaa 100%);}
.pace .pace-progress[data-progress-text="58%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 58%, #aaa 58%, #aaa 100%);}
.pace .pace-progress[data-progress-text="59%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 59%, #aaa 59%, #aaa 100%);}
.pace .pace-progress[data-progress-text="60%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 60%, #aaa 60%, #aaa 100%);}
.pace .pace-progress[data-progress-text="61%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 61%, #aaa 61%, #aaa 100%);}
.pace .pace-progress[data-progress-text="62%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 62%, #aaa 62%, #aaa 100%);}
.pace .pace-progress[data-progress-text="63%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 63%, #aaa 63%, #aaa 100%);}
.pace .pace-progress[data-progress-text="64%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 64%, #aaa 64%, #aaa 100%);}
.pace .pace-progress[data-progress-text="65%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 65%, #aaa 65%, #aaa 100%);}
.pace .pace-progress[data-progress-text="66%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 66%, #aaa 66%, #aaa 100%);}
.pace .pace-progress[data-progress-text="67%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 67%, #aaa 67%, #aaa 100%);}
.pace .pace-progress[data-progress-text="68%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 68%, #aaa 68%, #aaa 100%);}
.pace .pace-progress[data-progress-text="69%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 69%, #aaa 69%, #aaa 100%);}
.pace .pace-progress[data-progress-text="70%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 70%, #aaa 70%, #aaa 100%);}
.pace .pace-progress[data-progress-text="71%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 71%, #aaa 71%, #aaa 100%);}
.pace .pace-progress[data-progress-text="72%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 72%, #aaa 72%, #aaa 100%);}
.pace .pace-progress[data-progress-text="73%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 73%, #aaa 73%, #aaa 100%);}
.pace .pace-progress[data-progress-text="74%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 74%, #aaa 74%, #aaa 100%);}
.pace .pace-progress[data-progress-text="75%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 75%, #aaa 75%, #aaa 100%);}
.pace .pace-progress[data-progress-text="76%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 76%, #aaa 76%, #aaa 100%);}
.pace .pace-progress[data-progress-text="77%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 77%, #aaa 77%, #aaa 100%);}
.pace .pace-progress[data-progress-text="78%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 78%, #aaa 78%, #aaa 100%);}
.pace .pace-progress[data-progress-text="79%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 79%, #aaa 79%, #aaa 100%);}
.pace .pace-progress[data-progress-text="80%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 80%, #aaa 80%, #aaa 100%);}
.pace .pace-progress[data-progress-text="81%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 81%, #aaa 81%, #aaa 100%);}
.pace .pace-progress[data-progress-text="82%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 82%, #aaa 82%, #aaa 100%);}
.pace .pace-progress[data-progress-text="83%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 83%, #aaa 83%, #aaa 100%);}
.pace .pace-progress[data-progress-text="84%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 84%, #aaa 84%, #aaa 100%);}
.pace .pace-progress[data-progress-text="85%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 85%, #aaa 85%, #aaa 100%);}
.pace .pace-progress[data-progress-text="86%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 86%, #aaa 86%, #aaa 100%);}
.pace .pace-progress[data-progress-text="87%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 87%, #aaa 87%, #aaa 100%);}
.pace .pace-progress[data-progress-text="88%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 88%, #aaa 88%, #aaa 100%);}
.pace .pace-progress[data-progress-text="89%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 89%, #aaa 89%, #aaa 100%);}
.pace .pace-progress[data-progress-text="90%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 90%, #aaa 90%, #aaa 100%);}
.pace .pace-progress[data-progress-text="91%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 91%, #aaa 91%, #aaa 100%);}
.pace .pace-progress[data-progress-text="92%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 92%, #aaa 92%, #aaa 100%);}
.pace .pace-progress[data-progress-text="93%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 93%, #aaa 93%, #aaa 100%);}
.pace .pace-progress[data-progress-text="94%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 94%, #aaa 94%, #aaa 100%);}
.pace .pace-progress[data-progress-text="95%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 95%, #aaa 95%, #aaa 100%);}
.pace .pace-progress[data-progress-text="96%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 96%, #aaa 96%, #aaa 100%);}
.pace .pace-progress[data-progress-text="97%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 97%, #aaa 97%, #aaa 100%);}
.pace .pace-progress[data-progress-text="98%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 98%, #aaa 98%, #aaa 100%);}
.pace .pace-progress[data-progress-text="99%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 99%, #aaa 99%, #aaa 100%);}
.pace .pace-progress[data-progress-text="100%"]:after{background: linear-gradient(90deg, #fff 0%, #fff 100%, #aaa 100%, #aaa 100%);}


.pace .pace-progress[data-progress-text="100%"]:after {
  width: 100%;
} 
.pace .pace-progress[data-progress-text="100%"]:after {width: 100%; } 


.pace .pace-activity {
  position: absolute;
  width: 50%;
  height: 28px;
  z-index: 2001;

}

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