.b-foot-social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .b-foot-social__item {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-transition: color 0.3s, background 0.3s;
    -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
    text-align: center;
    margin: 3px;
    border-radius: 0.125rem; }
  .b-foot-social__item:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.8; }
  .b-foot-social__item .fa {
    text-align: center; }
  .b-foot-social__item--vk {
    background-color: #4c75a3; }
  .b-foot-social__item--fb {
    background-color: #3b5999; }
  .b-foot-social__item--gp {
    background-color: #dd4b39; }
  .b-foot-social__item--in {
    background-color: #e4405f; }
  .b-foot-social__item--tw {
    background-color: #55acee; }