.modal-loading{
    text-align:center;
	position:   fixed;
    z-index:    999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
 }
.img-loading {
    width:32px;
    height:32px;
    background-image: url('loading.png');
    animation: scroll-background steps(75, end) infinite 2.4s;
    -webkit-animation: scroll-background steps(75, end) infinite 2.4s;
    -moz-animation: scroll-background steps(75, end) infinite 2.4s;
                margin:auto;
                position:relative;
                top:40%;
}
@keyframes scroll-background {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 0% 100%;
    }
}
@-webkit-keyframes scroll-background {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 0% 100%;
    }
}
@-moz-keyframes scroll-background {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 0% 100%;
    }
}

.order-loader{
        text-align:center;
        position:   fixed;
        z-index:    999999;
        top:        0;
        left:       0;
        height:     100%;
        width:      100%;
        background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
        box-sizing: border-box;
        display: none;
        overflow: hidden;
}

.img-loading-anime{
    width:32px;
    height:32px;
    background-image: url('loading.png');
    animation: scroll-background steps(75, end) infinite 2.4s;
    -webkit-animation: scroll-background steps(75, end) infinite 2.4s;
    -moz-animation: scroll-background steps(75, end) infinite 2.4s;
    margin:auto;
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}