.social-icons {
  right: 0;
  position: fixed;
  top: 100px;
  width: 45px;
  z-index: 9999;
}
.social-icon {
  background-color: #33353b;
  background-image: url("../../images/social-icons-1.png");
}

#facebook-btn span {
  background-position: 12px 10px;
}
#linkedin-btn span {
  background-position: 12px -266px;
}
#twitter-btn span {
  background-position: 12px -40px;
}
#youtube-btn span {
  background-position: 8px -226px;
}
#pintrest-btn span {
  background-position: 8px -177px;
}
#google-btn span {
  background-position: 11px -132px;
}
#instagram-btn span {
  background-position: 8px -300px;
}
#flickr-btn span {
  background-position: 8px -335px;
}
#web-btn span {
  background-position: 8px -403px;
}
#mail-btn span {
  background-position: 8px -369px;
}
#skype-btn span {
  background-position: 10px -522px;
}
#xing-btn span {
  background-position: 8px -441px;
}
#tumblr-btn span {
  background-position: 8px -483px;
}
.social-icon {
  transition: background-color 0.4s ease-in 0s;
  -webkit-transition: background-color 0.4s ease-in 0s;
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 43px;
  margin-bottom: 2px;
  width: 43px;
}
.social-icons a:hover {
  text-decoration: none;
}
#facebook-btn:hover .social-icon {
  background-color: #3b5998;
}
#linkedin-btn:hover .social-icon {
  background-color: #6eb8da;
}
#twitter-btn:hover .social-icon {
  background-color: #62bdb2;
}
#google-btn:hover .social-icon {
  background-color: #db4a39;
}
#pintrest-btn:hover .social-icon {
  background-color: #d43638;
}
#youtube-btn:hover .social-icon {
  background-color: #c4302b;
}
#instagram-btn:hover .social-icon {
  background-color: #d2c5b3;
}
#flickr-btn:hover .social-icon {
  background-color: #e4006b;
}
#web-btn:hover .social-icon {
  background-color: #000;
}
#mail-btn:hover .social-icon {
  background-color: #2a056f;
}
#skype-btn:hover .social-icon {
  background-color: #00aaf0;
}
#xing-btn:hover .social-icon {
  background-color: #006464;
}
#tumblr-btn:hover .social-icon {
  background-color: #3e5a70;
}
.social-text {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 14px 0 11px 44px;
  white-space: nowrap;
  color: #ffffff;
  font-family: Arial;
}