#backtotop{position:fixed; bottom:35%; right:10px; z-index:1000; display:none;}
.q-menu nav div{width:50px; height:50px; line-height:45px; font-size:1.5em; text-align:center; background:rgba(0,0,0,0.5); margin:4px 0; border-radius:5px; transition:0.5s all ease;}
.q-menu nav div:hover{background:#0081e9;}
.q-menu nav div i{display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:30px; font-size:0.85em;}
.q-menu nav div a{display:inline-block; position:relative; width:30px; height:30px; text-align:center; color:#fff; text-decoration:none;}
.q-menu nav div a span{font-size:0.6em; display:inline-block; position:absolute; top:20%; right:70px; opacity:0; white-space:nowrap; padding:5px 8px; border-radius:3px 3px; background:#0081e9; color:#fff; margin-top:-2px; line-height:1em; transition:all 300ms;}
.q-menu nav a span:before{content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-5px; border:5px solid transparent; border-left-color:#0081e9;}
.q-menu nav a:after{position:absolute; content:''; display:inline-block; width:30px; height:30px; margin-left:-5px; margin-top:-10px; top:50%; left:50%;}
.q-menu nav a:hover{opacity:1;}
.q-menu nav a:hover span{right:50px; opacity:1;}
.q-menu nav a.active{color:#333; opacity:1;}