.navbar .search-box {
	/*position: relative;*/
	height: 40px;
	width: 40px;
}

.sidebar-logo  i,
.navbar .bx-menu {
	font-size: 32px;
	color: #000;
    cursor: pointer;
}

.sidebar-logo  i:hover,
.navbar .bx-menu:hover {
	color: #f00;
}

.navbar .nav-links .sidebar-logo {
	display: none;
}
.navbar .search-box i {
	position: absolute;
	/*height: 100%;
	width: 100%;*/
	line-height: 40px;
	text-align: center;
	font-size: 38px;
	color: #000;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}
@media (max-width:991px) {
	.navbar .search-box i {
  		font-size: 30px;
	}
	.navbar .nav-links .sidebar-logo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 15px;
	}
}

.sidebar-logo  i:hover,
.navbar .search-box i:hover,
.navbar .bx-menu:hover {
	color: #f00;
}

.navbar .search-box .input-box {
	position: absolute;
	right: 0;
	top: 80px;
	height: 60px;
	width: 100%;
    padding: 0 20px;
	background: #3E8DA8;
	border-radius: 6px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s ease;
}

.navbar.showInput .search-box .input-box {
	top: 104px;
	opacity: 1;
	pointer-events: auto;
	background: #3E8DA8;
}
@media (max-width:1200px) {
    .navbar.showInput .search-box .input-box {
        top: 86px;
    }
}
@media (max-width:991px) {
    .navbar.showInput .search-box .input-box {
        top: 76px;
    }
} 

.search-box .input-box::before {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	background: #3E8DA8;
	right: 10px;
	top: -6px;
	transform: rotate(45deg);
}

.search-box .input-box input {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 4px;
	transform: translate(-50%, -50%);
	height: 35px;
	width: calc(100% - 26px);
	outline: none;
	padding: 0 15px;
	font-size: 16px;
	border: none;
    text-align: center;
}



nav .navbar .nav-links {
	height: 100%;
	margin-right: auto !important;
  	/*margin-left: auto !important;*/
}

nav .navbar {
	height: 100%;
	width: 100%;
	display: flex;
}

.logo img{
    height:45px;
}

.menu{
    display:flex;
    list-style:none;
	margin: 0;
	padding: 0;
}

.menu li{
    position:relative;
}

.menu li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    text-decoration:none;
    padding:22px 18px;
    white-space:nowrap;
	color: #001f51;
	font-size: 17px;
	font-weight: 600;
}

.menu li:hover>a, .menu li a.active{
    color: #ed1c24;
}

/* First submenu */
.submenu{
    position:absolute;
	margin: 0;
	padding: 0 0;
    top:100%;
    left:0;
    min-width:240px;
    background:#fff;
    list-style:none;
    display:none;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    z-index:999;
}

.submenu li{
    width:100%;
}

.submenu li a{
    padding: 10px 20px;
}

/* Second level */
.submenu .submenu{
    top:0;
    left:100%;
}

/* Desktop hover */
@media(min-width:992px){
    .has-submenu:hover>.submenu{
        display:block;
    }
    .submenu{
        padding: 5px 0;
    }    
}

/* Mobile */
.menu-toggle{
    display:none;
    background:none;
    border:none;
    font-size:30px;
    cursor:pointer;
}

@media(max-width:991px){
    .menu-toggle{
        display:block;
    }
    .menu{
        position:absolute;
        top: 0;
        left:-100%;
        width:330px;
        height:calc(100vh - 0px);
        background:#fff;
        flex-direction:column;
        overflow:auto;
        transition:.3s;
        box-shadow:0 5px 15px rgba(0,0,0,.15);
    }

    .menu.active{
        left: -20px;
    }
    .menu li{
        width:100%;
    }
    .menu li a{
        padding:16px 20px;
        border-bottom:1px solid #eee;
    }
    .submenu{
        position:static;
        display:none;
        box-shadow:none;
        background:#f8f8f8;
    }

    .submenu li a{
        padding-left:40px;
    }
    .submenu .submenu li a{
        padding-left:60px;
    }
    .has-submenu.active>.submenu{
        display:block;
    }

}