#preloader {
	position: absolute;
	top: 0;
	left: 0;
	opacity:0;
	background-color: rgb(204,204,204);
	background-image: url(../images/logo_450.png);
	background-position:center;
	background-repeat: no-repeat;
	border-bottom-right-radius:250px;
	margin-top: 0;
	font-size: 21px;
	text-align: center;
	animation: fadein 8s 5s 1;
	-moz-animation: fadein 8s 5s 1; /* Firefox */
	-webkit-animation: fadein 8s 5s 1; /* Safari and Chrome */
	-o-animation: fadein 8s 5s 1; /* Opera */
	
	animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	z-index: 999;
}
@keyframes fadein {
    from {
    	opacity:1;
		width:100%;
		height:100%;

    }
    to {
        opacity:0;
		visibility:hidden;
		width:0;
		height:0;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
    	opacity:1;
		width:100%;
		height:100%;
    }
    to {
       	opacity:0;
		visibility:hidden;
		width:0;
		height:0;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:1;
		width:100%;
		height:100%;
    }
    to {
       	opacity:0;
		visibility:hidden;
		width:0;
		height:0;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:1;
		width:100%;
		height:100%;
    }
    to {
       	opacity:0;
		visibility:hidden;
		width:0;
		height:0;
    }
}
.preload {
  width:0px;
  height:0px;
  margin:0;
  padding:0;
  visibility:hidden;
}