nav:not(.mm-menu)
{
	display: none;
}


#slimmenu a{
    display: block;
    height: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px;
}
 

#menus:before, #menus:after, #menus span {
	background: none repeat scroll 0 0 #fff;
	content: "";
	display: block;
	height: 3px;
	left: 8px;
	position: absolute;
	width: 20px;
	border-radius: 13px;
}

 
#menus:before, #menus:after, #menus span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}

#menus:before {
    top: 7px;
}

#menus span {
    margin-top: 0px;
    top: 46%;
}
#menus:after {
    bottom: 7px;
}


html.mm-opening #menus span {
    left: -50px;
    opacity: 0;
}


html.mm-opening #menus:before {
    top: 15px;
    transform: rotate(45deg);
}
html.mm-opening #menus:after {
    bottom: 15px;
    transform: rotate(-46deg);
}
#menus:before, #menus:after, #menus span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}