/*@import url("https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");*/
.button-wrap {
  width: 50px;
  height: 50px;
  position: relative;
  display: inline-block;
  margin: 25px 50px 0;
  cursor: pointer;
  border-radius: 100%;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3);
}
.button-wrap.facebook {
  background-color: #3B5998;
}
.button-wrap.facebook i.active {
  color: #3B5998;
}
.button-wrap.twitter {
  background-color: #0AC;
}
.button-wrap.twitter i.active {
  color: #0AC;
}
.button-wrap.pinterest {
  background-color: #CD2129;
}
.button-wrap.pinterest i.active {
  color: #CD2129;
}
.button-wrap.dribbble {
  background-color: #F26798;
}
.button-wrap.dribbble i.active {
  color: #F26798;
}
.button-wrap:hover .button-inner-wrap {
  width: 30px;
  height: 30px;
}
.button-wrap:hover .button-inner-wrap i.inactive {
  -webkit-transform: translate(100px, -50%);
          transform: translate(100px, -50%);
}
.button-wrap:hover .button-inner-wrap i.active {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.button-inner-wrap {
  width: 50px;
  height: 50px;
  border: 1px solid #DDD;
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-inner-wrap i {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 30px;
  transition: all 0.3s ease;
}
.button-inner-wrap i.inactive {
  color: #CCC;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.button-inner-wrap i.active {
  -webkit-transform: translate(-150px, -50%);
          transform: translate(-150px, -50%);
}
div.content-share{
  text-align:right !important;
}
