/*=================   Inline list   =====================*/
.inline-list {
  display: inline-block;
}
.inline-list .fa {
  position: relative;
  text-align: center;
  font: 0/0 a;
}
.inline-list .fa:hover:before {
  background: #a3a3a3;
}
.inline-list .fa:before {
  font-size: 14px;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  color: #616161;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #616161;
  background: #e8e8e8;
  width: 28px;
  height: 28px;
  left: -30px;
  top: -30px;
  padding-left: 0px;
  padding-top: 12px;
}
.inline-list li {
  display: inline-block;
}
.inline-list li + li {
  margin-left: 31px;
}
@media (max-width: 991px) {
  .inline-list .fa:before {
    left: -43px;
    top: -27px;
  }
}
@media (max-width: 767px) {
  .inline-list .fa:before {
    left: -25px;
    top: -27px;
  }
}
.social {
  float: right;
  display: inline-block;
  border-left: 1px solid #bcbcbc;
  width: 270px;
  height: 57px;
  text-align: right;
}
.social .lead {
  display: inline-block;
  margin-top: 24px;
}
.social .inline-list {
  display: inline-block;
  margin-left: 63px;
}
@media (max-width: 991px) {
  .social {
    width: auto;
    border-left: none;
    height: auto;
    margin-top: 23px;
  }
  .social .inline-list {
    margin-left: 0;
  }
  .social .lead {
    display: none;
  }
}
@media (max-width: 767px) {
  .social {
    float: none;
  }
}