#share-bar {
  display: block;
  position: fixed;
  top: 70%;
  transform: translateY(-50%);
  z-index: 9999;
}

.sharing-providers {
  list-style-type: none;
}
.sharing-providers {
  padding: 0;
  margin: 0;
}
    .sharing-providers > li {
        display: block;
        text-align: center;
        width: 37px;
        height: 37px;
        padding: 0;
        margin: 0;
        background: #555;
        transition: 0.5s all;
    }
.sharing-providers.circle > li {
  border-radius: 50%;
  margin: 2px;
}
#share-bar.left {
 right: 0;
}
#share-bar.left .sharing-providers > li {
 margin-left: 0;
}
#share-bar.right {
 left: 0;
}
#share-bar.right .sharing-providers > li {
 margin-right: 0;
}

.sharing-providers > li > a {
    text-decoration: none !important;
    font-family: 'FontAwesome';
    width: 37px;
    height: 37px;
    line-height: 37px;
    display: block;
}
.sharing-providers.circle > li > a {
  border-radius: 50%;
}
.sharing-providers > li > a {
  color: white;
  font-size: 23px;
}
.sharing-providers > li > a,
.sharing-providers > li > a:hover {
  text-decoration: none;
}

#share-bar.animate .sharing-providers > li:hover {
  transform: translateX(5px);
}

#share-bar.right.animate .sharing-providers > li:hover {
  transform: translateX(-5px);
}

.sharing-providers > li.telegram {
    background: #2AABEE;
}

.sharing-providers > li.telegram:hover {
    background: #2AABEE;
}
.sharing-providers > li.googleplus {
    background: #d14836;
}
.sharing-providers > li.googleplus:hover {
  background: #d14836;
}

.sharing-providers > li.whatsapp {
    background: #25D366;
}

.sharing-providers > li.whatsapp:hover {
    background: #25D366;
}
.sharing-providers > li.instagram {
    /*  background: #fccc63;*/
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.sharing-providers > li.instagram:hover {
    /*  background: #fccc63;*/
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

}

.sharing-providers > li.tumblr:hover {
  background: #2c4762;
}

.sharing-providers > li.digg:hover {
  background: #333333;
}

.sharing-providers > li.reddit:hover {
  background: #5f99cf;
}

.sharing-providers > li.pinterest {
    background: #cb2027;
}

.sharing-providers > li.pinterest:hover {
  background: #cb2027;
}

.sharing-providers > li.phone {
    background: #5b68f7;
}

    .sharing-providers > li.phone:hover {
        background: #5b68f7;
    }

.sharing-providers > li.email {
    background: #E3A129;
}

.sharing-providers > li.email:hover {
  background: #E3A129;
}

@media (max-width: 680px) {
  #share-bar {
    bottom: 0;
    top: auto;
    transform: translate(-50%, 0);
    left: 50% !important;
    right: auto;
    background: #555;
    width: 100%;
    text-align: center;
    padding: 8px;
  }
  #share-bar .sharing-providers > li {
    display: inline-block;
  }
  #share-bar.animate .sharing-providers > li:hover {
    transform: translateX(0px) !important;
    transform: translateY(-5px) !important;
  }
}