/* Begin Additional CSS Styles */

.art-blockheader .t,
.art-vmenublockheader .t {
    white-space: nowrap;
}

.hidden {
    display: none;
}


/*
Вёрстка (вставить в шаблон, например перед </body>):

<div class="callback-modal callback-modal-toggle" id="callback-modal" hidden>
  <div class="callback-modal__form">
    <div class="callback-modal__headline">Оставить заявку</div>
    <form enctype="multipart/form-data" class="formBlock form-submit-toggle">
      <input name="head" type="hidden" value="Заявка на обратный звонок">
      <input name="Имя" required type="text" class="callback-modal__name" placeholder="Имя">
      <input name="Электронная почта" required type="email" class="callback-modal__email" placeholder="Электронная почта">
      <input name="Телефон" required type="tel" class="callback-modal__phone mask-tel-rus" placeholder="Телефон">
      <textarea name="Сообщение" rows="3" placeholder="Сообщение"></textarea>
      <div class="botLineMF">
        <label class="wrapLabel">
          <input required type="checkbox">
          <span>Я даю <a href="/soglasie-posetitelya-sajta-na-obrabotku-personalnykh-dannykh" target="_blank" rel="noopener noreferrer">согласие</a> на обработку своих персональных данных и ознакомлен с <a href="/politika-v-otnoshenii-obrabotki-personalnykh-dannykh" target="_blank" rel="noopener noreferrer">политикой конфиденциальности</a></span>
        </label>
        <button type="submit">Отправить заявку</button>
      </div>
    </form>
  </div>
  <button title="Close (Esc)" type="button" class="mfp-close">×</button>
</div>

Открытие: убрать [hidden] / добавить .is-open на .callback-modal
*/

#mod-custom151 {
    position: fixed;
    z-index: 100;
    bottom: 35px;
    left: 20px;
    cursor: pointer;
}


/* ---------- callback-modal ---------- */

.callback-modal-toggle {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: auto;
    padding: 28px 28px 24px;
    background: #fff;
    border: 1px solid rgba(0, 32, 106, 0.12);
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(0, 32, 106, 0.22);
    box-sizing: border-box;
}

.callback-modal__headline {
    margin: 0 36px 18px 0;
    padding: 0;
    font-family: Philosopher, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #00206a;
}

.callback-modal .formBlock {
    margin: 0;
}

.callback-modal .formBlock input[type="text"],
.callback-modal .formBlock input[type="email"],
.callback-modal .formBlock input[type="tel"],
.callback-modal .formBlock textarea,
.callback-modal__name,
.callback-modal__email,
.callback-modal__phone {
    display: block;
    width: 100%;
    height: 48px;
    margin: 0 0 12px;
    padding: 12px 16px;
    border: 1px solid #c9d0e0;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
    color: #00206a;
    font-family: Philosopher, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.3;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.callback-modal .formBlock textarea {
    height: auto;
    min-height: 90px;
    resize: vertical;
}

.callback-modal .formBlock input::placeholder,
.callback-modal .formBlock textarea::placeholder {
    color: #8a94a8;
    opacity: 1;
}

.callback-modal .formBlock input:focus,
.callback-modal .formBlock textarea:focus {
    border-color: #2542cf;
    box-shadow: 0 0 0 2px rgba(37, 66, 207, 0.15);
}

.callback-modal .botLineMF {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 16px;
    margin-top: 4px;
}

.callback-modal .wrapLabel {
    display: flex;
    flex: 1 1 240px;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
    font-family: Philosopher, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #334;
}

.callback-modal .wrapLabel input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #2542cf;
}

.callback-modal .wrapLabel a {
    color: #2542cf;
    text-decoration: underline;
}

.callback-modal .botLineMF button,
.callback-modal .formBlock button {
    flex: 0 0 auto;
    min-width: 180px;
    height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 6px;
    background: #2542cf;
    color: #fff;
    font-family: Philosopher, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    cursor: pointer;
}

.callback-modal .botLineMF button:hover,
.callback-modal .formBlock button:hover {
    background: #1d35a8;
}

@media screen and (max-width: 600px) {
    .callback-modal__form {
        padding: 22px 16px 18px;
    }
    .callback-modal__headline {
        font-size: 20px;
    }
    .callback-modal .botLineMF button,
    .callback-modal .formBlock button {
        width: 100%;
    }
}


/* End Additional CSS Styles */