/*=========================================
            PAGE LOADER
=========================================*/

#loader{

    position:fixed;

    inset:0;

    background:var(--gradient-primary);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

    transition:opacity .6s ease, visibility .6s ease;

}

#loader img{

    width:170px;

    opacity:0;

    animation:fadeInLogo .5s ease forwards;

}

#loader.hide{

    opacity:0;

    visibility:hidden;

}

@keyframes fadeInLogo{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}