#fast-loader {

    position:fixed;

    inset:0;

    background:#110f0f;

    z-index:9999999;

    display:flex;

    align-items:center;

    justify-content:center;

}


.loader-logo {

    position:relative;

    overflow:hidden;

}


.loader-logo img {

    width:212px;

    display:block;

}


/*
    Lớp che logo
*/
.logo-mask {

    position:absolute;

    top:0;
    right:0;

    width:100%;
    height:100%;

    background:#110f0f;

}


/*
 Khi loading xong:
 lớp che chạy từ phải sang trái
*/
body.page-loaded .logo-mask {

    animation:

    revealLogo 1.5s
    cubic-bezier(.65,0,.35,1)
    forwards;

}


@keyframes revealLogo {

    from {

        width:100%;

    }

    to {

        width:0%;

    }

}


/*
 Sau khi logo lộ ra thì ẩn loader
*/
body.loader-hide #fast-loader {
    opacity:0;
    visibility:hidden;
    transition:.5s;
}