.loader-main{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: whitesmoke;
	z-index: 9999999;
}
.loader {
	width: 87px;
	height: 87px;
	margin: 30px auto 40px;
	margin-top: 20%;
	position: relative;
	z-index: 999999;
	background-color: whitesmoke;
}
	.loader:before {
		content: "";
		width: 90px;
		height: 7px;
		border-radius: 50%;
		background: #000;
		opacity: 0.1;
		position: absolute;
		top: 90px;
		left: 0;
		animation: shadow 1s linear infinite;
	}
	.loader:after {
		content: "";
		width: 87px;
		height: 87px;
		border-radius: 3px;
		background-color: #5FB878;
		background: url(/content/images/logo.png) !important;
		position: absolute;
		top: 0;
		left: 0;
		animation: loading 1s linear infinite;
	}
@-webkit-keyframes loading {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		transform: translateY(0) rotate(90deg);
	}
}
@keyframes loading {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(9px) rotate(90deg);
	}

	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(180deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		transform: translateY(9px) rotate(270deg);
	}

	100% {
		transform: translateY(0) rotate(360deg);
	}
}
@-webkit-keyframes shadow {

	0%,
	100% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1);
	}
}
@keyframes shadow {

	0%,
	100% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1);
	}
}