.nav-icon-5{cursor:pointer;width:30px;height:25px;display:inline-block;position:relative}.nav-icon-5 span{background-color:#fff;border-radius:2px;width:100%;height:3px;transition:all .5s cubic-bezier(.8,.5,.2,1.4);position:absolute}.nav-icon-5 span:first-child{top:0;left:0}.nav-icon-5 span:nth-child(2){opacity:1;top:11px;left:0}.nav-icon-5 span:nth-child(3){bottom:0;left:0}.nav-icon-5:not(.open):hover span:first-child{transform:rotate(-3deg)scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(2){transform:rotate(3deg)scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(3){transform:rotate(-4deg)scaleY(1.1)}.nav-icon-5.open span:first-child{top:11px;transform:rotate(45deg)}.nav-icon-5.open span:nth-child(2){opacity:0}.nav-icon-5.open span:nth-child(3){top:11px;transform:rotate(-45deg)}