Верстка макета и установка на CMS

Макеты страниц в PSD (прикрепил два основных к проекту), нужно их сверстать и установить на CMS Modx.

Логотип и иконки в формате SVG. Если устройством данный формат не поддерживается, предусмотреть растровые версии.
Все телефоны  это ссылки с атрибутом "tel:"
При скролле ниже 400px основное меню привязывается к верху экрана. На адаптивной версии меню с телефоном (показано в файле Главная-480.psd в скрытом слое).

В адаптивной версии сайта работа меню аналогичная сайту (по работе, но не по цвету) – colornile.ru

В верхнем главном меню ссылки при нажатии на ссылки "Продажа" или "Аренда" в фильтре отмечаются все пункты данной группы и происходит переход к результатам поиска. Например, при нажатии на ссылку "Продажа" отмечаются пункты в фильтре "Продажа", "Коммерческая недвижимость", "Жилая недвижимость", "Загородная недвижимость".

Как работает фильтр:
По умолчанию и при переходе на главную страницу выбраны все категории и соответственно отображаются все карточки объектов.

Так же при выборе всех категорий и на главной странице отображаются спецпредложения (две большие верхние на макете). Спецпредложений может быть больше двух. Если выбраны не все категории, то спецпредложения не отображаются.

В версии для компьютера фильтр отображается в левой части экрана и всегда виден при пролистывании страницы.

В каталоге отображается максимум 15 карточек объектов. Если карточек объектов больше, они делятся по страницам и снизу отображается навигационная панель со списком страниц.

Карточка объекта имеет следующие характеристики и поля:
  1. Название
  2. Принадлежность к категории. В карточке объекта отображается только тип сделки  продажа или аренда.
  3. Полный почтовый адрес. Характеристика так же влияет на отображение карты в карточке объекта. На карте отображается отметка с точным местоположением объекта.
  4. Общая площадь.
  5. Количество комнат.
  6. Цена. На всем сайте цена искусственно делится на разряды (разделитель – пробел).
  7. Краткое описание. Поле для ввода текста с визуальным редактором.
  8. Дополнительная информация. Поле для ввода текста с визуальным редактором.
Если какое-либо поле не заполнено, то оно не отображается на сайте.

При нажатии на фотографии, они открываются в увеличенном размере в модальном окне. Если фотографий несколько, то создается галерея.
На все большие фотографии по центру накладывается водяной знак (пример в файле watermark01.psd).
Должна быть возможность массовой загрузки фотографий в карточку объекта путем перетаскивания файлов или выбором через кнопку "Обзор".
Должна быть возможность сортировки фотографий в карточке объекта. Первая фотография в списке является превью в каталоге.

При нажатии на кнопку "Заказать обратный звонок" отображается всплывающее модальное окно, которое имеет поля:
1. Ваше имя (НЕ обязательно для заполнения)
2. Телефон (обязательно для заполнения)
3. Кнопка "Заказать звонок"
При нажатии на кнопку "Отправить" происходит отправка введенных значений на электронную почту администратора и вывод на экран сообщения: Спасибо. Наш менеджер перезвонит в ближайшее время!.
Сверху-справа графическая кнопка "Закрыть". По нажатию на которую, а так же в любом месте экрана, кроме модального окна происходит закрытие этого окна.

Очень важно все сделать до 9 июля

В комментариях сразу пишите условия работы, цену, примерный срок работы и способы связи (skype предпочтительно).
Предложения без цен не рассматриваю. Оплата по этому проекту в рублях, через Яндекс.Деньги или Сбербанк.