.loader-container {
  background: #EDF0F1 no-repeat center center;
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 99999
} 

.loader {
  box-sizing: border-box;
  display: inline-block;
  height: 10rem;
  width: 10rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5rem 0 0 -5rem;
}
  
.loader:before, .loader:after {
  background-color: #2196f3;
  border-radius: 50%;
  content: '';
  height: inherit;
  width: inherit;
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  animation: loader 2.0s infinite ease-in-out;
}
 
.loader:after {
  animation-delay: -1.0s;
}
  
@keyframes loader {
  0%,
  100% {
    transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
  }
}