.container {     }

.menu_container, 
.anchor-link { display: none; }
.menu_container { width: 100%; border-bottom: 1px solid #000; }
.anchor-link { padding: 1em; background-color: #48c9b0; color: #fff; float: right; }
.anchor-link:hover { background-color: #ccc; color: #fff; }

 
.main_content, 
.nav { transition: .2s margin ease; display: block; position: relative; transition:/*transform  0.28s ease-in-out 0s; transform: translate(0px, 0px);*/  }
.main_content {  position: relative; width: 100%;  margin: 0 auto; z-index:9999; }
body.active .fade-active:before { background-color: rgba(36,36,36,0.51);
    content: "";
    height: 100%;
    left: 0;
     
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; }

body {
    /*transform: translate(0px, 0px);*/
	overflow-x:hidden;
	background:#00A973;
}
  body.active  { margin-left: 0;  overflow-x:hidden; background:#00A973;}
  body.active .main_content { /*transform: translate(-350px, 0px);*/  }

@media all and (max-width:48.000em){
  .menu_container, .anchor-link { display: block; }
  
 
  .main_content { float: left; margin-left: 0; width: 100%;  transition: .2s margin ease; }
body {
    /*transform: translate(0px, 0px);*/
}

  body.active .main_content {  }
 
}


.mainmenu-right{
	position:absolute;
	right:0;
	top:0;
	z-index:0;	
	background:#00A973;
	width:350px;
	height:100%;
 }
.mainmenu-right .nav > li > a{
	color:#fff;	
	padding:12px 10px !important;
	display:block;
	transition:all ease-in-out .3s;
	font-size: 110%;
    font-weight: normal;
}
.mainmenu-right li:hover,
.mainmenu-right li.is-active,
.mainmenu-right li.current{
	background:#00935d!important;	
}

.mainmenu-right .nav-child{
	display:none;	
}
.mainmenu-right .is-active .nav-child{
	display:block;
	padding:5px 20px 11px 20px;	
}
.mainmenu-right .nav > li {
    background: #00A973 ;
    border-bottom: 1px solid #00935d;
    display: block;
    position: relative;
	text-transform:uppercase;
	transition:all ease-in-out .3s;
}
.mainmenu-right .nav > li  li {
	text-transform:none;	
	    border-bottom: 1px solid #007b45;
}
.mainmenu-right .nav > li  li a{
	color:#fff;
	display:block;
	padding:8px 5px; 	
}