/** {
  margin:0px;
  padding:0px;
  box-sizing:border-box;
}*/

.loaderr::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: no-repeat rgb(127, 127, 127);
  opacity: 0.4;
  z-index: 9999999 !important;
}
.loaderr::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgb(126 126 126 / 82%);
  /*background: linear-gradient(90deg, rgba(237,237,237,0) 20%, rgba(159,159,159,1) 50%, rgba(237,237,237,0) 80%);*/
  opacity: 0.9;
  z-index: 9999999 !important;
}

.img_loaderr {
  position: fixed;
  top: calc(50% - 60px);
  left: calc(50% - 110px);
  z-index: 99999999 !important;
  width: 220px;
}
.wrapper {
  position: fixed;
  top: calc(100% / 2);
  left: calc(50% - 45px);
  z-index: 99999999 !important;
}


.loaderr .wrapper span {
  width:6px;
  height:6px;
  background:#1b3351;
  display:inline-block;
  margin:0px 2px;
  border-radius:50%;
  opacity:0;
  animation:loading 1500ms ease-in-out infinite;
  -webkit-animation:loading 1500ms ease-in-out infinite;
  -ms-animation:loading 1500ms ease-in-out infinite;
}
.loaderr .wrapper span:nth-child(5) {
  animation-delay:100ms;
  -ms-animation-delay:100ms;
  -webkit-animation-delay:100ms;
}
.loaderr .wrapper span:nth-child(4) {
  animation-delay:200ms;
  -ms-animation-delay:200ms;
  -webkit-animation-delay:200ms;
}
.loaderr .wrapper span:nth-child(3) {
  animation-delay:300ms;
  -ms-animation-delay:300ms;
  -webkit-animation-delay:300ms;
}
.loaderr .wrapper span:nth-child(2) {
  animation-delay:400ms;
  -ms-animation-delay:400ms;
  -webkit-animation-delay:400ms;
}
.loaderr .wrapper span:nth-child(1) {
  animation-delay:500ms;
  -ms-animation-delay:500ms;
  -webkit-animation-delay:500ms;
}
@keyframes loading {
  0% {
    -webkit-transform:translateX(-90px);
    transform:translateX(-90px);
    opacity:0;
  }
  35%,65% {
    -webkit-transform:translateX(0px);
    transform:translateX(0px);
    opacity:1;
  }
  100% {
    -webkit-transform:translateX(90px);
    transform:translateX(90px);
    opacity:0;
  }  
}

@media only screen and (max-width: 520px) {
    .img_loaderr {
        width: 200px;
    }
}


/* loaderr2 */
/* .loaderr2 {
  font-weight: bold;
  width: 200px;
  margin: 0 auto;
  height: 20px;
  font-family: "Josefin Sans", sans-serif;
}
.load {
  width: 100%;
  height: 5px;
  background-color: #f0f0f0;
  position: relative;
  overflow: hidden;
  margin-top: 10px;
}
.bar {
  width: 35%;
  height: 45px;
  background-color: #1b3351;
  position: absolute;
} */




.lds-ellipsis {
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99 !important;
  }
  .lds-ellipsis::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: no-repeat rgb(127, 127, 127);
    opacity: 0.4;
    z-index: 9999999 !important;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #1b3351;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }