*{
	padding:0;
	margin:0; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.menu_bar{display:none;}

nav{
	height:80px;
	background:#465b76;
	z-index:1000;
	max-width:100%;
	margin:0px auto; 
	text-align:center;
}

nav ul{list-style:none;}

nav ul li{
	display:inline-block;
	position:relative;
}

nav ul li a{
	color:#fff;
	display:block;
	text-decoration:none;
	font-family:arial;
	padding:32px 94.7px;
	font-size:17px;


}

nav ul li a:hover{
	background-color:#cb2229;
	-webkit-transition:0.5s linear all;
	-moz-transition:0.5s linear all;
	-o-transition:0.5s linear all;
	transition:0.5s linear all;
	color:#000;
}

/*nav ul li:hover .children{
	display:block;
}

nav ul li .children{
	display:none;
	background:#015198;
	position:absolute;
	width:120%;
	z-index:1000;
}

nav ul li .children li{
	display:block;
	overflow:hidden;
}

nav ul li .children li a{
	display:block;
}


nav ul li .icon-triangle-down{
	position:relative;
	top:3px;
	margin-left:6px;
	margin-right:0px; 
}*/

@media screen and (max-width: 1024px){
	
	.menu_bar{
		display:block;
		width:100%;
		position:absolute;
		background-color:#000;
		top:0px;
	}

	.menu_bar .bt_menu{
		display:block;
		padding:10px;
		overflow:hidden;
		background-repeat: no-repeat;
		/*color:#cb2229;
		font-family: Blackoak Std;
		font-size:28px;
		text-decoration:none;
		text-align:left;*/
	}

	/*.menu_bar span{
		float:right;
		font-size:35px;
		color:#465b76;*/
	
	nav{
		width:100%;
		height: calc(100% - 80px);		
		position:absolute;
		right:100%;
		margin:0;
		overflow:hidden;
		text-align:justify;
	}

	nav ul li{display:block;}

	nav ul li a{display:block;}

	/*nav ul li:hover .children{
		display:none;
	}

	nav ul li .children{
		width:100%;
		position:relative;
	}

	nav ul li .icon-triangle-down{
		float:right;
	}*/	
}

@media screen and (max-width: 800px){
	
	.menu_bar{
		display:block;
		width:100%;
		position:absolute;
		background-color:#000;
		top:0px;
	}

	.menu_bar .bt_menu{
		display:block;
		padding:10px;
		overflow:hidden;
		background-repeat: no-repeat;
		/*color:#cb2229;
		font-family: Blackoak Std;
		font-size:28px;
		text-decoration:none;
		text-align:left;*/
	}

	/*.menu_bar span{
		float:right;
		font-size:35px;
		color:#465b76;*/
	
	nav{
		width:100%;
		height: calc(100% - 80px);		
		position:absolute;
		right:100%;
		margin:0;
		overflow:hidden;
		text-align:justify;
	}

	nav ul li{display:block;}

	nav ul li a{display:block;}

	/*nav ul li:hover .children{
		display:none;
	}

	nav ul li .children{
		width:100%;
		position:relative;
	}

	nav ul li .icon-triangle-down{
		float:right;
	}*/	
}

@media screen and (max-width: 600px){
	
	.menu_bar{
		display:block;
		width:100%;
		position:absolute;
		background-color:#000;
		top:0px;
	}

	.menu_bar .bt_menu{
		display:block;
		padding:10px;
		overflow:hidden;
		background-repeat: no-repeat;
		/*color:#cb2229;
		font-family: Blackoak Std;
		font-size:28px;
		text-decoration:none;
		text-align:left;*/
	}

	/*.menu_bar span{
		float:right;
		font-size:35px;
		color:#465b76;*/
	
	nav{
		width:100%;
		height: calc(100% - 80px);		
		position:absolute;
		right:100%;
		margin:0;
		overflow:hidden;
		text-align:justify;
	}

	nav ul li{display:block;}

	nav ul li a{display:block;}

	/*nav ul li:hover .children{
		display:none;
	}

	nav ul li .children{
		width:100%;
		position:relative;
	}

	nav ul li .icon-triangle-down{
		float:right;
	}*/	
}

@media screen and (max-width: 400px){
	
	.menu_bar{
		display:block;
		width:100%;
		position:absolute;
		background-color:#000;
		top:0px;
	}

	.menu_bar .bt_menu{
		display:block;
		padding:18px;
		overflow:hidden;
		background-repeat: no-repeat;
		/*color:#cb2229;
		font-family: Blackoak Std;
		font-size:28px;
		text-decoration:none;
		text-align:left;*/
	}

	/*.menu_bar span{
		float:right;
		font-size:35px;
		color:#465b76;*/
	
	nav{
		width:100%;
		height: calc(100% - 80px);		
		position:absolute;
		right:100%;
		margin:0;
		overflow:hidden;
		text-align:justify;
	}

	nav ul li{display:block;}

	nav ul li a{display:block;}

	/*nav ul li:hover .children{
		display:none;
	}

	nav ul li .children{
		width:100%;
		position:relative;
	}

	nav ul li .icon-triangle-down{
		float:right;
	}*/	
}