.pre_loader{
	display: flex;
	z-index: 999 !important;
}

.pre_loader,
.ajax_load {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(97,148,160,.5);
	z-index: calc(var(--index-modal) * 2);
}

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

.pre_loader .ajax_load_box_circle,
.ajax_load_box_circle {
	border: 16px solid #e3e3e3;
	border-top: 16px solid var(--hover-color-blue);
	border-radius: 50%;
	margin: auto;
	width: 80px;
	height: 80px;
	
	-webkit-animation: spin 1.2s linear infinite;
	-o-animation: spin 1.2s linear infinite;
	animation: spin 1.2s linear infinite;
}

.pre_loader .ajax_load_box_title,
.ajax_load_box_title {
	margin-top: 15px;
	font-weight: var(--weight-strong);
}