igumenov

$(document).ready(function(){
  $("#video-active").on(
    "timeupdate", 
    function(event){
      console.log(this.currentTime);
      console.log(this.duration);
      if(this.currentTime=='10'){
            //alert('start sound');
       }
    });
});

В текущей ситуации я бы сделал так:
Создаем некий контейнер 1600, в него уже 2 колонки с width 50% (чтобы с полосой футера сошлось) и в правую изображение
и весь этот контейнер бы положил абсолютно z-index: -1
Тогда получится адаптивное решение

Это нативный выбор через select

Нужно сделать transform: translateX(-200px)
200- ширина меню
само же меню сделать всегда видимым
например position: absolute; top:0; left: 100%;
Тогда смещая body_wrap мы сможем увидеть меню

html map
https://www.image-map.net/

position: sticky

normalize.css подключать самым первым, затем остальные стили включая Google fonts

brm.io/jquery-match-height-demo

Использую brm.io/jquery-match-height-demo

.owl-nav button span{
font-size: 0;
color: transparent;
}

на сколько я вижу gulp не установлен
ошибка в --global
лишний "-"