.menu-icon{width:100%;height:100%;position:relative}.menu-icon span{display:block;position:absolute;height:1.8px;width:100%;background:hsla(0,0%,100%,.85);border-radius:2px;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:.25s ease-in-out;transition:.25s ease-in-out}.menu-icon span:first-of-type{top:2px;-webkit-transform-origin:left center;-moz-transform-origin:left center;transform-origin:left center}.menu-icon span:nth-of-type(2){top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.menu-icon span:nth-of-type(2),.menu-icon span:nth-of-type(3){-webkit-transform-origin:left center;-moz-transform-origin:left center;transform-origin:left center}.menu-icon span:nth-of-type(3){top:-moz-calc(100% - 2px);top:calc(100% - 2px);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}.menu-close-icon span:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:2px!important;top:2.5px!important}.menu-close-icon span:nth-of-type(2){width:0;height:0;opacity:0}.menu-close-icon span:nth-of-type(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);left:2px!important;top:15.5px!important}