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

#loader{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#F9F7F2;

    z-index:999999;

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

}

#loader.hide{

    opacity:0;

    visibility:hidden;

}

.loader-spinner{

    width:60px;

    height:60px;

    border:4px solid #ddd;

    border-top:4px solid #355465;

    border-radius:50%;

    animation:spin .8s linear infinite;

}

@keyframes spin{

    from{

        transform:rotate(0);

    }

    to{

        transform:rotate(360deg);

    }

}