﻿.bubblingG {
	text-align: center;
	width:210px;
	height:131px;
	margin: auto;
}

.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	margin: 66px auto;
	background: rgb(0,0,0);
	border-radius: 131px !important;
		-o-border-radius: 131px;
		-ms-border-radius: 131px;
		-webkit-border-radius: 131px;
		-moz-border-radius: 131px;
	animation: bubblingG 0.385s infinite alternate;
		-o-animation: bubblingG 0.385s infinite alternate;
		-ms-animation: bubblingG 0.385s infinite alternate;
		-webkit-animation: bubblingG 0.385s infinite alternate;
		-moz-animation: bubblingG 0.385s infinite alternate;
}

#bubblingG_1 {
	animation-delay: 0s;
		-o-animation-delay: 0s;
		-ms-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
}

#bubblingG_2 {
	animation-delay: 0.1195s;
		-o-animation-delay: 0.1195s;
		-ms-animation-delay: 0.1195s;
		-webkit-animation-delay: 0.1195s;
		-moz-animation-delay: 0.1195s;
}

#bubblingG_3 {
	animation-delay: 0.229s;
		-o-animation-delay: 0.229s;
		-ms-animation-delay: 0.229s;
		-webkit-animation-delay: 0.229s;
		-moz-animation-delay: 0.229s;
}



@keyframes bubblingG {
	0% {
		width: 26px;
		height: 26px;
		background-color:rgb(0,0,0);
		transform: translateY(0);
	}

	100% {
		width: 63px;
		height: 63px;
		background-color:rgb(255,255,255);
		transform: translateY(-55px);
	}
}

@-o-keyframes bubblingG {
	0% {
		width: 26px;
		height: 26px;
		background-color:rgb(0,0,0);
		-o-transform: translateY(0);
	}

	100% {
		width: 63px;
		height: 63px;
		background-color:rgb(255,255,255);
		-o-transform: translateY(-55px);
	}
}

@-ms-keyframes bubblingG {
	0% {
		width: 26px;
		height: 26px;
		background-color:rgb(0,0,0);
		-ms-transform: translateY(0);
	}

	100% {
		width: 63px;
		height: 63px;
		background-color:rgb(255,255,255);
		-ms-transform: translateY(-55px);
	}
}

@-webkit-keyframes bubblingG {
	0% {
		width: 26px;
		height: 26px;
		background-color:rgb(0,0,0);
		-webkit-transform: translateY(0);
	}

	100% {
		width: 63px;
		height: 63px;
		background-color:rgb(255,255,255);
		-webkit-transform: translateY(-55px);
	}
}

@-moz-keyframes bubblingG {
	0% {
		width: 26px;
		height: 26px;
		background-color:rgb(0,0,0);
		-moz-transform: translateY(0);
	}

	100% {
		width: 63px;
		height: 63px;
		background-color:rgb(255,255,255);
		-moz-transform: translateY(-55px);
	}
}