.lds-nautilus {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-nautilus div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-nautilus 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-nautilus div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-nautilus div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-nautilus div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes lds-nautilus {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}
#cover{
    display:none;
    position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgb(1, 55, 102);
    background-color: rgba(1, 55, 102,0.7);
    z-index: 20000;
}

@media (min-width:960px) {
    .lds-nautilus {
        /*Large screen*/
        margin-top: 20%;
        margin-left: 48%;
    }
} /*nothing with screen size smaller than 960px*/
@media (max-width:959px) and (min-width:581px) {
    .lds-nautilus {
        /*Large screen*/
        margin-top: 23%;
        margin-left: 48%;
    }
}
@media (min-width:481px) and (max-width:580px) {
    .lds-nautilus {
        /*Small Screen*/
        margin-top: 40%;
        margin-left: 40%;
    }
}
@media only screen and (max-device-width:480px) {
    .lds-nautilus {
        /*Small Screen*/
        margin-top: 50%;
        margin-left: 37%;
    }

}
@media only screen and (max-device-width:290px) {
    .lds-nautilus {
        /*Small Screen*/
        margin-top: 70%;
        margin-left: 36%;
    }
}