header{
	position: sticky;
	width:100%;
	top:0px;
	left:0px;
	z-index: 9;
	background: var(--blue-color);
}

header nav{
	display: flex;
	align-items: center;
	justify-content: space-between;	
	padding:5px 0px;	
}

header nav .logo img{
	width: 105px;
}

header nav .menu-header ul{
	list-style: none;
}

header nav .menu-header ul li{
	display: inline-block;
}

header nav .menu-header ul li a{
	color:white;
	margin:5px;
	font-size: 16px;
	font-weight: 600;
}

@media all and (max-width: 991px){	
	.menu-header{
		width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: -300px;
        right: 0px;
        z-index: -1;
        background: var(--blue-color);
        display: block !important;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0px 30px 15px 30px;
        overflow-y: auto;
        transition: all .2s ease-out;
        transition: all .2s ease-in;
        box-shadow: 0 0 3px rgba(0, 0, 0, .6);
        border-radius: 8px;
        margin:0px !important;
	}

	header nav .menu-header ul li{
		display: block;
		padding:10px 0px;
	}

	body.open .menu-header{
		top:0px;
	}

	body.open .menu-burger .opt-close, body:not(.open) .menu-burger .opt-open{
		display: block;
	}

	body.open .menu-burger .opt-open, body:not(.open) .menu-burger .opt-close{
		display: none;
	}

	nav ul{
		flex-direction: column;
		text-align: center;
		justify-content: flex-start;
	}

	nav ul li{
		margin:15px 0px;
	}
	
	header nav .menu-header ul li a{
		font-size: 20px;
		line-height: 24px;
		font-weight: 600;
	}

	.menu-icon{
		font-size: 40px;
		cursor: pointer;
		color:white;
	}

	.close-icon{		
		position: absolute;
    	top: 15px;
    	right: 15px;
    	cursor: pointer;
    	color:white;
	}	
}


@media all and (max-width: 767px){

	header nav{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background:var(--blue-color);	
		border-radius: 0px 0px 16px 16px;
		padding:8px 0px;

	}

	header nav .logo img{
		width: 83px;
	}	

	.menu-burger{
		background:none;
	}
}