@charset "utf-8";

#loading-page{
	width				:100%;
	height				:100%;
	background			:#FFF;
	background			:rgba(255,255,255, 0.95);
	position			:fixed;
	z-index				:9999;
}
.loading-bar{
	width				:160px;
	height				:10px;
	background			:url(../_images/loading-bar.gif) no-repeat center ;
	position			:absolute;
    top					:0;
    bottom				:0;
    left				:0;
    right				:0;
    margin				:auto;
}
.loading-page-animation {
	width				:60px;
	height				:60px;
	display				:inline-block;
	position			:absolute;
    top					:0;
    bottom				:0;
    left				:0;
    right				:0;
    margin				:auto;
}
.loading-page-animation div {
	width				:8px;
	background-color	:#003a8d;
	border				:1px solid #003a8d;
	display				:inline-block;
	position			:absolute;
	left				:8px;
	animation			:loading-page-animation 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.loading-page-animation div:nth-child(1) {
	left				: 5px;
	animation-delay		: -0.24s;
}
.loading-page-animation div:nth-child(2) {
	left				: 25px;
	animation-delay		: -0.12s;
}
.loading-page-animation div:nth-child(3) {
	left				: 45px;
	animation-delay		: 0;
}
@keyframes loading-page-animation {
  0% {
	height				: 50px;
	top					: 5px;
	background-color	:#ccd8e8;
	background-color	:rgba(0,58,141, 0.2);
  }
  50%, 100% {
	height				: 25px;
	top					: 20px;
	background-color	:#003a8d;
	background-color	:rgba(0,58,141, 0.8);
  }
}