/* Container For Preloader*/
.loader {
    background: rgba(241,241,241, 0.75) no-repeat scroll center;
    position:fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-style: none;
    display: flex;
}

.loader::after {
    position:absolute;
    content: "";
    width: 70px;
    height: 70px;
    border: 8px solid #cdcdcd;
    border-top-color: #4a4af8;
    border-radius: 50%;
    animation: loading 1s ease infinite;
}

/* Properties For Preloader's Image*/
.image-preloader {
    width: 35px;
    height: 35px;
    position: absolute;
    opacity: 1 !important;
}

/* Animation Effect */
@keyframes loading{
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(1turn);
    }
}