@keyframes rdDrop-normal {
	0%   {
		top: 0;
		opacity: 0;
		transform: scale(1);
		filter: blur(0px);
	}

	20%  {
		opacity: 1;
		top: 6px;	
		transform: scale(1);
		filter: blur(0px);
	}

	50% {
		top: 8px;
		transform: scale(1.5);
		filter: blur(2px);
		opacity: 0;
	}

	100% {
		top: 8px;
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes rdDrop-normal {
	0%   {
		top: 0;
		opacity: 0;
		-webkit-transform: scale(1);
		-webkit-filter: blur(0px);
	}

	20%  {
		opacity: 1;
		top: 6px;	
		-webkit-transform: scale(1);
		-webkit-filter: blur(0px);
	}

	50% {
		top: 8px;
		-webkit-transform: scale(1.5);
		-webkit-filter: blur(2px);
		opacity: 0;
	}

	100% {
		top: 6px;
		-webkit-transform: scale(2);
		opacity: 0;
	}
}


@keyframes rdDrop-wave {
	0%   {
		top: 0;
		opacity: 0;
		transform: scale(1);
		filter: blur(0px);
		left: 0;
	}

	20%  {
		opacity: 1;
		top: 6px;	
		transform: scale(1);
		filter: blur(0px);
		left: 20px;
	}

	50% {
		top: 8px;
		transform: scale(1.5);
		filter: blur(2px);
		opacity: 0;
		left: 5px;
	}

	100% {
		top: 8px;
		transform: scale(2);
		left: 6px;
		opacity: 0;
	}
}



@-webkit-keyframes rdDrop-wave {
	0%   {
		top: 0;
		opacity: 0;
		-webkit-transform: scale(1);
		-webkit-filter: blur(0px);
		left: 0;
	}

	20%  {
		opacity: 1;
		top: 10px;	
		-webkit-transform: scale(1);
		-webkit-filter: blur(0px);
		left: 20px;
	}

	50% {
		top: 15px;
		-webkit-transform: scale(1.5);
		-webkit-filter: blur(2px);
		opacity: 0;
		left: 10px;
	}

	100% {
		top: 15px;
		-webkit-transform: scale(2);
		left: 10px;
		opacity: 0;
	}
}











.rdHolder {
	position: relative;
	padding-bottom: 20px; 
}

div.rdDrop {
	position: relative;
	display: inline-block;
	height: 5px;
	width: 5px;
	border-radius: 5px;
	background-color: #FF0000;
	margin: 1px;
	opacity: 0;
	top: 0;
}