.top header {
	display: none;
}
.top.show header {
	display: block;
}
.loading-inner {
	position:fixed;
top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
				max-height:1000px;
}
@media screen and (max-width: 1023px) {
.loading-inner {
	max-height:500px;
}
}
@media screen and (max-width: 480px) {
.loading-inner {
	max-height:700px;
}
}
#loading {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background-color: rgba(255, 255, 255, 1);
			z-index: 1000;
			opacity: 1;
			visibility: visible;
		}

		.show #loading {
			opacity: 0;
			visibility: hidden;
			transition: all .5s ease-in;
			transition-delay: 3s;
		}

		.loading-img {
			position: absolute;
			top: 54%;
			left: 50%;
			max-width: 100%;
			transform: translate(-50%, -50%);
			mask-image: url(../img/load_img/mask.png);
			-webkit-mask-image: url(../img/load_img/mask.png);
			mask-size: 50%;
			mask-mode: alpha;
			mask-repeat: no-repeat;
			mask-position: center;
		}
@media screen and (max-width: 1023px) {
	.loading-img {
		top:50%;
	}
}
		.loading-after {
			position: absolute;
			top: 54%;
			left: 50%;
			transform: translate(-50%, -50%);
			max-width: 100%;
			width: 732px;
			height: 495px;
			background-image: url(../img/load_img/loaded-ci.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 50%;
			opacity: 0;
			z-index: 10;
		}
@media screen and (max-width: 1023px) {
	.loading-after {
		top:50%;
	}
}

		.show .loading-after {
			opacity: 1;
			transition: opacity .6s ease-in;
			transition-delay: 2s;
		}

		.loading-img img {
			transform: translate(-100%, 50%);
			transition: transform 1.5s ease-in;
			transition-duration: 1.5s;
			width: 732px;
		}

		.show .loading-img img {
			transform: translate(10%, 0);
		}

		@media (max-width:767px) {
			.loading-img img {
				transition: transform 2s ease-in;
				transition-duration: 2s;
			}
		}