/* =============================================================================
 *   Loader
 * ========================================================================== */

body #page-wrapper{
	visibility:hidden;
}
body.iframe #page-wrapper{
	visibility:visible;
}

#loader{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	margin-top:0px;
	margin-left:0px;
	z-index:667000;
}
.splash{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
.loading{
	position:relative;
	width:99px;
	height:99px;
	top:50%;
	margin: 0 auto;
	margin-top:-50px;
	z-index:667000;
}
#loader-logo-under{
	position:absolute;
	width:100px;
	height:100px;
	left:0px;
	top:0px;
	z-index:1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-webkit-perspective:1000px; 
	-moz-perspective:1000px;
	 -ms-perspective: 1000;
    perspective: 1000;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    background-size: contain;
}
#loader-logo-up{
	position:absolute;
	width:0px;
	height:100px;
	left:0px;
	top:0px;
	z-index:2;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-webkit-perspective:1000px; 
	-moz-perspective:1000px;
	 -ms-perspective: 1000;
    perspective: 1000;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    background-size: cover;
}