.ldBar{position:relative;width:100% !important;}
.ldBar.label-center > .ldBar-label{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:0 0 3px #000}
.ldBar-label{margin:auto;display: flex;align-items: center;justify-content: center;height: 100%;position: absolute;left: 46%;}
.ldBar-label:after{content:"%";display:inline}
.ldBar.no-percent .ldBar-label:after{content:""}
.ldBar svg{margin-bottom:20px !important;}
.loading-wrapper {width: 100%;height: 100%;position: fixed;top: 0;display: flex;flex-direction: column;align-items: center;color: #fff;font-size: 18px;letter-spacing: 10px;text-align: center;overflow: hidden;z-index: 1000;background: #fff;visibility: visible;opacity: 1;}



.ldBar {display: flex;align-items: center;justify-content: center;height: 100% !important;position: absolute;width: unset !important;left: 41%;}
.outercircle {display: flex;align-items: center;justify-content: center;height: 100%;position: absolute;left: 46%;}
.circle {position: relative;margin: 10% auto;width: 100px;height: 100px;border-radius: 50%;-webkit-box-sizing: border-box;border: solid 10px rgba(25, 25, 25, 0.2);border-top-color: #191919;-webkit-animation: spin 1s infinite linear;}
@-webkit-keyframes spin {
    100% {-webkit-transform: rotate(360deg);}
}
@media only screen and (max-width: 1500px) {
    .outercircle {left: 43%;}
}