/**LOADER */
.loader {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: calc(1050 * 2);
}

.loader_box {
	margin: auto;
	text-align: center;
	color: #ffffff;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.loader_box_animation {
	width: 7rem;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side, #fff 90%, transparent);
	background: 
	var(--_g) 0%   50%,
	var(--_g) 50%  50%,
	var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: dots 1s infinite linear;

	margin: auto;
}

.loader_box_title {
	margin-top: 15px;
	font-weight: 600;
}


@keyframes dots {
	33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
	50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
	66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}