Александр Лысенко

Андрей: В целом вот ответ на ваш вопрос.
Несколько деталей:
1) .menu div - клик приходится на обертку картинки, а не на нее лично;
2) <div tabindex="0"> для того чтобы div мог работать с :focus ему необходимо задать этот параметр

Известный баг/явление с отступами у inline элементов. Побеждается несколькими способами. Например, float: left или отсуствием переноса строки в верстке:

НЕ так

<img src="">
<img src="">

а ТАК
<img src=""><img src="">

Загляните в консоль, ваши шрифты не загружаются

Блок .wrapper, у него задан overflow:hidden. Уберите и будет работать.

Так (+ ваши примочки):

<button data-fmetrika="yaCounterXXXXXX.reachGoal('ORDER')">заказать звонок</button>

И так:

$('button[data-src="#popup-form"]').on('click', function() {
	var metrika = $(this).data('fmetrika');
  $('.modal_form_popup').attr('onsubmit', metrika);
});

Id уникален для каждого элемента. Недопустимо использование нескольких id, как и их написание через пробел. Используйте data-attribute или классы

Разберетесь и подправите

min_interval и max_interval

word-wrap: break-word;

Класс .slide у него не задано свойство position:relative из-за этого ссылка прячется под первый слайд