.loader-bg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100vh;
		background-color: white;
		z-index: 9999;
	}
	.loader-panel {
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.loader {
		position: relative;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: rgba(231,148,43,1);
		-webkit-animation: spin-color 3s linear infinite, colors-a 3s linear infinite;
		animation: spin 3s linear infinite, colors-a 3s linear infinite;
	}
	.loader:before {
		content: " ";
		position: absolute;
		border-radius: 50%;
		border: 3px solid transparent;
		border-left-color: black;
		top: 5px;
		bottom: 5px;
		right: 5px;
		left: 5px;
		-webkit-animation: spin-color 6s linear infinite, colors-b 6s linear infinite;
		animation: spin 6s linear infinite, colors-b 6s linear infinite;
	}
	.loader:after{
		content: " ";
		position: absolute;
		border-radius: 50%;
		border: 3px solid transparent;
		border-right-color: rgba(231,148,43,0.5);
		top: 15px;
		bottom: 15px;
		right: 15px;
		left: 15px;
		-webkit-animation: spin-color 9s linear infinite, colors-c 9s linear infinite;
		animation: spin 9s linear infinite, colors-c 9s linear infinite;
	}
	.loader-img {
		filter: drop-shadow(-3px 5px 0px rgba(0,0,0,0.1));
		perspective: 1000px;
		transform-style: preserve-3d;
		-webkit-animation: rotation-left-right 2s linear infinite;
		animation: rotation-left-right 2s linear infinite;
	}

	@-webkit-keyframes colors-a {
		0% {
			border-top-color: rgba(231,148,43,1);
		}
		25% {
			border-top-color: rgba(231,148,43,0.5);
		}
		50% {
			border-top-color: black;
		}
		75% {
			border-top-color: rgba(231,148,43,0.5);
		}
		100% {
			border-top-color: rgba(231,148,43,1);
		}
	}

	@-webkit-keyframes colors-b {
		0% {
			border-left-color: black;
		}
		25% {
			border-left-color: rgba(231,148,43,1);
		}
		50% {
			border-left-color: rgba(231,148,43,0.5);
		}
		75% {
			border-left-color: rgba(231,148,43,1);
		}
		100% {
			border-left-color: black;
			
		}
	}

	@-webkit-keyframes colors-c {
		0% {
			border-right-color: rgba(231,148,43,0.5);
		}
		25% {
			border-right-color: black;
		}
		50% {
			border-right-color: rgba(231,148,43,1);
		}
		75% {
			border-right-color: black;
		}
		100% {
			border-right-color: rgba(231,148,43,0.5);	
		}
	}

	@keyframes colors-a {
		0% {
			border-top-color: rgba(231,148,43,1);
		}
		25% {
			border-top-color: rgba(231,148,43,0.5);
		}
		50% {
			border-top-color: black;
		}
		75% {
			border-top-color: rgba(231,148,43,0.5);
		}
		100% {
			border-top-color: rgba(231,148,43,1);
		}
	}

	@keyframes colors-b {
		0% {
			border-left-color: black;
		}
		25% {
			border-left-color: rgba(231,148,43,1);
		}
		50% {
			border-left-color: rgba(231,148,43,0.5);
		}
		75% {
			border-left-color: rgba(231,148,43,1);
		}
		100% {
			border-left-color: black;
			
		}
	}

	@keyframes colors-c {
		0% {
			border-right-color: rgba(231,148,43,0.5);
		}
		25% {
			border-right-color: black;
		}
		50% {
			border-right-color: rgba(231,148,43,1);
		}
		75% {
			border-right-color: black;
		}
		100% {
			border-right-color: rgba(231,148,43,0.5);	
		}
	}

	/*Spining Animation*/
	@-webkit-keyframes spin {
	    0%   {
	        -webkit-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	@keyframes spin {
	    0%   {
	        -webkit-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}

	/*Image Rotate Animation*/
	@-webkit-keyframes rotation-left-right {
		0% {
			-webkit-transform: rotate3d(0,1,0,0deg);
	        -ms-transform: rotate3d(0,1,0,0deg);
	        transform: rotate3d(0,1,0,0deg);
		}
		40% {
	        -webkit-transform: rotate3d(0,1,0,360deg);
	        -ms-transform: rotate3d(0,1,0,360deg);
	        transform: rotate3d(0,1,0,360deg);
	    }
	    80% {
			-webkit-transform: rotate3d(0,1,0,0deg);
	        -ms-transform: rotate3d(0,1,0,0deg);
	        transform: rotate3d(0,1,0,0deg);
		}
	}