.hamburger-menu { float:left; margin-top:9px; width:32px; height:16px; position:absolute; cursor:pointer; top:40px; right:40px; }
.hb-menu-icon { position:absolute; height:100%; width:100%; }
.hb-menu-icon span { display:block; width:100%; height:2px; background:#fff; position:relative; margin:5px 0 0; transition:all .25s ease-in-out, visibility 0s; -ms-transition:all .25s ease-in-out,visibility 0s; -webkit-transition:all .25s ease-in-out,visibility 0s; -moz-transition:all .25s ease-in-out,visibility 0s; opacity:0.5; }
.hb-menu-icon span:nth-child(1) { margin-top:0; transition:all .4s ease-in-out,visibility 0s; -ms-transition:all .4s ease-in-out,visibility 0s; -webkit-transition:all .4s ease-in-out,visibility 0s; -moz-transition:all .4s ease-in-out,visibility 0s}
.hb-menu-icon span:nth-child(2){transition:all .15s ease-in-out,visibility 0s;-ms-transition:all .15s ease-in-out,visibility 0s;-webkit-transition:all .15s ease-in-out,visibility 0s;-moz-transition:all .15s ease-in-out,visibility 0s}
.hb-menu-icon span:nth-child(3){transition:all .55s ease-in-out,visibility 0s;-ms-transition:all .55s ease-in-out,visibility 0s;-webkit-transition:all .55s ease-in-out,visibility 0s;-moz-transition:all .55s ease-in-out,visibility 0s}
.hb-menu-icon.style-02 span{width:0}
.hamburger-menu:hover .hb-menu-icon.style-01 span{width:0!important}
.hamburger-menu:hover .hb-menu-icon.style-02 span{width:100%}
.hb-menu-icon.style-02 span { opacity:1; }