<div class="off-canvas position-right" id="offCanvas" data-off-canvas data-transition="overlap">

    <ul class="menu">
      <li>
        <form class="search outline" action="index.html" method="post">
          <div class="input-group">
            <input class="input-group-field" type="text" placeholder="Vyhľadať...">
            <div class="input-group-button">
              <button type="submit" class="button"><img src="/assets/img/icons/icon-search.svg"></button>
            </div>
          </div>
        </form>
      </li>
      <li {{#ifpage ''}} class="active" {{/ifpage}}>
        <a href="/" title="">Domov</a>
      </li>

    </ul>

    <button class="close-button" aria-label="Close menu" type="button" data-close>
      <span aria-hidden="true">&times;</span>
    </button>
  </div>

  <div id="main" role="main" class="off-canvas-content" data-off-canvas-content>
    <div class="top-bar-container">
      <div id="top-bar" class="top-bar" data-topbar>

        <div class="top-bar-left">
          <a href="/" class="top-bar-logo bg" title="Domov">
           <img src="/assets/img/logo.png" srcset="/assets/img/logo@2x.png 2x" alt="">
          </a>
        </div>

        <div class="top-bar-right show-for-large">
          <ul class="menu">
            <li {{#ifpage 'index'}} class="active" {{/ifpage}}>
              <a href="/" title="">Domov</a>
            </li>
          </ul>
        </div>

        <div class="auto expand cell hide-for-large">
          <button class="top-bar-toggle" type="button" data-toggle="offCanvas">
            <span class="hamburger"></span>
          </button>
        </div>
      </div>
    </div>

  </div>