.dot-one {
    opacity: 1;
    -webkit-animation: dot 1s infinite;
    -webkit-animation-delay: 0.0s;
    
    -moz-animation: dot 1s infinite;
    -moz-animation-delay: 0.0s;
    
	-o-animation: dot 1s infinite;
	-o-animation-delay: 0.0s;
    
    animation: dot 1s infinite;
    animation-delay: 0.0s;
}

.dot-two {
	opacity: 1;
	-webkit-animation: dot 1s infinite;
	-webkit-animation-delay: 0.2s;
	
	-moz-animation: dot 1s infinite;
    -moz-animation-delay: 0.2s;
    
	-o-animation: dot 1s infinite;
	-o-animation-delay: 0.2s;
	
	animation: dot 1s infinite;
	animation-delay: 0.2s;
}

.dot-three {
    opacity: 1;
    -webkit-animation: dot 1s infinite;
    -webkit-animation-delay: 0.3s;
    
    -moz-animation: dot 1s infinite;
    -moz-animation-delay: 0.3s;
    
	-o-animation: dot 1s infinite;
	-o-animation-delay: 0.3s;
    
     animation: dot 1s infinite;
     animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 1; }
     /*50% { opacity: 1; }*/
    100% { opacity: 0; }
}

@-moz-keyframes dot {
      0% { opacity: 1; }
     /*50% { opacity: 1; }*/
    100% { opacity: 0; }
}

@-o-keyframes dot {
      0% { opacity: 1; }
     /*50% { opacity: 1; }*/
    100% { opacity: 0; }
}

@keyframes dot {
      0% { opacity: 1; }
     /*50% { opacity: 1; }*/
    100% { opacity: 0; }
}