/* Loading Circle */
.ball {
	background-color: rgba(0,0,0,0);
	border:10px solid rgba(93,123,157,0.9);
	opacity:.9;
	border-top:10px solid rgba(0,0,0,0);
	border-bottom:10px solid rgba(0,0,0,0);
	border-radius:100px;
	box-shadow: 0 0 70px #9090e7;
	width:100px;
	height:100px;
	margin:0 auto;
	-moz-animation:spinoff .5s infinite linear;
	-webkit-animation:spinoff .5s infinite linear; 
	animation:spinoff .5s infinite linear;
}

.ball1 {
	background-color: rgba(0,0,0,0);
	border:10px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-top:10px solid rgba(0,0,0,0);
	border-bottom:10px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 45px #2187e7; 
	width:70px;
	height:70px;
	margin:0 auto;
	position:relative;
	top:-104px;
	-moz-animation:spin 10s infinite linear;
	-webkit-animation:spin 10s infinite linear; 
	animation:spin 10s infinite linear;
}

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