:root{
	/* best practice for "amount" is even number */
	--eyecatch-images-amount: 3;
	--eyecatch-animations-duration-pc: calc(4s * var(--eyecatch-images-amount));
	--eyecatch-animations-duration-mb: calc(5s * var(--eyecatch-images-amount));
}

#header{animation: headerZ 3s ease 3s 1 forwards;}
@keyframes headerZ{
	0%{}
	75%{
		opacity: 0;
		z-index: 1;
		visibility: hidden;
	}
	100%{
		z-index: 10000;
		visibility: visible;
		opacity: 1;
	}
}

#topLoading{animation: topLoading 1s ease 4s 1 forwards, topLoadingBack 5s ease 5s infinite alternate;}
@keyframes topLoading{
	0%{}
	75%{
		z-index: 10000;
	}
	100%{
		z-index: 1;
	}
}
@keyframes topLoadingBack{
	0%{}
	27.5%{background: #000;}
	87.5%{background: #222;}
	100%{background: #222;}
}

#loadingTiles{animation: tilesWrapFix .5s ease 4.5s 1 forwards;}
@keyframes tilesWrapFix{
	0%{}
	100%{
		position: fixed;
		width: 50%;
		height: 50%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

.loading-tile:nth-of-type(13):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 0s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(28):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease .1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(7):before{
	background: var(--premium-purple);
	animation: loadingTilePurple.5s ease .3s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(46):before{
	background: var(--premium-green);
	animation: loadingTileGreen.5s ease .4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(1):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease .5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(52):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease .5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(35):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease .6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(50):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease .6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(59):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease .6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(10):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease .7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(44):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease .7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(55):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease .7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(16):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease .8s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(33):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease .8s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(56):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease .8s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(39):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease .9s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(4):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease .9s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(53):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease .9s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(19):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease 1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(48):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(24):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(22):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease 1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(57):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(37):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1.1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(30):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease 1.1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(42):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 1.1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(2):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1.1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(54):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1.1s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(18):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1.2s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(26):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease 1.2s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(21):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease 1.2s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(40):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1.2s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(58):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 1.2s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(43):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease 1.3s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(12):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1.3s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(5):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1.3s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(9):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 1.3s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(51):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease 1.3s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(15):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease 1.4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(27):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1.4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(25):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease 1.4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(38):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease 1.4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(31):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1.4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(60):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1.4s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(23):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(23):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(36):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(6):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(20):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(11):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(45):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease 1.5s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(3):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1.6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(17):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 1.6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(34):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease 1.6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(41):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1.6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(49):before{
	background: var(--premium-light-blue);
	animation: loadingTileLightBlue .5s ease 1.6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(41):before{
	background: var(--premium-orange);
	animation: loadingTileOrange .5s ease 1.6s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(8):before{
	background: var(--premium-yellow);
	animation: loadingTileYellow .5s ease 1.7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(14):before{
	background: var(--premium-green);
	animation: loadingTileGreen .5s ease 1.7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(29):before{
	background: var(--premium-red);
	animation: loadingTileRed .5s ease 1.7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(32):before{
	background: var(--premium-purple);
	animation: loadingTilePurple .5s ease 1.7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
.loading-tile:nth-of-type(47):before{
	background: var(--premium-blue);
	animation: loadingTileBlue .5s ease 1.7s 1 forwards, loadingTilesDots .5s ease 4.5s 1 forwards;
}
@keyframes loadingTileRed{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-red);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTileOrange{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-orange);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTileYellow{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-yellow);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTileGreen{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-green);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTileLightBlue{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-light-blue);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTileBlue{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-blue);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTilePurple{
	0%{}
	50%{
		border-radius: 50%;
		background: var(--premium-purple);
	}
	100%{
		border-radius: 0;
		width: 101%;
		height: 101%;
		background: #fff;
		opacity: 1;
	}
}
@keyframes loadingTilesDots{
	0%{}
	100%{
		visibility: hidden;
		opacity: 0;
	}
}

#loadingLogoWrap{animation: loadingImg 3.3s ease-out 1.7s 1 forwards;}
@keyframes loadingImg{
	/*0%{}*/
	0%{
		visibility: visible;
		opacity: 0;
	}
	75%{
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, -50%) scale(1);
	}
	99%{
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, -50%) scale(1);
	}
	100%{
		opacity: 0;
		visibility: hidden;
	}
}

#loadingSlash:before{animation: loadingSlashBefore 1s ease 4s 1 forwards;}
@keyframes loadingSlashBefore{
	0%{}
	100%{
		bottom: 0;
		visibility: hidden;
	}
}
#loadingSlash:after{animation: loadingSlashAfter 1s ease 4s 1 forwards;}
@keyframes loadingSlashAfter{
	0%{}
	100%{
		top: 0;
		visibility: hidden;
	}
}

/* ===== dots ===== */
.loading-tile:nth-of-type(1){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove1 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(2){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove2 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(3){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove3 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(4){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove4 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(5){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove5 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(6){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove6 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(7){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove7 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(8){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove8 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(9){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove9 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(10){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove10 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(11){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove11 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(12){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove12 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(13){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove13 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(14){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove14 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(15){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove15 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(16){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove16 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(17){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove17 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(18){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove18 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(19){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove19 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(20){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove20 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(21){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove21 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(22){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove22 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(23){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove23 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(24){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove24 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(25){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove25 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(26){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove26 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(27){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove27 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(28){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove28 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(29){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove29 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(30){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove30 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(31){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove31 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(32){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove32 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(33){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove33 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(34){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove34 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(35){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove35 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(36){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove36 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(37){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove37 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(38){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove38 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(39){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove39 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(40){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove40 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(41){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove41 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(42){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove42 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(43){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove43 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(44){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove44 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(45){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove45 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(46){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove46 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(47){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove47 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(48){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove48 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(49){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove49 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(50){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove50 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(51){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove51 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(52){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove52 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(53){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove53 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(54){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove54 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(55){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove55 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(56){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove56 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(57){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove57 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(58){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove58 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(59){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove59 5s linear 5s infinite alternate;}
.loading-tile:nth-of-type(60){animation: tileParentsAbsolute .5s ease 4.5s 1 forwards, dotsMove60 5s linear 5s infinite alternate;}

@keyframes tileParentsAbsolute{
	0%{}
	100%{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 0;
		width: 20px;
		height: 20px;
		background: #fff;
	}
}
@keyframes dotsMove1{
	0%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(1);
	}
	20%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(1);
	}
	24%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove2{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	21%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	25%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove3{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(3);
	}
	22%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(3);
	}
	26%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove4{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 25vh)) scale(1);
	}
	23%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 25vh)) scale(1);
	}
	27%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove5{
	0%{
		transform: translate(calc(-50% - 75vw), 50%) scale(3);
	}
	24%{
		transform: translate(calc(-50% - 75vw), 50%) scale(3);
	}
	28%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove6{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(1);
	}
	25%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(1);
	}
	29%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove7{
	0%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(2);
	}
	26%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(2);
	}
	30%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove8{
	0%{
		transform: translate(calc(-50% - 25vw), calc(-50% - 75vh)) scale(3);
	}
	27%{
		transform: translate(calc(-50% - 25vw), calc(-50% - 75vh)) scale(3);
	}
	31%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove9{
	0%{
		transform: translate(calc(-50% + 50vw), calc(-50% + 75vh)) scale(1);
	}
	28%{
		transform: translate(calc(-50% + 50vw), calc(-50% + 75vh)) scale(1);
	}
	32%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove10{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(2);
	}
	29%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(2);
	}
	33%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove11{
	0%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	30%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	34%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove12{
	0%{
		transform: translate(calc(-50% - 25vw), calc(-50% + 75vh)) scale(2);
	}
	31%{
		transform: translate(calc(-50% - 25vw), calc(-50% + 75vh)) scale(2);
	}
	35%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove13{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(2);
	}
	32%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(2);
	}
	36%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove14{
	0%{
		transform: translate(calc(-50% + 50vw), calc(-50% - 75vh)) scale(1);
	}
	33%{
		transform: translate(calc(-50% + 50vw), calc(-50% - 75vh)) scale(1);
	}
	37%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove15{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(5);
	}
	34%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(5);
	}
	38%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove16{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(4);
	}
	35%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(4);
	}
	39%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove17{
	0%{
		transform: translate(calc(-50% - 75vw), -50%) scale(1);
	}
	36%{
		transform: translate(calc(-50% - 75vw), -50%) scale(1);
	}
	40%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}@keyframes dotsMove18{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 50vh)) scale(3);
	}
	37%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 50vh)) scale(3);
	}
	41%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove19{
	0%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(5);
	}
	38%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(5);
	}
	42%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove20{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(2);
	}
	39%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(2);
	}
	43%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove21{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(3);
	}
	40%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(3);
	}
	44%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove22{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(5);
	}
	41%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(5);
	}
	45%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove23{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	42%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	46%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove24{
	0%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	43%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	47%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove25{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 50vh)) scale(3);
	}
	44%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 50vh)) scale(3);
	}
	48%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove26{
	0%{
		transform: translate(-50%, calc(-50% - 75vh)) scale(2);
	}
	45%{
		transform: translate(-50%, calc(-50% - 75vh)) scale(2);
	}
	49%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove27{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(1);
	}
	46%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(1);
	}
	50%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove28{
	0%{
		transform: translate(calc(-50% + 75vw), -50%) scale(4);
	}
	47%{
		transform: translate(calc(-50% + 75vw), -50%) scale(4);
	}
	51%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove29{
	0%{
		transform: translate(calc(-50% - 50vw), calc(-50% + 75vh)) scale(2);
	}
	48%{
		transform: translate(calc(-50% - 50vw), calc(-50% + 75vh)) scale(2);
	}
	52%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove30{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 75vh)) scale(3);
	}
	49%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 75vh)) scale(3);
	}
	53%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove31{
	0%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(1);
	}
	50%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(1);
	}
	54%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove32{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	51%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	55%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove33{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(3);
	}
	52%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(3);
	}
	56%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove34{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 25vh)) scale(1);
	}
	53%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 25vh)) scale(1);
	}
	57%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove35{
	0%{
		transform: translate(calc(-50% - 75vw), 50%) scale(3);
	}
	54%{
		transform: translate(calc(-50% - 75vw), 50%) scale(3);
	}
	58%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove36{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(1);
	}
	55%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(1);
	}
	59%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove37{
	0%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(2);
	}
	56%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(2);
	}
	60%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove38{
	0%{
		transform: translate(calc(-50% - 25vw), calc(-50% - 75vh)) scale(3);
	}
	57%{
		transform: translate(calc(-50% - 25vw), calc(-50% - 75vh)) scale(3);
	}
	61%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove39{
	0%{
		transform: translate(calc(-50% + 50vw), calc(-50% + 75vh)) scale(1);
	}
	58%{
		transform: translate(calc(-50% + 50vw), calc(-50% + 75vh)) scale(1);
	}
	62%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove40{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(2);
	}
	59%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(2);
	}
	63%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove41{
	0%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	60%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	64%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove42{
	0%{
		transform: translate(calc(-50% - 25vw), calc(-50% + 75vh)) scale(2);
	}
	61%{
		transform: translate(calc(-50% - 25vw), calc(-50% + 75vh)) scale(2);
	}
	65%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove43{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(2);
	}
	62%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(2);
	}
	66%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove44{
	0%{
		transform: translate(calc(-50% + 50vw), calc(-50% - 75vh)) scale(1);
	}
	63%{
		transform: translate(calc(-50% + 50vw), calc(-50% - 75vh)) scale(1);
	}
	67%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove45{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(5);
	}
	64%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 25vh)) scale(5);
	}
	68%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove46{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(4);
	}
	65%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(4);
	}
	69%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove47{
	0%{
		transform: translate(calc(-50% - 75vw), -50%) scale(1);
	}
	66%{
		transform: translate(calc(-50% - 75vw), -50%) scale(1);
	}
	70%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}@keyframes dotsMove48{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 50vh)) scale(3);
	}
	67%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 50vh)) scale(3);
	}
	71%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove49{
	0%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(5);
	}
	68%{
		transform: translate(-50%, calc(-50% + 75vh)) scale(5);
	}
	72%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove50{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(2);
	}
	69%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(2);
	}
	73%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove51{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(3);
	}
	70%{
		transform: translate(calc(-50% + 75vw), calc(-50% - 75vh)) scale(3);
	}
	74%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove52{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(5);
	}
	71%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 25vh)) scale(5);
	}
	75%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove53{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	72%{
		transform: translate(calc(-50% - 75vw), calc(-50% + 75vh)) scale(2);
	}
	76%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove54{
	0%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	73%{
		transform: translate(calc(-50% + 25vw), calc(-50% - 75vh)) scale(3);
	}
	77%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove55{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 50vh)) scale(3);
	}
	74%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 50vh)) scale(3);
	}
	78%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove56{
	0%{
		transform: translate(-50%, calc(-50% - 75vh)) scale(2);
	}
	75%{
		transform: translate(-50%, calc(-50% - 75vh)) scale(2);
	}
	79%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove57{
	0%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(1);
	}
	76%{
		transform: translate(calc(-50% - 75vw), calc(-50% - 75vh)) scale(1);
	}
	80%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove58{
	0%{
		transform: translate(calc(-50% + 75vw), -50%) scale(4);
	}
	77%{
		transform: translate(calc(-50% + 75vw), -50%) scale(4);
	}
	81%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove59{
	0%{
		transform: translate(calc(-50% - 50vw), calc(-50% + 75vh)) scale(2);
	}
	78%{
		transform: translate(calc(-50% - 50vw), calc(-50% + 75vh)) scale(2);
	}
	82%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}
@keyframes dotsMove60{
	0%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 75vh)) scale(3);
	}
	79%{
		transform: translate(calc(-50% + 75vw), calc(-50% + 75vh)) scale(3);
	}
	83%{
		transform: translate(-50%, -50%) scale(0);
	}
	100%{
		transform: translate(-50%, -50%) scale(0);
	}
}

.loading-circle{animation: circleZoom 5s ease-out 5s infinite alternate, circleLightBeat 2.5s ease 5s infinite alternate;}
@keyframes circleZoom{
	0%{}
	27.5%{transform: translate(-50%, -50%) scale(0);}
	87.5%{transform: translate(-50%, -50%) scale(1);}
	100%{transform: translate(-50%, -50%) scale(1);}
}
@keyframes circleLightBeat{
	0%{}
	100%{box-shadow: 0 0 10px, 0 0 20px, 0 0 40px, 0 0 80px, 0 0 160px;}
}

/* mv-title */
.mv-title-text-1{animation: mvTitleText .25s ease 5.25s 1 forwards, mvTitleTextRed 5s ease 9s infinite forwards;}
.mv-title-text-2{animation: mvTitleText .25s ease 5.5s 1 forwards, mvTitleTextOrange 5s ease 9s infinite forwards;}
.mv-title-text-3{animation: mvTitleText .25s ease 5.75s 1 forwards, mvTitleTextYellow 5s ease 9s infinite forwards;}
.mv-title-text-4{animation: mvTitleText .25s ease 6s 1 forwards, mvTitleTextGreen 5s ease 9s infinite forwards;}
.mv-title-text-5{animation: mvTitleText .25s ease 6.25s 1 forwards, mvTitleTextLightBlue 5s ease 9s infinite forwards;}
.mv-title-text-6{animation: mvTitleText .25s ease 6.5s 1 forwards, mvTitleTextBlue 5s ease 9s infinite forwards;}
.mv-title-text-7{animation: mvTitleText .25s ease 6.75s 1 forwards, mvTitleTextPurple 5s ease 9s infinite forwards;}
.mv-title-text-8{animation: mvTitleText .25s ease 7s 1 forwards, mvTitleTextRed 5s ease 9s infinite forwards;}
.mv-title-text-9{animation: mvTitleText .25s ease 7.25s 1 forwards, mvTitleTextOrange 5s ease 9s infinite forwards;}
.mv-title-text-10{animation: mvTitleText .25s ease 7.5s 1 forwards, mvTitleTextYellow 5s ease 9s infinite forwards;}
.mv-title-text-11{animation: mvTitleText .25s ease 7.75s 1 forwards, mvTitleTextGreen 5s ease 9s infinite forwards;}

.mv-title-text-1:before{animation: mvTitleBefore .5s ease 5s 1 forwards, mvTitleBeforeRed .5s ease 5s 1 forwards;}
.mv-title-text-2:before{animation: mvTitleBefore .5s ease 5.25s 1 forwards, mvTitleBeforeOrange .5s ease 5.25s 1 forwards;}
.mv-title-text-3:before{animation: mvTitleBefore .5s ease 5.5s 1 forwards, mvTitleBeforeYellow .5s ease 5.5s 1 forwards;}
.mv-title-text-4:before{animation: mvTitleBefore .5s ease 5.75s 1 forwards, mvTitleBeforeGreen .5s ease 5.75s 1 forwards;}
.mv-title-text-5:before{animation: mvTitleBefore .5s ease 6s 1 forwards, mvTitleBeforeLightBlue .5s ease 6s 1 forwards;}
.mv-title-text-6:before{animation: mvTitleBefore .5s ease 6.25s 1 forwards, mvTitleBeforeBlue .5s ease 6.25s 1 forwards;}
.mv-title-text-7:before{animation: mvTitleBefore .5s ease 6.5s 1 forwards, mvTitleBeforePurple .5s ease 6.5s 1 forwards;}
.mv-title-text-8:before{animation: mvTitleBefore .5s ease 6.75s 1 forwards, mvTitleBeforeRed .5s ease 6.75s 1 forwards;}
.mv-title-text-9:before{animation: mvTitleBefore .5s ease 7s 1 forwards, mvTitleBeforeOrange .5s ease 7s 1 forwards;}
.mv-title-text-10:before{animation: mvTitleBefore .5s ease 7.25s 1 forwards, mvTitleBeforeYellow .5s ease 7.25s 1 forwards;}
.mv-title-text-11:before{animation: mvTitleBefore .5s ease 7.5s 1 forwards, mvTitleBeforeGreen .5s ease 7.5s 1 forwards;}

@keyframes mvTitleText{
	0%{}
	100%{
		opacity: 1;
	}
}
@keyframes mvTitleTextRed{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-red), -10px 0 10px var(--premium-red);}
	40%{text-shadow: 5px 0 5px var(--premium-red), 10px 0 10px var(--premium-red);}
	60%{text-shadow: 0 0 5px var(--premium-red), 0 0 10px var(--premium-red);}
	100%{}
}
@keyframes mvTitleTextOrange{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-orange), -10px 0 10px var(--premium-orange);}
	40%{text-shadow: 5px 0 5px var(--premium-orange), 10px 0 10px var(--premium-orange);}
	60%{text-shadow: 0 0 5px var(--premium-orange), 0 0 10px var(--premium-orange);}
	100%{}
}
@keyframes mvTitleTextYellow{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-yellow), -10px 0 10px var(--premium-yellow);}
	40%{text-shadow: 5px 0 5px var(--premium-yellow), 10px 0 10px var(--premium-yellow);}
	60%{text-shadow: 0 0 5px var(--premium-yellow), 0 0 10px var(--premium-yellow);}
	100%{}
}
@keyframes mvTitleTextGreen{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-green), -10px 0 10px var(--premium-green);}
	40%{text-shadow: 5px 0 5px var(--premium-green), 10px 0 10px var(--premium-green);}
	60%{text-shadow: 0 0 5px var(--premium-green), 0 0 10px var(--premium-green);}
	100%{}
}
@keyframes mvTitleTextLightBlue{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-light-blue), -10px 0 10px var(--premium-light-blue);}
	40%{text-shadow: 5px 0 5px var(--premium-light-blue), 10px 0 10px var(--premium-light-blue);}
	60%{text-shadow: 0 0 5px var(--premium-light-blue), 0 0 10px var(--premium-light-blue);}
	100%{}
}
@keyframes mvTitleTextBlue{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-blue), -10px 0 10px var(--premium-blue);}
	40%{text-shadow: 5px 0 5px var(--premium-blue), 10px 0 10px var(--premium-blue);}
	60%{text-shadow: 0 0 5px var(--premium-blue), 0 0 10px var(--premium-blue);}
	100%{}
}
@keyframes mvTitleTextPurple{
	0%{}
	20%{text-shadow: -5px 0 5px var(--premium-purple), -10px 0 10px var(--premium-purple);}
	40%{text-shadow: 5px 0 5px var(--premium-purple), 10px 0 10px var(--premium-purple);}
	60%{text-shadow: 0 0 5px var(--premium-purple), 0 0 10px var(--premium-purple);}
	100%{}
}

@keyframes mvTitleBefore{
	0%{}
	50%{
		transform: translate(-50%, -50%) scale(1);
		border: 1em solid;
		opacity: 1;
	}
	100%{
		transform: translate(-50%, -50%) scale(1);
		border: 0px solid;
		opacity: 1;
	}
}
@keyframes mvTitleBeforeRed{
	0%{}
	75%{
		border-color: var(--premium-red);
	}
	100%{}
}
@keyframes mvTitleBeforeOrange{
	0%{}
	75%{
		border-color: var(--premium-orange);
	}
	100%{}
}
@keyframes mvTitleBeforeYellow{
	0%{}
	75%{
		border-color: var(--premium-yellow);
	}
	100%{}
}
@keyframes mvTitleBeforeGreen{
	0%{}
	75%{
		border-color: var(--premium-green);
	}
	100%{}
}
@keyframes mvTitleBeforeLightBlue{
	0%{}
	75%{
		border-color: var(--premium-light-blue);
	}
	100%{}
}
@keyframes mvTitleBeforeBlue{
	0%{}
	75%{
		border-color: var(--premium-blue);
	}
	100%{}
}
@keyframes mvTitleBeforePurple{
	0%{}
	75%{
		border-color: var(--premium-purple);
	}
	100%{}
}

.fixed-mandala{animation: fixedMandala 5s ease 5s infinite alternate;}
@keyframes fixedMandala{
	0%{}
	20%{opacity: 0}
	100%{opacity: 1}
}

/* mission */
@keyframes textShining{
	0%{}
	25%{color: var(--premium-light-blue);}
	50%{color: var(--premium-red);}
	75%{color: var(--premium-);}
	100%{}
}
@keyframes textShadowShining{
	0%{}
	25%{text-shadow: -1px -1px 0 var(--premium-light-blue), -1px 1px 0 var(--premium-light-blue), 1px -1px 0 var(--premium-light-blue), 1px 1px 0 var(--premium-light-blue),
	-.4em -1.5em 0 var(--premium-light-blue), -.8em -3em 0 var(--premium-light-blue), -1.2em -4.5em 0 var(--premium-light-blue), -1.6em -6em 0 var(--premium-light-blue), -2em -7.5em 0 var(--premium-light-blue), -2.4em -9em 0 var(--premium-light-blue), -2.8em -10.5em 0 var(--premium-light-blue), -3.2em -12em 0 var(--premium-light-blue), -3.6em -13.5em 0 var(--premium-light-blue),
	.4em 1.5em 0 var(--premium-light-blue), .8em 3em 0 var(--premium-light-blue), 1.2em 4.5em 0 var(--premium-light-blue), 1.6em 6em 0 var(--premium-light-blue), 2em 7.5em 0 var(--premium-light-blue), 2.4em 9em 0 var(--premium-light-blue), 2.8em 10.5em 0 var(--premium-light-blue), 3.2em 12em 0 var(--premium-light-blue), 3.6em 13.5em 0 var(--premium-light-blue)}

	50%{text-shadow: -1px -1px 0 var(--premium-red), -1px 1px 0 var(--premium-red), 1px -1px 0 var(--premium-red), 1px 1px 0 var(--premium-red),
	-.4em -1.5em 0 var(--premium-red), -.8em -3em 0 var(--premium-red), -1.2em -4.5em 0 var(--premium-red), -1.6em -6em 0 var(--premium-red), -2em -7.5em 0 var(--premium-red), -2.4em -9em 0 var(--premium-red), -2.8em -10.5em 0 var(--premium-red), -3.2em -12em 0 var(--premium-red), -3.6em -13.5em 0 var(--premium-red),
	.4em 1.5em 0 var(--premium-red), .8em 3em 0 var(--premium-red), 1.2em 4.5em 0 var(--premium-red), 1.6em 6em 0 var(--premium-red), 2em 7.5em 0 var(--premium-red), 2.4em 9em 0 var(--premium-red), 2.8em 10.5em 0 var(--premium-red), 3.2em 12em 0 var(--premium-red), 3.6em 13.5em 0 var(--premium-red)}

	75%{text-shadow: -1px -1px 0 var(--premium-light-blue), -1px 1px 0 var(--premium-light-blue), 1px -1px 0 var(--premium-light-blue), 1px 1px 0 var(--premium-light-blue),
	-.4em -1.5em 0 var(--premium-light-blue), -.8em -3em 0 var(--premium-light-blue), -1.2em -4.5em 0 var(--premium-light-blue), -1.6em -6em 0 var(--premium-light-blue), -2em -7.5em 0 var(--premium-light-blue), -2.4em -9em 0 var(--premium-light-blue), -2.8em -10.5em 0 var(--premium-light-blue), -3.2em -12em 0 var(--premium-light-blue), -3.6em -13.5em 0 var(--premium-light-blue),
	.4em 1.5em 0 var(--premium-light-blue), .8em 3em 0 var(--premium-light-blue), 1.2em 4.5em 0 var(--premium-light-blue), 1.6em 6em 0 var(--premium-light-blue), 2em 7.5em 0 var(--premium-light-blue), 2.4em 9em 0 var(--premium-light-blue), 2.8em 10.5em 0 var(--premium-light-blue), 3.2em 12em 0 var(--premium-light-blue), 3.6em 13.5em 0 var(--premium-light-blue)}
	100%{}
}
@keyframes spacingLeft0-5{
	0%{}
	100%{transform: translate(-7.5px)}
}
@keyframes spacingLeft1{
	0%{}
	100%{transform: translateX(-15px);}
}
@keyframes spacingLeft1-5{
	0%{}
	100%{transform: translateX(-22.5px);}
}
@keyframes spacingLeft2{
	0%{}
	100%{transform: translateX(-30px);}
}
@keyframes spacingLeft2-5{
	0%{}
	100%{transform: translateX(-37.5px);}
}
@keyframes spacingLeft3{
	0%{}
	100%{transform: translateX(-45px);}
}
@keyframes spacingRight0-5{
	0%{}
	100%{transform: translateX(7.5px);}
}
@keyframes spacingRight1{
	0%{}
	100%{transform: translateX(15px);}
}
@keyframes spacingRight1-5{
	0%{}
	100%{transform: translateX(22.5px);}
}
@keyframes spacingRight2{
	0%{}
	100%{transform: translateX(30px);}
}
@keyframes spacingRight2-5{
	0%{}
	100%{transform: translateX(37.5px);}
}
@keyframes spacingRight3{
	0%{}
	100%{transform: translateX(45px);}
}
.mission-content-inner-1.intersecting .mission-text-1 .spacing-left-1{
	animation: spacingLeft1 1.6s ease .4s 1 forwards;
}
.mission-content-inner-1.intersecting .mission-text-1 .spacing-left-2{
	animation: spacingLeft2 1.6s ease .4s 1 forwards;
}
.mission-content-inner-1.intersecting .mission-text-1 .spacing-left-3{
	animation: spacingLeft3 1.6s ease .4s 1 forwards;
}
.mission-content-inner-1.intersecting .mission-text-1 .spacing-right-1{
	animation: spacingRight1 1.6s ease .4s 1 forwards;
}
.mission-content-inner-1.intersecting .mission-text-1 .spacing-right-2{
	animation: spacingRight2 1.6s ease .4s 1 forwards;
}
.mission-content-inner-1.intersecting .mission-text-1 .spacing-right-3{
	animation: spacingRight3 1.6s ease .4s 1 forwards;
}

.mission-content-inner-2.intersecting .mission-text-2 .spacing-left-0-5{
	animation: spacingLeft0-5 2s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2 .spacing-left-1-5{
	animation: spacingLeft1-5 2s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2 .spacing-left-2-5{
	animation: spacingLeft2-5 2s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2 .spacing-right-0-5{
	animation: spacingRight0-5 2s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2 .spacing-right-1-5{
	animation: spacingRight1-5 2s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2 .spacing-right-2-5{
	animation: spacingRight2-5 2s ease 0s 1 forwards;
}

.mission-content-inner-3.intersecting .mission-text-3 .spacing-left-1{
	animation: spacingLeft1 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-left-2{
	animation: spacingLeft2 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-left-3{
	animation: spacingLeft3 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-right-1{
	animation: spacingRight1 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-right-2{
	animation: spacingRight2 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-right-3{
	animation: spacingRight3 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-left-0-5{
	animation: spacingLeft0-5 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-left-1-5{
	animation: spacingLeft1-5 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-right-0-5{
	animation: spacingRight0-5 2s ease 0s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-text-3 .spacing-right-1-5{
	animation: spacingRight1-5 2s ease 0s 1 forwards;
}

.mission-content-inner-1.intersecting .mission-text-1{
	animation: mission1 2s ease 0s 1 forwards;
}
@keyframes mission1{
	0%{
		transform: translate(-50%, -50%) skewX(-15deg) scale(10);
	}
	5%{
		transform: translate(-50%, -50%) skewX(-15deg) scale(10);
		visibility: visible;
		opacity: 1;
	}
	10%{
		transform: translate(-50%, -50%) skewX(-15deg) scale(10);
		visibility: hidden;
		opacity: 0;
	}
	20%{
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, -50%) skewX(-15deg);
	}
	100%{
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, -50%) skewX(-15deg);
	}
}

.mission-content-inner-2.intersecting .mission-text-2{
	animation: mission2 2s ease 0s 1 forwards, textShining .3s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2:before{
	animation: mission2Pseudo 1.5s ease .5s 1 forwards, textShadowShining .3s ease 0s 1 forwards;
}
.mission-content-inner-2.intersecting .mission-text-2:after{
	animation: mission2Pseudo 1.5s ease .5s 1 forwards;
}
@keyframes mission2{
	0%{
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, -50%) skewX(-15deg);
	}
	100%{
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, -50%) skewX(-15deg);
	}
}
@keyframes mission2Pseudo{
	0%{}
	100%{letter-spacing: 15px}
}
.mission-content-inner-3.intersecting .mission-text-3{
	animation: mission3 2s ease 0s 1 forwards, mission3white .5s ease .5s 1 forwards;
}
@keyframes mission3{
	0%{
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, -50%) skew(-15deg, -15deg) rotate(-15deg);
	}
	5%{
		color: var(--premium-light-blue);
	}
	10%{
		color: var(--premium-red);
	}
	15%{
		color: var(--premium-light-blue);
	}
	20%{
		color: #333;
	}
	100%{
		visibility: visible;
		opacity: 1;
		transform: translate(-50%, -50%) skew(-15deg, -15deg) rotate(-15deg);
	}
}
@keyframes mission3white{
	0%{color: #fff}
	33.32%{color: #fff;}
	33.33%{color: #333;}
	66.65%{color: #333;}
	66.66%{color: #fff;}
	99.99%{color: #fff;}
	100%{color: #333;}
}
.mission-content-inner-3.intersecting:before{
	animation: mission3before .5s ease .5s 1 forwards;
}
.mission-content-inner-3.intersecting .mission-3-belt-wrap, .mission-content-inner-3.intersecting .mission-3-belt-big{
	visibility: visible;
	opacity: 1;
}
.mission-content-inner-3.intersecting .mission-3-belt-text:before{
	animation: mission3belt 7s linear 0s infinite forwards;
}
.mission-content-inner-3.intersecting .mission-3-belt-text:after{
	animation: mission3belt 7s linear -3.5s infinite forwards;
}
@keyframes mission3belt{
	0%{transform: translateX(34.5em);}
	100%{transform: translateX(-34.5em);}
}
.mission-content-inner-3.intersecting .mission-3-belt-big-text:before{
	animation: mission3beltBig 10s linear 0s infinite forwards;
}
.mission-content-inner-3.intersecting .mission-3-belt-big-text:after{
	animation: mission3beltBig 10s linear -5s infinite forwards;
}
@keyframes mission3beltBig{
	0%{transform: translateX(11.5em);}
	100%{transform: translateX(-11.5em);}
}

@keyframes mission3before{
	0%{
		visibility: visible;
		opacity: 1;
	}
	33.32%{opacity: 1;}
	33.33%{opacity: 0;}
	66.65%{opacity: 0;}
	66.66%{opacity: 1;}
	99.99%{opacity: 1;}
	100%{opacity: 0;}
}

.mission-content-inner-4.intersecting .mission-text-4, .mission-content-inner-5.intersecting .mission-text-5{
	visibility: visible;
	opacity: 1;
}
.mission-content-inner-4.intersecting .mission-text-4-inner{
	transform: translateY(0);
}
.mission-content-inner-4.intersecting .mission-text-4-back-1:before{
	animation: mission4back1 2s ease 0s 1 forwards;
}
.mission-content-inner-4.intersecting .mission-text-4-back-2:before{
	animation: mission4back2 2s ease 0s 1 forwards;
}
@keyframes mission4back1{
	0%{}
	100%{
		transform: translate(-25%, -50%);
	}
}
@keyframes mission4back2{
	0%{}
	100%{
		transform: translate(25%, -50%);
	}
}
.mission-content-inner-5.intersecting:before{
	animation: mission5mask .2s ease .2s 1 forwards;
}
.mission-content-inner-5.intersecting:after{
	animation: mission5mask .2s ease 0s 1 forwards;
}
@keyframes mission5mask{
	0%{}
	50%{visibility: visible;}
	100%{visibility: hidden;}
}
.mission-content-inner-5.intersecting .mission-text-5-2{
	animation: mission5center .5s ease .4s 1 forwards;
}
@keyframes mission5center{
	0%{visibility: visible;}
	50%{color: transparent;}
	50%{color: #333}
	100%{
		color: #333;
		visibility: visible;
	}
}
.mission-content-inner-5.intersecting .mission-text-5-2:before{
	animation: mission5centerBefore .5s ease .4s 1 forwards;
}
.mission-content-inner-5.intersecting .mission-text-5-2:after{
	animation: mission5centerAfter .5s ease .4s 1 forwards;
}
@keyframes mission5centerBefore{
	0%{}
	25%{transform: translateX(0);}
	75%{transform: translateX(0);}
	100%{transform: translateX(100%);}
}
@keyframes mission5centerAfter{
	0%{}
	25%{transform: translateX(0);}
	75%{transform: translateX(0);}
	100%{transform: translateX(-100%);}
}
.mission-content-inner-5.intersecting .mission-text-5-1, .mission-content-inner-5.intersecting .mission-text-5-3{
	animation: mission5side .75s ease 1.25s 1 forwards;
}
@keyframes mission5side{
	0%{visibility: visible;}
	50%{color: #333;}
	51%{color: transparent;}
	60%{color: transparent;}
	61%{color: #333}
	70%{color: #333}
	71%{color: transparent;}
	80%{color: transparent;}
	81%{color: #333}
	100%{
		color: #333;
		visibility: visible;
	}
}
.mission-content-inner-5.intersecting .mission-text-5:before{
	animation: mission5barWidthBefore .5s ease 1s 1 forwards;
}
.mission-content-inner-5.intersecting .mission-text-5:after{
	animation: mission5barWidthAfter .5s ease 1s 1 forwards;
}
@keyframes mission5barWidthBefore{
	0%{}
	50%{
		width: 50%;
		left: 50%;
	}
	100%{
		width: 50%;
		left: 100%;
		visibility: hidden;
	}
}
@keyframes mission5barWidthAfter{
	0%{}
	50%{
		width: 50%;
		right: 50%;
	}
	100%{
		width: 50%;
		right: 100%;
		visibility: hidden;
	}
}

.mission-content-inner-6.intersecting:before, .mission-content-inner-6.intersecting .mission-text-6{
	visibility: visible;
	opacity: 1;
}
.mission-content-inner-6.intersecting .mission-text-6-flash-1{
	animation: mission6flash .2s ease 0s 1 forwards;
}
.mission-content-inner-6.intersecting .mission-text-6-flash-2{
	animation: mission6flash .2s ease .2s 1 forwards;
}
.mission-content-inner-6.intersecting .mission-text-6-flash-3{
	animation: mission6flash .2s ease .4s 1 forwards;
}
@keyframes mission6flash{
	0%{visibility: visible;}
	100%{visibility: hidden;}
}
.mission-content-inner-6.intersecting .mission-text-6-1{
	animation: mission6-1 .5s ease 1.5s 1 forwards, mission6shake .5s linear 1.5s infinite forwards;
}
@keyframes mission6-1{
	0%{visibility: visible;}
	100%{
		left: 0;
		visibility: visible;
	}
}
.mission-content-inner-6.intersecting .mission-text-6-2{
	animation: mission6-2 .5s ease .6s 1 forwards, mission6-2rotate .4s ease 1.1s 1 forwards, mission6shake2 .5s linear 1.5s infinite forwards;
}
@keyframes mission6-2{
	0%{visibility: visible;}
	20%{opacity: 1;}
	21%{opacity: 0;}
	30%{opacity: 0;}
	31%{opacity: 1;}
	40%{opacity: 1;}
	41%{opacity: 0;}
	60%{opacity: 0;}
	61%{opacity: 1;}
	100%{
		opacity: 1;
		visibility: visible;
	}
}
@keyframes mission6-2rotate{
	0%{opacity: 0}
	99%{opacity: 0}
	100%{
		opacity: 1;
		transform: translate(-50%, -50%) skewX(-15deg) rotate(-45deg);
	}
}
.mission-content-inner-6.intersecting .mission-text-6-2:before, .mission-content-inner-6.intersecting .mission-text-6-2:after{
	animation: mission6-2pseudo .5s ease .6s 1 forwards;
}
@keyframes mission6-2pseudo{
	0%{}
	100%{visibility: hidden;}
}
.mission-content-inner-6.intersecting .mission-text-6-3{
	animation: mission6-3 .5s ease 1.5s 1 forwards, mission6shake .5s linear 1.5s infinite forwards;
}
@keyframes mission6-3{
	0%{visibility: visible;}
	100%{
		right: 0;
		visibility: visible;
	}
}
@keyframes mission6shake{
	0%{text-shadow: -.025em .025em var(--premium-red), .025em -.025em var(--premium-light-blue);}
	5%{text-shadow: .025em -.025em var(--premium-red), -.025em .025em var(--premium-light-blue);}
	10%{text-shadow: .025em .025em var(--premium-red), -.025em -.025em var(--premium-light-blue);}
	15%{text-shadow: -.025em -.025em var(--premium-red), .025em .025em var(--premium-light-blue);}
	20%{text-shadow: 0;}
	29%{text-shadow: 0;}
	30%{text-shadow: -.025em .025em var(--premium-red), .025em -.025em var(--premium-light-blue);}
	35%{text-shadow: .025em -.025em var(--premium-red), -.025em .025em var(--premium-light-blue);}
	40%{text-shadow: .025em .025em var(--premium-red), -.025em -.025em var(--premium-light-blue);}
	45%{text-shadow: -.025em -.025em var(--premium-red), .025em .025em var(--premium-light-blue);}
	50%{text-shadow: .025em -.025em var(--premium-red), -.025em .025em var(--premium-light-blue);}
	51%{text-shadow: 0;}
	100%{text-shadow: 0;}
}
@keyframes mission6shake2{
	0%{text-shadow: -.05em .05em var(--premium-red), .05em -.05em var(--premium-light-blue);}
	5%{text-shadow: .05em -.05em var(--premium-red), -.05em .05em var(--premium-light-blue);}
	10%{text-shadow: .05em .05em var(--premium-red), -.05em -.05em var(--premium-light-blue);}
	15%{text-shadow: -.05em -.05em var(--premium-red), .05em .05em var(--premium-light-blue);}
	20%{text-shadow: 0;}
	29%{text-shadow: 0;}
	30%{text-shadow: -.05em .05em var(--premium-red), .05em -.05em var(--premium-light-blue);}
	35%{text-shadow: .05em -.05em var(--premium-red), -.05em .05em var(--premium-light-blue);}
	40%{text-shadow: .05em .05em var(--premium-red), -.05em -.05em var(--premium-light-blue);}
	45%{text-shadow: -.05em -.05em var(--premium-red), .05em .05em var(--premium-light-blue);}
	50%{text-shadow: .05em -.05em var(--premium-red), -.05em .05em var(--premium-light-blue);}
	51%{text-shadow: 0;}
	100%{text-shadow: 0;}
}

.mission-content-inner-7.intersecting:before{
	visibility: visible;
	opacity: .5;
}
.mission-content-inner-7.intersecting .mission-text-7{
	visibility: visible;
	opacity: 1;
}
@keyframes visiOpa{
	0%{}
	100%{
		visibility: visible;
		opacity: 1;
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-1{
	animation: mission7-item1 .3s ease 0s 1 forwards, visiOpa .3s ease 0s 1 forwards;
}
@keyframes mission7-item1{
	0%{}
	100%{
		transform: translate(calc(-50% - 2em), -50%);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-2{
	animation: visiOpa .5s ease .3s 1 forwards, mission7-item2 .5s ease .3s 1 forwards;
}
@keyframes mission7-item2{
	0%{}
	100%{
		transform: translate(calc(-50% - 1em), -50%);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-3{
	animation: visiOpa .5s ease .3s 1 forwards, mission7-item3 .5s ease .3s 1 forwards;
}
@keyframes mission7-item3{
	0%{}
	100%{
		transform: translate(-50%, -50%);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-4{
	animation: visiOpa .5s ease .3s 1 forwards, mission7-item4 .5s ease .3s 1 forwards;
}
@keyframes mission7-item4{
	0%{}
	100%{
		transform: translate(calc(-50% + 1em), -50%);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-5{
	animation: visiOpa .5s ease .3s 1 forwards, mission7-item5 .5s ease .3s 1 forwards;
}
@keyframes mission7-item5{
	0%{}
	100%{
		transform: translate(calc(-50% + 2em), -50%);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-1{
	animation: mission7-1 .3s ease .8s 1 forwards;
}
@keyframes mission7-1{
	0%{}
	100%{
		left: 0;
		transform: translate(-42.5%, -50%) rotate(90deg);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-2-item{
	animation: mission7-2 .3s ease 1.1s 1 forwards, visiOpa .3s ease 1.1s 1 forwards;
}
@keyframes mission7-2{
	0%{}
	100%{
		transform: translateX(0);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-3{
	animation: mission7light .6s ease 1.4s 1 forwards;
}
@keyframes mission7light{
	0%{}
	100%{
		text-shadow: 0 0 0.25em, 0 0 0.5em;
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-10{
	animation: visiOpa .6s ease 1.4s 1 forwards, mission7-3-1 .6s ease 1.4s 1 forwards;
}
@keyframes mission7-3-1{
	0%{}
	100%{
		transform: translate(-50%,-50%);
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-11{
	animation: visiOpa .6s ease 1.4s 1 forwards, mission7-3-2 .6s ease 1.4s 1 forwards;
}
@keyframes mission7-3-2{
	0%{}
	100%{
		transform: translate(calc(-50% + 32.5vh), calc(-50% - 6vh));
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-12{
	animation: visiOpa .6s ease 1.4s 1 forwards, mission7-3-3 .6s ease 1.4s 1 forwards;
}
@keyframes mission7-3-3{
	0%{}
	100%{
		transform: translate(calc(-50% - 9vh), calc(-50% + 27.5vh));
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-13{
	animation: visiOpa .6s ease 1.4s 1 forwards, mission7-3-4 .6s ease 1.4s 1 forwards;
}
@keyframes mission7-3-4{
	0%{}
	100%{
		transform: translate(calc(-50% + 9vh), calc(-50% + 27.5vh))
	}
}
.mission-content-inner-7.intersecting .mission-text-7-item-14{
	animation: visiOpa .6s ease 1.4s 1 forwards, mission7-3-5 .6s ease 1.4s 1 forwards;
}
@keyframes mission7-3-5{
	0%{}
	100%{
	    transform: translate(calc(-50% + 36vh), calc(-50% + 22.5vh));
	}
}

/* service */
.top-service-wrap.intersecting .service-title-trigger, .top-service-wrap.intersecting .service-title-trigger:before{
	background: 0;
}
.service-title-trigger.animation-trigger ~ .service-title .service-title-our{
	animation: serviceOur 2s ease 0s infinite alternate;
}
@keyframes serviceOur{
	0%{width: 2.35em;}
	25%{width:2.35em;}
	75%{width: 100%;}
	100%{width: 100%;}
}

.service-item-trigger.intersecting ~ .service-item-inner{
	transform: translate(calc(-50% + 87.5vw), -50%);
	opacity: 1;
	visibility: visible;
}
.service-item.intersecting .service-item-inner{
	transform: translate(0, -50%);
	opacity: 1;
	visibility: visible;
}
.service-item.intersecting .service-item-inner:before,.service-item.intersecting .service-item-video-circle{
	width: 100vw;
	height: 100vw;
}
/* !order of writing! */
@media (orientation: portrait){
	.service-item.intersecting .service-item-inner{
		transform: translate(-50%, -50%);
	}
	.service-item.intersecting .service-item-inner:before, .service-item.intersecting .service-item-video-circle{
		width: 125vh;
		height: 125vh;
	}
}
@media (orientation: landscape) and (min-width: 719px) and (max-width: 1200px) {
	/* landscapeTab */
	.service-item.intersecting .service-item-inner:before, .service-item.intersecting .service-item-video-circle{
		width: 110vw !important;
		height: 110vw !important;
	}
}
.service-next-trigger.intersecting ~ .service-item-inner{
	transform: translate(-100%, -50%);
	opacity: 0;
	visibility: hidden;
}
.service-item.intersecting .service-item-title,
.service-item.intersecting .service-item-video-wrap,
.service-item.intersecting .service-item-video-circle,
.service-title-trigger.intersecting ~ .service-title{
	opacity: 1;
	visibility: visible;
}
.service-item.intersecting .service-item-link{
	opacity: .5;
	visibility: visible;
}
.service-item.intersecting .service-item-link:hover{
	opacity: 1;
	color: #fff;
}
.service-item.intersecting{
	z-index: 10;
}
.service-item-trigger.intersecting ~ .service-item-inner{
	z-index: -1;
}
.service-next-trigger.intersecting ~ .service-item-inner:before,
.service-next-trigger.intersecting ~ .service-item-inner .service-item-video-circle{
	width: 1.5vw !important;
	height: 1.5vw !important;
}
.service-next-trigger.intersecting ~ .service-item-inner .service-item-link,
.service-next-trigger.intersecting ~ .service-item-inner .service-item-video-wrap,
.service-next-trigger.intersecting ~ .service-item-inner .service-item-video-circle{
	opacity: 0;
	visibility: hidden;
}
.service-next-trigger.intersecting ~ .service-item-title,
.service-item-trigger.intersecting ~ .service-item-title,
.service-next-trigger.intersecting ~ .service-item-inner .service-item-link,
.service-item-trigger.intersecting ~ .service-item-inner .service-item-link{
	transition-delay: 0s;
	opacity: 0;
	visibility: hidden;
}

/* gallery */
.top-gallery-title{
	animation: endlessRolling 9s linear 0s infinite forwards;
}
.top-gallery-wrap.intersecting .top-gallery-title{
	visibility: visible;
	opacity: 1;
}
.top-gallery-wrap.intersecting .top-gallery-belt{
	visibility: visible;
	opacity: 1;
	transition-delay: 1s;
}
.top-gallery-belt-1 .top-gallery-item-1, .top-gallery-belt-2 .top-gallery-item-1{
	animation: galleryToLeft 9s linear 0s infinite forwards;
}
.top-gallery-belt-1 .top-gallery-item-2, .top-gallery-belt-2 .top-gallery-item-2{
	animation: galleryToLeft 9s linear -1.5s infinite forwards;
}
.top-gallery-belt-1 .top-gallery-item-3, .top-gallery-belt-2 .top-gallery-item-3{
	animation: galleryToLeft 9s linear -3s infinite forwards;
}
.top-gallery-belt-1 .top-gallery-item-4, .top-gallery-belt-2 .top-gallery-item-4{
	animation: galleryToLeft 9s linear -4.5s infinite forwards;
}
.top-gallery-belt-1 .top-gallery-item-5, .top-gallery-belt-2 .top-gallery-item-5{
	animation: galleryToLeft 9s linear -6s infinite forwards;
}
.top-gallery-belt-1 .top-gallery-item-6, .top-gallery-belt-2 .top-gallery-item-6{
	animation: galleryToLeft 9s linear -7.5s infinite forwards;
}
@keyframes galleryToLeft{
	0%{transform: translateX(137.5vw);}
	100%{transform: translateX(-12.5vw);}
}
.top-gallery-belt-3 .top-gallery-item-1, .top-gallery-belt-4 .top-gallery-item-1{
	animation: galleryToRight 9s linear 0s infinite forwards;
}
.top-gallery-belt-3 .top-gallery-item-2, .top-gallery-belt-4 .top-gallery-item-2{
	animation: galleryToRight 9s linear -1.5s infinite forwards;
}
.top-gallery-belt-3 .top-gallery-item-3, .top-gallery-belt-4 .top-gallery-item-3{
	animation: galleryToRight 9s linear -3s infinite forwards;
}
.top-gallery-belt-3 .top-gallery-item-4, .top-gallery-belt-4 .top-gallery-item-4{
	animation: galleryToRight 9s linear -4.5s infinite forwards;
}
.top-gallery-belt-3 .top-gallery-item-5, .top-gallery-belt-4 .top-gallery-item-5{
	animation: galleryToRight 9s linear -6s infinite forwards;
}
.top-gallery-belt-3 .top-gallery-item-6, .top-gallery-belt-4 .top-gallery-item-6{
	animation: galleryToRight 9s linear -7.5s infinite forwards;
}
@keyframes galleryToRight{
	0%{transform: translateX(-12.5vw);}
	100%{transform: translateX(137.5vw);}
}

/* blog */
.top-blog-lift-title-inner:before{animation: blogTitleLift 8s linear 0s infinite forwards, blogColorChange 15s linear 0s infinite forwards;}
.top-blog-lift-title-inner:after{animation: blogTitleLift 8s linear -4s infinite forwards, blogColorChange 15s linear 0s infinite forwards;}
@keyframes blogTitleLift{
	0%{transform: translateX(calc(-100% - 2.25em));}
	100%{transform: translateX(calc(100% + 2.25em));}
}
.top-blog-lift-title-horizon-inner:before{animation: blogTitleLiftHorizon 8s linear 0s infinite forwards, blogColorChange 15s linear 0s infinite forwards;}
.top-blog-lift-title-horizon-inner:after{animation: blogTitleLiftHorizon 8s linear -4s infinite forwards, blogColorChange 15s linear 0s infinite forwards;}
@keyframes blogTitleLiftHorizon{
	0%{transform: translateX(calc(-100% - 3em));}
	100%{transform: translateX(100%);}
}
.top-blog-lift-title-small-inner:before{animation: blogTitleLiftSmall 4s linear 0s infinite forwards, blogColorChange 15s linear 0s infinite forwards;}
.top-blog-lift-title-small-inner:after{animation: blogTitleLiftSmall 4s linear -2s infinite forwards, blogColorChange 15s linear 0s infinite forwards;}
@keyframes blogTitleLiftSmall{
	0%{transform: translateX(calc(-100% - 3.25em));}
	100%{transform: translateX(calc(100% + 3.25em));}
}
/* blog1~3 */
.top-blog-item:first-of-type:before{animation: blogImageLift 6s linear 0s infinite forwards;}
.top-blog-item:nth-of-type(2):before{animation: blogImageLift 6s linear -1s infinite forwards;}
.top-blog-item:nth-of-type(3):before{animation: blogImageLift 6s linear -2s infinite forwards;}
.top-blog-item:first-of-type:after{animation: blogImageLift 6s linear -3s infinite forwards;}
.top-blog-item:nth-of-type(2):after{animation: blogImageLift 6s linear -4s infinite forwards;}
.top-blog-item:nth-of-type(3):after{animation: blogImageLift 6s linear -5s infinite forwards;}
@keyframes blogImageLift{
	0%{transform: translateY(-100%);}
	100%{transform: translateY(500%);}
}
.top-blog-item:first-of-type .top-blog-title-inner,
.top-blog-item:nth-of-type(2) .top-blog-title-inner,
.top-blog-item:nth-of-type(3) .top-blog-title-inner,
.top-blog-item:nth-of-type(6) .top-blog-title-inner,
.top-blog-item:nth-of-type(7) .top-blog-title-inner,
.top-blog-item:nth-of-type(10) .top-blog-title-inner{animation: blogTitleHorizontal 5s linear 0s infinite forwards;}
@keyframes blogTitleHorizontal{
	0%{left: 100%;}
	100%{
		left: 0;
		transform: translateX(-100%);
	}
}
/* blog4~5 */
.top-blog-item:nth-of-type(4) .top-blog-title-inner,
.top-blog-item:nth-of-type(5) .top-blog-title-inner,
.top-blog-item:nth-of-type(8) .top-blog-title-inner,
.top-blog-item:nth-of-type(9) .top-blog-title-inner{animation: blogTitleVertical 5s linear 0s infinite forwards;}
@keyframes blogTitleVertical{
	0%{top: 100%}
	100%{
		top: 0;
		transform: translateY(-100%);
	}
}
/* view more blog posts */
.top-blog-view-more-lift-box .top-blog-view-more-lift:before,
.top-blog-view-more-lift-rotate .top-blog-view-more-lift:before{animation: viewMoreBlogLiftHorizon 4s linear 0s infinite forwards;}
.top-blog-view-more-lift-box .top-blog-view-more-lift:after,
.top-blog-view-more-lift-rotate .top-blog-view-more-lift:after{animation: viewMoreBlogLiftHorizon 4s linear -2s infinite forwards;}
@keyframes viewMoreBlogLiftHorizon{
	0%{transform: translateX(105%);}
	100%{transform: translateX(-100%);}
}
/* scale controller */
#topBlog.intersecting .blog-scale-controller{
	visibility: visible;
	opacity: 1;
}
/* drag */
.blog-drag-text{animation: dragZoomLoop 1s ease 0s infinite alternate;}
@keyframes dragZoomLoop{
	0%{font-size: 7vw}
	100%{font-size: 8vw}
}
/* blog color */
.top-blog-h2,.top-blog-title:not(.top-blog-coming-soon .top-blog-title),
.top-blog-date:not(.top-blog-coming-soon .top-blog-date),.top-blog-date:not(.top-blog-coming-soon .top-blog-date):before,
.top-blog-view-more-lift,.top-blog-view-more-wrap,.top-blog-view-more-wrap:before,.top-blog-view-more-link,
.blog-drag-text{animation: blogColorChange 15s linear 0s infinite forwards;}
@keyframes blogColorChange{
	0%{--premium-blog-color: var(--premium-red);}
	10%{--premium-blog-color: var(--premium-red);}
	20%{--premium-blog-color: var(--premium-orange);}
	30%{--premium-blog-color: var(--premium-orange);}
	40%{--premium-blog-color: var(--premium-green);}
	50%{--premium-blog-color: var(--premium-green);}
	60%{--premium-blog-color: var(--premium-light-blue);}
	70%{--premium-blog-color: var(--premium-light-blue);}
	80%{--premium-blog-color: var(--premium-purple);}
	90%{--premium-blog-color: var(--premium-purple);}
	100%{--premium-blog-color: var(--premium-red);}
}

/* responsive */
@media (orientation: portrait) {
	@keyframes galleryToLeft{
		0%{transform: translateX(160vh);}
		100%{transform: translateX(-80vh);}
	}
	@keyframes galleryToRight{
		0%{transform: translateX(-80vh);}
		100%{transform: translateX(160vh);}
	}
}
@media (max-width: 992px) and (orientation: portrait){
	@keyframes mission6-2rotate{
		0%{
			opacity: 0;
			font-size: 11.5vw;
		}
		99%{opacity: 0;}
		100%{
			font-size: 11.5vw;
			opacity: 1;
			transform: translate(-50%, -50%) skewX(-15deg) rotate(-45deg);
		}
	}
	@keyframes mission4back1{
		0%{}
		100%{
			transform: translate(0, -50%);
		}
	}
	@keyframes mission4back2{
		0%{}
		100%{
			transform: translate(-40%, -50%);
		}
	}
	@keyframes mission7-1{
		0%{}
		100%{
			left: 0;
			top: 0;
			transform: translate(-42.5%, 2em) rotate(90deg);
		}
	}
	@keyframes mission7-3-2{
		0%{}
		100%{
			transform: translate(calc(-50% + 30vw), calc(-50% - 6vw));
		}
	}
	@keyframes mission7-3-3{
		0%{}
		100%{
			transform: translate(calc(-50% - 9vw), calc(-50% + 27.5vw));
		}
	}
	@keyframes mission7-3-4{
		0%{}
		100%{
			transform: translate(calc(-50% - 9vw), calc(-50% + 47.5vw));
		}
	}
	@keyframes mission7-3-5{
		0%{}
		100%{
			transform: translate(calc(-50% + 20vw), calc(-50% + 40vw)) rotate(45deg);
		}
	}
}