/* Spinner styles */
    .spinner2 {
      position: fixed;
      width: 100vw;
      height: 100vh;
      display:none;
      z-index: 999;
      background: #ffffff;
      opacity: 0.9;
    }

    .spinner2:before {
      content: '';
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 48px;
      height: 48px;
      margin-top: -24px;
      margin-left: -24px;
      border-radius: 50%;
      border: 4px solid #ccc;
      border-top-color: #333;
      animation: spin 1s linear infinite;
    }
    
    .spinnertext
    {
            color: #FFF;
    text-align: center;
    display: block;
    font-size: 20px;
    margin-top: 10px;
    background: #000;
    }
    
    

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