/* Минимальные стили для LP-модалок (callback/expert и т.п.).
   Нужны на "NEW_PAGE", где базовый /css/style.css может не подключаться. */

.form-card-lp {
  background-color: #fff;
  box-shadow: 0 18px 70px -17px rgba(29, 52, 122, 0.9);
  padding: 34px 40px 32px 40px;
}

@media (max-width: 991px) {
  .form-card-lp {
    width: 70%;
    margin: 0 auto;
    padding: 20px;
  }
}

@media (max-width: 479px) {
  .form-card-lp {
    width: 100%;
  }
}

.form-card-lp--modal {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f5f6fa;
}

.form-card-lp__title {
  margin-bottom: 9px;
  font-family: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.764705882352941em;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}

@media (min-width: 768px) {
  .form-card-lp__title {
    font-size: 2.142857142857143em;
  }
}

.form-card-lp--modal .form-card-lp__title {
  margin-bottom: 15px;
}

.form-card-lp__section {
  font-size: 0;
}

.form-card-lp__input {
  width: 100%;
  border: 1px solid #dce0ea;
  padding: 10px 20px;
  font-family: inherit;
  display: block;
  box-shadow: inset 0 1px 4px 0 rgba(228, 231, 240, 0.7);
  height: 45px;
}

.form-card-lp__input:focus {
  outline: 0;
  border: 1px solid #b7bcc7;
}

.form-card-lp__input::-webkit-input-placeholder {
  font-weight: 700;
  color: #929fab;
  opacity: 1;
}

.form-card-lp__input:-moz-placeholder {
  font-weight: 700;
  color: #929fab;
  opacity: 1;
}

.form-card-lp__input::-moz-placeholder {
  font-weight: 700;
  color: #929fab;
  opacity: 1;
}

.form-card-lp__input:-ms-input-placeholder {
  font-weight: 700;
  color: #929fab;
  opacity: 1;
}