/*=====================================
            GOOGLE FONT
=====================================*/

body{
    font-family:'Poppins',sans-serif;
    font-size:15px;
    color:#444;
    background:#F7F9FC;
    line-height:1.7;
}

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

.top-bar{

    background:#163A63;

    padding:12px 0;

    color:#fff;
}

.top-contact{

    display:flex;

    align-items:center;

    gap:35px;
}

.top-contact a{

    color:#fff;

    text-decoration:none;

    font-size:14px;

    transition:.3s;
}

.top-contact a:hover{

    color:#FF7A00;
}

.top-contact i{

    color:#FF7A00;

    margin-right:8px;
}


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

.custom-navbar{

    background:#fff;

    border:none;

    border-radius:0;

    margin-bottom:0;

    border-bottom:1px solid #E9ECEF;

    box-shadow:0 3px 18px rgba(0,0,0,.06);
}


/* Logo */

.navbar-brand{

    padding:8px 15px;
}

.navbar-brand img{

    height:62px;

    width:auto;
}


/* Menu */

.navbar-nav>li>a{

    color:#163A63 !important;

    font-size:15px;

    font-weight:600;

    letter-spacing:.2px;

    padding:30px 18px;

    transition:.3s;
}

.navbar-nav>li>a:hover{

    color:#FF7A00 !important;

    background:none !important;
}

.navbar-nav>.active>a{

    color:#FF7A00 !important;

    background:none !important;
}

.navbar-nav>.active>a:hover{

    background:none !important;
}


/*=====================================
          BOOK BUTTON
=====================================*/

.btn-book{

    background:#FF7A00 !important;

    color:#fff !important;

    border-radius:6px;

    padding:12px 24px !important;

    margin-top:18px;

    font-weight:600;

    transition:.35s;

    border:none;
}

.btn-book:hover{

    background:#0F75FF !important;

    color:#fff !important;
}


/*=====================================
        DROPDOWN MENU
=====================================*/

.dropdown-menu{

    border:none;

    border-radius:8px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.dropdown-menu>li>a{

    padding:10px 18px;

    color:#163A63;

    transition:.3s;
}

.dropdown-menu>li>a:hover{

    background:#F7F9FC;

    color:#FF7A00;
}


/*=====================================
        MOBILE MENU
=====================================*/

.mobile-menu{

    position:fixed;

    top:0;

    right:-320px;

    width:320px;

    height:100%;

    background:#fff;

    z-index:99999;

    transition:.4s;

    overflow-y:auto;

    box-shadow:-5px 0 20px rgba(0,0,0,.12);
}

.mobile-menu.active{

    right:0;
}

.mobile-menu ul{

    list-style:none;

    padding:90px 30px 40px;
}

.mobile-menu ul li{

    margin-bottom:20px;
}

.mobile-menu ul li a{

    color:#163A63;

    text-decoration:none;

    font-size:16px;

    font-weight:500;

    transition:.3s;
}

.mobile-menu ul li a:hover{

    color:#FF7A00;
}


/* Close */

.close-menu{

    position:absolute;

    top:20px;

    right:25px;

    font-size:30px;

    color:#163A63;

    cursor:pointer;
}


/*=====================================
        HAMBURGER
=====================================*/

.navbar-toggle{

    margin-top:18px;

    border:none;

    background:none;
}

.navbar-toggle:hover,
.navbar-toggle:focus{

    background:#f7f7f7;
}

.navbar-toggle .icon-bar{

    background:#163A63 !important;

    height:3px;

    border-radius:2px;
}


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

@media(max-width:767px){

.top-bar{

display:none;
}

#main-menu{

display:none !important;
}

.navbar-brand{

padding-left:15px;

padding-top:8px;
}

.navbar-brand img{

height:50px;
}

.navbar-collapse{

background:#fff;

border:none;

padding:15px 20px;
}

.navbar-nav{

margin:0;
}

.navbar-nav>li{

margin:0;
}

.navbar-nav>li>a{

padding:14px 12px !important;

font-size:15px;

color:#163A63 !important;

border-bottom:1px solid #eee;
}

.navbar-nav>li>a:hover{

color:#FF7A00 !important;
}

.btn-book{

display:block;

margin:18px 0 10px;

text-align:center;

width:100%;
}

}


/*=====================================
        COMMON LINKS
=====================================*/

a{

transition:.3s;
}

a:hover{

text-decoration:none;
}


/*=====================================
        SELECTION
=====================================*/

::selection{

background:#FF7A00;

color:#fff;
}