html {
overflow: hidden;
}

#loader{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url('../IMG/BGDark.png');
overflow: hidden;
z-index: 9999999
}


.Pre-Content{
position: absolute;
width: 1000px;
height: 400px;
display: block;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
color: #ffa12c;
text-align: center;
font-family: 'IranSans-Light';
font-size: 17px;
direction: rtl;
padding-top: 420px;
z-index: 9999999;
opacity: 0;
-webkit-animation-name: fadein;
animation-name: fadein;
-webkit-animation-delay: 20s;
animation-delay: 20s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}


#status{
width: 1000px;
height: 400px;
display: block;
margin: 0 auto;
left: 0;
right: 0;
top: 0;
padding-top: 250px;
background-image: url('Loading.gif');
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
z-index: 9999999;
color: #fff;
text-align: center;
font-family: 'IranSans-Light';
font-size: 17px;
direction: rtl;
}




@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* FADE-IN PAGE */