#contact-buttons-bar {

  position: fixed;

  top: 135px;

  right: -50px;

  width: 50px;

  z-index:10000;

}





#contact-buttons-bar.slide-on-scroll {

  position: absolute;

}



.contact-button-link  {

  display: block;

  width: 50px;

  height: 50px;

  padding: 0;

  margin-bottom: 1px;

  text-align: center;

  line-height: 50px;

  font-size: 22px;

  background: #8e8e93;

  color: #fff;

  position:relative;

  float:right;

  right: 0;

  

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  

  -webkit-transition: all 250ms;

     -moz-transition: all 250ms;

          transition: all 250ms;

}

.contact-button-link:hover,

.contact-button-link:focus,

.contact-button-link:active {

  color: #fff;

  padding-right: 20px;

  width: 70px;

}

.contact-button-link.cb-hidden {

  right: -50px;

  

}

.contact-button-link.facebook

{

  background: #3b5998;  

}

.contact-button-link.twitter {

  background: #55ACEE;  

}

.contact-button-link.youtube {

  background: #E12B27;

}

.contact-button-link.linkedin {

  background: #0077B5;

}



.contact-button-link.separated {

  margin-top: 1em;

}



.show-hide-contact-bar,

.contact-button-link.show-hide-contact-bar:focus,

.contact-button-link.show-hide-contact-bar:active {

  background: transparent;

  color: #000;

  border: 0;

  outline: 0;

  padding: 0;

  width: 50px;

  display:none;

}

.contact-button-link.show-hide-contact-bar:hover {

  color: #000;

  background: #ccc;

  padding: 0;

  width: 50px;

  display:none;

}



.fa {

	padding-top: 12px;

	}