/*
.loader-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); 
    z-index: 9999; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-track {
    width: 100px; 
    height: 100px; 
    border: 8px solid #f3f3f3; 
    border-top: 8px solid #3498db; 
    border-radius: 50%; 
    animation: spin 1s linear infinite; 
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
*/




.loader-bg{
    position:fixed;left:0;right:0;bottom:0;top:0;background:#fff;z-index:1034
}
.loader-bg .loader-track{
    height:5px;width:100%;display:inline-block;position:absolute;overflow:hidden;top:0
}
.loader-bg .loader-track .loader-fill{
    width:300px;height:5px;background:#0099e5;position:absolute;top:0;left:0;box-sizing:border-box;
    animation:hitZak .6s ease-in-out infinite alternate

}
@keyframes 
    hitZak{
        0%{
            left:0;transform:translateX(-1%)
        }
        100%{
            left:100%;transform:translateX(-99%)
        }
    }