body.loading  *
{
    visibility: hidden !important;
}



body.loading div#top-wrapper,
body.loading div#top-wrapper div.top-header,
body.loading div#top-wrapper div.top-header div.logo
{
        visibility: visible !important;
}

body.loading,
body div#top-wrapper
{
    -webkit-transition: all 500ms ease-out 1s;
    -moz-transition: all 500ms ease-out 1s;
    -o-transition: all 500ms ease-out 1s;
    transition: all 500ms ease-out 1s;
}


body.loading div#center
{
    visibility: visible !important;
    background-image:url('images/loading.gif');
    background-position: center 100px;
    background-repeat : no-repeat; 
    background-size: 200px 200px;
    min-height: 500px;
    height: 500px;
    max-height: 500px;
    display: block;
}