.nav-icon{width:33px;height:23px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:999999;position:relative;display:none;margin-left:10px}.nav-icon span{display:block;position:absolute;height:3px;width:100%;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}.nav-icon span:nth-child(1){top:0}.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){top:10px}.nav-icon span:nth-child(4){top:20px}.nav-icon.open span:nth-child(1){top:18px;width:0;left:50%}.nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-icon.open span:nth-child(4){top:18px;width:0;left:50%}