.loader {
  height: 12px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.loader-dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
  vertical-align:middle;
}
.loader-dot:first-child {
  background-color: #fff;
  animation-delay: 0.5s;
  width:10px;
  height:10px;  
    vertical-align:middle;
	top:4px;
}
.loader-dot:nth-child(2) {
  background-color: #fff;
  animation-delay: 0.4s;
  width:14px;
  height:14px;   
    vertical-align:middle;
	top:2px;
}
.loader-dot:nth-child(3) {
  background-color: #fff;
  animation-delay: 0.3s;
  width:18px;
  height:18px; 
    vertical-align:middle;  
}
.loader-text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
  color:#414042;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}
.loader-bg-overlay {position:fixed; background-color:#161616;width:0%; height:100%; left:0; top:0; z-index:10000; ms-transition:.75s background-position ease-out, .75s background-color ease-out, .75s width ease-out, .75s border-radius ease-out; -moz-transition:.75s background-position ease-out, .75s background-color ease-out, .75s width ease-out, .75s border-radius ease-out; -o-transition:.75s background-position ease-out, .75s background-color ease-out, .75s width ease-out, .75s border-radius ease-out; -webkit-transition:.75s background-position ease-out, .75s background-color ease-out, .75s width ease-out, .75s border-radius ease-out; transition:.75s background-position ease-out, .75s background-color ease-out, .75s width ease-out, .75s border-radius ease-out;}
.loader-wrapper {width:260px; height:80px; background-color:transparent; position:absolute; border-radius:10px; top:50%; left:50%; margin: -44px 0 0 -130px;}

.loader-bg-overlay.show {background-color:#D51317; background-color:rgba(213, 19, 23, 1); background-position:center center; width:100%;}
.loader-bg-overlay.hide {background:#161616;width:0%; height:100%; left:0;}