/*-------------Social icons-----------------*/
.icon-bar {
  position: fixed;
  top: 65%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:60px;
  left:0;
  z-index: 9999;

}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  margin-bottom:1px;
}
.facebook {
  background: #3B5998;
  color: white;
}
.twitter {
  background: #55ACEE;
  color: white;
}
.linkedin {
  background: #007bb5;
  color: white;
}
.pinterest {
  background: #bb0000;
  color: white;
}
.envelope {
  background: #738A8D;
  color: white;
}
.facebook-d:hover .facebook
{
width:70px;
transition:0.5s;
}
.twitter-d:hover .twitter
{
width:70px;
transition:0.5s;
}
.linkedin-d:hover .linkedin
{
width:70px;
transition:0.5s;
}
.pinterest-d:hover .pinterest
{
width:70px;
  transition: 0.3s;
}
.envelope-d:hover .envelope
{
width:70px;
  transition: 0.3s;
}