#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    /*background:url("../images/bar.gif") no-repeat center center rgba(0,0,0,0.0);*/
    pointer-events: none;
}

/*.loadDiv{
  width:280px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background: #fff;
  border: solid 1px #000;
  background-color: rgba(255,255,255,1.0);
  border-color: rgba(0,0,0,0.4);
  padding : 10px;
  box-shadow: 10px 10px 5px rgba(0,0,0,0.2);
}*/

.loadDiv{
  z-index: 9999;
  margin: 0;
  border: 12px solid lightgray;
  border-radius: 50%;
  border-top: 8px solid blue;
  border-right: 8px solid green;
  border-bottom: 8px solid red;
  border-left: 8px solid pink;
  width: 72px;
  height: 72px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}