#contact-buttons-bar {
  position: fixed;
  top: 40%;
  left: 0px;
  width: 40px;
  height: auto;
  z-index: 999;
}
.contact-button-box {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-bottom: 2px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  background: #8e8e93;
  color: #fff;
  position: relative;
  left: 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-box:hover, .contact-button-link:focus, .contact-button-link:active { width: 60px }
.contact-button-box.facebook { background-color: #3b5998; }
.contact-button-box.linkedin { background-color: #0077b5; }
.contact-button-box.gplus { background-color: #db4437; }
.contact-button-box.youtube { background-color: #bb0000; }
.contact-button-box.twitter { background-color: #000000; }
.contact-button-box.instagram { background-color: #C13584; }

@media (max-width: 1100px ){
  #contact-buttons-bar { display: none }
}

/*
.contact-button-link.cb-hidden { left: -40px; }
.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: 40px;
}
.contact-button-link.show-hide-contact-bar:hover {
  color: #000;
  background: #eee;
  padding: 0;
  width: 40px;
}
*/