.nav_menu {
	text-align: left;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	list-style: none;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.15);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.15);
	width: auto;
	max-width: 1000px;
	background: #8c2e2e;
	border-radius: 5px 5px 0 0;
	border-bottom: 3px solid rgba(50,50,50,0.05);
}
.nav_menu li {
	font: bold 12px/18px RobotoDraft;
	font-family: -apple-system,"Helvetica Neue",RobotoDraft,"Segoe UI",Helvetica,sans-serif;
	display: inline-block;
	margin-right: -4px;
	position: relative;
	background: #8c2e2e;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 5px 0 0 0;
	text-transform: uppercase;
}
.nav_menu li:hover {
	background: #b23333;
	color: #fff;
	border-radius: 0px;
}
.nav_menu li ul {
	padding-top: 2px;
	position: absolute;
	top: 48px;
	left: 0;
	width: 170px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	-webkit-transiton: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-transition: opacity 0.2s;
}
.nav_menu li ul li { 
	background: #982d2d; 
	display: block; 
	color: #fff;
	text-shadow: 0 -1px 0 #000;
	border-radius: 0px;
	position: relative;
    z-index: 1;
	border-bottom: 1px solid rgba(161,161,161,0.5);
	text-transform: capitalize;
	font-weight: 500;
	font-size: 13px;
}
.nav_menu li ul li:last-child {
	border-bottom: none;
}
.nav_menu li ul li:hover { 
	background: #ab3434; 
	color: #fff;
}
.nav_menu li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	color: #fff;
}
.nav_menu li:hover a {
	color: #fff;
}
.nav_menu a {
	text-decoration: none;
	color: #ddd;
	padding: 15px 20px;
	display: block;
}
.nav_menu a:visited a:active {
	color: #ddd;
}
.nav_menu .nav_icon {
	display: none;
	font: bold 12px/18px sans-serif;
}
.nav_menu > li.active {
	background-color: #7a2b2b;
}
.nav_menu > li.active:hover {
	background-color: #b23333;
}
.nav_menu > li.hidden {
	display: none;
}
.nav_menu > li.hidden:hover {
	background: #8c2e2e;
}


@media screen and (max-width: 768px) {
	/* .nav_menu li:not(:first-child) {display: none;} */
	.nav_menu > li.hidden {
		display: inline-block;
		padding: 15px 20px;
		color: #ddd;
	}
	.nav_menu li {display: none;}
	.nav_menu a.nav_icon {
		float: right;
		display: block;
		padding: 15px 20px;
	}
	
	.nav_menu.responsive {position: relative;}
	.nav_menu.responsive .nav_icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.nav_menu.responsive li {
		float: none;
		display: block;
		text-align: left;
		transition: all 0s ease 0s;
	}
	.nav_menu li:hover ul {
		width: 100%;
	}
	.nav_menu.responsive li ul {
		position: relative;
		top: 0;
		left: 0;
	}
	.nav_menu.responsive li ul li:hover {
		background: none;
	}
}