#nav-icon3{position:relative;margin:1px auto;cursor:pointer}#nav-icon3,#nav-icon3 span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}#nav-icon3 span{display:none;position:absolute;width:100%;background:#784b84;border-radius:9px;opacity:1;left:0}#nav-icon3 span:first-child{top:0}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:11px}#nav-icon3 span:nth-child(4){top:22px}#nav-icon3.open span:first-child,#nav-icon3.open span:nth-child(4){top:11px;width:0;left:50%}@media (max-width:1024px){#nav-icon3 span{display:block}#nav-icon3 span:first-child{top:0}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}#nav-icon3 span:nth-child(4){top:14px}#nav-icon3.open span:first-child,#nav-icon3.open span:nth-child(4){top:7px;width:0;left:50%}}#nav-icon3.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon3.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}