<section class="base-section  --spacing-md    s-re-agents">
  <div class="base-section__container container">
    
    <header class="base-header     s-re-agents">
      <h2 class="base-header__heading base-h1"></h2>
    </header>
    
<div class="f-search">
  <div class="f-wrap">
    
  <span class="f-input__wrapper position-relative">
        <input class="f-base --background-gray-100" type="search" id="test" placeholder="Obec, ulici, text, ID nemovitosti...">
      </span>

</div>
  <div class="f-search__button">
    <button class="btn --conversion  --icon-before" type="submit">    <span class="btn__title">Hledej</span>
  
      <span class="btn__icon">
      <span class="icon">
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><defs></defs><g transform="translate(0 517.576)"><path class="a" d="M15.731-503.136l-2.146-2.138a7.607,7.607,0,0,0,1.624-4.7,7.641,7.641,0,0,0-7.6-7.6,7.641,7.641,0,0,0-7.6,7.6,7.641,7.641,0,0,0,7.6,7.6,7.606,7.606,0,0,0,4.7-1.624l2.138,2.146a.91.91,0,0,0,.646.269.91.91,0,0,0,.645-.269A.91.91,0,0,0,16-502.49a.91.91,0,0,0-.269-.646ZM1.85-509.956a5.8,5.8,0,0,1,5.77-5.77,5.8,5.8,0,0,1,5.77,5.77,5.8,5.8,0,0,1-5.77,5.77A5.8,5.8,0,0,1,1.85-509.956Z"/></g></svg>

  </span>
    </span>
  </button>
  </div>

  </div>
    <div class="s-re-agents__dropdown">
      <span class="s-re-agents__dropdown-text">
        0
        makléřů řadit dle:</span>
      <div class="dropdown__wrapper --small">

  <select class="form-control dropdown" name="choices-single-no-sorting" >

    
          <option value=""  >Výchozí řazení</option>
          <option value=""  >Nejlépe hodnocené</option>
          <option value=""  selected="selected"  >Nejprve nejstarší</option>
          <option value=""  >Nejprve nejnovější</option>
    
  </select>

</div>
    </div>
    <ul class="g-re-agents">
  </ul>
    
<div class="g-pagination__wrapper">
  <a class="link --black --icon-before --animation-zoom" href="#" href="#">
  <span class="link__title">
    <span class="link__title-wrap"></span>
  </span>

      <div class="link__icon">
      <span class="icon  --sm">
  <svg id="Group" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <g id="Group-2" data-name="Group">
    <path id="Path" d="M0,0H24V24H0Z" fill="none"/>
    <path id="Path-2" data-name="Path" d="M18,0,9,9,0,0" transform="translate(3 7.5)" fill="none" stroke="#0062ab" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
  </g>
</svg>

  </span>
    </div>
  </a>

  <ul class="pagination">
      <li>
      <a class="pagination-arrow --disabled --previous"" href="#">
  <span class="icon">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.5 9.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>small right</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><polyline class="cls-1" points="0.75 8.75 4.75 4.75 0.75 0.75"/></g></g></svg>
  </span>
</a>
    </li>
  
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination">

          <span>
        1
      </span>
    
  </a>

  </div>
    </li>
      <li>
          <div class="i-pagination__wrapper">

  <select class="form-control i-pagination__select" id="idecko" name="choices-single-no-sorting">

                  <option value="#">50</option>
              <option value="#">51</option>
              <option value="#">52</option>
              <option value="#">53</option>
              <option value="#">54</option>
              <option value="#">55</option>
              <option value="#">56</option>
      
    
  </select>

      <label class="i-pagination" for="idecko">...</label>
  </div>
    </li>
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination">

          <span>
        3
      </span>
    
  </a>

  </div>
    </li>
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination  --active">

          <span>
        4
      </span>
    
  </a>

  </div>
    </li>
      <li>
      <div class="i-pagination__wrapper">

  <a class="i-pagination">

          <span>
        5
      </span>
    
  </a>

  </div>
    </li>
  
      <li>
      <a class="pagination-arrow  --next" href="#">
  <span class="icon">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.5 9.5"><defs><style>.cls-1{fill:none;stroke:#0062ab;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>small right</title><g id="Vrstva_2" data-name="Vrstva 2"><g id="Vrstva_1-2" data-name="Vrstva 1"><polyline class="cls-1" points="0.75 8.75 4.75 4.75 0.75 0.75"/></g></g></svg>
  </span>
</a>
    </li>
  </ul>
</div>
  <div class="g-pagination__button">
    <a class="btn --conversion" href='#'>    <span class="btn__title"></span>
  
  </a>
  </div>
    </div>
</section>