.logo_anim {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
	z-index: 9999;
}

.logo_anim .middlebox {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 300px;
}
.middlebox img {
	width:100%;
}


.fade-in-fwd {
	-webkit-animation: fade-in-fwd 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
	animation: fade-in-fwd 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
}

.full_load_info{ 
    top: 70%;
    position: absolute;
    left: 0;
    right: 0;
}

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
	0% {
		-webkit-transform: translateZ(-80px);
		transform: translateZ(-80px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes fade-in-fwd {
	0% {
		-webkit-transform: translateZ(-80px);
		transform: translateZ(-80px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

span#site_banner {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -150%;
	width: 300%;
	font-size: 4em;
	font-weight: 900;
	text-shadow: 0px 0px 20px black;
	color: white;
	text-align: center;
  }