#loading {
    width:100%;
     height:100%;
     position:fixed;
     top:0%;
     left:0%;
     background:url('../img/spin.gif');
     background-color:#fff;
     background-position: center center;
     filter:alpha(opacity=50);
     -moz-opacity: 0.5;
     opacity: 0.5;
     z-index:100;
     display:none;
     background-repeat:no-repeat;
 }
#loading2 {
    width:100%;
     height:100%;
     position:fixed;
     top:50%;
     left:50%;
     background:url('../img/spin.gif');
     background-color:#fff;
     filter:alpha(opacity=50);
     -moz-opacity: 0.5;
     opacity: 0.5;
     z-index:99;
     display:none;
     background-repeat:no-repeat;
 }
 .square {
     width:100%;
     height:100%;
     color: #000;
     position:fixed;
     top:50%;
     left:50%;
     font-family: Helvetica, Arial, Sans-Serif;
     z-index:100;
 }
#loading-img {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}