.menu-icon {
  height: 20px;
  width: 25px;
  position: relative;
}
.menu-icon:hover { cursor: pointer; }
.menu-icon-bar {
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
  background-color: #595757;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.menu-icon-bar::before, .menu-icon-bar::after {
  height: 2px;
  width: 100%;
  content: "";
  background-color: #595757;
  display: block;
  position: absolute;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.menu-icon-bar::before { top: -10px; }
.menu-icon-bar::after { bottom: -10px; }
.menu-icon-open .menu-icon { position: relative; }
.menu-icon-open .menu-icon-bar { background: transparent; }
.menu-icon-open .menu-icon-bar::before, .menu-icon-open .menu-icon-bar::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-icon-open .menu-icon-bar::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.menu-icon-open .menu-icon-bar::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nav {
  position: absolute;
  top: -500px;
  background-color:#ebf5ec;
  -webkit-transition: top 0.6s ease;
  transition: top 0.6s ease;
  width:100%;
  z-index:0;
}
.nav-active {
  position: absolute;
  top:0;
  z-index:80;
  padding:65px 0 0 0;
}
.nav-list {
  padding-left: 0;
  list-style: none;
}

.nav-item {
  padding:10px 20px;
  text-align: left;
  border-bottom:1px solid #deeee0;
  width:100%;
}
.nav-item a{
	display:block;
	font-size:20px;
	font-weight: bold;
	background:url(../images/mbmenu-icon.png) no-repeat right center;
}
.nav-item a.mob-lan{
	display: inline-block;
	background:#ddeee2;
	padding:5px 10px;
	margin:0 3px 0 0;
	font-size:16px;
}
.nav-no a{
	background:none;
}
.nav-link {
  position: relative;
  color: #595757;
  text-decoration: none;
}

.nav-link-plus::after, .nav-link-minus::after {
  color: #595757;
  font-family: FontAwesome;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right:0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nav-link-plus::after { content: ""; }

.nav-link-minus { color: #595757; }

.nav-link-minus::after {
  content: "";
  color: #595757;
}


.nav-sub-list {
  margin: 10px -20px -10px -20px;
  border-top: 1px solid #deeee0;
  displaY: none;
  list-style: none;
  padding:10px 0 10px 0;
  background:#f1f8f6;
}
.nav-sub-list a{
	
}
.nav-sub-list-active { display: block; }
.nav-sub-item {
	padding:0 20px 0 20px;
	display: inline-block;
	width:45%;
	vertical-align:top;
	
}
.nav-sub-item a{
	background:url(../images/mbmenu-iconb.png) no-repeat left center;
	padding:0 0 0 20px;
	font-weight:normal;
}

.nav-sub-item .nav-link { 	
}

.nav-sub-item:not(:last-child) { padding-bottom: 10px; }