.bload{position:fixed;width:100%;height:100%;top:0;bottom:0;right:0;left:0;margin:auto;z-index:9999999;background:#000;background-size:cover;background-position:center;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:.7s cubic-bezier(.42,-.06,.64,.4);transform:scale(1);opacity:1}.bload.done{transform:scale(1.5);opacity:0;visibility:hidden}.bload:before{content:'';position:absolute;width:668px;height:500px;border-radius:50%;background:transparent}.bload-bar{position:absolute;width:100%;max-width:500px;height:4px;bottom:calc(50% - 300px);background:#222}.bload-i{position:absolute;left:0;right:0;margin:auto;height:100%;width:0;background:#bc8971}@media screen and (max-width:1300px) and (min-width:1200px),screen and (max-height:600px) and (min-height:500px){.bload-bar{bottom:calc(50% - 200px)}}



@media screen and (max-width:768px){
  .bload-div {
    transform: scale(0.5);
  }
}

.bload-div {
  position: relative;
  width: 50%;
  height: 50%;
}
.bload svg,
.bload .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.bload .logo {
    width: 140px;
    height: 140px;
    border-radius: 100px;
    opacity: 0;
    animation: fadeIn 0.75s linear forwards;
    animation-delay: 0.3s;
    background-image: url(../images/logo-gold.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.bload .loading-text {
  position: absolute;
  z-index: 1000;
  padding: 1rem 0.7rem;
  background: #000;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 100;
  letter-spacing: 6px;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  width: max-content;
}

.bload .circle {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  /*animation: stroke 2s ease-out forwards;*/
}
.bload .circle-back {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    /*animation: stroke 2s ease-out forwards;*/
}
.svg-rotate {
    transform: translate(-50%, -50%) rotate(88deg) !important;
}
.circle-new {
    fill: none;
    stroke-width: 9.5;
    stroke-dasharray: 630;
    stroke: #494949;
    opacity: 1;
    /* animation: load 5s; */
  }

  @keyframes load {
    0% {
      stroke-dashoffset: 0;
    }
  }
@keyframes stroke {
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes fadeIn {
    to {
      opacity: 1;
    }
  }