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.page_content {
        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;
    }