/* Loading Screen */
	#loading-screen {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #121212;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 99999;
		opacity: 1;
		transition: opacity 0.5s ease-out;
	}

	#loading-screen.hidden {
		opacity: 0;
		pointer-events: none;
	}

	/* Loader */
	.spinner {
		background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255));
		width: 100px;
		height: 100px;
		animation: spinning82341 1.7s linear infinite, hue 1s ease-in-out infinite;
		text-align: center;
		border-radius: 50px;
		filter: blur(1px);
		box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);
	}

	.spinner1 {
		background-color: #121212;
		width: 100px;
		height: 100px;
		border-radius: 50px;
		filter: blur(10px);
	}

	@keyframes spinning82341 {
		to {
			transform: rotate(360deg);
		}
	}

	@keyframes hue {
		0% {
			filter: hue-rotate(0deg);
		}
		100% {
			filter: hue-rotate(360deg);
		}
	}
	
	body.is-preload #loading-screen,
	body.is-preload #loading-screen *,
	body.is-preload #loading-screen *:before,
	body.is-preload #loading-screen *:after {
		-moz-animation: inherit !important;
		-webkit-animation: inherit !important;
		-ms-animation: inherit !important;
		animation: inherit !important;
		-moz-transition: inherit !important;
		-webkit-transition: inherit !important;
		-ms-transition: inherit !important;
		transition: inherit !important;
	}

	body.is-preload #loading-screen .spinner {
		animation: spinning82341 1.7s linear infinite, hue 1s ease-in-out infinite !important;
	}
	
	body.is-preload #loading-screen .spinner1 {
		 filter: blur(10px) !important;
	}