.start-progress {
    display: flex;
    height: 1.33333rem;
    margin:100% auto;
    color: #fff;
    justify-content: center;
    align-items: center;
  }
  .loaders {
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 0;
    margin-right: 10px;
  }
  .ball-pulse > div {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
  }
  .ball-pulse > div:nth-child(1) {
    -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    display: inline-block;
  }
  .ball-pulse > div:nth-child(2) {
    -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    display: inline-block;
  }
  .ball-pulse > div:nth-child(3) {
    -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    display: inline-block;
  }
  @-webkit-keyframes scale {
    0%,
    80% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
    45% {
      -webkit-transform: scale(0.1);
      transform: scale(0.1);
      opacity: 0.7;
    }
  }