.preloader {
    background-color: #ffffff;
}
.preloader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
}
.preloader .spinner-eff {
    width: 74px;
    height: 74px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
}

.preloader .spinner-eff:before, .preloader .spinner-eff:after {
    content: "";
    display: block;
}
.preloader .spinner-eff .bar-top {
    border-top-color: #FF7E1A;
}
.preloader .spinner-eff .bar-top {
    border-top: 38px solid #FF7E1A;
    -webkit-animation: rotation-top 3.6s 
linear 0s infinite;
    animation: rotation-top 3.6s 
linear 0s infinite;
}
.preloader .spinner-eff .bar {
    width: 0;
    height: 0;
    border: 38px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.5;
    z-index: -2;
}
.preloader .spinner-eff .bar-right {
    border-right-color: #FF7E1A;
}
.preloader .spinner-eff .bar-right {
    border-right: 38px solid #FF7E1A;
    -webkit-animation: rotation-right 3.6s 
linear 0s infinite;
    animation: rotation-right 3.6s 
linear 0s infinite;
}
.preloader .spinner-eff .bar-bottom {
    border-bottom-color: #FF7E1A;
}
.preloader .spinner-eff .bar-bottom {
    border-bottom: 38px solid #FF7E1A;
    -webkit-animation: rotation-bottom 3.6s 
linear 0s infinite;
    animation: rotation-bottom 3.6s 
linear 0s infinite;
}
.preloader .spinner-eff .bar-left {
    border-left-color: #FF7E1A;
}
.preloader .spinner-eff .bar-left {
    border-left: 38px solid #FF7E1A;
    -webkit-animation: rotation-left 3.6s 
linear 0s infinite;
    animation: rotation-left 3.6s 
linear 0s infinite;
}
.preloader .spinner-eff:before, .preloader .spinner-eff:after {
    content: "";
    display: block;
}
/* spinner-1 styles */
	@-webkit-keyframes rotation-top {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		20% {
			transform: rotate(360deg);
			opacity: 1;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@keyframes rotation-top {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		20% {
			transform: rotate(360deg);
			opacity: 1;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@-webkit-keyframes rotation-right {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		20% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		40% {
			transform: rotate(360deg);
			opacity: 1;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@keyframes rotation-right {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		20% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		40% {
			transform: rotate(360deg);
			opacity: 1;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@-webkit-keyframes rotation-bottom {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		40% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		60% {
			transform: rotate(360deg);
			opacity: 1;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@keyframes rotation-bottom {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		40% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		60% {
			transform: rotate(360deg);
			opacity: 1;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@-webkit-keyframes rotation-left {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		60% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}
	@keyframes rotation-left {
		0% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		60% {
			transform: rotate(0deg);
			opacity: 0.5;
		}
		80% {
			transform: rotate(360deg);
			opacity: 1;
		}
		100% {
			transform: rotate(360deg);
			opacity: 0.5;
		}
	}