#page-loading {
	position   : fixed;
	top        : 0;
	right      : 0;
	bottom     : 0;
	left       : 0;
	background : rgba(0, 0, 0, .3);
	width      : 100%;
	height     : 100%;
	z-index    : 999999;
	display    : none;
}

#page-loading::before {
	content       : "";
	display       : block;
	position      : fixed;
	left          : 50%;
	top           : 50%;
	width         : 80px;
	height        : 80px;
	border-radius : 80px;
	margin-top    : -40px;
	margin-left   : -40px;
	background    : white;
}

#page-loading::after {
	content       : "";
	display       : block;
	position      : fixed;
	left          : 50%;
	top           : 50%;
	width         : 50px;
	height        : 50px;
	border-radius : 30px;
	margin-top    : -25px;
	margin-left   : -25px;
	border        : 4px solid #65a6cf;
	border-right  : 4px solid white;
	animation     : loading-rotate 1s infinite linear;
}

#page-loading .icon {
	display   : block;
	position  : fixed;
	/*left: 50%;*/
	top       : 50%;
	color     : #65a6cf;
	font-size : 9px;
	opacity   : 1;
	width     : 100%;
}

@keyframes loading-rotate {
	0% {
		transform : rotate(0deg);
	}
	100% {
		transform : rotate(360deg);
	}
}

#page-loading .icon .msg {
	/*position: fixed;*/
	/*top: 56%;*/
	color             : #fff;
	font-size         : 11px;
	opacity           : 1;
	width             : 100%;
	margin            : 50px 0 0 0;
	text-align        : center;
	-webkit-animation : blink 2s ease-in-out infinite alternate;
	-moz-animation    : blink 2s ease-in-out infinite alternate;
	animation         : blink 2s ease-in-out infinite alternate;
	line-height       : 22px;
}

@-webkit-keyframes blink {
	70% {
		opacity : 0.7;
	}
	100% {
		opacity : 1;
	}
}

@-moz-keyframes blink {
	70% {
		opacity : 0.7;
	}
	100% {
		opacity : 1;
	}
}

@keyframes blink {
	70% {
		opacity : 0.7;
	}
	100% {
		opacity : 1;
	}
}