#nav-icon{width:36px;height:36px;display:block;padding:0;text-align:center;position:relative}#nav-icon span{display:block;position:absolute;height:2.5px;width:100%;background:#222;border-radius:6px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}#nav-icon span:nth-child(1){top:6px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#nav-icon span:nth-child(2){top:19px}#nav-icon span:nth-child(3){top:32px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}.mm-wrapper_opening #nav-icon span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:115%;height:4px;top:4px;left:2px}.mm-wrapper_opening #nav-icon span:nth-child(2){width:0%;opacity:0}.mm-wrapper_opening #nav-icon span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:115%;height:4px;top:33px;left:2px}