ТЗ

Есть форма, которая открывается поверх сайта после загрузки

Нужно сделать
1) Адаптивность, что бы форма нормально открывалась и на телефоне в 4 дюйма, и на плазме в 32.
2) Фильтры на каждое поле , что бы в телефон можно было написать только телефон и т.д.
Имя и фамилия = допустимы только буквы (укр, англ, рус, китай и т.д.)
Остальное по логике
3) При открытии формы нужно что бы задний фон затемнялся.
4) Если поля не заполнены - кнопку Текст_2 нажать нельзя. Нужно что бы всплывало уведомление об этом
5) После нажатия на кнопку Текст_2 - форма должна закрыться , а фон станет обычным, прозрачным (что бы можно было смотреть сайт и лазить по нему)

Все что на скрине - есть сорцы, дам в комлпект.
Всю форму нужно оформить в один файл (index.php = css+js+html).

Это первое задание






Второе задание

Есть форма, которая открывается поверх сайта после загрузки
В диве находится яндекс карта (api яндекс карты в помощь)
Задний фон затемнен

Нужно с помощью апи убрать все лишние блоки (пробки, слои и т.д.), оставить только поиск.
Так же сам див должен быть адаптивным к размерам экрана.

После нажатия на кнопку продолжить - карта должна закрываться и открываться форма с предыдущего задания (фон так же темный)

Всю форму нужно оформить в один файл (index2.php = css+js+html).