<div id="sendMailOffers" class="modal cross-authorization-modal fade"> 
    <div class="modal-dialog modal-dialog-centered"> 
        <div class="modal-content sf-font px-4 py-5"> 
            <button type="button" class="close" data-dismiss="modal"></button> 
            <div class="d-flex flex-column justify-content-center align-items-center"> 
                <div class="sf-bold-font font-size-1875 text-center mt-1 mb-4">Запись онлайн</div> 
                <form  action="" class="w-100"> 
                    <div class="form-fields w-100 py-5"> 
                        <div class="field"> 
                            <input id="name" class="form-element" type="name" value="" name="name" placeholder="Ваше имя" required="required"> 
                        </div> 
                        <div class="field"> 
                            <input id="phoneInput" class="form-element" type="phone" value="" name="phone" placeholder="Контактный телефон" required="required"> 
                        </div> 
                        <div class="field"> 
                            <textarea id="offersServices" class="form-element" type="services" value="" name="services" placeholder="Желаемая услуга и дата/время посещения"></textarea> 
                        </div> 
                    </div> 
                    <div class="mt-3 w-100 text-center"> 
                        <button id="sendOffersServices" type="submit" form="loginForm" class="button-send-offers">Отправить</button> 
                       </div> 
                </form> 
 
            </div> 
        </div> 
    </div> 
</div> 
<div id="loginMailCode" class="modal cross-authorization-modal"> 
    <div class="modal-dialog"> 
        <div class="modal-content sf-font "> 
            <div class="close" data-dismiss="modal"></div> 
            <div class="d-flex justify-content-between pb-5 mb-5"> 
                <form class="w-100 position-relative"> 
                    <div class="crossAuthorization d-flex flex-column justify-content-center align-items-center"> 
                        <div class="sf-bold-font font-size-1125 text-center mb-3">Введите код</div> 
                        <p class="sf-display-font font-size-0750">Мы отправили код на E-MAIL:</p> 
                        <span id="MailAddressSet" class="sf-display-font font-600 font-size-1000 mb-1">yuri@slivki.com</span> 
                        <a href="#" class="sf-display-font link text-center  mb-5" data-dismiss="modal" data-toggle="modal" data-target="#binding_mail">Изменить</a> 
                        <div class="field d-flex justify-content-between w-100"> 
                            <input type="text" class="verification-code-mail one" name="verification-code-1" maxlength="1" autocomplete="off"> 
                            <input type="text" class="verification-code-mail" name="verification-code-2" maxlength="1" autocomplete="off"> 
                            <input type="text" class="verification-code-mail" name="verification-code-3" maxlength="1" autocomplete="off"> 
                            <input type="text" class="verification-code-mail for" name="verification-code-4" maxlength="1" autocomplete="off"> 
                        </div> 
                        <a id="loginResendCodeButton" href="#" class="sf-display-font link text-center">Получить новый код</a> 
                    </div> 
                </form> 
            </div> 
        </div> 
    </div> 
</div>