Макет сайта "театра"

Сверстать это макет http://rghost.ru/7txTn9M5f

Технические условия:

Адаптивная верстка

Page_1_2_Pr - Это главная страница при загрузке появляется загрузчик он находится в папке loader, Скриптом надо определить скорость интернета и есть скорость позволяет грузить видео если нет то зацикленный JPEG в ленту По середине.

1. Меню - нужно чтобы последний пункт меню был красным (Думаю верно будет :last-child); 

2. При наведении на пункт меню вокруг него используются галлочки такие прямоугольные они должны чуть чуть разъезжаться

3. При прокрутке меню на главной странице остается на месте

4. Все фотографии черно-белые при наведении становятся цветными на 50%

5. Для desktop версии использовать два вида курсора пальчик и стрелочку (выделения не нужно)

6. Иконки в футере соц сетей остаются серыми при наведении

Page_about_s22 - Это страница спектакля 

1. При прокрутке меню становится инверсным на белом

2. Стрелочка на бампере внизу прокручивает страницу в низ ровно на один экран

3. текст на бампере не выходит за границу 40%

4. аудио-плеер с перемоткой и таймлайном

5. При нажатии на фото, видео, пресса, награды эффект перехода на ТАБ резкий

6. При нажатии на стрелочки внутри табов(фото, видео, сми, награды) переход плавный

Page_Afisha2_klukva.jpg - АФИША

1. При нажатии на стрелочку у месяца прокрутка ко второму месяцу

Page_Awards.jpg - Награды

1. При нажати на картунку открывается поверх оверлей слой спользовать вот этот вьювер (http://photoswipe.com/) для всех фотоок которые открываются

Page_contacts.jpg - контакты

1. футера не нужно

2. При нажатии на карту или ссылку схема проезда overlay(модальное окно с затемнением фона на 50%) iframe с картой. 90% заполнения (по центру) с крестиком выходом на esc или нажатием на заметненную область

Page_Documents.jpg - Документы

1. При нажатии на документ, оверлей(модальное окно с затемнением фона на 50%) слой ззаполенние 90% с документом без рамок с крестиком в углу выходом на esc или нажатием на заметненную область (без ссылки на скачивание)

Page_MassMedia2.jpg - пресса

1. по нажатию переход по ссылке в новом окне

Page_Mirovozzrenie_hanty.jpg - мировозрение

1. принажати на ссылки ХАНТЫ, МАНСИ или в оглавлении прокрутка до раздела, кнопочка вверх справа прокручивает в начало (будет в следующей редакции правок его надо будет везде поставить)

Page_Video22.jpg - видеогалерея

При нажатии открывается оверлей слой как и везде и в нем видео.

Дополнительно: 

+еще будет страница с персоной она сейчас верстается 

+Вариант страницы для слабовидящих, там будет только инверсная схема , обычная и три шрифта. И панель переключения.

ВСЕ ОСТАЛЬНОЕ ПО ЛОГИКЕ, ИЛИ ПО СОГЛАСОВАНИЮ.