/*=========================================================
=                       TOP BAR
=========================================================*/

.top-bar{

    background:#0B1F45;

    padding:10px 0;

    font-size:14px;

}

.top-contact a,
.top-social a{

    color:#ffffff;

    text-decoration:none;

    margin-right:18px;

    transition:.3s;

}

.top-contact a:hover,
.top-social a:hover{

    color:#F15A24;

}

.language-switch a{

    color:#ffffff;

    text-decoration:none;

    margin-left:6px;

}

.language-switch a:hover{

    color:#F15A24;

}

/*=========================================================
=                       NAVBAR
=========================================================*/

.navbar{

    background:#ffffff;

    padding:16px 0;

    position:fixed;

    top:0;

    left:0;

    right:0;

    width:100%;

    z-index:9999;

    transition:all .35s ease;

    box-shadow:0 6px 20px rgba(0,0,0,.08);

}

.navbar-brand{

    display:flex;

    align-items:center;

}

.navbar-brand img{

    height:85px;

    width:auto;

    transition:all .35s ease;

    transform-origin:center;

    filter:drop-shadow(0 0 0 rgba(0,0,0,0));

}

.navbar-brand:hover img{

    transform:scale(1.035);

    filter:drop-shadow(0 10px 22px rgba(11,31,69,.18));

}

.navbar-nav{

    gap:8px;

}

.nav-link{

    color:#0B1F45;

    font-weight:600;

    font-size:15px;

    letter-spacing:.2px;

    transition:all .30s ease;

    padding:8px 12px !important;

    white-space:nowrap;

}

.nav-link:hover{

    color:#F15A24;

}

.nav-link.active{

    color:#F15A24 !important;

    font-weight:700;

}

.btn-estimate{

    background:#F15A24;

    color:#fff;

    padding:13px 24px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    font-size:15px;

    white-space:nowrap;

    transition:.30s ease;

}

.btn-estimate:hover{

    background:#d94b18;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 12px 30px rgba(241,90,36,.35);

}
/*=========================================================
=                 NAVBAR SCROLLED
=========================================================*/

.navbar.navbar-scrolled{

    padding:8px 0;

    box-shadow:0 12px 28px rgba(0,0,0,.12);

    transition:all .35s ease;

}

.navbar.navbar-scrolled .navbar-brand img{

    height:72px;

}

.navbar.navbar-scrolled .nav-link{

    padding:5px 10px !important;

    font-size:14px;

}

.navbar.navbar-scrolled .btn-estimate{

    padding:10px 20px;

    font-size:14px;

}

/*=========================================================
=                 NAVBAR RESPONSIVE
=========================================================*/

@media (max-width:767px){

    /*-----------------------------
      TOP BAR
    ------------------------------*/

    .top-bar{

        padding:6px 0;

        font-size:11px;

    }

    .top-contact a{

        margin-right:10px;

        font-size:11px;

    }

    .top-social a{

        margin-right:8px;

        font-size:13px;

    }

    .language-switch{

        font-size:11px;

    }

    .language-switch a{

        margin-left:4px;

    }

    /*-----------------------------
      NAVBAR
    ------------------------------*/

    .navbar{

        padding:10px 0;

    }

    .navbar-brand img{

        height:62px;

    }

    .navbar-toggler{

        padding:6px 8px;

        font-size:1rem;

    }

}

/*=========================================================
=                 EMAIL RESPONSIVE
=========================================================*/

.email-mobile{

    display:none;

}

@media (max-width:767px){

    .email-desktop{

        display:none;

    }

    .email-mobile{

        display:inline;

    }

}