.loader_wave {
      position: relative;
      display: flex;
      top: 50%;
      left: 50%;
      right: auto;
  }
  .loader_wave:before , .loader_wave:after {
      content: '';
      width: 15px;
      height: 15px;
      display: inline-block;
      position: relative;
      margin: 0  5px  ;
      border-radius: 50%;
      color: #FFF;
      background: currentColor;
      box-shadow: 50px 0 ,  -50px 0;
      animation: left 1s infinite ease-in-out;
    }
    .loader_wave:after {
      color: #FF3D00;
      animation: right 1.1s infinite ease-in-out;
    }


  @keyframes right {
    0% , 100%{transform: translateY(-10px) }
    50% { transform: translateY(10px) }
  }

  @keyframes left {
    0% , 100%{ transform: translateY(10px) }
    50% { transform: translateY(-10px) }
  }