Адаптивная верстка (кроссбраузерная) с ФШ

Нужно отверстать макет из фш + js + php обработчик. Макет представлен под десктоп, планшет и телефон (480), нужна + верстка под 320.

Верхняя форма работает в 2 шага.

1 шаг - заполнить поле с вопросом. Разумеется, если поле не заполнено, то на следующий шаг кидать не должно.

2 шаг - заполнить контакты

По клику - "отправить", появляется всплывающее окно с информацией об "Успешной" оплате.

Нижняя форма и всплывающие формы (4 скрин), работают без дополнительных шагов.

В формах нужна валидация. Все поля являются обязательными. Проверка полей на заполнение по клику на кнопку. В поле телефон - только цифры, без маски. Отправка письма на несколько ящиков.

Наши услуги - якоря к услугам в блоке "Несколько примеров того, как специалисты нашей компании проводят бесплатные консультации". Клик на услугу открывает нужный таб с услугами.

В блоке "Несколько примеров того, как специалисты нашей компании проводят бесплатные консультации"

Семейное право - Трудовое право и так далее, это табы.

Увольнение - Социальные права и так далее, это начало контента. Просто текст.

Х - то спойлеры, простые - по клику разворачивается текст ниже. Открывается один - закрывается другой.

Все элементы находятся в состоянии как при "наведении". Отключите эффекты в ФШ, чтобы увидеть нормальное состояние элементов.

Из макета не верстаем:

Поле город в форме

Кнопки переключатели в блоке (Facebook и Google) "Что говорят клиенты"

В футере - "Наш офис" и "Соц. сетями"

Пишите цену и сроки. Версия макета- финальная. Больше правок не будет. Работа исключительно по БС