/* Preloader */
.container-preloader {
	align-items: center;
	cursor: none;
	display: flex;
	height: 100%;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
	height: 100vh;
}

.container-preloader .animation-preloader {
	position: absolute;
	z-index: 100;
	top: 200px;
	left: 45% !important;
}

/* Spinner Loading */
.container-preloader .animation-preloader .spinner {
	animation: spinner 1s infinite linear;
	border-radius: 50%;
	border: 10px solid rgba(0, 0, 0, 0.1);
	border-top-color: #0088cc;
	/* It is not in alphabetical order so that you do not overwrite it */
	height: 9em;
	margin: 0 auto 3.5em auto;
	width: 9em;
	background-color: rgba(0, 0, 0, .3) !important;
}

.preloadimg {
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.preloadimg img {
	position: absolute;
	top: 25px;
	left: 20px;
}

.spinner {
	position: absolute;
	top: 50%;
}

/* Loading text */
.container-preloader .animation-preloader .txt-loading {
	font: normal 2em 'Montserrat', sans-serif;
	text-align: center;
	user-select: none;
}

.container-preloader .animation-preloader .txt-loading .characters:before {
	animation: characters 4s infinite;
	color: orange;
	content: attr(preloader-text);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: rotateY(-90deg);
}

.container-preloader .animation-preloader .txt-loading .characters {
	color: rgba(0, 0, 0, 0.2);
	position: relative;
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
	animation-delay: 0.2s;
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
	animation-delay: 0.4s;
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
	animation-delay: 0.6s;
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
	animation-delay: 0.8s;
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
	animation-delay: 1s;
}

.container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
	animation-delay: 1.2s;
}

.container-preloader .loader-section {
	background: rgba(11, 28, 189, .0);
	height: 100vh;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	width: calc(100% + 1px);
}

.container-preloader .loader-section.section-left {
	left: 0;
}

.container-preloader .loader-section.section-right {
	right: 0;
}

/* Fade effect on loading animation */
.loaded .animation-preloader {
	opacity: 0;
	transition: 0.3s ease-out;
}

/* Curtain effect */
.loaded .loader-section.section-left {
	transform: translateY(-101%);
	transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

.loaded .loader-section.section-right {
	transform: translateY(101%);
	transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}

/* Animation of the preloader */
@keyframes spinner {
	to {
		transform: rotateZ(360deg);
	}
}

/* Animation of letters loading from the preloader */
@keyframes characters {

	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}

	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

@media screen and (max-width: 992px) {
	.container-preloader .animation-preloader {
		left: 42.5% !important;
	}
}

@media screen and (max-width: 799px) {
	.container-preloader .animation-preloader {
		left: 40.7% !important;
	}
}

@media screen and (max-width: 600px) {
	.container-preloader .animation-preloader {
		left: 39.5% !important;
	}
}

/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {

	/* Preloader */
	/* Spinner Loading */
	.container-preloader .animation-preloader .spinner {
		height: 8em;
		width: 8em;
		background: url("../images/preloader.gif");
	}

	/* Text Loading */
	.container-preloader .animation-preloader .txt-loading {
		font: bold 3.5em 'Montserrat', sans-serif;
	}
}

@media screen and (max-width: 540px) {
	.preloadimg img {
		left: 15px;
	}
}



@media screen and (max-width: 500px) {

	/* Prelaoder */
	/* Spinner Loading */
	.container-preloader .animation-preloader .spinner {
		height: 7em;
		width: 7em;
	}

	/*Loading text */
	.container-preloader .animation-preloader .txt-loading {
		font: bold 2em 'Montserrat', sans-serif;
	}
}
@media screen and (max-width: 450px) {
	.preloadimg img {
		top: 15px;
		left: 5px;
	}
}
@media screen and (max-width: 414px) {
	.container-preloader .animation-preloader {
		left: 37.2% !important;
	}
}
@media screen and (max-width: 400px) {
	.container-preloader .animation-preloader {
		left: 37% !important;
	}
}
@media screen and (max-width: 390px) {
	.container-preloader .animation-preloader {
		left: 36.5% !important;
	}
}
.origin {
	text-decoration: none;
	font-size: 45px;
}