/* Page loading styling
-----------------------------------*/
#page-loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #7f7f7f url(../../Images/loading.gif) 50% 33% no-repeat;
    background: rgba(31, 31, 31, .9) url(../../Images/loading.gif) 50% 33% no-repeat;
    text-align: center;
    z-index: 99999;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #page-loading {
    display: block;
}