#nav-kro{width:37px;height:19px;position:relative;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;position:absolute;right:0;top:0;cursor:pointer}#nav-kro span{display:block;position:absolute;height:1.9px;width:100%;background:#000;border-radius:9px;opacity:1;right:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-kro span:nth-child(1){top:0px;width:30px}#nav-kro span:nth-child(2){top:8px;width:30px}#nav-kro span:nth-child(3){top:16px;width:25px}#nav-kro.open span:nth-child(1){top:8px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#nav-kro.open span:nth-child(2){opacity:0;right:-60px;width:30px}#nav-kro.open span:nth-child(3){top:8px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);width:30px}