{# Settings #}
{% set root = "../../../" %}
{% set sidebarNavActive_1 = "shortcode-base-icon-simple-line-icons" %}
{% set title = "Simple Line Icons | " %}

{% include "html/assets/include/nunjucks/partials/head.njk" %}
{% include "html/assets/include/nunjucks/partials/core-fonts.njk" %}
{% include "html/assets/include/nunjucks/partials/core-css.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/bootstrap/offcanvas.css">
{% include "html/assets/include/nunjucks/partials/core-icons.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-dzsparallaxer.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/animate.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/wait-animate.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hamburgers/hamburgers.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/jquery-ui/themes/base/jquery-ui.min.css">

{% include "html/assets/include/nunjucks/partials/css/css-unify.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
</head>

<body>
  <main>
    {% include "html/assets/include/nunjucks/partials/blocks/headers/header-main-fullwidth.njk" %}

    <section class="container-fluid">
      <div class="row row-offcanvas row-offcanvas-left">
        <div class="col-auto sidebar-offcanvas u-sidebar-navigation g-bg-secondary g-px-0 g-py-20">
          {% include "html/assets/include/nunjucks/partials/blocks/sidebars/sidebar-local-search.njk" %}
        </div>
        <div class="col g-py-30 g-pa-30--md">
          <div class="g-hidden-md-up">
            <button type="button" class="btn btn-primary btn-sm"
                    data-toggle="offcanvas">Toggle shocrtcode nav
            </button>
          </div>

          <h1 class="g-font-weight-300 g-letter-spacing-1 g-pt-30 g-mb-35">Simple Line Icons</h1>

          <section class="g-pb-100">
            <div class="container">
              <section>
                <div class="row text-center u-icons-demo g-mx-0">
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-user"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-people"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-user-female"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-user-follow"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-user-following"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-user-unfollow"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-login"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-logout"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-emotsmile"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-phone"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-call-end"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-call-in"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-call-end"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-call-in"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-call-out"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-map"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-location-pin"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-direction"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-directions"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-compass"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-layers"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-menu"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-list"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-options-vertical"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-options"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-down"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-left"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-right"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-up"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-up-circle"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-left-circle"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-right-circle"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-arrow-down-circle"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-check"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-clock"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-plus"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-minus"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-close"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-event"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-exclamation"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-organization"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-trophy"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-screen-smartphone"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-screen-desktop"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-plane"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-notebook"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-mustache"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-mouse"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-magnet"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-energy"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-disc"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-cursor"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-cursor-move"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-crop"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-chemistry"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-speedometer"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-shield"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-screen-tablet"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-magic-wand"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-hourglass"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-graduation"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-ghost"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-game-controller"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-fire"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-eyeglass"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-envelope-open"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-envelope-letter"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-bell"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-badge"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-anchor"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-wallet"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-vector"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-speech"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-puzzle"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-printer"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-present"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-playlist"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-pin"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-picture"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-handbag"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-globe-alt"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-globe"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-folder-alt"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-folder"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-film"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-feed"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-drop"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-drawer"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-docs"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-doc"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-diamond"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-cup"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-calculator"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-bubbles"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-briefcase"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-book-open"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-basket-loaded"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-basket"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-bag"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-action-undo"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-action-redo"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-wrench"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-umbrella"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-trash"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-tag"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-support"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-frame"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-size-fullscreen"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-size-actual"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-shuffle"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-share-alt"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-share"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-rocket"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-question"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-pie-chart"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-pencil"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-note"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-loop"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-home"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-grid"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-graph"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-microphone"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-earphones-alt"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-earphones"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-equalizer"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-like"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-dislike"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-control-start"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-control-rewind"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-control-play"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-control-pause"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-control-forward"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-control-end"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-volume-1"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-volume-2"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-volume-off"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-calendar"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-bulb"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-chart"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-ban"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-bubble"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-camrecorder"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-camera"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-cloud-download"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-cloud-upload"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-envelope"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-eye"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-flag"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-heart"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-info"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-key"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-link"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-lock"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-lock-open"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-magnifier"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-magnifier-add"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-magnifier-remove"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-paper-clip"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-paper-plane"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-power"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-refresh"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-reload"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-settings"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-star"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-symbol-female"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-symbol-male"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-target"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-credit-card"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-paypal"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-tumblr"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-twitter"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-facebook"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-instagram"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-linkedin"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-pinterest"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-github"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-google"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-reddit"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-skype"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-dribbble"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-behance"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-foursqare"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-soundcloud"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-spotify"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-stumbleupon"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-youtube"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-dropbox"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-vkontakte"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                  <div class="col-6 col-sm-4 col-md-3 col-lg-2 u-icons-demo__item">
                    <span class="u-icon-v1 g-mb-10">
                      <i class="icon-social-steam"></i>
                    </span>
                    <input class="js-selecter text-truncate u-icons-demo-item__value" type="text" readonly="readonly">
                  </div>
                </div>
              </section>
            </div>
          </section>
        </div>
      </div>
    </section>

    {% include "html/assets/include/nunjucks/partials/blocks/cta/cta-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/footers/footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/footers/copyright-footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/go-to-top/go-to-top-1.njk" %}
  </main>

  {% include "html/assets/include/nunjucks/partials/core-js.njk" %}
  <script src="{{ root }}assets/vendor/bootstrap/offcanvas.js"></script>

  <!-- JS Implementing Plugins -->
  <script src="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
  {% include "html/assets/include/nunjucks/partials/js/js-dzsparallaxer.njk" %}

  {% include "html/assets/include/nunjucks/partials/js/js-jquery-ui-core.njk" %}

  <!-- jQuery UI Helpers -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/menu.js"></script>
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/mouse.js"></script>

  <!-- jQuery UI Widgets -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/autocomplete.js"></script>

  <!-- JS Unify -->
  <script src="{{ root }}assets/js/hs.core.js"></script>

  <script src="{{ root }}assets/js/components/hs.header.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.hamburgers.js"></script>

  <script src="{{ root }}assets/js/helpers/hs.selecter.js"></script>
  <script src="{{ root }}assets/js/demo/hs.demo.icons.js"></script>

  <script src="{{ root }}assets/js/components/hs.autocomplete-local-search.js"></script>
  <script src="{{ root }}assets/style-switcher/vendor/cookiejs/jquery.cookie.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.shortcode-filter.js"></script>

  <script src="{{ root }}assets/js/components/hs.go-to.js"></script>

  <!-- JS Custom -->
  <script src="{{ root }}assets/js/custom.js"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(document).on('ready', function () {
      // initialization of go to
      $.HSCore.components.HSGoTo.init('.js-go-to');
    });

    $(window).on('load', function () {
      // initialization of header
      $.HSCore.components.HSHeader.init($('#js-header'));
      $.HSCore.helpers.HSHamburgers.init('.hamburger');

      // initialization of autocomplet
      $.HSCore.components.HSLocalSearchAutocomplete.init('#autocomplete1');

      // initialization of HSMegaMenu plugin
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991
      });
    });
  </script>
</body>
</html>
