.pre-loader {
	background: #F3F5F9;
	display: flex;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
	padding: 0px;
	margin: 0px;
	z-index: 123456;
	position: fixed;
}
.pre-loader .pre-loader-box {
	width: 112px;
	height: 112px;
}
.pre-loader .pre-loader-box .box1,
.pre-loader .pre-loader-box .box2,
.pre-loader .pre-loader-box .box3 {
	border: 4px solid rgba(32,35,66,1);
	box-sizing: border-box;
	position: absolute;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pre-loader .pre-loader-box .box1 {
	width: 112px;
	height: 48px;
	margin-top: 64px;
	margin-left: 0px;
	-webkit-animation: anime1 4s 0s forwards ease-in-out infinite;
	animation: anime1 4s 0s forwards ease-in-out infinite;
}
.pre-loader .pre-loader-box .box2 {
	width: 48px;
	height: 48px;
	margin-top: 0px;
	margin-left: 0px;
	-webkit-animation: anime2 4s 0s forwards ease-in-out infinite;
	animation: anime2 4s 0s forwards ease-in-out infinite;
}
.pre-loader .pre-loader-box .box3 {
	width: 48px;
	height: 48px;
	margin-top: 0px;
	margin-left: 64px;
	-webkit-animation: anime3 4s 0s forwards ease-in-out infinite;
	animation: anime3 4s 0s forwards ease-in-out infinite;
}
@-webkit-keyframes anime1 {
	0% {
		width: 112px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	12.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	25% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	37.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	50% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	62.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	75% {
		width: 48px;
		height: 112px;
		margin-top: 0px;
		margin-left: 0px;
	}
	87.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	100% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
}
@keyframes anime1 {
	0% {
		width: 112px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	12.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	25% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	37.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	50% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	62.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
	75% {
		width: 48px;
		height: 112px;
		margin-top: 0px;
		margin-left: 0px;
	}
	87.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	100% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
}
@-webkit-keyframes anime2 {
	0% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	12.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	25% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	37.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	50% {
		width: 112px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	62.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	75% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	87.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	100% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
}
@keyframes anime2 {
	0% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	12.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	25% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	37.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	50% {
		width: 112px;
		height: 48px;
		margin-top: 0px;
		margin-left: 0px;
	}
	62.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	75% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	87.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	100% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
}
@-webkit-keyframes anime3 {
	0% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	12.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	25% {
		width: 48px;
		height: 112px;
		margin-top: 0px;
		margin-left: 64px;
	}
	37.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	50% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	62.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	75% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	87.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	100% {
		width: 112px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
}
@keyframes anime3 {
	0% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	12.5% {
		width: 48px;
		height: 48px;
		margin-top: 0px;
		margin-left: 64px;
	}
	25% {
		width: 48px;
		height: 112px;
		margin-top: 0px;
		margin-left: 64px;
	}
	37.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	50% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	62.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	75% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	87.5% {
		width: 48px;
		height: 48px;
		margin-top: 64px;
		margin-left: 64px;
	}
	100% {
		width: 112px;
		height: 48px;
		margin-top: 64px;
		margin-left: 0px;
	}
}