/**
 * load-spinner
 */

@charset "UTF-8";

.loadingAnim {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.loadingAnim::before,
.loadingAnim::after {
	line-height: 1;
	position: fixed;
	z-index: 99;
	top: 0;
	bottom: 0;
	display: block;
	width: 50%;
	height: 100%;
	margin-top: auto;
	margin-bottom: auto;
	content: ' ';
	transition: all .3s cubic-bezier(.785, .135, .15, .86) 0s;
	transition-delay: .3s;
	background-color: #fff;
	opacity: 1;
}
.loadingAnim::before {
	left: 0;
}
.loadingAnim::after {
	right: 0;
}
.loaded .loadingAnim::before {
	opacity: 0;
}
.loaded .loadingAnim::after {
	opacity: 0;
}
.loadingAnim_line,
.loadingAnim_line::before,
.loadingAnim_line::after {
	background: #cccccc;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 0.5em;
	height: 4em;
	will-change: opacity, transform, width;
}
.loadingAnim_line {
	color: #cccccc;
	text-indent: -9999em;
	margin: 0 auto;
	position: absolute;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	z-index: 100;
	top: 50%;
	left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.loadingAnim_line::before,
.loadingAnim_line::after {
	position: absolute;
	top: 0;
	content: '';
}
.loadingAnim_line::before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loadingAnim_line::after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
.loaded .loadingAnim,
.loaded .loadingAnim_line {
	overflow: hidden;
	height: 0;
}
.loaded .loadingAnim_line,
.loaded .loadingAnim_line::after,
.loaded .loadingAnim_line::before {
	-webkit-animation: none;
	animation: none;
	opacity: 0;
}
