Кирилл Туровников

Вы явно ошиблись с отступом, если хотите сделать по центру, то если logo 50x50:

left: 50%;
margin-left: -25px; /* половина ширины logo */

либо вместо margin
transform: translateX(-50%);

Всем ссылкам на фотографии чтобы они были галереей надо добавлять аттрибут rel="prettyPhoto[pp_gal]", в скобках имя галереи, например

<a href="2.jpg" rel="prettyPhoto[pp_gal]"><img src="t_2.jpg"></a>

Выше написал, что чтобы не было отступов между li добавьте ul{ font-size:0; }
Вот написал простенький слайдер https://jsfiddle.net/straj/0vc1kz6n/6/

Если все таки нужно именно float:left; то вот пример https://jsfiddle.net/straj/0vc1kz6n/8/

По двух причинам:
1) Это дополнительная библиотека, дополнительные запросы при загрузке страницы
2) Нативный js все-таки как ни крути немного быстрее выполняется

PS на текущий момент jquery подключен на подавляющем большинстве сайтов, на нем базируется огромное множество плагинов и как-то глупо требовать его не использовать, либо самостоятельно им пренебрегать, все это приводит к изобретению очередного велосипеда.

У меня на телефоне глючит отправка и повторное открытие, но сама форма и валидация вроде отработала. Для начала постарайтесь исправить все ошибки
Если проблемы в хроме мобильном, то телефон можно подключить в режиме отладки к компьютеру и посмотреть что в консоле будет

Добавьте свойство: border-spacing: 0;

Да конечно же он срабатывает на дочерних элементах, он ловит клик внутри всего элемента, можно так:

$(".select2-selection").click(function(event) {
     $target = $(event.target);
     if (!$target.hasClass('children')) {
         $ops.addClass('op');
     }
 });

Но лучше покажите сам html и измените вложенность, добавьте класс или ид необходимому элементу.

Или как выше указал Ivanq можно использовать такую функцию:

$("#some_id").click(function(event) { 
      event.stopPropagation();
});

Вместо $("#some_id") указать селекторы дочерних элементов, которые надо исключить, например $(".select2-selection > *")

Вот ваш код:

$(".tabs_header .wrapper .tab").click(function() {
        $(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
        $(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn()
    }).eq(0).addClass("active");

Напишите функцию инициации при загрузке странице.
У вас 2 раза подключается jquery, я бы не придумывал велосипед и подключил jquery.ui и использовал https://jqueryui.com/tabs/

Блок с телефонами у вас сделан аналогичных образом, можно просто поправить стили

.tabs_header .tab_item:first-of-type {
    display: block;
}
.tabs_header  .tab_item {
    display: none;
}

Просто не очень хороший верстальщик, который не думает ни о семантике, ни о том как потом это будет работать/программироваться, а только о том чтобы все было визуально похоже на макет. Как реализовать те или и иные моменты, лучше один раз обговорить чтобы не изобретать велосипед. На первый раз я бы указал что и как, а в следующий заставил переделывать. Дизайнеры не редко грешат тем что, нарисуют не знаю что, ни с кем не советуясь, а потом попробуй это воплоти в жизнь, или же обратная ситуация когда бэкэндщик все разламывает в верстке и ничего не работает потом. В общем нужна тесная работа в команде, с совместным обсуждением на вех этапах.

Если правильно понял:

.container{ background: #fff; }
.wrapper-footer{ margin-top: -60px; }