/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* ========= 7. Loading ========= */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

.globload {
	background: #3b405b;
	background: -moz-radial-gradient(center, ellipse cover,  #DEDCDC 0%, #D8D8D8 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#DEDCDC), color-stop(100%,#D8D8D8));
	background: -webkit-radial-gradient(center, ellipse cover,  #DEDCDC 0%,#D8D8D8 100%);
	background: -o-radial-gradient(center, ellipse cover,  #DEDCDC 0%,#D8D8D8 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #DEDCDC 0%,#D8D8D8 100%);
	background: radial-gradient(ellipse at center,  #DEDCDC 0%,#D8D8D8 100%);
	width:100%;
	height:100%;
	position:fixed;
	z-index: 1000;
	bottom:0;
	left:0;
	top:0;
	right:0;
}

.snaker {
	font-size: 10px;
	height: 30px;
	position: fixed;
	text-align: center;
	top: 47%;
	width: 100%;
}

.snaker > div {
	-webkit-animation: 1.2s ease-in-out 0s normal none infinite translating;
	-moz-animation: 1.2s ease-in-out 0s normal none infinite translating;
	-ms-animation: 1.2s ease-in-out 0s normal none infinite translating;
	-o-animation: 1.2s ease-in-out 0s normal none infinite translating;
	animation: 1.2s ease-in-out 0s normal none infinite translating;
	background-color: #FFFFFF;
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius:50%;
	margin-bottom:20px;
	background: #afafaf;
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
}
	
.snaker .circle2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
	/* background:#FFD700; */
}

.snaker .circle3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	/* background:#A73E5C; */
}

.snaker .circle4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
	/* background:#3B5997; */
}

.snaker .circle5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	/* background:#41B7D8; */
}

.snaker .circle6 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
	/* background:#D64937; */
}

.snaker h6 {
	font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #b2b2b2;
}
	
	
	@-webkit-keyframes translating {
		0%, 40%, 100% {
			-webkit-transform: translateY(20px);
		}
		20% {
			-webkit-transform: translateY(10px);
		}
	}
	
	@keyframes translating {
		0%, 40%, 100% {
			transform: translateY(20px);-webkit-transform: translateY(20px);
		}
		20% {
			transform: translateY(10px);-webkit-transform: translateY(10px);
		}
	}