.Preload
{
	width:100%;
	height:500% !important;
	min-height:500% !important;
	position:fixed;
	top:0px !important;
	
	z-index:9999999999999999999999999999999999999999999999999999999999999999 !important;
	text-align:center;
	background-color:rgb(102,102,102,0.5);
	  
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
	  
	transition:all 2s, translate3d(0,0,0); /* translate3d(0,0,0) = POSITION FIXED MOBILE */
	animation: fade 2s;
    -webkit-animation: fade 2s;
    -moz-animation: fade 2s;
	
	-ms-transform: translate3d(0,0,10);
	-webkit-transform: translate3d(0,0,10);
	transform: translate3d(0,0,10);
}

.Preload div
{
	width:120px;
	height:120px;
	margin:0 auto;
	margin-top:20%;
	border-radius:150px;
	
	background-color:rgb(255,255,255);
	
	background-image:url(../js/ajax/loader/loader_preview.gif);
	background-size:auto 110px;
	background-position:center;
	background-repeat:no-repeat;
	
	box-shadow:0px 0px 100px rgb(0,0,0,0.7);
	
	transition: all 2s;
	animation: fade 2s;
	  -webkit-animation: fade 2s;
	  -moz-animation: fade 2s;
}

body.Preload 
{
    overflow: hidden !important;
    height: 100%;
	
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
	  
	transition:all 2s, translate3d(0,0,0); /* translate3d(0,0,0) = POSITION FIXED MOBILE */
	animation: fade 2s;
    -webkit-animation: fade 2s;
    -moz-animation: fade 2s;
	
	-ms-transform: translate3d(0,0,10);
	-webkit-transform: translate3d(0,0,10);
	transform: translate3d(0,0,10);
}

.Preload--fixed 
{
  	top: 0;
  	position: fixed;
  
  	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
	  
	transition:all 2s, translate3d(0,0,0); /* translate3d(0,0,0) = POSITION FIXED MOBILE */
	animation: fade 2s;
    -webkit-animation: fade 2s;
    -moz-animation: fade 2s;
	
	-ms-transform: translate3d(0,0,10);
	-webkit-transform: translate3d(0,0,10);
	transform: translate3d(0,0,10);
}

@media screen and (min-width:100px) and (max-width:900px)
{
	.Preload
	{
		padding-top:60% !important;	
	}
}