Сверстать HTML+CSS блок

Нужно сверстать в адаптиве HTML+CSS блок такого плана. Допустимо использовать JS в наименьшем количестве (желательно без него). Мобильную версию блока пришлю позже, но там все достаточно стандартно

Описание: 

1. Точкам нужно зациклить плавное изменение opacity с 50% до 100%

2. При наведении на точку с ссылкой у нас принудительно меняется opacity до 100% и подчеркивается ссылка

3. Весь текст должен быть текстом, не картинкой

Верхнее меню с логотипом верстать не нужно. 

_______ 

В дополнении к этому нужно еще сделать на карте плавное появление точек 2-3 размеров. Карта должна быть векторная. Сейчас есть только карта в SVG. Как должны быть размещены точки я вышлю.

Сроки, цена?