body {
}

 /* originally searched  http://preloaders.net/en/free  which redirected me to site below */

/* 07/28/16 jme Built using http://cssload.net/en/horizontal-bars  */
/*              There are 3 colors:  start block color (tango brown), pulse block color (tango red) and end block color (white)*/

.floatBarsGwrapper{
	position:relative;
	width:228px;
	height:28px;
	margin:auto;
}

.floatBarsG{
	position:absolute;
	top:0;
	background-color: #223f6b;
	width:28px;
	height:28px;
	animation-name:bounce_floatBarsG;
		-o-animation-name:bounce_floatBarsG;
		-ms-animation-name:bounce_floatBarsG;
		-webkit-animation-name:bounce_floatBarsG;
		-moz-animation-name:bounce_floatBarsG;
	animation-duration:2.67s;
		-o-animation-duration:2.67s;
		-ms-animation-duration:2.67s;
		-webkit-animation-duration:2.67s;
		-moz-animation-duration:2.67s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

.floatBarsG_1{
	left:0;
	animation-delay:1.07s;
		-o-animation-delay:1.07s;
		-ms-animation-delay:1.07s;
		-webkit-animation-delay:1.07s;
		-moz-animation-delay:1.07s;
}

.floatBarsG_2{
	left:28px;
	animation-delay:1.33s;
		-o-animation-delay:1.33s;
		-ms-animation-delay:1.33s;
		-webkit-animation-delay:1.33s;
		-moz-animation-delay:1.33s;
}

.floatBarsG_3{
	left:57px;
	animation-delay:1.6s;
		-o-animation-delay:1.6s;
		-ms-animation-delay:1.6s;
		-webkit-animation-delay:1.6s;
		-moz-animation-delay:1.6s;
}

.floatBarsG_4{
	left:85px;
	animation-delay:1.87s;
		-o-animation-delay:1.87s;
		-ms-animation-delay:1.87s;
		-webkit-animation-delay:1.87s;
		-moz-animation-delay:1.87s;
}

.floatBarsG_5{
	left:114px;
	animation-delay:2.13s;
		-o-animation-delay:2.13s;
		-ms-animation-delay:2.13s;
		-webkit-animation-delay:2.13s;
		-moz-animation-delay:2.13s;
}

.floatBarsG_6{
	left:142px;
	animation-delay:2.4s;
		-o-animation-delay:2.4s;
		-ms-animation-delay:2.4s;
		-webkit-animation-delay:2.4s;
		-moz-animation-delay:2.4s;
}

.floatBarsG_7{
	left:171px;
	animation-delay:2.67s;
		-o-animation-delay:2.67s;
		-ms-animation-delay:2.67s;
		-webkit-animation-delay:2.67s;
		-moz-animation-delay:2.67s;
}

.floatBarsG_8{
	left:199px;
	animation-delay:2.93s;
		-o-animation-delay:2.93s;
		-ms-animation-delay:2.93s;
		-webkit-animation-delay:2.93s;
		-moz-animation-delay:2.93s;
}


@keyframes bounce_floatBarsG{
	0%{
		transform:scale(1);
		background-color:#396ab6;
	}

	100%{
		transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_floatBarsG{
	0%{
		-o-transform:scale(1);
		background-color:#396ab6;
	}

	100%{
		-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_floatBarsG{
	0%{
		-ms-transform:scale(1);
		background-color:#396ab6;
	}

	100%{
		-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_floatBarsG{
	0%{
		-webkit-transform:scale(1);
		background-color:#396ab6;
	}

	100%{
		-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_floatBarsG{
	0%{
		-moz-transform:scale(1);
		background-color:#396ab6;
	}

	100%{
		-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}