@charset "utf-8";
.social{display:block;height:369px;perspective:1000px;position:fixed;right:0;top:33%;width:60px}
.social li a{-webkit-font-smoothing:antialiased;background:#181818;border-bottom:1px solid #333;color:#fff;display:block;font:normal normal normal 16px/20px FontAwesome,'Source Sans Pro',Helvetica,Arial,sans-serif;height:20px;padding:10px;text-align:center;text-decoration:none;transition:background .5s ease .3ms;width:40px}
.social li:first-child a:hover{background:#3b5998}
.social li:nth-child(2) a:hover{background:#00acee}
.social li:nth-child(3) a:hover{background:#0077b5}
.social li:nth-child(4) a:hover{background:#ff0084;background-image:url(bk/flickr_bk.png)}
.social li:nth-child(5) a:hover{background:#da8a9e;background-image:url(bk/instagram_bk.png)}
.social li:nth-child(6) a:hover{background:#cc181e}
.social li:nth-child(7) a:hover{background:#00adef}
.social li:nth-child(8) a:hover{background:#fffc00}
.social li:nth-child(9) a:hover{background:#07d159}
.social li:first-child a{border-radius:5px 0 0 0}
.social li:last-child a{border-radius:0 0 0 5px}
.social li a span{background:#181818;border-radius:5px;color:#fff;float:left;margin:-10px -140px;opacity:0;padding:8px;text-align:center;transform:rotateY(45deg);transform-origin:0;transition:all .5s ease .3ms;visibility:hidden;width:100px}
.social li span:after{border-bottom:8px solid transparent;border-left:8px solid #181818;border-right:8px solid transparent;border-top:8px solid transparent;content:'';display:block;height:0;left:115px;position:absolute;top:10px;width:0}
.social li a:hover span{opacity:.8;transform:rotateY(0);visibility:visible}
.logo_social_bar{display:none}
a.back-to-top {left: calc(50% + 470px + 40px)}