{% if site.google-tag-manager %}
  {% include _theme-includes/_script-includes/gtm/gtm-noscript.html %}
{% endif %}
<div class="main-navbar">
    <nav class="{% if site.navigation.style %}{{ site.navigation.style }}{% else %}navbar-inverse navbar-fixed-top{% endif %}" role="navigation" id="main-navigation">
        <div class="container">

            <input type="checkbox" id="navbar-toggle-cbox">

            <!-- NAVBAR HEADER-->
             <div class="navbar-header">
                  <label for="navbar-toggle-cbox" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                  </label>
                {% if site.navigation.brand %}
                    <a class="navbar-brand " href="{{site.navigation.brand.url}}">
                        {% if site.navigation.brand.image %}
                            <img src="{{site.navigation.brand.image}}" alt="{{site.title}} Logo." id="brand-image">
                        {% else %}
                            {{site.title}}
                        {% endif %}
                    </a>
                {% endif %}
              </div>

             <!-- NAVBAR COLLAPSE-->
              <div class="collapse navbar-collapse" id="navbar-collapse">
                  <ul class="nav navbar-nav navbar-right" id="navbar-buttons">
                    {% for section in site.navigation.pages %}
                        {% if section.options %}
                            <li class="dropdown">
                              <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{section.title}} <span class="caret"></span></a>
                              <ul class="dropdown-menu">
                                  {% for menu_option in section.options %}
                                      <li>
                                          <a target="_self" href="{{menu_option.url}}" title="{{menu_option.txt}}">{{menu_option.text}}</a>
                                      </li>
                                  {% endfor %}
                              </ul>
                            </li>
                        {% else %}
                            <li><a href="{{section.url}}" title="{{section.title}}">{{section.title}}</a></li>
                        {% endif %}
                    {% endfor %}
                 </ul>
            </div>

      </div>
    </nav>
</div>
<!--- Page Start Main Container--->
<div id="main-container">