#loading{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    transition : all .3s;
      -wekit-transition : all .3s;
      -moz-transition : all .3s;
    }
    
    .no-scroll {
        overflow: hidden;
     }
    /* 
    .lds-spinner {
        color: official;
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
      }
      .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
      }
      .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 37px;
        width: 6px;
        height: 18px;
        border-radius: 20%;
        background: white;
      }
      .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
      }
      .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
      }
      .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
      }
      .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
      }
      .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
      }
      .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
      }
      .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
      }
      .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
      }
      .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s;
      }
      .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s;
      }
      .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s;
      }
      .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
      }
      @keyframes lds-spinner {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
       */
/*       
    
       .loader {
        position: relative;
        font-size: 16px;
        width:  5.5em;
        height: 5.5em;
        }
        .loader:before{
          content: '';
          position: absolute;
          transform: translate(-50%, -50%) rotate(45deg);
          height: 100%;
          width: 4px;
          background: #fff;
          left: 50%;
          top: 50%;
        }
        .loader:after{
          content: '';
          position: absolute;
          left: 0.2em;
          bottom: 0.18em;
          width: 1em;
          height: 1em;
          background-color: #de3500;
          border-radius: 15%;
          animation: rollingRock 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
        }
      @keyframes rollingRock {
        0% {transform: translate(0, -1em) rotate(-45deg)}
        5% {transform: translate(0, -1em) rotate(-50deg)}
        20% {transform: translate(1em, -2em) rotate(47deg)}
        25% {transform: translate(1em, -2em) rotate(45deg)}
        30% {transform: translate(1em, -2em) rotate(40deg)}
        45% {transform: translate(2em, -3em) rotate(137deg)}
        50% {transform: translate(2em, -3em) rotate(135deg)}
        55% {transform: translate(2em, -3em) rotate(130deg)}
        70% {transform: translate(3em, -4em) rotate(217deg)}
        75% {transform: translate(3em, -4em) rotate(220deg)}
        100% {transform: translate(0, -1em) rotate(-225deg)}
      }
          
      
    .shadow{
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    } */


    .lds-hourglass {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
      }
      .lds-hourglass:after {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 0;
        height: 0;
        margin: 8px;
        box-sizing: border-box;
        border: 32px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-hourglass 1.2s infinite;
      }
      @keyframes lds-hourglass {
        0% {
          transform: rotate(0);
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }
        50% {
          transform: rotate(900deg);
          animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        100% {
          transform: rotate(1800deg);
        }
      }