.loading{
    position: fixed; 
    z-index:    99999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .4 );
}

.loading-menu {
   width: 100%;
   position: absolute;
   top: 150px;
   left: 40%;
   min-height:300px !important;
}

.loading-menu-animation {
	display: table;
	margin: 0 auto;
	margin-top: 22%;
    border: 10px solid #2a2a2a; 
    border-top: 10px solid #0eb977; 
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}