*{
	margin: 0;
	padding:0;
	text-decoration:none;
	font-family: "Open sans",sans-serif;
}
p {
    word-wrap: break-word;
    overflow-wrap: break-word;
  
}


	
    .offcanvas-header {
        background-color: #11555e;
        color: white;
        padding: 10px 20px;
    }

    .offcanvas-body a {
        display: block;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        margin-bottom: 15px;
        color: black;
        transition: color 0.3s ease, transform 0.2s ease;
    }

    .offcanvas-body a:hover {
        color: #007bff;
        transform: scale(1.1);
    }

    .offcanvas-body a:active {
        color: #0056b3;
    }


     



@media (max-width: 1000px){
			
			
		header{

			height: 110px !important;
			background:#11555e;
			z-index:12;
			position:fixed;
			top:0;
			width:100%;
			
			

		}
					
		.name{
			
			color: #ffffff;
			text-transform: uppercase;
			font-size: 50px !important;

			float:left;
			padding:0px 1px;
			

			line-height:110px !important;


			
		}

		.inner-width{
			max-width: 9970px;
			padding: 0 10px;
			margin: auto;

		}

		.logo{
			float:left;
			padding: 20px 0 !important;
		}

		.logo img{
			height: 70px !important;
		}	

		.navigation-menu{
			float:right;
			display:flex;
			align-items:center;
			min-height:110px !important;
		}

		.navigation-menu a{
			margin-left: 10px;
			color: #ffffff;
			text-transform: uppercase;
			font-size: 16px;
			padding:14px 20px;
			border-radius:1px;
			transition:0.3s linear;
		}

		.navigation-menu a:hover{
			background: #9aa9b6;
			transform: scale(1:1);

		}

		.navigation-menu i{
			margin-right: 14px !important;
			font-size: 25px !important;
		}

		.menu-toggle-btn{
			float: right;
			height: 110px !important;
			padding:0 10px;
			line-height:110px !important;
			color:#fff;
			font-size: 30px;
			display:none !important;
			cursor:pointer;
		}
		
	.logo{
		float:left;
		padding: 10px 0;
	}

	.logo img{
		height: 70px !important;
	}	



}


header{

	height: 70px;
	background:#11555e;
	z-index:12;
	position:fixed;
	top:0;
	width:100%;
	padding-bottom:0px;
	margin-bottom:0px;
	

}

.name{
	
	color: #ffffff;
	text-transform: uppercase;
	font-size: 35px;

	float:left;
	padding:0px 1px;
	

	line-height:70px;


	
}

.inner-width{
	max-width: 9970px;
	padding: 0 10px;
	margin: auto;

}

.logo{
	float:left;
	padding: 10px 0;
}

.logo img{
	height: 50px;
}	

.navigation-menu{
	float:right;
	display:flex;
	align-items:center;
	min-height:70px;
}

.navigation-menu a{
	margin-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	padding:14px 20px;
	border-radius:1px;
	transition:0.3s linear;
}

.navigation-menu a:hover{
	background: #9aa9b6;
	transform: scale(1:1);

}

.navigation-menu i{
	margin-right: 8px;
	font-size: 16px;
}

.menu-toggle-btn{
	float: right;
	height: 80px;
	padding:0 10px;
	line-height:110px !important;
	color:#fff;
	font-size: 60px;
	display:none !important;
	cursor:pointer;
}


@media screen and (max-width: 1000px){
	.menu-toggle-btn{
		display: block !important;
	}
	 
	.navigation-menu{
		position: fixed;
		width:100%;
		max-width: 400px;
		background: #1b6099;
		top:110px;
		right:0px;
		display:none;
		padding: 20px 40px;
		box-sizing: border-box;
	}
	
	.navigation-menu::before{
		content: "";
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #1b6099;
		position: absolute;
		top: -10px;
		right:30px;
	}
	
		.navigation-menu a{
		display:block;
		margin:10px 0;


	}
	.navigation-menu.active{
	display: block;	
	}
}