html {
    font-size: 14px;
  }
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
  
  .container {
    max-width: 960px;
  }
  
  .pricing-header {
    max-width: 700px;
  }
  
  .card-deck .card {
    min-width: 220px;
  }
  
  .border-top { border-top: 1px solid #e5e5e5; }
  .border-bottom { border-bottom: 1px solid #e5e5e5; }
  
  .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* Honeypot в форме регистрации: поле должно существовать в разметке и быть
   доступным для автозаполнения ботам, но человек его видеть не должен.
   Поэтому уводим за пределы экрана, а не прячем через display:none —
   некоторые боты пропускают скрытые поля и ловушка перестаёт работать. */
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Bootstrap 5 убрал стили старого .form-group, а шаблоны его используют:
   без этого подписи, поля и кнопка отправки в формах прилипали друг к другу. */
.form-group {
  margin-bottom: 1rem;
}

.card-body form > .d-grid {
  margin-top: 1.25rem;
}

/* Уведомления поверх страницы. Раньше они стояли в обычном потоке и при
   появлении сдвигали шапку и содержимое вниз. */
.flash-stack {
  position: fixed;
  top: .75rem;
  left: 50%;
  transform: translateX(-50%);
  width: min(92vw, 520px);
  z-index: 1080;
}


  /* social share icons */

*, ::after, ::before {
  box-sizing: border-box;
}ul.social-icons {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  margin-right: 15px;
}
.social-icons li a {
  color: #666666 !important;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.social-icons li i {
  font-size: 14px;
  color: #999999;
}