/** {
  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: 99999999 !important;
}


.img_loaderr {
    position: fixed;
    top: calc(50% - 60px);
    left: calc(50% - 110px);
    z-index: 9999999;
    width: 160px;
}
.wrapper {
    position: fixed;
    top: calc(48%);
    left: calc(46%);
    z-index: 9999999;
}


.loaderr .wrapper span {
  width:5px;
  height:5px;
  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;
} */