/*=========================================================
NexEra CMS
Header
=========================================================*/

/*=========================
Top Bar
=========================*/

.bg-dark.py-2{

    background:#0B2740 !important;

    font-size:14px;

}

.bg-dark.py-2 a{

    color:#fff;

    transition:.3s;

}

.bg-dark.py-2 a:hover{

    color:#FF6B00;

}

/*=========================
Navigation
=========================*/

.main-navbar{

    position:sticky;

    top:0;

    z-index:999;

    background:#0F4C81;

    padding:14px 0;

    transition:.35s;

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

}

.navbar-brand img{

    max-height:65px;

    width:auto;

}

.navbar-nav{

    align-items:center;

}

.navbar-nav .nav-item{

    margin-left:10px;

}

.navbar-nav .nav-link{

    color:#fff !important;

    font-weight:500;

    padding:12px 16px !important;

    position:relative;

    transition:.3s;

}

.navbar-nav .nav-link:hover,

.navbar-nav .nav-link.active{

    color:#FF6B00 !important;

}

.navbar-nav .nav-link::after{

    content:"";

    position:absolute;

    left:16px;

    bottom:6px;

    width:0;

    height:2px;

    background:#FF6B00;

    transition:.35s;

}

.navbar-nav .nav-link:hover::after,

.navbar-nav .nav-link.active::after{

    width:calc(100% - 32px);

}

/*=========================
Quote Button
=========================*/

.btn-quote{

    background:#FF6B00;

    color:#fff;

    border-radius:50px;

    padding:12px 28px;

    font-weight:600;

    margin-left:20px;

    transition:.35s;

}

.btn-quote:hover{

    background:#E45A00;

    color:#fff;

    transform:translateY(-2px);

}

/*=========================
Navbar Toggle
=========================*/

.navbar-toggler{

    border:none;

    padding:8px;

    box-shadow:none !important;

}

.navbar-toggler:focus{

    box-shadow:none;

}

/*=========================
Tablet
=========================*/

@media(max-width:991px){

.bg-dark.py-2{

display:none;

}

.main-navbar{

padding:12px 0;

}

.navbar-brand img{

max-height:55px;

}

.navbar-collapse{

background:#fff;

margin-top:15px;

padding:20px;

border-radius:12px;

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

}

.navbar-nav{

align-items:flex-start;

}

.navbar-nav .nav-item{

width:100%;

margin:0;

}

.navbar-nav .nav-link{

width:100%;

padding:14px 0 !important;

color:#222 !important;

border-bottom:1px solid #ECECEC;

}

.navbar-nav .nav-link::after{

display:none;

}

.btn-quote{

width:100%;

margin:20px 0 0;

text-align:center;

}

}

/*=========================
Mobile
=========================*/

@media(max-width:767px){

.main-navbar{

padding:10px 0;

}

.navbar-brand img{

max-height:48px;

}

}

/*=========================
Small Mobile
=========================*/

@media(max-width:575px){

.navbar-brand img{

max-height:42px;

}

.navbar-collapse{

padding:15px;

}

}