.mns-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 110000;
    background-color: rgba(0, 0, 0, 0.7);
}
    .mns-preloader .mns-preloader-logo {
        position: fixed;
        margin-left: -100px;
        margin-top: -100px;
        left: 50%;
        top: 50%;
        width: 200px;
    }
    .mns-preloader .mns-preloader-circle {
        position: fixed;
        width: 300px;
        height: 300px;
        margin-left: -150px;
        margin-top: -150px;
        left: 50%;
        top: 50%;
    }
.rotating {
    -webkit-animation: rotation 1.5s infinite linear;
}
@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}

.mns-preloader-wait {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11000;
    background-color: rgba(0, 0, 0, 0.7);
}

    .mns-preloader-wait .mns-preloader-logo {
        position: fixed;
        margin-left: -100px;
        margin-top: -100px;
        left: 50%;
        top: 50%;
        width: 200px;
    }

    .mns-preloader-wait .mns-preloader-circle {
        position: fixed;
        width: 300px;
        height: 300px;
        margin-left: -150px;
        margin-top: -150px;
        left: 50%;
        top: 50%;
    }

    .mns-preloader-wait .mns-preloader-text {
        position: fixed;
        color: var(--white);
        width: 100%;
        height: 300px;
        margin-top: 200px;
        top: 50%;
        text-align: center;
    }