/* ==== --------- (1.1) mixins start --------- ==== */
/* ==== --------- (1.1) mixins end --------- ==== */
/* ==== --------- (1.2) variables start --------- ==== */
/* ==== --------- (1.2) variables end --------- ==== */
/* ==== --------- (3.1) preloader styles start --------- ==== */
 .preloader {
	 align-items: center;
	 cursor: default;
	 display: flex;
	 height: 100%;
	 justify-content: center;
	 position: fixed;
	 left: 0;
	 top: 0;
	 width: 100%;
	 z-index: 9999999;
}
 .preloader .animation-preloader {
	 z-index: 1000;
}
 .preloader .animation-preloader .spinner {
	 animation: spinner 1s infinite linear;
	 border-radius: 50%;
	 border: 3px solid rgba(0, 0, 0, 0.2);
	 border-top-color: #13216e;
	 height: 144px;
	 margin: 0 auto;
	 width: 144px;
}
 .preloader p {
	 font-size: 18px;
	 font-weight: 600;
	 text-transform: uppercase;
	 letter-spacing: 8px;
	 color: #13216e;
}
 .preloader .loader {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 font-size: 0;
	 z-index: 1;
	 pointer-events: none;
}
 .preloader .loader .row {
	 height: 100%;
}
 .preloader .loader .loader-section {
	 padding: 0px;
}
 .preloader .loader .loader-section .bg {
	 background-color: #f5faff;
	 height: 100%;
	 left: 0;
	 width: 100%;
	 transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1) !important;
}
 .preloader.loaded .animation-preloader {
	 opacity: 0;
	 transition: 0.3s ease-out;
}
 .preloader.loaded .loader-section .bg {
	 width: 0;
	 transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1) !important;
}
/* ---------------------------------- Aniamtion ------------------------------------ */
 @-webkit-keyframes spinner {
	 to {
		 -webkit-transform: rotateZ(360deg);
		 transform: rotateZ(360deg);
	}
}
 @keyframes spinner {
	 to {
		 -webkit-transform: rotateZ(360deg);
		 transform: rotateZ(360deg);
	}
}
/* ==== --------- (3.1) preloader styles end --------- ==== */