@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -30px 0;
    }
}


/* Zoom in Keyframes */

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}


#el1, #el2, #el3 {
   animation-duration: 3s;
  animation-iteration-count: infinite;
}
#el1 {
  animation-name: dotOne;
}
@keyframes dotOne {
  0% {visibility: hidden;}
  25% {visibility: hidden;}
  50% {visibility: visible;}
  75% {visibility: visible;}
  100% {visibility: visible;}
}
#el2 {
  animation-name: dotTwo;
}
@keyframes dotTwo {
  0% {visibility: hidden;}
  25% {visibility: hidden;}
  50% {visibility: hidden;}
  75% {visibility: visible;}
  100% {visibility: visible;}
}
#el3 {
  animation-name: dotThree;
}
@keyframes dotThree {
  0% {visibility: hidden;}
  25% {visibility: hidden;}
  50% {visibility: hidden;}
  75% {visibility: hidden;}
  100% {visibility: visible;}
}