#page-container { position: relative; background: #fff; min-height: 100%; z-index: 20; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

#ptr { opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; color: #940000; z-index: 10; text-align: center; height: 156px; 
	-webkit-transition: all .4s;
	     -o-transition: all .4s;
	        transition: all .4s;
}
#ptr .loader { display: inline-block; width: 18%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/spinner.gif) no-repeat center center; 
	-webkit-background-size: 40px 40px; 
			background-size: 40px 40px; 
}
#ptr .description { display: inline-block; width: 64%; margin: 0 auto; padding: 46px 0 56px; color: #940000; font-weight: bold; }

.ptr-loading #ptr { opacity: 1; }

.ptr-loading #page-container,
.ptr-reset #page-container,
.ptr-loading #main-content,
.ptr-reset #main-content,
.ptr-loading #ptr,
.ptr-reset #ptr { transition: all .25s ease; }

.ptr-loading #ptr,
.ptr-reset #ptr { background: #fff; }

.ptr-reset #main-content {
	-webkit-transform: translate3d( 0, 0, 0 ); 
			transform: translate3d( 0, 0, 0 ); 
}

.ptr-loading #main-content {
	-webkit-transform: translate3d( 0, 156px, 0 ); 
		transform: translate3d( 0, 156px, 0 ); 
}