.carregando{display:block; width:80px; height:15px; margin-top:10px;}
.circulo{width:15px; height:15px; border-radius:50%; display:inline-block; position:absolute;}

.carregando .a1{background:#50c4e7; left:0; animation:anima-1 1s infinite;}
.carregando .a2{background:#e5e355; left:25px;}
.carregando .a3{background:#f58633; left:40px;}
.carregando .a4{background:#ec268f; left:55px; animation:anima-2 1s infinite; animation-delay:1s;}


@-webkit-keyframes anima-1{
	0%{left:0;}
	50%{left:10px;}
	100%{left:0;}
}


@-webkit-keyframes anima-2{
	0%{left:55px;}
	50%{left:70px;}
	100%{left:55px;}
}	





.quadrado{width:8px; height:8px; display:inline-block; position:absolute; border-radius:50%;}

.carregando-p{animation:gira 1.5s infinite; width:16px; height:16px; /*background:#fff; border-radius:50%;*/}

.carregando-p .a1{background:#50c4e7; left:0; top:0;}
.carregando-p .a2{background:#e5e355; left:8px; top:0;}
.carregando-p .a3{background:#f58633; left:0; top:8px;}
.carregando-p .a4{background:#ec268f; left:8px; top:8px;}


@-webkit-keyframes gira{
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}



.pisca{animation:pisca 0.5s 10;}

@-webkit-keyframes pisca{
	0%{background:nome;}
	50%{background:#f34f4f;}
	100%{background:none;}
}