Илья

Добавьте box-sizing: border-box; в login

Вариантов может быть много
<div class="test"></div>

.test {
	border: solid 1px #000;
	width: 300px;
	height: 200px;
	position: relative;
}
.test:after {
	content: "";
	position: absolute;
	width: 100vw;
	border-bottom: 1px solid red;
	left: -9px;
	top: 100px;
}

Скорее всего вот из-за этой высоты:

<div class="clients__wrapper" style="height: 610px;">

Не classname, а просто class

Картинку надо сделать бэкграундом.

Как то так:

<ul>
  <li><a class="" href="#">Li1 text</a></li>
  <li><a class="" href="#">Li2 Text</a></li>
</ul>

a {
  background-image: url(_include/img/icon_side.png);
  background-position: center;
  line-height: 30px;
  text-align: center;
}

codepen.io/Rimush/pen/jrvkgk

есть тег area, можно им.
htmlbook.ru/html/area

Первое. Вы обрабатываете нажатие на элементы hua-1 hua-2 hua-3 которых у вас в коде нет
Второе. Второй и третий div изначально скрыты, как вы по ним собираетесь нажимать?
Третье. Есть отличные примеры anton.shevchuk.name/javascript/jquery-for-beginners

П.С. Судя по сайту скрипты работаю, с контентом что то не то. Видимо его просто нет.

А что нельзя просто вставить логотип картинкой как есть с иллюзией прозрачности?

Может так?

ul.data-list {
  display: table; 
  float: left;
}
ul.data-list li {
  display: table-cell;
}

Мне помогло так:

<div id="vk_widget"></div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<script>
    function VK_Widget_Init(){
        document.getElementById('vk_widget').innerHTML = '<div id="vk_groups"></div>';
        VK.Widgets.Group("vk_groups", {mode: 0, width: "auto", height: "241", color1: "2B2B2B", color2: "FFFFFF", color3: "2B2B2B"}, 26292363);
    };
    window.addEventListener('load', VK_Widget_Init, false);
    window.addEventListener('resize', VK_Widget_Init, false);
</script>