Сергей Тутуков

<ul class="navigation">
  <li><a href="#" data-index="#1">1</a></li>
  <li><a href="#" data-index="#2">2</a></li>
  <li><a href="#" data-index="#3">3</a></li>
  <li><a href="#" data-index="#4">4</a></li>
  <li><a href="#" data-index="#5">5</a></li>
</ul>

$(".onepage-pagination li a").click(function (){
        var page_index = $(this).data("index");
        el.moveTo(page_index);
      });

$(".onepage-pagination li a, .navigation li a").click(function (){
        var page_index = $(this).data("index");
        el.moveTo(page_index);
      });

.section-10 .wrapper{
     will-change: transform;
}

#block3 a.list-group-item:hover, 
button.list-group-item:hover, 
a.list-group-item:focus, 
button.list-group-item:focus {
    background-color: #9a9a9a;
}

.active{
    background-color: #9a9a9a;
}

<button type="button" data-target="#myModal">
modal
</button>
<div id="myModal">

<button type="button" data-target="#myModal2">
modal2
</button>
<div id="myModal2">

<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>
<div class="container">
  <div class="row">
       <div class="col-md-8"></div>
  </div>
</div>
<div class="col-md-4"></div>
<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-md-8"></div>
    <div class="col-md-4"></div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-md-12"></div>
   </div>
</div>

.header {
    overflow:hidden;
}
.center-wrapper {
    margin: 10px auto;
}

.logo p{
line-height: 44px;
}

.head_block {
width: 100%;
height: 100%;
position: relative;
overflow:hidden;
}
video{
min-width:100%;
min-height:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}