div#icon2 span{background:#000;display:block;height:12px;opacity:1;position:absolute;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;width:12px}div#icon2,div#icon2 span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}div#icon2{cursor:pointer;height:45px;position:relative;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;width:45px}#icon2 span:nth-child(2n){border-radius:50%;left:50%}#icon2 span:nth-child(odd){border-radius:50%;left:0}#icon2 span:first-child,#icon2 span:nth-child(2),#icon2 span:nth-child(3){top:0}#icon2 span:nth-child(4),#icon2 span:nth-child(5),#icon2 span:nth-child(6){top:20px}#icon2 span:nth-child(7),#icon2 span:nth-child(8),#icon2 span:nth-child(9){top:40px}#icon2 span:nth-child(3),#icon2 span:nth-child(6),#icon2 span:nth-child(9){left:100%}#icon2 span:last-child{left:0}#icon2 span:nth-child(3){left:50%;top:20px}#icon2.open span:first-child{border-radius:50px;left:-9px;top:5px;transform:rotate(45deg);width:45px}#icon2.open span:nth-child(3){border-radius:50px;left:45%;top:5px;transform:rotate(-45deg);width:45px}#icon2.open span:nth-child(7){border-radius:50px;left:-9px;top:35px;transform:rotate(-45deg);width:45px}#icon2.open span:nth-child(9){border-radius:50px;left:45%;top:35px;transform:rotate(45deg);width:45px}#icon2.open span:nth-child(2){top:20px}#icon2.open span:nth-child(5),#icon2.open span:nth-child(6){left:50%}#icon2.open span:nth-child(8){top:20px}