j1m_nav 0.0.1

data/_includes/themes/j1/modules/adapter/bootsnav/procedures/sidebar.proc

@@ -0,0 +1,123 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/_includes/themes/j1/modules/nav_module/sidebar.proc
+ #  Liquid PROCEDURE template to create the Sidebar for J1 Template
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2017 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% assign bootsnav_config = include.bootsnav_config %}
+{% assign theme_switcher  = site.data.modules.j1_bs_theme_switcher %}
+
+
+{% comment %} Liquid procedures                                 {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% capture select_color     %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/components/select_icon_size.proc{% endcapture %}
+
+
+{% comment %} Liquid var initialization                         {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% assign display_theme   = bootsnav_config.sidebar.display_theme %}
+{% assign close_icon      = bootsnav_config.sidebar.close_icon %}
+
+{% if bootsnav_config.icon_family == 'FontAwesome' %}
+  {% assign icon_family = 'fa' %}
+{% endif %}
+
+{% if bootsnav_config.sidebar.icon_color != null %}
+  {% include {{select_color}} color=bootsnav_config.sidebar.icon_color fallback="#9E9E9E" %}
+  {% assign my_icon_color = {{color}} %}
+  {% capture icon_color %}style="color:{{my_icon_color}}"{% endcapture %}
+{% else %}
+  {% assign icon_color = '' %}
+{% endif %}
+
+{% include {{select_icon_size}} family=bootsnav_config.icon_family size=bootsnav_config.sidebar.icon_size %}
+{% assign icon_size = {{size}} %}
+
+
+{% comment %} Fallback configs                                  {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% unless close_icon %}
+  {% assign close_icon = 'close' %}
+{% endunless %}
+
+{% unless icon_family %}
+  {% assign icon_family = 'mdi' %}
+  {% assign icon_size = 'mdi-18px' %}
+{% endunless %}
+
+
+{% comment %} Main                                              {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+<!-- Start Side Menu -->
+<div class="side">
+  <a href="#" class="close-side"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} {{icon_size}}" {{icon_color}}></i></a>
+
+  {% if display_theme %}
+    <div class="widget">
+      <h4 class="heading">Theme Info</h4>
+      <ul id="display_theme_details" class="link">
+        <li><a href="#" >Author: Jekyll-One</a></li>
+        <li><a href="http://getbootstrap.com/" target="blank">Version: 3.3.7</a></li>
+      </ul>
+    </div>
+
+    <!-- Check if J1 Theme enabled -->
+    {% if theme_switcher.enabled %}
+      <!-- Add J1 Theme Manager details -->
+      <script type="text/javascript">
+        // Load the previously selected theme from the cookies
+        var themeName     = $.cookie('{{ theme_switcher.cookieThemeName }}');
+        var themeNameItem = '<li><a href="{{ asset_path }}/theme_manager/preview.html">Theme: <i id="theme_name">' + themeName + '</i></a></li>';
+        $("#display_theme_details").prepend(themeNameItem);
+      </script>
+    {% else %}
+      <script type="text/javascript">
+        <!-- Theme for J1|Bootstrap statically loaded -->
+        var themeNameItem = '<li><a href="{{ asset_path }}/theme_manager/preview.html">Theme: <i id="theme_name">Default</i></a></li>';
+        $("#display_theme_details").prepend(themeNameItem);
+      </script>
+    {% endif %}
+    <!-- End Check J1 Theme enabled -->
+  {% endif %}
+
+  <!-- Collect SideBar Box data -->
+  {% for boxes in bootsnav_config.sidebar.boxes %}
+    {% for box in boxes %}
+      {% if box[0] == 'box' %}
+        <div class="widget">
+          <h4 class="heading">{{box[1].title}}</h4>
+          {% assign type = box[1].type %}
+          {% if type == 'linkbox' %}
+            {% assign links = box[1].links %}
+            {% for link in links %}
+              <ul class="link">
+                <li><a href="{{ link[1] }}">{{ link[0] }}</a></li>
+              </ul>
+            {% endfor %}
+          {% endif %}
+        </div>
+      {% endif %}
+    {% endfor %}
+  {% endfor %}
+
+</div>
+<!-- End Side Menu -->

data/_includes/themes/j1/modules/adapter/bootsnav/procedures/topsearch.proc

@@ -0,0 +1,126 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/_includes/templates/j1/modules/nav_module/topsearch.proc
+ #  Liquid PROCEDURE template to create search input for the main
+ #  navigation (Simple Jekyll Search)
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2017 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% assign bootsnav_config       = include.bootsnav_config %}
+{% assign quick_search_config   = site.data.modules.j1_jekyll_search %}
+{% assign elastic_search_config = site.data.modules.j1_elastic_search %}
+
+{% comment %} Liquid procedures                                 {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% capture select_color     %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/components/select_icon_size.proc{% endcapture %}
+
+
+{% comment %} Liquid var initialization                         {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% assign quick_search   = true %}
+{% assign elastic_search = false %}
+
+{% if bootsnav_config.top_search.type == 'quick_search' %}
+  {% assign quick_search   = true %}
+{% endif %}
+
+{% if bootsnav_config.top_search.type == 'elastic_search' %}
+  {% assign elastic_search = true %}
+  {% assign quick_search   = false %}
+{% endif %}
+
+{% assign placeholder         = bootsnav_config.top_search.placeholder %}
+{% assign search_heading_lead = bootsnav_config.top_search.search_heading_lead %}
+{% assign result_heading_lead = bootsnav_config.top_search.result_heading_lead %}
+
+{% assign search_icon = bootsnav_config.top_search.search_icon %}
+{% assign close_icon = bootsnav_config.top_search.close_icon %}
+
+{% if bootsnav_config.icon_family == 'FontAwesome' %}
+  {% assign icon_family = 'fa' %}
+{% endif %}
+
+{% if bootsnav_config.top_search.icon_color %}
+  {% include {{select_color}} color=bootsnav_config.top_search.icon_color fallback="#9E9E9E" %}
+  {% assign my_icon_color = {{color}} %}
+  {% capture icon_color %}style="color:{{my_icon_color}}"{% endcapture %}
+{% else %}
+  {% assign icon_color = '' %}
+{% endif %}
+
+{% include {{select_icon_size}} family=bootsnav_config.icon_family size=bootsnav_config.top_search.icon_size %}
+{% assign icon_size = {{size}} %}
+
+{% comment %} Fallback configs                                  {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% unless search_icon %}
+  {% assign search_icon = 'magnify' %}
+{% endunless %}
+
+{% unless close_icon %}
+  {% assign close_icon = 'close' %}
+{% endunless %}
+
+{% unless icon_family %}
+  {% assign icon_family = 'mdi' %}
+  {% assign icon_size = 'mdi-48px' %}
+{% endunless %}
+
+
+{% comment %} Main                                              {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% if bootsnav_config.top_search.enabled %}
+
+  {% comment %} JekyllSimpleSearch engine                       {% endcomment %}
+  {% comment %} ----------------------------------------------- {% endcomment %}
+
+  {% if quick_search %}
+    <!-- Start TopSearch (quick_search) -->
+    <div class="top-search">
+      <div class="container">
+        <div class="input-group">
+          <span class="input-group-addon"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}" {{icon_color}}></i></span>
+          <input type="text" id="jss-input" class="form-control" placeholder="{{placeholder}}">
+          <span class="input-group-addon close-search"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} {{icon_size}}" {{icon_color}}></i></span>
+        </div>
+      </div>
+      <!-- search panel, hidden (display: none) -->
+      <div class="panel panel-search" id="jss-panel" style="display: none">
+        <!-- default panel contents -->
+        <div class="panel-heading lead">{{ search_heading_lead }}</div>
+        <div class="panel-body"><p>{{ result_heading_lead }}</p></div>
+        <!-- list group -->
+        <div class="list-group">
+          <ul id="jss-results"></ul>
+        </div>
+      </div>
+    </div>
+    <!-- End TopSearch (quick_search) -->
+    {% endif %}
+
+    {% comment %} ElasticSearch engine                          {% endcomment %}
+    {% comment %} --------------------------------------------- {% endcomment %}
+
+    {% if elastic_search %}
+      <!-- TopSearch for ElasticSearch (elastic_search) currently NOT supported -->
+    {% endif %}
+
+{% endif %}

data/assets/themes/j1/bs_bootsnav/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 adamnurdin01
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/assets/themes/j1/bs_bootsnav/README.md

@@ -0,0 +1,44 @@
+## Bootsnav - Multi Purpose Header 
+Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.
+
+[DEMO & Documentation](http://bootsnav.danurstrap.com/)
+
+## File Structure
+CSS files stored in folder 'CSS' and 'skins' (color skins). However, you'd just need to edit the overwrite.css file. It contains the styling elements for all header menu. 
+
+```
+bootsnav/
+├── css/
+│   ├── bootsnav.css
+│   ├── style.css
+└── js/
+    └── bootsnav.js
+```
+
+## Credit
+Framework Based
+- Bootstrap V.3 - http://getbootstrap.com/
+
+Font
+- Open Sans - https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
+
+Icons
+- Font Awesome - https://fortawesome.github.io/Font-Awesome/
+
+Javascript
+- jQuery  - https://code.jquery.com/jquery/
+- Bootstrap  - http://getbootstrap.com/
+- IE  - https://github.com/twbs/bootstrap/tree/master/docs/assets/js
+
+CSS
+-  Animate - https://daneden.github.io/animate.css/
+
+## Change Log
+
+### v.1.1 - 2016-06-11
+- Fixed Navbar sticky
+- Fixed Search mobile device
+- Fixed Active navigation on brand center
+
+### v.1.2 - 2016-10-19
+- Responsive 991px

data/assets/themes/j1/bs_bootsnav/css/bootsnav.css

@@ -0,0 +1,1570 @@
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/bootsnav/css/bootsnav.css
+ #  Provides CSS styles for Bootsnav
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  https://github.com/adamnurdin01/bootsnav
+ #
+ #  Copyright (C) 2017 Juergen Adams
+ #  Copyright (c) 2016 adamnurdin01
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  Bootsnav is licensed under the MIT License.
+ #  For details, see https://github.com/adamnurdin01/bootsnav
+ #
+ # -----------------------------------------------------------------------------
+ #  Template name:  Bootsnav - Multi Purpose Header
+ #  Categorie:      Bootstrap Menu in CSS
+ #  Author:         adamnurdin01
+ #  Version:        v.1.1
+ #  Created:        2016-06-02
+ #  Last update:    2016-06-11
+ # -----------------------------------------------------------------------------
+*/
+  
+/* MEGAMENU STYLE
+=================================*/
+nav.bootsnav .dropdown.megamenu-fw {
+  position: static;
+}
+
+nav.bootsnav .container {
+  position: relative;
+}
+
+nav.bootsnav .megamenu-fw .dropdown-menu {
+  left: auto;
+}
+
+nav.bootsnav .megamenu-content {
+  padding: 15px;
+  width: 100% !important;
+}
+
+nav.bootsnav .megamenu-content .title{
+  margin-top: 0;
+}
+
+nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
+  left: 0;
+  right: 0;
+}
+
+/* Navbar
+=================================*/
+nav.navbar.bootsnav {
+  margin-bottom: 0;
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  -o-border-radius: 0px;
+  border-radius: 0px;
+  background-color: #fff;
+  border: none;
+  /* jadams: kleine drecks pixel unterhalb des navbar */
+  border-bottom: solid {{bottom_line_height}}px {{bottom_line_color}};
+  z-index: 9;
+}
+
+/* jadams: underline active */
+nav.navbar.bootsnav > .active > a {
+		bottom: -2px;
+		position: relative;
+		/* jadams: border-bottom: solid 2px #72c02c; */
+    border-bottom: solid 2px #6f6f6f;
+	}
+
+nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
+nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
+nav.navbar.bootsnav ul.nav li.active > a:hover,
+nav.navbar.bootsnav ul.nav li.active > a:focus,
+nav.navbar.bootsnav ul.nav > li > a
+  background-color: transparent;
+}
+
+/* jadams active list element */
+nav.navbar.bootsnav ul.nav li.active > a{
+  background-color: transparent;
+}
+
+nav.navbar.bootsnav .navbar-toggle{
+  /* jadams: background was overwritten to white ! */
+  /* background-color: #fff !important; */
+  background-color: transparent !important;
+  border: none;
+  padding: 0;
+  font-size: 18px;
+  position: relative;
+  top: 5px;
+}
+
+nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
+  top: 0;
+  left: 100%;
+}
+
+nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
+  white-space:normal;
+}
+
+/* jadams: set font-size to 13px */
+ul.menu-col{
+  padding: 0;
+  margin: 0;
+  font-size: 13px;
+  list-style: none;
+}
+
+ul.menu-col li a{
+  color: #6f6f6f;
+}
+
+ul.menu-col li a:hover,
+ul.menu-col li a:focus{
+  text-decoration: none;
+}
+
+/* Navbar Full
+=================================*/
+nav.bootsnav.navbar-full{
+  padding-bottom: 10px;
+  padding-top: 10px;
+}
+
+nav.bootsnav.navbar-full .navbar-header{
+  display: block;
+  width: 100%;
+}
+
+nav.bootsnav.navbar-full .navbar-toggle{
+  display: inline-block;
+  margin-right: 0;
+  position: relative;
+  top: 0;
+  font-size: 30px;
+  -webkit-transition: all 1s ease-in-out;
+  -moz-transition: all 1s ease-in-out;
+  -o-transition: all 1s ease-in-out;
+  -ms-transition: all 1s ease-in-out;
+  transition: all 1s ease-in-out;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse{
+  position: fixed;
+  width: 100%;
+  height: 100% !important;
+  top: 0;
+  left: 0;
+  padding: 0;
+  display: none !important;
+  z-index: 9;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse.in{
+  display: block !important;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse .nav-full{
+  overflow: auto;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{
+  display: table-cell;
+  vertical-align: middle;
+  background-color: #fff;
+  overflow: auto;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
+  width: 0;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
+  width: 0;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
+  width: 0;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
+  width: 0;
+}
+
+
+nav.bootsnav.navbar-full .navbar-collapse ul.nav{
+  display: block;
+  width: 100%;
+  overflow: auto;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
+nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
+nav.bootsnav.navbar-full .navbar-collapse ul.nav a{
+  background-color: transparent;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{
+  float: none;
+  display: block;
+  text-align: center;
+}
+
+nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{
+  display: table;
+  margin: auto;
+  text-transform: uppercase;
+  font-weight: bold;
+  letter-spacing: 2px;
+  font-size: 24px;
+  padding: 10px 15px;
+}
+
+li.close-full-menu > a{
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+li.close-full-menu{
+  padding-top: 30px !important;
+  padding-bottom: 30px !important;
+}
+
+/* QuickLinks (Attribute) Navigation
+=====================================*/
+
+.attr-nav{
+  float: right;
+  display: inline-block;
+  margin-left: 13px;
+  /* jadams: changed because of div|header, org: margin-right: -15px; */
+  margin-right: -20px;
+}
+
+.attr-nav > ul{
+  padding: 0;
+  margin: 0 0 -7px 0;
+  list-style: none;
+  display: inline-block;
+}
+
+.attr-nav > ul > li{
+  float: left;
+  display: block;
+}
+
+
+/* jadams: place icons */
+.attr-nav > ul > li > a{
+  color: #6f6f6f;
+  display: block;
+  /* padding: 28px 15px; */
+  padding: 10px 10px;
+  position: relative;
+}
+
+.attr-nav > ul > li > a span.badge{
+  position: absolute;
+  top: 50%;
+  margin-top: -15px;
+  right: 5px;
+  font-size: 10px;
+  padding: 0;
+  width: 15px;
+  height: 15px;
+  padding-top: 2px;
+}
+
+.attr-nav > ul > li.dropdown ul.dropdown-menu{
+  -moz-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  -o-border-radius: 0px;
+  border-radius: 0px;
+  -moz-box-shadow: 0px 0px 0px;
+  -webkit-box-shadow: 0px 0px 0px;
+  -o-box-shadow: 0px 0px 0px;
+  box-shadow: 0px 0px 0px;
+  border: solid 1px #e0e0e0;
+}
+
+ul.cart-list{
+  padding: 0 !important;
+  width: 250px !important;
+}
+
+ul.cart-list > li{
+  position: relative;
+  border-bottom: solid 1px #efefef;
+  padding: 15px 15px 23px 15px !important;
+}
+
+ul.cart-list > li > a.photo{
+  padding: 0 !important;
+  margin-right: 15px;
+  float: left;
+  display: block;
+  width: 50px;
+  height: 50px;
+  left: 15px;
+  top: 15px;
+}
+
+ul.cart-list > li img{
+  width: 50px;
+  height: 50px;
+  border: solid 1px #efefef;
+}
+
+ul.cart-list > li > h6{
+  margin: 0;
+}
+
+ul.cart-list > li > h6 > a.photo{
+  padding: 0 !important;
+  display: block;
+}
+
+ul.cart-list > li > p{
+  margin-bottom: 0;
+}
+
+ul.cart-list > li.total{
+  background-color: #f5f5f5;
+  padding-bottom: 15px !important;
+}
+
+ul.cart-list > li.total > .btn{
+  display: inline-block;
+  border-bottom: solid 1px #efefef !important;
+}
+
+ul.cart-list > li .price{
+  font-weight: bold;
+}
+
+ul.cart-list > li.total > span{
+  padding-top: 8px;
+}
+
+/* Top Search
+=================================*/
+.top-search {
+  background-color: {{ search_input_background_color }};
+  padding: 10px 0;
+  display: none;
+}
+
+.top-search input.form-control{
+  background-color: transparent;
+  border: none;
+  -moz-box-shadow: 0px 0px 0px;
+  -webkit-box-shadow: 0px 0px 0px;
+  -o-box-shadow: 0px 0px 0px;
+  box-shadow: 0px 0px 0px;
+  color: #fff;
+  height: 40px;
+  padding: 0 15px;
+}
+
+.top-search .input-group-addon{
+  background-color: transparent;
+  border: none;
+  color: #fff;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.top-search .input-group-addon.close-search{
+  cursor: pointer;
+}
+
+/* Side Menu
+=================================*/
+body {
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+
+body.on-side{
+  margin-left: -280px;
+}
+
+.side{
+  position: fixed;
+  overflow-y: auto;
+  top: 0;
+  right: -280px;
+  width: 280px;
+  padding: 25px 30px;
+  height: 100%;
+  display: block;
+/*  background-color: {{ quicklinks_background_color }}; */
+  background-color: #FFF;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+  z-index: 9;
+}
+
+.side.on{
+  right: 0;
+}
+
+.side .close-side{
+  float: right;
+  color: #fff;
+  position: relative;
+  z-index: 2;
+  font-size: 16px;
+}
+
+.side .widget{
+  position: relative;
+  z-index: 1;
+  margin-bottom: 25px;
+}
+
+.side .widget .title{
+  color: #fff;
+  margin-bottom: 15px;
+  border-left: 3px solid #204a87;
+  padding-left: 5px;
+}
+
+/* jadams 2016-09-12: Heading Sidebar */
+.side .widget .heading {
+	text-align: left;
+  color: #eee;
+  font-size: 18px;
+  text-transform: uppercase;  
+	position: relative;
+  margin-bottom: 10px;
+  padding-bottom: 10px;
+}
+
+.heading:after {
+    left: 0;
+    bottom: 0;
+    height: 2px;
+    width: 50px;
+    content: " ";
+    background: #204a87;
+    position: absolute;
+}
+
+.heading-footer h2 {
+    color: #eee;
+    font-size: 18px;
+    text-transform: uppercase;
+}
+
+.side .widget ul.link{
+  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 14px;  
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.side .widget ul.link li a{
+  color: #aaa;
+  /* letter-spacing: 1px; */
+}
+
+.side .widget ul.link li a:focus,
+.side .widget ul.link li a:hover{
+  color: #FAFAFA;
+  text-decoration: none;
+}
+
+/* Share
+=================================*/
+nav.navbar.bootsnav .share{
+  padding: 0 30px;
+  margin-bottom: 30px;
+}
+
+nav.navbar.bootsnav .share ul{
+  display: inline-block;
+  padding: 0;
+  margin: 0 0 -7px 0;
+  list-style: none;
+}
+
+nav.navbar.bootsnav .share ul > li{
+  float: left;
+  display: block;
+  margin-right: 5px;
+}
+
+nav.navbar.bootsnav .share ul > li > a{
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+  width: 35px;
+  height: 35px;
+  -moz-border-radius: 50%;
+  -webkit-border-radius: 50%;
+  -o-border-radius: 50%;
+  border-radius: 50%;
+  background-color: #cfcfcf;
+  color: #fff;
+}
+
+/* Transparent
+=================================*/
+nav.navbar.bootsnav.navbar-fixed{
+  position: fixed;
+  display: block;
+  width: 100%;
+}
+
+nav.navbar.bootsnav.no-background{
+  -webkit-transition: all 1s ease-in-out;
+  -moz-transition: all 1s ease-in-out;
+  -o-transition: all 1s ease-in-out;
+  -ms-transition: all 1s ease-in-out;
+  transition: all 1s ease-in-out;
+}
+
+/* Navbar Sticky
+=================================*/
+.wrap-sticky{
+  position: relative;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+
+.wrap-sticky nav.navbar.bootsnav{
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+}
+
+.wrap-sticky nav.navbar.bootsnav.sticked{
+  position: fixed;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
+  left: -280px;
+}
+
+/* Navbar Responsive
+=================================*/
+@media (min-width: 1024px) and (max-width:1400px) {
+  body.wrap-nav-sidebar .wrapper .container{
+    width: 100%;
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
+
+/* Large Window|Desktop
+ ------------------------------------------------------------- */
+/* jadams: changed media query breakpoint from 1024 to 800 */
+@media (min-width: 1024px) {
+  /* General Navbar
+  =================================*/
+  nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
+      margin-top: -2px;
+  }
+
+  nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
+      left: -200px;
+  }
+
+  /* jadams: menue item bold face: font-weight: 600; */
+  nav.navbar.bootsnav ul.nav > li > a{
+    padding: 30px 15px;
+    font-weight: 300;
+  }
+
+  /* jadams: chevron-down to indicate a sub-menue */
+  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
+      font-family: 'FontAwesome';
+      content: "\f078";
+      font-size: 10px;
+  }
+
+  /* jadams: width of a menue item: width: 250; */
+  /* jadams: border-top: solid 2px */
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
+      -moz-box-shadow: 0px 0px 0px;
+      -webkit-box-shadow: 0px 0px 0px;
+      -o-box-shadow: 0px 0px 0px;
+      box-shadow: 0px 0px 0px;
+      -moz-border-radius: 0px;
+      -webkit-border-radius: 0px;
+      -o-border-radius: 0px;
+      border-radius: 0px;
+      padding-top: 2px;
+      margin-top: 0px;
+      min-width: 250px;
+      background: #fff;
+      border: solid 1px #e0e0e0;
+      border-top: solid 3px;
+  }
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
+      /* background-color: transparent; */
+		color: #687074;
+		filter: none !important;
+		background: #eee !important;
+		-webkit-transition: all 0.1s ease-in-out;
+		-moz-transition: all 0.1s ease-in-out;
+		-o-transition: all 0.1s ease-in-out;
+		transition: all 0.1s ease-in-out;
+  }
+
+  /* jadams: height of a menue item: padding: 10px 15px; */
+  /*
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
+      padding: 7px 15px;
+      border-bottom: solid 1px #eee;
+      color: #6f6f6f;
+  }
+  */
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
+		color: #687074;
+		font-size: 13px;
+		font-weight: 400;
+		padding: 6px 15px;
+		border-bottom: solid 1px #eee;
+  }
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
+      border-bottom: none;
+  }
+
+  nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
+      text-align: right;
+  }
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
+      font-family: 'FontAwesome';
+      float: right;
+      content: "\f105";
+      margin-top: 0;
+  }
+
+  nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
+      font-family: 'FontAwesome';
+      float: left;
+      content: "\f104";
+      margin-top: 0;
+  }
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
+      top: -3px;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
+      padding: 0 15px !important;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
+     padding: 25px 0 20px;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
+      padding: 0;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
+      padding: 0;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
+      padding: 0 30px;
+      margin: 0 -0.5px;
+      border-left: solid 1px #f0f0f0;
+      border-right: solid 1px #f0f0f0;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
+      border-left: none;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
+      border-right: none;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
+      display: none;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
+      text-align: left;
+      padding: 5px 0;
+      display: block;
+      width: 100%;
+      margin-bottom: 0;
+      border-bottom: none;
+      color: #6f6f6f;
+  }
+
+  nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
+      display: block !important;
+      height: auto !important;
+  }
+
+  /* Navbar Transparent
+  =================================*/
+  nav.navbar.bootsnav.no-background{
+      background-color: transparent;
+      /*jadams: border: none; */
+      border-bottom: 0px;
+  }
+
+  nav.navbar.bootsnav.navbar-transparent .attr-nav {
+      padding-left: 15px;
+      margin-left: 30px;
+  }
+
+  nav.navbar.bootsnav.navbar-transparent.white {
+      background-color: rgba(255,255,255,0.3);
+      border-bottom: solid 3px #FAFAFA;
+  }
+
+  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
+  nav.navbar.bootsnav.navbar-transparent.dark {
+      background-color: rgba(0,0,0,0.3);
+      border-bottom: solid 3px #555;
+  }
+
+  /* jadams: doofes pixel in der NavBar */
+/*  
+  nav.navbar.bootsnav.navbar-transparent.white {
+      border-left: solid 1px #bbb;
+  }
+*/
+
+  nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
+  nav.navbar.bootsnav.navbar-transparent.dark {
+      border-left: solid 1px #555;
+  }
+
+  nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
+  nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
+  nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
+  nav.navbar.bootsnav.no-background.white ul.nav > li > a {
+      color: floralwhite;
+  }
+
+  nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
+  nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
+      color: #eee;
+  }
+
+  nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
+  nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
+      display: none;
+  }
+
+  nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
+  nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
+      display: block;
+  }
+
+  nav.navbar.bootsnav.navbar-fixed .logo-display {
+      display: none;
+  }
+
+  nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
+      display: block;
+  }
+
+  /* Atribute Navigation
+  =================================*/
+  .attr-nav > ul > li.dropdown ul.dropdown-menu{
+      margin-top: 0;
+      margin-left: 55px;
+      width: 250px;
+      left: -250px;
+  }
+
+  /* Menu Center
+  =================================*/
+  nav.navbar.bootsnav.menu-center .container{
+      position: relative;
+  }
+
+  nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
+      float:none;
+      margin: 0 auto;
+      display: table;
+      table-layout: fixed;
+  }
+
+  nav.navbar.bootsnav.menu-center .navbar-header,
+  nav.navbar.bootsnav.menu-center .attr-nav{
+      position: absolute;
+  }
+
+  nav.navbar.bootsnav.menu-center .attr-nav{
+      right: 15px;
+  }
+
+  /* Navbar Brand top
+  =================================*/
+  nav.bootsnav.navbar-brand-top .navbar-header{
+      display: block;
+      width: 100%;
+      text-align: center;
+  }
+
+  nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
+      margin-top: 2px;
+  }
+
+  nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
+      margin-top: 0;
+  }
+
+  nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
+      display: inline-block;
+      float: none;
+      margin: 0;
+  }
+
+  nav.bootsnav.navbar-brand-top .navbar-collapse{
+      text-align: center;
+  }
+
+  nav.bootsnav.navbar-brand-top ul.nav{
+      display: inline-block;
+      float: none;
+      margin: 0 0 -5px 0;
+  }
+
+  /* Navbar Center
+  =================================*/
+  nav.bootsnav.brand-center .navbar-header{
+      display: block;
+      width: 100%;
+      position: absolute;
+      text-align: center;
+      top: 0;
+      left: 0;
+  }
+
+  nav.bootsnav.brand-center .navbar-brand{
+      display: inline-block;
+      float: none;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse{
+      text-align: center;
+      display: inline-block;
+      padding-left: 0;
+      padding-right: 0;
+  }
+
+  nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
+      margin-top: 2px;
+  }
+
+  nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
+      margin-top: 0;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse .col-half{
+      width: 50%;
+      float: left;
+      display: block;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse .col-half.left{
+      text-align: right;
+      padding-right: 100px;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse .col-half.right{
+      text-align: left;
+      padding-left: 100px;
+  }
+
+  nav.bootsnav.brand-center ul.nav{
+      float: none !important;
+      margin-bottom: -5px !important;
+      display: inline-block !important;
+  }
+
+  nav.bootsnav.brand-center ul.nav.navbar-right{
+      margin: 0;
+  }
+
+  nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
+      text-align: left;
+      padding-right: 100px;
+  }
+
+  nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
+      text-align: right;
+      padding-left: 100px;
+  }
+
+  /* Navbar Sidebar
+  =================================*/
+  body.wrap-nav-sidebar .wrapper{
+      padding-left: 260px;
+      overflow-x: hidden;
+  }
+
+  nav.bootsnav.navbar-sidebar{
+      position: fixed;
+      width: 260px;
+      overflow: hidden;
+      left: 0;
+      padding: 0  0 0 0 !important;
+      background: #fff;
+      -moz-box-shadow: 1px 0px 1px 0px #eee;
+      -webkit-box-shadow: 1px 0px 1px 0px #eee;
+      -o-box-shadow: 1px 0px 1px 0px #eee;
+      box-shadow: 1px 0px 1px 0px #eee;
+  }
+
+  nav.bootsnav.navbar-sidebar .scroller{
+      width: 280px;
+      overflow-y:auto;
+      overflow-x: hidden;
+  }
+
+  nav.bootsnav.navbar-sidebar .container-fluid,
+  nav.bootsnav.navbar-sidebar .container{
+      padding: 0 !important;
+  }
+
+  nav.bootsnav.navbar-sidebar .navbar-header{
+      float: none;
+      display: block;
+      width: 260px;
+      padding: 10px 15px;
+      margin: 10px 0 0 0 !important;
+  }
+
+  nav.bootsnav.navbar-sidebar .navbar-collapse{
+      padding: 0 !important;
+      width: 260px;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav{
+      float: none;
+      display: block;
+      width: 100%;
+      padding: 0 15px !important;
+      margin: 0 0 30px 0;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li{
+      float: none !important;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav > li > a{
+      padding: 10px 15px;
+      font-weight: bold;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
+      float: right;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
+      left: 100%;
+      top: 0;
+      position: relative !important;
+      left: 0 !important;
+      width: 100% !important;
+      height: auto !important;
+      background-color: transparent;
+      border: none !important;
+      padding: 0;
+      -moz-box-shadow: 0px 0px 0px;
+      -webkit-box-shadow: 0px 0px 0px;
+      -o-box-shadow: 0px 0px 0px;
+      box-shadow: 0px 0px 0px;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
+      border: none !important;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
+      margin-bottom: 15px;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
+      padding-left: 0;
+      float: none;
+      margin-bottom: 0;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
+      padding:  5px 15px;
+      color: #6f6f6f;
+      border: none;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
+      padding-left: 15px;
+      margin-top: 0;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
+      font-family: 'FontAwesome';
+      content: "\f105";
+      float: right;
+  }
+
+  nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
+      content: "\f107";
+  }
+
+  nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
+      padding: 0 !important;
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
+      display: block;
+      float: none !important;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
+      padding: 7px 0;
+      text-transform: none;
+      font-weight: 400;
+      letter-spacing: 0px;
+      margin-bottom: 0;
+      cursor: pointer;
+      color: #6f6f6f;
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
+      font-family: 'FontAwesome';
+      content: "\f105";
+      float: right;
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
+      content: "\f107";
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
+      border: none;
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
+      padding: 0 0 0 15px;
+  }
+
+  nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
+      padding: 3px 0 !important;
+  }
+}
+
+@media (max-width: 1023px) {
+  /* Navbar Responsive
+  =================================*/
+  
+  nav.navbar.bootsnav .navbar-brand    {
+      display: inline-block;
+      float: none !important;
+      margin: 0 !important;
+  }
+
+  nav.navbar.bootsnav .navbar-header {
+      float: none;
+      display: block;
+      text-align: center;
+      padding-left: 30px;
+      padding-right: 30px;
+  }
+
+  nav.navbar.bootsnav .navbar-toggle {
+      display: inline-block;
+      float: left;
+      margin-right: -200px;
+      margin-top: 10px;
+  }
+
+  nav.navbar.bootsnav .navbar-collapse {
+      border: none;
+      margin-bottom: 0;
+  }
+
+  nav.navbar.bootsnav.no-full .navbar-collapse{
+      max-height: 350px;
+      overflow-y: auto !important;
+  }
+
+  nav.navbar.bootsnav .navbar-collapse.collapse {
+      display: none !important;
+  }
+
+  nav.navbar.bootsnav .navbar-collapse.collapse.in {
+      display: block !important;
+  }
+
+  nav.navbar.bootsnav .navbar-nav {
+      float: none !important;
+      padding-left: 30px;
+      padding-right: 30px;
+      margin: 0px -15px;
+  }
+
+  nav.navbar.bootsnav .navbar-nav > li {
+      float: none;
+  }
+
+  nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{
+      font-family: 'FontAwesome';
+      content: "\f105";
+      float: right;
+      font-size: 16px;
+      margin-left: 10px;
+  }
+
+  nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
+      content: "\f107";
+  }
+
+  nav.navbar.bootsnav .navbar-nav > li > a{
+      display: block;
+      width: 100%;
+      border-bottom: solid 1px #e0e0e0;
+      padding: 10px 0;
+      border-top: solid 1px #e0e0e0;
+      margin-bottom: -1px;
+  }
+
+  nav.navbar.bootsnav .navbar-nav > li:first-child > a{
+      border-top: none;
+  }
+
+  nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
+      border-bottom: solid 1px #e0e0e0;
+  }
+
+  nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
+      float: none !important;
+      position: relative;
+      display: block;
+      width: 100%;
+  }
+
+  /* jadams: set min width of a menue item to: 250 */
+  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
+      min-width: 250px !important;
+      width: 100%;
+      position: relative !important;
+      background-color: transparent;
+      float: none;
+      border: none;
+      padding: 0 0 0 15px !important;
+      margin: 0 0 -1px 0 !important;
+      -moz-box-shadow: 0px 0px 0px;
+      -webkit-box-shadow: 0px 0px 0px;
+      -o-box-shadow: 0px 0px 0px;
+      box-shadow: 0px 0px 0px;
+      -moz-border-radius: 0px 0px 0px;
+      -webkit-border-radius: 0px 0px 0px;
+      -o-border-radius: 0px 0px 0px;
+      border-radius: 0px 0px 0px;
+  }
+
+  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
+      display: block;
+      width: 100%;
+      border-bottom: solid 1px #e0e0e0;
+      padding: 10px 0;
+      color: #6f6f6f;
+  }
+
+  nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
+  nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
+      background-color: transparent;
+  }
+
+  nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
+      float: none !important;
+      left: 0;
+      padding: 0 0 0 15px;
+      position: relative;
+      background: transparent;
+      width: 100%;
+  }
+
+  nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
+      display: inline-block;
+      margin-top: -10px;
+  }
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
+      display: none;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
+      padding: 10px 15px 10px 0;
+      line-height: 24px;
+      text-transform: none;
+      font-weight: 400;
+      letter-spacing: 0px;
+      margin-bottom: 0;
+      cursor: pointer;
+      border-bottom: solid 1px #e0e0e0;
+      color: #6f6f6f;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
+    display: block;
+    width: 100%;
+    border-bottom: solid 1px #e0e0e0;
+    padding: 8px 0;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
+    font-family: 'FontAwesome';
+    content: "\f105";
+    float: right;
+    font-size: 16px;
+    margin-left: 10px;
+    position: relative;
+    right: -15px;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{
+    border-bottom: none;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{
+    border-bottom: solid 1px #e0e0e0;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
+    border-bottom: none;
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{
+    content: "\f107";
+  }
+
+  nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{
+    padding: 0 0 0 15px;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse{
+    display: block;
+  }
+
+  nav.bootsnav.brand-center ul.nav{
+    margin-bottom: 0px !important;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse .col-half{
+    width: 100%;
+    float: none;
+    display: block;
+  }
+
+  nav.bootsnav.brand-center .navbar-collapse .col-half.left{
+    margin-bottom: 0;
+  }
+
+  nav.bootsnav .megamenu-content{
+    padding: 0;
+  }
+
+  nav.bootsnav .megamenu-content .col-menu{
+    padding-bottom: 0;
+  }
+
+  nav.bootsnav .megamenu-content .title{
+    cursor: pointer;
+    display: block;
+    padding: 10px 15px;
+    margin-bottom: 0;
+    font-weight: normal;
+  }
+
+  nav.bootsnav .megamenu-content .content{
+    display: none;
+  }
+
+  .attr-nav{
+    position: absolute;
+    right: 60px;
+  }
+
+  .attr-nav > ul{
+    padding: 0;
+    margin: 0 -15px -7px 0;
+  }
+
+  .attr-nav > ul > li > a{
+    padding: 16px 15px 15px;
+  }
+
+  .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
+    display: none;
+  }
+
+  .attr-nav > ul > li.dropdown ul.dropdown-menu{
+    margin-top: 2px;
+    margin-left: 55px;
+    width: 250px;
+    left: -250px;
+    border-top: solid 5px;
+  }
+
+  .top-search .container{
+    padding: 0 45px;
+  }
+
+  /* Navbar full Responsive
+  =================================*/
+  nav.bootsnav.navbar-full ul.nav{
+    margin-left: 0;
+  }
+
+  nav.bootsnav.navbar-full ul.nav > li > a{
+    border: none;
+  }
+
+  nav.bootsnav.navbar-full .navbar-brand    {
+    float: left !important;
+    padding-left: 0;
+  }
+
+  nav.bootsnav.navbar-full .navbar-toggle {
+    display: inline-block;
+    float: right;
+    margin-right: 0;
+    margin-top: 10px;
+  }
+
+  nav.bootsnav.navbar-full .navbar-header {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  /* Navbar Sidebar
+  =================================*/
+  nav.navbar.bootsnav.navbar-sidebar .share{
+    padding: 30px 15px;
+    margin-bottom: 0;
+  }
+
+  /* Tabs
+  =================================*/
+  nav.navbar.bootsnav .megamenu-content.tabbed{
+    padding-left: 0 !mportant;
+  }
+
+  nav.navbar.bootsnav .tabbed > li{
+    padding: 25px 0;
+    margin-left: -15px !important;
+  }
+
+  /* Mobile Navigation
+  =================================*/
+  body > .wrapper{
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+  }
+
+  body.side-right > .wrapper{
+    margin-left: 280px;
+    margin-right: -280px !important;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
+    position: fixed;
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
+    display: block;
+    background: #fff;
+    z-index: 99;
+    width: 280px;
+    height: 100% !important;
+    left: -280px;
+    top: 0;
+    padding: 0;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{
+    left: 0;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav{
+    width: 293px;
+    padding-right: 0;
+    padding-left: 15px;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
+    padding: 15px 15px;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
+    padding-right: 15px !important;
+    padding-top: 15px !important;
+    padding-bottom: 15px !important;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
+    padding-right: 30px !important;
+    padding-top: 13px !important;
+    padding-bottom: 13px !important;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
+    padding-top: 13px !important;
+    padding-bottom: 13px !important;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
+    width: 100%;
+  }
+
+  nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
+    display: block !important;
+  }
+
+  nav.navbar.bootsnav.navbar-fixed .logo-display{
+    display: none !important;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile .tab-menu,
+  nav.navbar.bootsnav.navbar-mobile .tab-content{
+    width: 100%;
+    display: block;
+  }
+}
+
+@media (max-width: 767px) {
+  nav.navbar.bootsnav .navbar-header {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  nav.navbar.bootsnav .navbar-nav {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  .attr-nav{
+    right: 30px;
+  }
+
+  .attr-nav > ul{
+    margin-right: -10px;
+  }
+
+  .attr-nav > ul > li > a{
+    padding: 16px 10px 15px;
+    padding-left: 0 !important;
+  }
+
+  .attr-nav > ul > li.dropdown ul.dropdown-menu{
+    left: -275px;
+  }
+
+  .top-search .container{
+    padding: 0 15px;
+  }
+
+  nav.bootsnav.navbar-full .navbar-collapse{
+    left: 15px;
+  }
+
+  nav.bootsnav.navbar-full .navbar-header{
+    padding-right: 0;
+  }
+
+  nav.bootsnav.navbar-full .navbar-toggle {
+    margin-right: -15px;
+  }
+
+  nav.bootsnav.navbar-full ul.nav > li > a{
+    font-size: 18px !important;
+    line-height: 24px !important;
+    padding: 5px 10px !important;
+  }
+
+  /* Navbar Sidebar
+  =================================*/
+  nav.navbar.bootsnav.navbar-sidebar .share{
+    padding: 30px 15px !important;
+  }
+
+  /* Navbar Sidebar
+  =================================*/
+  nav.navbar.bootsnav.navbar-sidebar .share{
+    padding: 30px 0 !important;
+    margin-bottom: 0;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{
+    padding: 30px 15px !important;
+    margin-bottom: 0;
+  }
+
+  /* Mobile Navigation
+  =================================*/
+  body.side-right > .wrapper{
+    margin-left: 280px;
+    margin-right: -280px !important;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
+    margin-left: 0;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav{
+    margin-left: -15px;
+  }
+
+  nav.navbar.bootsnav.navbar-mobile ul.nav{
+    border-top: solid 1px #fff;
+  }
+
+  li.close-full-menu{
+    padding-top: 15px !important;
+    padding-bottom: 15px !important;
+  }
+}
+
+@media (min-width: 480px) and (max-width: 640px) {
+  nav.bootsnav.navbar-full ul.nav{
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+}