ul.toggle{width:40px;z-index:30;cursor:pointer}ul.toggle li{position:absolute;left:5%;transform:translateY(-50%);height:5px;width:35px;list-style:none;background:#fff;transition:.9s}ul.toggle li:nth-of-type(1){top:20%}ul.toggle li:nth-of-type(2){top:50%}ul.toggle li:nth-of-type(3){top:80%}ul.toggle.active li:nth-of-type(1){top:50%;transform:translateY(-50%) rotate(45deg)}ul.toggle.active li:nth-of-type(2){left:-100%;opacity:0}ul.toggle.active li:nth-of-type(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.sidebar ul.menu{position:relative;text-align:center}.sidebar ul.menu li{position:relative;display:block;width:100%}.sidebar ul.menu li a{display:inline-block;position:relative;text-decoration:none;text-transform:uppercase;color:#fff;width:100%;padding:10px 0;box-sizing:border-box}.sidebar ul.menu a:before,.sidebar ul.menu a:after{position:absolute;left:0;width:100%;height:2px;background:#fff;content:"";opacity:0;transition:all .3s}.sidebar ul.menu a:before{top:0;transform:translateY(10px)}.sidebar ul.menu a:after{bottom:0;transform:translateY(-10px)}.sidebar ul.menu a:hover:before,.sidebar ul.menu a:hover:after{opacity:1;transform:translateY(0)}.sidebar ul.menu a:hover{font-weight:600}