.float-circle {
  position: absolute;
  display: none;
  top: 50%;
  left: 75%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 50px;
  height: 50px;
  -webkit-transition: transform 0.5s, background-color 0.5s, opacity 0.2s;
  -moz-transition: transform 0.5s, background-color 0.5s, opacity 0.2s;
  -ms-transition: transform 0.5s, background-color 0.5s, opacity 0.2s;
  -o-transition: transform 0.5s, background-color 0.5s, opacity 0.2s;
  transition: transform 0.5s, background-color 0.5s, opacity 0.2s;
  background-color: #FFF;
  border-radius: 50%;
}
.float-circle.open { cursor: pointer; display: unset; }
.float-circle.open#flickr {
  background-color: #ff0084;
  -moz-transform: translate3d(-175%, -150%, 0);
  -o-transform: translate3d(-175%, -150%, 0);
  -ms-transform: translate3d(-175%, -150%, 0);
  -webkit-transform: translate3d(-175%, -150%, 0);
  transform: translate3d(-175%, -150%, 0);
}
.float-circle.open#youtube {
  background-color: #bb0000;
  -moz-transform: translate3d(-50%, -200%, 0);
  -o-transform: translate3d(-50%, -200%, 0);
  -ms-transform: translate3d(-50%, -200%, 0);
  -webkit-transform: translate3d(-50%, -200%, 0);
  transform: translate3d(-50%, -200%, 0);
}
.float-circle.open#dropbox {
  background-color: #007ee5;
  -moz-transform: translate3d(75%, -150%, 0);
  -o-transform: translate3d(75%, -150%, 0);
  -ms-transform: translate3d(75%, -150%, 0);
  -webkit-transform: translate3d(75%, -150%, 0);
  transform: translate3d(75%, -150%, 0);
}
.float-circle.open:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.float-circle.open:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.float-circle.no-animation {
  animation: none;
} 
 


.share-icon {
  color: #FFF;
  font-size: 25px;
  
  position: relative;
  top: 50%;
  left: 50%;
  -moz-transform: translate3d(-50%, -50%, 0) rotate(0deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(0deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(0deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
  transform: translate3d(-50%, -50%, 0) rotate(0deg);
}
.share-icon.fa-facebook {
  -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(90deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.share-icon.fa-google-plus {
  -moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.share-icon.fa-pinterest {
  -moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.share-icon.fa-linkedin {
  -moz-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.share-icon.fa-vine {
  -moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.share-icon.fa-instagram {
  -moz-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
  transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}