.loader_bg{
    position: fixed;
    z-index: 999999;
    background: #fff;
    width: 100%;
    height: 100%;
  }
  
  .loader{
    border: 0 solid transparent;
    /*border-radius: 5%;*/
    background-image: url("../img/loaders/loader3.gif");
    width: 140px;
    height: 16px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(95vh - 75px);
  }
  
  .loader:before, .loader:after{
    content: '';
    border: .2em solid #1e075e;
    border-radius: 5%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    /*animation: loader 2s linear infinite;*/
    opacity: 0;
  }
  
  .loader:before{
    animation-delay: .5s;
  }
  
  @keyframes loader{
    0%{
      transform: scale(0);
      opacity: 0;
    }
    50%{
      opacity: 1;
    }
    100%{
      transform: scale(1);
      opacity: 0;
    }
  }