#float-social a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;

}

#float-social .social {
  position: fixed;
  top: 60%;

  z-index: 1000;
width: 0;
}
#float-social .social ul {
  padding: 0px;
  margin-left: 40px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
#float-social .social ul li {
  display: block;
  margin: 5px;
  background: rgb(255, 255, 255);
  width: 275px;
  text-align: right;
  padding: 1px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

#float-social .social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(234, 20, 25, 1);
}
#float-social .social ul li:hover a {
  color: #000;
}


#float-social .fa {
    display: inline-block;
     font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}