#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4{cursor:pointer;width:24px;height:15.71px;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}#nav-icon1 span{opacity:1;border-radius:9px;height:2px;transition:all .25s ease-in-out;display:block;position:absolute;right:0;transform:rotate(0)}#nav-icon1.open span{background:#000}#nav-icon1 span:first-child{width:24px;top:0}#nav-icon1 span:nth-child(2){width:19px;top:8px}#nav-icon1 span:nth-child(3){width:12px;top:16px}#nav-icon1.open span:first-child{width:24px;top:8px;transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0;width:24px;left:-60px}#nav-icon1.open span:nth-child(3){width:24px;top:8px;transform:rotate(-135deg)}#nav-icon1.white span{background:#fff}#nav-icon1.open.white span,#nav-icon1.black span{background:#000}#nav-icon1.open.black span{background:#fff}