
/* Loader */

#s-loader {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #f1f1f1;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	z-index: 999999;
	top: 0;
	left: 0;
}

.loader-container {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
}

.loader-container .my-circle {
	stroke-dasharray: 1,150; /* 1%, 101% circumference */
	stroke-dashoffset: 0;
	stroke: #a88643;
	stroke-linecap: round;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
}

.elementor-html #s-loader{
	display: none;
}

@keyframes rotate {
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes rotate{
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,150;  /* 1%, 101% circumference */
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90,150; /* 70%, 101% circumference */
		stroke-dashoffset: -35;   /* 25% circumference */
	}
	100% {
		stroke-dasharray: 90,150; /* 70%, 101% circumference */
		stroke-dashoffset: -124;  /* -99% circumference */
	}
}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1,150;  /* 1%, 101% circumference */
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90,150; /* 70%, 101% circumference */
		stroke-dashoffset: -35;   /* 25% circumference */
	}
	100% {
		stroke-dasharray: 90,150; /* 70%, 101% circumference */
		stroke-dashoffset: -124;  /* -99% circumference */
	}
}