@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }

  .diy-bounce {
    animation: bounce 1.5s infinite;
  }
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
  .diy-rotate {
    animation: rotate 2s linear infinite;
  }

  .loadingOne{
    display: inline-block;
    height: 5px;
}
.loadingOne span{
    display: inline-block;
    width: 5px;
    height: 100%;
    margin-right: 5px;
    border-radius: 50%;
    background: #ffffff;
    -webkit-animation: load 1.04s ease infinite;
}
.loadingOne span:last-child{
    margin-right: 0px;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.loadingOne span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.loadingOne span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.loadingOne span:nth-child(3){
    -webkit-animation-delay:0.39s;
}
/* .loadingOne span:nth-child(4){
    -webkit-animation-delay:0.52s;
}
.loadingOne span:nth-child(5){
    -webkit-animation-delay:0.65s;
} */