.providers-buttons .button.google {
  background-color: #dd4b39;
}

.providers-buttons .button.google:hover {
  background-color: #ea4335;
}

.providers-buttons .button.mailru {
  background-color: #168de2;
}

.providers-buttons .button.mailru:hover {
  background-color: #147fcb;
}

.providers-buttons .button.odnoklassniki {
  background-color: #ed812b;
}

.providers-buttons .button.odnoklassniki:hover {
  background-color: #eb7314;
}

.providers-buttons .icon {
  color: #fff;
}

.providers-buttons .icon.mailru {
  color: #ffa930;
}

.rub-ramka {
  background: rgba(189, 61, 77, 0.04);
  padding: 12px 15px !important;
  color: rgb(8, 8, 8);
  font-size: 18px;
  font-family: roboto condensed, arial;
  border: 2px solid;
  border-radius: 4px;
  font-weight: bold;
  border-color: #bd3d4d;
  text-indent: 0 !important;
  text-align: left;
  line-height: 25px;
  max-width: 880px;
  display: block;
  margin: 20px auto !important;
}

.rub-ramka p {
  font-size: 1.1em;
  line-height: 1.2em;
  text-align: center;
}

.bm-banner-image {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.main-img {
  max-width: 100%;
  display: block;
  margin: 20px auto;
}

b {
  font-weight: 700;
}

.info-block {
  padding: 15px;
  margin: 0 0 20px;
  border: 1px solid #eee;
}

.info-block img {
  display: block;
  margin: 20px auto;
  max-width: 240px;
}

p span {
  font-weight: inherit;
}

.comment-item {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.comment-item>div:first-child {
  width: 50px;
  display: none;
}

.user-info {
  padding-left: 15px;
}

.user-info>div:first-child {
  padding-bottom: 10px;
  font-weight: 700;
}

.comment-item>div:first-child img {
  width: 50px;
}

a {
  color: #00f;
}

b span {
  font-weight: 700 !important;
}

.user-info img {
  display: block;
  margin: 20px 0;
  width: 100%;
  max-width: 400px;
}

@media screen and (min-width:768px) {
  .info-block {
    display: flex;
  }

  .info-block>div:first-child {
    flex: 300px 0 0;
  }

  .info-block>div:last-child {
    padding: 20px;
  }

  .info-block img {
    margin: 0;
    max-width: 300px;
  }
}

img {
  max-width: 100%;
}

body {
  background: #f3f4f5;
}