/* social bar */
.social-bar {
  position: fixed;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateX(-8%);
  z-index: 800;
}

.social-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 14px;
  margin-top: 3px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.social-bar .fa {
  padding: 0px;
}
.social-bar a:hover {
  margin-right: -15px;
  color: white;
}
.facebooks {
  background: #3b5998;
  color: white;
  top: 20px;
}
.whatsapp {
  background: #25d366;
  color: white;
  top: 80px;
}
.twitters {
  background: #55acee;
  color: white;
}
.linkedins {
  background: rgb(10, 102, 194);
  color: white;
  top: 140px;
}
.youtube {
  background: #ff0000;
  color: white;
  top: 200px;
}
.instagram {
  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 );
  color: white;
  top: 200px;
}