/*preloader*/

#preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#ffffff;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
    transition:opacity .6s ease, visibility .6s ease;
}

#preloader.hide{
    opacity:0;
    visibility:hidden;
}

.loader-container{
    text-align:center;
}

.loader-logo{
    width:90px;
    height:90px;
    margin:20px 0;
    animation:floatLogo 2s ease-in-out infinite;
}

.spinner{
    width:80px;
    height:80px;
    border:7px solid #e5e5e5;
    border-top:7px solid #0B5D3B;
    border-right:7px solid #D4AF37;
    border-radius:50%;
    margin:auto;
    animation:spin 1s linear infinite;
}

.loader-container h2{
    margin-top:15px;
    color:#0B5D3B;
    font-size:32px;
    letter-spacing:2px;
}

.loader-container p{
    color:#666;
    font-size:16px;
    margin-top:8px;
}

/* Spinner Animation */

@keyframes spin{

    0%{
        transform:rotate(0deg);
    }

    100%{
        transform:rotate(360deg);
    }

}

/* Floating Logo */

@keyframes floatLogo{

    0%,100%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-8px);
    }

}