.sk__master-curtain {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99;
	
}

.mcurtain {
	opacity: 0;
	position: absolute;
	width: 34%;
	height: 100%;
	top: 0;
	-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
			transform-origin: center top;
	-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
			transform: scaleY(1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mcurtain.mcurtain-visible {
	-webkit-transition: all 0.8s ease-in 0s;
	-o-transition: all 0.8s ease-in 0s;
	transition: all 0.8s ease-in 0s;
	opacity: 1;
}

.mcurtain-left {
	left: 0;
	background:#e5cdb1;
}

.mcurtain-center {
	background-image: url(../images/preload/logo-load.webp);
	left: 33.333%;
}

.mcurtain-right {
	background:#e5cdb1;
	left: 66.666%;
}

.sk__master-curtain {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 10000;
}

@-webkit-keyframes slowZoom {
	0% {
		background-color: #0A0A0A;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	20% {
		background-color: #0A0A0A;	
		-webkit-transform: scale(1.02);	
		        transform: scale(1.02);
	}
	85% {
		background-color: #0A0A0A;
		-webkit-transform: scale(1.085);
		        transform: scale(1.085);
	}
	100% {
		background-color: rgba(10,10,10,0);
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}

@keyframes slowZoom {
	0% {
		background-color: #0A0A0A;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	20% {
		background-color: #0A0A0A;	
		-webkit-transform: scale(1.02);	
		        transform: scale(1.02);
	}
	85% {
		background-color: #0A0A0A;
		-webkit-transform: scale(1.085);
		        transform: scale(1.085);
	}
	100% {
		background-color: rgba(10,10,10,0);
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
.sk__master-curtain {
	-webkit-transform-origin: 50% 70%;
	    -ms-transform-origin: 50% 70%;
	        transform-origin: 50% 70%;
	-webkit-animation: slowZoom 3s ease-out 0s forwards;
			animation: slowZoom 3s ease-out 0s forwards;
}

@media all and (max-width: 930px) { /* custom */
	.mcurtain-left {
	left: 0;
	background:#e5cdb1;
    }

    .mcurtain-center {
	    background:#e5cdb1;
	    left: 33.333%;
    }

    .mcurtain-right {
	    background:#e5cdb1;
	    left: 66.666%;
    }
}