Why is the search form not displayed on the site?

Question

css

Guys help fix the search form on the site. I installed the Advanced Search Form script https://codyhouse.co/gem/advanced-search-form on my website https://atomograd.su. When you click on the search icon, a window pops up, but the search form itself is not shown, there is also no button to close the form (cross).
Whole header code

spoiler

<header class="cd-main-header animate-search"><div id=nav class=nav >
<nav class="navbar navbar-expand-lg navbar-dark bg-dark ">
      <div class="container">
        <a class="navbar-brand" href="/"><img src="{theme}/images/logo.png"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse f-right" id="navbarsExample07">
          <ul class="navbar-nav mr-auto navbar-nav-fix">
            <li class="nav-item">
              <a class="nav-link nav-item-link" href="/">ГЛАВНАЯ</a>              
            </li>
               <li class="nav-item">
              <a class="nav-link nav-item-link" href="/news">НОВОСТИ</a>              
            </li>
          <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle nav-item-link" href="" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">МЕДИАТЕКА</a>
              <div class="dropdown-menu" aria-labelledby="dropdown07">
                <a class="dropdown-item" href="/photo-albums"><i class="fa fa-picture-o" aria-hidden="true"></i>  Фотоальбомы</a>
                <a class="dropdown-item" href="/videos"><i class="fa fa-youtube" aria-hidden="true"></i>  Видеозаписи</a>
                <a class="dropdown-item" href="/movies"><i class="fa fa-film" aria-hidden="true"></i>  Фильмы</a>
                <a class="dropdown-item" href="/audio"><i class="fa fa-music" aria-hidden="true"></i>  Аудиозаписи</a>
                <a class="dropdown-item" href="/simulators"><i class="fa fa-cubes" aria-hidden="true"></i>  Приложения</a>
              </div>
            </li>           
            <li class="nav-item dropdown nav-item-link">
              <a class="nav-link dropdown-toggle nav-item-link" href="" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">БИБЛИОТЕКА</a>
              <div class="dropdown-menu" aria-labelledby="dropdown07">
                <a class="dropdown-item" href="/stati-o-chernobylskoy-zone/"><i class="fa fa-text-width"></i>  Статьи о ЧЗО</a>
                <a class="dropdown-item" href="/news/"><i class="fa fa-newspaper-o"></i>  Новости</a>
                <a class="dropdown-item" href="/books/"><i class="fa fa-book"></i>  Книги</a>
                  <a class="dropdown-item" href="/proza/"><i class="fa fa-pencil"></i>  Проза</a>
                  <a class="dropdown-item" href="/documentation"><i class="fa fa-file-text-o"></i>  Документы</a>
                  <a class="dropdown-item" href="/interview"><i class="fa fa-align-left"></i>  Интервью</a>
              </div>
            </li>
               <li class="nav-item">
              <a class="nav-link nav-item-link" href="/tours.html">ЭКСКУРСИИ</a>
            </li>
               
          </ul>
       
             <a href="#search" class="cd-search-trigger cd-text-replace"><i class="fa fa-times cw" aria-hidden="true"></i></a>

 
 <div class="btn-user"><a data-toggle="modal" data-target="#exampleModal">[group=5]<i class="fa fa-sign-in" aria-hidden="true"></i>  ВОЙТИ В ПРОФИЛЬ[/group][not-group=5]<i class="fa fa-user-o" aria-hidden="true"></i>  ПРОФИЛЬ[/not-group]</a></div>
    <a class="cd-menu-trigger" href="#main-nav"><span></span></a>
            

            
                 </div>
      </div>

    </nav>

</div>


<script>
const nav = document.getElementById('nav');

window.onscroll = function() {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  if(scrolled > 40) {
    nav.classList.add('collapsed');
  } else {
     nav.classList.remove('collapsed');
  }
}

$('[data-mark="search"]').click(function() {
  $('.searchblock').show();
})

$('.close').click(function() {
  $('.searchblock').hide();
})
</script>
{login}




    

    <nav class="cd-main-nav-wrapper">
      <a href="#search" class="cd-search-trigger cd-text-replace">Search</a>
      
      
    </nav> <!-- .cd-main-nav-wrapper -->

    <a href="#0" class="cd-nav-trigger cd-text-replace">Menu<span></span></a>
  </header>
  
  

  <div id="search" class="cd-main-search">
    <form>
      <input type="search" placeholder="Search..." style="z-index:10000000;display:inline-block;">

      <div class="cd-select">
        <span>in</span>
        <select name="select-category">
          <option value="all-categories">all Categories</option>
          <option value="category1">Category 1</option>
          <option value="category2">Category 2</option>
          <option value="category3">Category 3</option>
        </select>
        <span class="selected-value">all Categories</span>
      </div>
    </form>

    <div class="cd-search-suggestions">
      <div class="news">
        <h3>News</h3>
        <ul>
          <li>
            <a class="image-wrapper" href="#0"><img src="img/placeholder.png" alt="News image"></a>
            <h4><a class="cd-nowrap" href="#0">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a></h4>
            <time datetime="2016-01-12">Feb 03, 2016</time>
          </li>

          <li>
            <a class="image-wrapper" href="#0"><img src="img/placeholder.png" alt="News image"></a>
            <h4><a class="cd-nowrap" href="#0">Incidunt voluptatem adipisci voluptates fugit beatae culpa eum, distinctio, assumenda est ad</a></h4>
            <time datetime="2016-01-12">Jan 28, 2016</time>
          </li>

          <li>
            <a class="image-wrapper" href="#0"><img src="img/placeholder.png" alt="News image"></a>
            <h4><a class="cd-nowrap" href="#0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, esse.</a></h4>
            <time datetime="2016-01-12">Jan 12, 2016</time>
          </li>
        </ul>
      </div> <!-- .news -->

      <div class="quick-links">
        <h3>Quick Links</h3>
        <ul>
          <li><a href="#0">Find a store</a></li>
          <li><a href="#0">Accessories</a></li>
          <li><a href="#0">Warranty info</a></li>
          <li><a href="#0">Support</a></li>
          <li><a href="#0">Contact us</a></li>
        </ul>
      </div> <!-- .quick-links -->
    </div> <!-- .cd-search-suggestions -->

  
  </div> <!-- .cd-main-search -->

  <div class="cd-cover-layer"></div> <!-- cover main content when search form is open -->

Answer 1

for the .cd-main-search class specify top: 100px