#preloader-area {
    position: fixed;
    z-index: 11000;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.spinner {
	position: relative;
	margin: auto;
	top: 33%;
    width: 160px;
    height: 160px;
    -webkit-animation: sk-rotate 4.0s infinite linear;
	-moz-animation: sk-rotate 4.0s infinite linear;
	-o-animation: sk-rotate 4.0s infinite linear;
    animation: sk-rotate 4.0s infinite linear;
}

.dot1,
.dot2,
.dot3,
.dot4 {
	box-shadow: 10px 10px 20px 0.5px rgba(255, 77, 249, .5);
	width: 90px;
    height: 90px;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    -webkit-animation: sk-bounce 1.0s infinite ease-in-out;
	-moz-animation: sk-bounce 1.0s infinite ease-in-out;
	-o-animation: sk-bounce 1.0s infinite ease-in-out;
    animation: sk-bounce 3.0s infinite ease-in-out;
}

.dot1 {
    background-color: #E800FF;
}

.dot3 {
    top: auto;
    background-color: #00F3FF;
    -webkit-animation-delay: -3.0s;
	-moz-animation-delay: -3.0s;
	-o-animation-delay: -3.0s;
    animation-delay: -2.0s;
}

.dot2 {
    top: auto;
    background-color: #FFC600;
    bottom: 0;
    -webkit-animation-delay: -2.0s;
	-moz-animation-delay: -2.0s;
	-o-animation-delay: -2.0s;
    animation-delay: -1.0s;
}

.dot4 {
    top: auto;
    background-color: #3AFF00;
    bottom: 0;
    -webkit-animation-delay: -3.0s;
	-moz-animation-delay: -3.0s;
	-o-animation-delay: -3.0s;
    animation-delay: -2.0s;
}

/*ANIM*/
@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-rotate {
    100% {
        transform: rotate(180deg)
    }
}

@-moz-keyframes sk-rotate {
    100% {
        transform: rotate(180deg)
    }
}

@-o-keyframes sk-rotate {
    100% {
        transform: rotate(180deg)
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
    }
}

@-webkit-keyframes sk-bounce {
    0%,
    50% {
        transform: scale(0.0)
    }
    100% {
        transform: scale(1.0)
    }
}

@-moz-keyframes sk-bounce {
    0%,
    50% {
        transform: scale(0.0)
    }
    100% {
        transform: scale(1.0)
    }
}

@-o-keyframes sk-bounce {
    0%,
    50% {
        transform: scale(0.0)
    }
    100% {
        transform: scale(1.0)
    }
}