.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-transition:-webkit-transform 400ms;-o-transition:transform 400ms;transition:transform 400ms,-webkit-transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hamRotate.active{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamRotate180.active{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.line{fill:none;-webkit-transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;-o-transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#fff;stroke-width:5.5;stroke-linecap:round}.ham3 .top{stroke-dasharray:40 130}.ham3 .middle{stroke-dasharray:40 140}.ham3 .bottom{stroke-dasharray:40 205}.ham3.active .top{stroke-dasharray:75 130;stroke-dashoffset:-63px}.ham3.active .middle{stroke-dashoffset:-102px}.ham3.active .bottom{stroke-dasharray:110 205;stroke-dashoffset:-86px}