#header{
	display:block;
	width:100%;
	background:#fff;
	box-shadow:0 8px 8px rgba(0,0,0,.25);
	border-top:solid 25px var( --body_color );  /*#16163f;*/
	position:fixed;
	left:0;
	top:0;
	z-index:5000
}

#mob-ico-menu{
	display:none
}

#header nav ul,
#header nav ul li{
	margin:0;
	padding:0;
	list-style:none
}


#header nav ul li a{
	display:block;
	padding:0;
	margin:5px 25px;
	font-family: var(--font_2);
	font-size: 19px;
	font-weight: var( --font_weight_500 );
	text-transform: capitalize;
	line-height: 19px;
	word-spacing: 1px; 
	position:relative 
}

#header nav ul li a,
#header nav ul li a:hover{
	color: var( --body_color );
}

#header nav ul li a::after{
    content: '';
    display: block; 
    border-bottom: 3px solid var( --body_color );
	position:absolute;
    bottom: -8px;
	left: 0;
	width: 100%;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .5s cubic-bezier(.22, .61, .36, 1)
}

#header nav ul li.active a::after{
	border-color: var( --first_color )
}

#header nav ul li a:hover::after,
#header nav ul li.active a::after{
	transform: scaleX(1);
	transform-origin: left;
}


#header nav ul li.active a{
	color: var( --first_color );
}

@media (min-width: 992px) {
	
	#header nav{
		float:right 
	}
	
	#header .container.text-center .row{
		display:flex;
		align-items: center 
	}
	
	#header nav ul{
		padding:25px 0 
	}
	
	#header nav ul li{
		float:left
	}
	
}



@media (max-width: 992px) {
	
	#header nav,
	#header #mob-ico-menu .close,
	#header.menu-open #mob-ico-menu .fa-bars{
		display: none
	}
	
	#header.menu-open #mob-ico-menu .close{
		display: block;
		color:#fff
	}
	
	#mob-ico-menu{
		display:flex;
		align-items: center;
		justify-content: center;
		/*border: solid 1px red;*/
		width:60px;
		height:60px;
		font-size:30px;
		color: var( --first_color );
		text-decoration:none !important;
		position:absolute;
		right:20px;
		/*top:30px;*/
		
		top:50%;
		margin-top:-30px;
		
		z-index:99999;
	}
	
	
	#header.menu-open nav{
		display:flex;
		align-items: center;
		justify-content: center;
		
		padding:0;
		margin:0;
		
		position:fixed;
		left:0;
		top:0;
		z-index:99997;
		width:100%;
		max-width:100%;
		height:100vh;
		overflow:auto; 
		
		overflow-x: hidden;
		background-color: var( --first_color )
	}
	
	#header nav ul{
		display:block;  
		padding:65px 20px
	}
	
	#header nav ul li a::after{
		/*display:none*/
	}
	
	#header nav ul li{
		width:100%;
	}
	
	#header nav ul li a{
		margin:0 0 20px 0;
		padding:0;
		font-size: 45px /*12vw*/;
		line-height:1.5
	}
	
	#header nav ul li a,
	#header nav ul li a:hover{
		color:#fff
	}
	
}

@media (max-width: 768px) {
	.page_baner h2{
		font-size: 50px
	}
}