
#loadingContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: rgba(0, 0, 0, .2);
	z-index: 1400;
}/*
#loadingContainer {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 185px;
	background-color: transparent;
	z-index: 1400;
	visibility: visible;
}
#loadingContainer.d-none {
	display: flex !important;
	visibility: hidden;
}*/

#loadingContainer .loader-wrapper {
	height: 100%;
	text-align: center;
	transform: translateY(4vh);
}
#loadingContainer .loader {
	max-width: 10rem;
	width: 100%;
	height: auto;
	stroke-linecap: round;
}
#loadingContainer .loader + p {
	margin-top: 1rem;
	font: normal 1.2rem 'Open Sans', sans-serif;
	text-align: center;
	color: #174C76;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
#loadingContainer circle {
	fill: none;
	stroke-width: 3.5;
	animation-name: preloader;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	transform-origin: 170px 170px;
	will-change: transform;
}
#loadingContainer circle:nth-of-type(1) {
	stroke-dasharray: 550px;
}
#loadingContainer circle:nth-of-type(2) {
	stroke-dasharray: 500px;
	animation-duration: 1.5s;
}
#loadingContainer circle:nth-of-type(3) {
	stroke-dasharray: 450px;
	animation-duration: 1.8s;
}
#loadingContainer circle:nth-of-type(4) {
	stroke-dasharray: 300px;
	animation-duration: 2.5s;
}
#loadingContainer circle:nth-of-type(1) {
	animation-delay: -0.25s;
}
#loadingContainer circle:nth-of-type(2) {
	animation-delay: -0.5s;
}
#loadingContainer circle:nth-of-type(3) {
	animation-delay: -0.75s;
}
#loadingContainer circle:nth-of-type(4) {
	animation-delay: -1s;
}
@keyframes preloader {
	50% {
		transform: rotate(360deg);
	}
}