.social{position:fixed;top:30%;z-index:1}.social ul{padding:2px;-webkit-transform:translate(-106px,0);-moz-transform:translate(-106px,0);-ms-transform:translate(-106px,0);-o-transform:translate(-106px,0);transform:translate(-106px,0)}.social ul li{display:block;margin:0;background:rgba(0,0,0,.8);width:140px;text-align:right;padding:18px;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.social ul li:hover{-webkit-transform:translate(90px,0);-moz-transform:translate(90px,0);-ms-transform:translate(90px,0);-o-transform:translate(90px,0);transform:translate(90px,0);background:#FFF;border:1px solid;border-color:rgba(0,0,0,.2)}.social ul li:hover a{font-weight:700;color:#9ac434}.social ul li:hover i{color:#000;background:#FFF;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}.social ul li i{margin-left:10px;color:#000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}@media screen and (max-width:767px){.social{position:fixed;top:40%;z-index:1}.social ul{padding:0;-webkit-transform:translate(-126px,0);-moz-transform:translate(-126px,0);-ms-transform:translate(-126px,0);-o-transform:translate(-126px,0);transform:translate(-126px,0)}.social ul li{display:block;margin:4px;background:rgba(0,0,0,.8);width:140px;text-align:right;padding:8px;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.social ul li:hover{-webkit-transform:translate(90px,0);-moz-transform:translate(90px,0);-ms-transform:translate(90px,0);-o-transform:translate(90px,0);transform:translate(90px,0);background:#FFF;border:1px solid;border-color:rgba(0,0,0,.2)}.social ul li:hover a{font-weight:700;color:#9ac434}.social ul li:hover i{color:#000;background:#FFF;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}.social ul li i{margin-left:10px;color:#000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@media screen and (max-width:457px){.social{position:fixed;top:40%;z-index:1}.social ul{padding:0;-webkit-transform:translate(-140px,0);-moz-transform:translate(-140px,0);-ms-transform:translate(-140px,0);-o-transform:translate(-140px,0);transform:translate(-140px,0)}.social ul li{display:block;margin:10px;background:rgba(0,0,0,0);width:140px;text-align:right;padding:0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.social ul li:hover{-webkit-transform:translate(90px,0);-moz-transform:translate(90px,0);-ms-transform:translate(90px,0);-o-transform:translate(90px,0);transform:translate(90px,0);background:#FFF;border:1px solid;border-color:rgba(0,0,0,.2)}.social ul li:hover a{font-weight:700;color:#9ac434}.social ul li:hover i{color:#000;background:#FFF;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}.social ul li i{margin-left:10px;color:#000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}