/* PRELOADER */
#preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:#111;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    z-index: 9999;
}

/* LOGO */
#logo{
    color:white;
    font-size:45px;
    font-weight:bold;
    margin-bottom:20px;
}

#logo span{
    color:#ff6b00;
}


/* SPINNER */
.spinner{
    width:80px;
    height:80px;
    border:6px solid #333;
    border-top:6px solid #ff6b00;
    border-radius:50%;
    animation:spin 1s linear infinite;
}

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

.loading-text{
    color:white;
    margin-top:20px;
    font-size:18px;
}

.percent{
    color:#ff6b00;
    font-size:24px;
    font-weight:bold;
    margin-top:10px;
}

/* PROGRESS BAR */
.progress-container{
    width:320px;
    height:10px;
    background:#333;
    border-radius:20px;
    overflow:hidden;
    margin-top:20px;
}

.progress{
    width:0%;
    height:100%;
    background:#ff6b00;
}

/* HIDE GOOGLE TOP BAR */
.goog-te-banner-frame{
    display:none !important;
}

body{
    top:0 !important;
}

/* MOBILE */
@media(max-width:768px){

    .logo{
        font-size:35px;
    }

    .progress-container{
        width:250px;
    }

}