iBird Rose

там же все открыто

<input disabled type="text" value="111">

SVG спрайты через symbol

на свою функцию перехода по якорям добавь закрытие

$('a[data-target^="anchor"]').bind('click.smoothscroll', function() {
   $('.nav').removeClass('nav--active');
    var target = $(this).attr('href'),
        bl_top = $(target).offset().top - 40;
    $('body, html').animate({
        scrollTop: bl_top
    }, 700);
    return false;
});

не используй обращение к тегам в css. обращайся только по классу. задавай нужные отступы в классах и присваивай их своим < p >
p.s. а вообще почитай на досуге https://ru.bem.info/

https://codepen.io/anon/pen/zZJNgN?editors=1100

display: table;

$('.your-slider').slick('unslick');

.fon-st-even {position: relative;}
.fon-st-even:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.bl-text {position: relative; z-index: 2;}

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