/*avatar styles*/
.sociallogininfo .social-avatar {
  float: left;
  max-width: 150px;
  margin: 10px 15px 15px 0;
}

/*buttons styles*/
.btn.btn-login-facebook,
.btn.btn-login-google,
.btn.btn-login-vk {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 20px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.btn.btn-login-facebook:before,
.btn.btn-login-google:before,
.btn.btn-login-vk:before {
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-size: 15px;
  vertical-align: middle;
}

/*facebook button styles*/
.btn.btn-login-facebook {
  background: #3b5998;
  border-color: #3b5998;
}

.btn.btn-login-facebook:hover {
  background: #fff;
  color: #3b5998;
  border-color: #3b5998;
}

.btn.btn-login-facebook:before {content: '\f09a';}

/*google button styles*/
.btn.btn-login-google {
  background: #df4a32;
  border-color: #df4a32;
}

.btn.btn-login-google:hover {
  background: #fff;
  color: #df4a32;
  border-color: #df4a32;
}

.btn.btn-login-google:before {content: '\f1a0';}

/* button styles*/
.btn.btn-login-vk {
  background: #567ca4;
  border-color: #567ca4;
}

.btn.btn-login-vk:hover {
  background: #fff;
  color: #567ca4;
  border-color: #567ca4;
}

.btn.btn-login-vk:before {content: '\f189';}