@charset "UTF-8";
/* loading setting */
#loading {
	transition: all 0.6s;
	background-color:#dfdfdf ;
	z-index: 6;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
}
.loading-text {
	font-weight: bold;
	text-align: center;
}
#loading.loaded {
	visibility: hidden;
	top:-100%;
}
.ball-scale-ripple{
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: ball-scale-ripple 1.25s 0s cubic-bezier(0.12, 0.45, 0.61, 0.77);
	animation: ball-scale-ripple 1.25s 0s cubic-bezier(0.12, 0.45, 0.61, 0.77);
}
/* Dots */
@-webkit-keyframes ball-scale-ripple {
0% {
	transform-origin: 50% 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;}
70% {
	transform-origin: 50% 50%;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0.7;}
100% {
	transform-origin: 50% 50%;
	opacity: 0.0;}
}

@keyframes ball-scale-ripple {
0% {
	transform-origin: 50% 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;}
70% {
	transform-origin: 50% 50%;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0.7;}
100% {
	transform-origin: 50% 50%;
	opacity: 0.0;}
}