Модальные окна

<!-- modal_id - селектор, для управления модальным окном -->

<div class="modal package__modal flex justify-center" id="modal_id">
    <div class="modal__overlay" data-modal-close="#modal_id"></div>
    <div class="package__content flex align-center relative h100 w100-m">
        <div class="form__content relative flex direction--mcolumn--drow w100 bg-white border-all-5">
            <div class="modal__close" data-modal-close="#modal_id">
                <img src="https://forstas.bizconstructor.com/migrate/close-white.svg" alt="">
            </div>

            <div>
             Привет, я модальное окно!
            </div>

        </div>
    </div>
</div>

• Показать\скрыть модальное окно

 LP.CORE.showModal('#modal_id');
 LP.CORE.closeModal('#modal_id');

• Показать модальное окно с задержкой

let timeTimeoutModalForm = setTimeout(showModalForm, 12000);

function showModalForm() {
    LP.CORE.showModal($('#modal_id'));
}

• Если модальное окно - форма, нужно убрать setTimeout модального блока формы, когда доскролили до формы

let target = $(".form"),
    targetPos = target.offset().top,
    winHeight = $(window).height(),
    scrollToElem = targetPos - winHeight;

$(window).scroll((function () {
    if ($(this).scrollTop() > scrollToElem) {
        clearInterval(timeTimeoutModalForm);
    }
}));

• Квиз
• Оплата