/*=========================================
            LOADER ANIMATION
=========================================*/

#loader{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100vh;

    background:#05070D;

    display:flex;

    justify-content:center;
    align-items:center;

    z-index:99999;

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

}

.loader-content{

    text-align:center;

    animation:zoomIn 1s ease;

    width:100%;

    padding:0 20px;

}

.loader-content h1{

    font-size:70px;

    color:#D4AF37;

    font-weight:800;

    letter-spacing:5px;

    margin:0;

    line-height:1.1;

}

.loader-content span{

    display:block;

    margin-top:15px;

    color:#ffffff;

    font-size:20px;

    letter-spacing:8px;

    font-weight:600;

}

/*=========================================
            FADE ANIMATIONS
=========================================*/

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:all .8s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

/*=========================================
            BUTTON HOVER
=========================================*/

.primary-btn,
.secondary-btn,
.quote-btn{

    transition:.35s;

}

.primary-btn:hover,
.quote-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(212,175,55,.30);

}

.secondary-btn:hover{

    transform:translateY(-4px);

    background:#D4AF37;

    color:#05070D;

}

/*=========================================
            CARD HOVER
=========================================*/

.service-card,
.project-card,
.stat-card,
.client-card{

    transition:.35s;

}

.service-card:hover,
.project-card:hover,
.stat-card:hover,
.client-card:hover{

    transform:translateY(-10px);

}

/*=========================================
            KEYFRAMES
=========================================*/

@keyframes zoomIn{

    from{

        opacity:0;

        transform:scale(.85);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

/*=========================================
            MOBILE LOADER
=========================================*/

@media(max-width:768px){

.loader-content h1{

    font-size:42px;

    letter-spacing:2px;

}

.loader-content span{

    font-size:14px;

    letter-spacing:4px;

}

}

@media(max-width:480px){

.loader-content{

    padding:0 15px;

}

.loader-content h1{

    font-size:30px;

    letter-spacing:1px;

    line-height:1.2;

}

.loader-content span{

    font-size:11px;

    letter-spacing:2px;

    margin-top:10px;

}

}