.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.7;
    background-color: #fff;
    text-align: center;
    display: none;

}



.loader .ic {
    top: 50%;
    left: 50%;
    position: absolute;
    margin:0;
}

.loading_text:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 5px;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 5px;
    }
}