.lds-hourglass {
          display: inline-block;
          position: relative;
          width: 64px;
          height: 64px;
        }
        .lds-hourglass:after {
          content: " ";
          display: block;
          background-color: #ED1C24;
          border-radius: 50%;
          width: 0;
          height: 0;
          margin: 6px;
          box-sizing: border-box;
          border: 26px 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);
          }
        }

 .loading{
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(255,255,255,0.5);
                        z-index:999;
                    }
                    .loader{
                        position: absolute;
                        background-color: transparent;
                        border-radius: 20px;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                        width: 64px;
                        height: 64px;
                    }