/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
	background-color: #eefbf5;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

#spinner .spinner-border {
	width: 65px;
	height: 65px;
	border-style: dotted; 
	border-color: #007481;
	background-color: #ffffff;
	z-index: -1;
}

#spinner .item {
	width: 45px;
	height: 45px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	position: absolute;
}

#spinner .item:nth-child(1) {
	border-bottom-width: 10px;
	border-color: rgb(255, 0, 0);
	animation: rotate 2s linear infinite;
}

#spinner .item:nth-child(2) {
	border-bottom-width: 10px;
	border-color: rgb(255, 251, 0);
	animation: rotate2 2s linear infinite;
}


#spinner .item:nth-child(3) {
	border-top-width: 10px;
	border-color: rgb(0, 184, 9);
	animation: rotate3 2s linear infinite;
}

@keyframes rotate {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes rotate2 {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes rotate3 {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}