. Для блока где слайдер задайте margin-top: -50px $('.color-gl').mouseenter(function(event) {
$('.color-tah').fadeOut(300);
$('.grey-tah').fadeIn(300);
$('.color-dop').fadeOut(300);
$('.grey-dop').fadeIn(300);
$('.color-med').fadeOut(300);
$('.grey-med').fadeIn(300);
}).mouseleave(function(event) {
$('.color-tah').fadeIn(300);
$('.grey-tah').fadeOut(300);
$('.color-dop').fadeIn(300);
$('.grey-dop').fadeOut(300);
$('.color-med').fadeIn(300);
$('.grey-med').fadeOut(300);
});<div class="col-12"></div><div class="row">
<div class="col-auto">
<a href="#" class="button button_right">Скачать</a>
</div>
<div class="col-auto">
<a href="#" class="button">Подробности</a>
</div>
</div>html.homestead_page body .section_wrap .columns {
display: table;
width: 100%;
height: 645px;
margin-bottom: 57px;
background: #eaeaea;
}.blue, .red, .green, .grey, .yellow {height: 150px;}
.blue {background: blue;}
.red {background: red;}
.green {background: green; height: 300px;}
.grey {background: grey;}
.yellow {background: yellow;}<div class="container-fluid">
<div class="row">
<div class="col-sm-8">
<div class="row">
<div class="col-sm-12 blue">синий блок</div>
<div class="clearfix"></div>
<div class="col-sm-12 red">красный блок</div>
</div>
</div>
<div class="col-sm-4">
<div class="col-sm-12 green">зеленый блок</div>
<div class="clearfix"></div>
<div class="col-sm-12 grey">серый блок</div>
<div class="clearfix"></div>
<div class="col-sm-12 yellow">желтый блок</div>
</div>
</div>
</div>.header.hide{top: -158px; transition: top .15s ease-in-out;}
.header {background: #fff; border-bottom: 1px solid #eee; position: absolute; z-index: 100; top: 0; left: 0; right: 0;}$(window).scroll(function () {
if ($(this).scrollTop() > 75) {
$('.header').addClass('hide');
return false;
} else if ($(this).scrollTop() < 158) {
$('.header').removeClass('hide');
return false;
}
});
if ($(window).scrollTop() > 75) {
$('.header').addClass('hide');
return false;
}<div class="container">
<div class="row">
<div class="col">
</div>
</div>
</div>@media (min-width: 1200px)
.container {
max-width: 1140px;
}$(document).on('click', 'a[href^="#"]', function (event) {
...
}<a href="#top" class="logo"><img src="images/logo.png" alt="Еда"></a><div class="logo"><img src="images/logo.png" alt="Еда"></div>