.preloader{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:999999;
  background-color:#000000;
  background-position:center center;
  background-repeat:no-repeat;
  /* background-image:url(../images/icons/preloader.svg); */
  background-size:80px;
}
  .load {
    position:absolute;
    width:600px;
    height:36px;
    left:50%;
    top:40%;
    margin-left:-300px;
    overflow:visible;
    user-select:none;
    cursor:default;
    background:#000000;
  }
  .load div {

    position:absolute;
    width:20px;
    height:36px;
    opacity:0;
    font-family:Helvetica, Arial, sans-serif;
    animation:move 6s linear infinite;

    transform:rotate(180deg);

    color: #3183e9;
  }

  .load div:nth-child(2) {
    animation-delay:0.2s;
  }
  .load div:nth-child(3) {
    animation-delay:0.4s;
  }
  .load div:nth-child(4) {
    animation-delay:0.6s;
  }
  .load div:nth-child(5) {
    animation-delay:0.8s;
  }
  .load div:nth-child(6) {
    animation-delay:1s;
  }
  .load div:nth-child(7) {
    animation-delay:1.2s;
  }
  .load div:nth-child(8) {
    animation-delay:1.4s;
  }
  .load div:nth-child(9) {
    animation-delay:1.6s;
  }
  .load div:nth-child(10) {
    animation-delay:1.8s;
  }
  .load div:nth-child(11) {
    animation-delay:2s;
  }
  .load div:nth-child(12) {
    animation-delay:2.2s;
  }
  .load div:nth-child(13) {
    animation-delay:2.4s;
  }
  .load div:nth-child(14) {
    animation-delay:2.6s;
  }
  .load div:nth-child(15) {
    animation-delay:2.8s;
  }
  .load div:nth-child(16) {
    animation-delay:3s;
  }
  .load div:nth-child(17) {
    animation-delay:3.2s;
  }
  .load div:nth-child(18) {
    animation-delay:3.4s;
  }
  .load div:nth-child(19) {
    animation-delay:3.6s;
  }
  .load div:nth-child(20) {
    animation-delay:3.8s;
  }
  .load div:nth-child(21) {
    animation-delay:4s;
  }
  .load div:nth-child(22) {
    animation-delay:4.2s;
  }
  .load div:nth-child(23) {
    animation-delay:4.4s;
  }
  @keyframes move {
    0% {
      right:0;
      opacity:0;
    }
    35% {
          right: 41%;
          transform:rotate(0deg);
          opacity:1;
      }
      65% {
          right:59%;
          transform:rotate(0deg);
          opacity:1;
      }
      100% {
          right:100%;
          transform:rotate(-180deg);
          opacity:0;
      }
  }