header nav ul {

}
.menu-link {
	display: none;
}
.menu {
	float: left;
	width: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
	z-index: 1;
}
.menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
.sub-menu ul {

}
.menu li ul.sub-menu {
	min-width: 10em;
	padding: 0 0 0 0;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
     min-width: 100%;
}
.sub-menu li {
     width: 100%;
}
.sub-menu li a {
     white-space: nowrap;
     border-bottom: 3px solid #3F1011;
}
.menu li a {
     border-bottom: 3px solid #3F1011;
}
.menu ul:after {
	content: "";
	clear: both;
	display: block;
}
.menu ul li {
	padding: 0px;
}
.menu ul li {
	float:left;
}
.menu ul li a, .sub-menu li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;

	font-family:Raleway-ExtraBold;
}
.menu ul li a {
	height:58px;
	padding: 10px 21px;
	height: auto;
}
ul.menu li:hover {
}
.menu li a:hover {

}
.sub-menu li.menu-item a:hover {
	background-color: #66191B;
}
.menu ul .sub-menu li.current-menu-item a {
	background-color: #66191B;
}
ul.sub-menu li.menu-item a {

}
.menu ul ul {
	display: none;
	position: absolute;
	top:100%;
	min-width: 160px;
	/*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
	/*-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
}
.menu ul li:hover > ul {
	display: block;
}
.menu ul ul li {
	position: relative;
}
.menu ul ul li a {
	padding: 7px 13x;
	height: auto;
	color: #fff;
}
.menu ul ul li a:hover {

}
.menu ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
}
.menu ul li{ position: relative; }
.menu ul ul{
	left: -20px; /*for dropmenu shift*/
	left:0;
}
.menu li.hl-green.menu-item {

}
@media screen and (max-width:800px) { /* Menufix for 1024 */
	.menu ul li a{
		padding: 10px 18px;
	}
}
@media screen and (max-width: 767px) {
	a.menu-link {
		display: block;
		color: #000;
		background: #fff;
		font-size: 18px;

		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		padding: 3px 7px;
		display: block;
		border: none;
		outline: none;
	}
	a.menu-link span{
		float: right;
		padding: 3px;
	}
	.menu {
		clear: both;
		min-width: inherit;
		float: none;
		margin-bottom: 20px;
		margin-top: 0; /* adjust wrt header */
	}
	.menu ul li {
		float:none;
	}
	.menu ul li a{
		padding: 15px 12px;
	}
	.menu, .menu ul ul {
		overflow: hidden;
		max-height: 0;
		background: #4B3F55;
		padding-top: 0;
	}
	.menu li ul.sub-menu {
		padding: 0px;
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
	.menu.active, .menu ul ul.active {
		max-height: 55em;
	}
	.menu ul {
		display: inline;
	}
	.menu li, .menu ul li {
		display: block;
	}
	.menu li a {
		color: #000;
		display: block;
		padding: 0.8em;
		position: relative;
		border-bottom: 1px solid #393939;
		outline: none;
	}
	.menu ul li a {
		text-transform: uppercase;
		font-size: 14px;

		color: #fff;
	}
	.menu ul li a:hover,
	.menu ul li a.active{
		color: #fff;
	}
	.menu li.has-submenu a:after, .menu li.menu-item-has-children > a:after {
		content: '+';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 1.8em;
		padding: 7px 15px;
	}
	.menu li.has-submenu a.active:after, .menu li.menu-item-has-children > a.active:after {
		content: "-";
	}
	.menu ul ul li a {
		height:58px;
		padding: 15px 18px 15px 30px;
		background-color: #ababab;
		height: auto;
		background: #6d6d6d;
		text-transform: uppercase;
		font-weight: normal;
	}
	.menu ul ul li a:after {
		content: '';
	}
	.menu ul ul, .menu ul ul ul {
		display: inherit;
		position: relative;
		left: auto; top:auto;
		box-shadow: none;
		border:none;
	}
	.menu ul li { padding-left: 0; background: none;}
	.menu ul li a,
	.menu ul li a:hover, .menu ul li.active a{ border-bottom:0px;}
	.menu{ margin-bottom: 10px;}
	.menu-link{ margin-top: 10px;}
}
