.menu-icon{cursor:pointer;display:block;float:left;transition:all .2s ease-in}.menu-icon span{background:#178fff;border-radius:1px;display:block;height:4px;margin-bottom:2px;transition:all .4s ease-out;width:22px}.menu-icon span.bar1{margin-top:2px}.menu-icon:hover span{margin-bottom:4px}.menu-icon:hover span.bar1{margin-top:0}.menu-icon.active{transform:rotate(-45deg)}.menu-icon.active:hover span{margin-bottom:2px;margin-top:2px}.menu-icon.active .bar1{transform:rotate(0) translateY(6px)}.menu-icon.active .bar2{opacity:0}.menu-icon.active .bar3{transform:rotate(-90deg) translate(5px)}