.panel {
	position: fixed;
	left: -100%;
	width: 100%;
}
.menu-link i {
	text-decoration: none;
	font-size: 40px;
	color: #fff;
}
#menu {
	background: #49501f;
	z-index: 998; padding:3% 6%
}
#menu ul {
	float:left; width:20%
}
#menu ul h4{font:500 19px/1.5em 'Geometr231 BT'; color:#f8891d; text-transform:uppercase; letter-spacing:3px; margin-bottom:10px}
#menu ul h5{font:500 15px/1.5em 'Geometr231 BT'; color:#fff; text-transform:uppercase; letter-spacing:3px; padding-left:25px; margin-bottom:10px}
#menu li {
	text-align: left;
	transition: all 0.4s ease; padding-left:36px
}
#menu li a {
	color: #fff;
	font-size: 13px; text-transform:uppercase;
	text-decoration: none;
	font-family: 'Geometr231 BT';
	font-weight: 300;
	padding:0; letter-spacing:1px
}
#menu li a::before {
  position: absolute;
  content: "» ";
  font-family: "FontAwesome";
  font-size: 13px;
  margin-left: -14px;
  margin-top: 0;
  opacity: 1;
  color: var(--body-fonts-color);
}
#menu li:hover {color:#fff}
.menu-link {
	z-index: 999;
display: block;
position: relative;
top: 13px;
left: 0;
overflow: hidden;
margin: 0 40px 0 0;
padding: 0;
width: 24px;
height: 24px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
background-color: transparent;
}
.menu-link:focus {
	outline: none;
}
.menu-link span {
	display: block;
	position: absolute;
	top: 5px; width:100%;
	left: 0;
	right: 0px;
	height: 2px;
	background: #f8891d;
	-webkit-transition: background 0 0.3s;
	transition: background 0 0.3s;
}
 .menu-link span::before{
position: absolute;
display: block;
top: 5px;
width: 100%;
height: 2px;
background-color: #f8891d;
 content: "";
 -webkit-transition-duration: 0.3s, 0.3s;
 transition-duration: 0.3s, 0.3s;
 -webkit-transition-delay: 0.3s, 0;
 transition-delay: 0.3s, 0;
}
.menu-link span::after {
 position: absolute;
 display: block;
 top: 10px;
 width: 100%;
 height: 2px;
 background-color: #f8891d;
 content: "";
 -webkit-transition-duration: 0.3s, 0.3s;
 transition-duration: 0.3s, 0.3s;
 -webkit-transition-delay: 0.3s, 0;
 transition-delay: 0.3s, 0;
}
 .menu-link span::after {
 bottom: -15px;
 -webkit-transition-property: bottom, -webkit-transform;
 transition-property: bottom, transform;
}
.menu-open {
	background-color: transparent;
}
.menu-open span {
	background: none;
}
 .menu-open span::before {
 top: 9px;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .menu-open span::after {
 bottom: 0;
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .menu-open span::before, .menu-open span::after {
 -webkit-transition-delay: 0, 0.3s;
 transition-delay: 0, 0.3s;
}