#loading-wrapper {
	position: fixed;
	z-index: 100000;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.8);
	/*display: none;*/
}
#loading-spinner {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: rgba(105,45,93,1.00);
	-webkit-animation: ruota-xyz 1.2s infinite ease-in-out;
	animation: ruota-xyz 1.2s infinite ease-in-out;
}
#loading-spinner:after{
	content: 'H';
	font-weight: bold;
	color:rgba(255,255,255,1.00)
	}
#loading-text {
	position: fixed;
	left: 0%;
	top: 55%;
	width: 100%;
	text-align:center;
	margin-left: 0px;
	margin-top: 0px;
	color: rgba(105,45,93,1.00);
}
#loading-text:after {
	background-color: rgba(255,255,255,0.3);
	padding:10px
}

 @-webkit-keyframes ruota-xyz {
	 0% {
	-webkit-transform: perspective(120px)
	}
	 50% {
	-webkit-transform: perspective(120px) rotateY(180deg)
	}
	 100% {
	-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
 @keyframes ruota-xyz {
	 0% {
	 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}
	50% {
	 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}
	100% {
	 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}