#preloadbox {
    z-index: 2000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#preload {
    z-index: 2500;
	background:url(../images/logo-horizontal-black-120.png) no-repeat center center;
    display: block;
    position: relative;
    width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
   /* -webkit-animation: spin 1.8s linear infinite;
    animation: spin 1.8s linear infinite;*/
}
#preload:before {
}

#preload:after {
}
@-webkit-keyframes spin {
	0%   { -webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spin {
	0%   {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}
}   
.no-js #preloadbox {display: none;}
#preloadbox .block {
	position: fixed;
	top: 0;
	width: 50%;
	height: 100%;
	background:rgba(51,51,51,0.98);
	z-index: 1000;
	-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);
}
#preloadbox .block.block1 {left: 0;}
#preloadbox .block.block2 {right: 0;}	
.preloadclass #preloadbox .block.block1 {
	-webkit-transition: all 0.3s 0.3s cubic-bezier(0.14, 0.02, 0.35, 1.000);transition: all 0.3s 0.3s cubic-bezier(0.14, 0.02, 0.35, 1.000);
	-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);
}
.preloadclass #preloadbox .block.block2 {
	-webkit-transition: all 0.3s 0.3s cubic-bezier(0.14, 0.02, 0.35, 1.000);transition: all 0.3s 0.3s cubic-bezier(0.14, 0.02, 0.35, 1.000);
	-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);
}    
.preloadclass #preload {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.preloadclass #preloadbox {
	-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out;
	visibility: hidden;
} 