﻿

#AjaxPreloader
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #333;
    z-index: 9999;
    text-align: center;
} 
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 4px solid rgba(50,50,50,0.7);
	border-left-color: rgb(255, 102, 0);
	border-radius: 3871px;
		-o-border-radius: 3871px;
		-ms-border-radius: 3871px;
		-webkit-border-radius: 3871px;
		-moz-border-radius: 3871px;
}

.cssload-whirlpool
{
    margin: -100px 0 0 -100px;
    height: 194px;
    width: 194px;
    border-left-color: rgb(255, 255, 255);
    animation: cssload-rotate 2350ms linear infinite;
    -o-animation: cssload-rotate 2350ms linear infinite;
    -ms-animation: cssload-rotate 2350ms linear infinite;
    -webkit-animation: cssload-rotate 2350ms linear infinite;
    -moz-animation: cssload-rotate 2350ms linear infinite;
}

.cssload-whirlpool::before
{
    content: "";
    margin: -89px 0 0 -89px;
    height: 171px;
    width: 171px;
    border-left-color: rgb(51, 153, 51);
    animation: cssload-rotate 2350ms linear infinite;
    -o-animation: cssload-rotate 2350ms linear infinite;
    -ms-animation: cssload-rotate 2350ms linear infinite;
    -webkit-animation: cssload-rotate 2350ms linear infinite;
    -moz-animation: cssload-rotate 2350ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -112px 0 0 -112px;
	height: 217px;
	width: 217px;
	animation: cssload-rotate 4700ms linear infinite;
		-o-animation: cssload-rotate 4700ms linear infinite;
		-ms-animation: cssload-rotate 4700ms linear infinite;
		-webkit-animation: cssload-rotate 4700ms linear infinite;
		-moz-animation: cssload-rotate 4700ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}