j1m_nav 0.0.1

data/assets/themes/j1/bs_bootsnav/css/style.min.css

@@ -0,0 +1,20 @@
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/bootsnav/css/style.min.css
+ #  Provides custom CSS styles for Bootsnav and Bootstrap
+ #
+ #  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
+ # -----------------------------------------------------------------------------
+*/
+
+html,body{width:100%;height:auto;margin:0;padding:0;overflow-x:hidden}body{font-family:'Open Sans',sans-serif;position:relative;font-size:14px;line-height:24px;color:#6f6f6f}a{color:#6f6f6f}a,a:active,a:focus,a:hover{outline:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#3f3f3f;margin:0 0 15px 0;letter-spacing:1px;font-weight:bold}h1{font-size:48px;line-height:52px}h2{font-size:36px;line-height:48px}h3{font-size:30px;line-height:36px}h4{font-size:24px;line-height:30px}h5{font-size:18px;line-height:24px}h6{font-size:14px;line-height:18px}p{margin-bottom:20px}.section{padding:70px 0;position:relative}.attr-nav>ul>li>a{padding:28px 15px}ul.cart-list>li.total>.btn{border-bottom:solid 1px #cfcfcf!important;color:#fff!important;padding:10px 15px}@media(min-width:1024px){nav.navbar ul.nav>li>a{padding:30px 15px;font-weight:600}nav.navbar .navbar-brand{margin-top:0}nav.navbar .navbar-brand img.logo{width:50px}nav.navbar .navbar-brand{margin-top:0}nav.navbar .navbar-brand img.logo{width:50px}nav.navbar li.dropdown ul.dropdown-menu{border-top:solid 5px}nav.navbar-center .navbar-brand{margin:0!important}nav.navbar-brand-top .navbar-brand{margin:10px!important}nav.navbar-full .navbar-brand{position:relative;top:-15px}nav.navbar-sidebar ul.nav,nav.navbar-sidebar .navbar-brand{margin-bottom:50px}nav.navbar-sidebar ul.nav>li>a{padding:10px 15px;font-weight:bold}nav.navbar.bootsnav.navbar-transparent.white{background-color:rgba(255,255,255,0.3);border-bottom:solid 1px #bbb}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 1px #555}nav.navbar.bootsnav.navbar-transparent.white .attr-nav{border-left:solid 1px #bbb}nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{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:#fff}nav.navbar.bootsnav.navbar-transparent.dark .attr-nav>ul>li>a,nav.navbar.bootsnav.navbar-transparent.dark ul.nav>li>a{color:#eee}}@media(max-width:992px){nav.navbar .navbar-brand{margin-top:0;position:relative;top:-2px}nav.navbar .navbar-brand img.logo{width:30px}.attr-nav>ul>li>a{padding:16px 15px 15px}nav.navbar.navbar-mobile ul.nav>li>a{padding:15px 15px}nav.navbar.navbar-mobile ul.nav ul.dropdown-menu>li>a{padding-right:15px!important;padding-top:15px!important;padding-bottom:15px!important}nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{padding-right:30px!important;padding-top:13px!important;padding-bottom:13px!important}nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{padding-top:13px!important;padding-bottom:13px!important}nav.navbar-full .navbar-brand{top:0;padding-top:10px}}nav.navbar.navbar-inverse{background-color:#222;border-bottom:solid 1px #303030}nav.navbar.navbar-inverse ul.cart-list>li.total>.btn{border-bottom:solid 1px #222!important}nav.navbar.navbar-inverse ul.cart-list>li.total .pull-right{color:#fff}nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,nav.navbar.navbar-inverse ul.nav>li>a{color:#eee}nav.navbar.navbar-inverse ul.nav>li.dropdown>a{background-color:#222}nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a{color:#999}nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{color:#fff}nav.navbar.navbar-inverse .form-control{background-color:#333;border-color:#303030;color:#fff}nav.navbar.navbar-inverse .attr-nav>ul>li>a{color:#eee}nav.navbar.navbar-inverse .attr-nav>ul>li.dropdown ul.dropdown-menu{background-color:#222;border-left:solid 1px #303030;border-bottom:solid 1px #303030;border-right:solid 1px #303030}nav.navbar.navbar-inverse ul.cart-list>li{border-bottom:solid 1px #303030;color:#eee}nav.navbar.navbar-inverse ul.cart-list>li img{border:solid 1px #303030}nav.navbar.navbar-inverse ul.cart-list>li.total{background-color:#333}nav.navbar.navbar-inverse .share ul>li>a{background-color:#555}nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{border-right:solid 1px #303030}nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a{border-bottom:solid 1px #303030}nav.navbar.navbar-inverse .dropdown-tabs .tab-content{border-left:solid 1px #303030}nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:hover,nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:focus,nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li.active>a{background-color:#333!important}nav.navbar-inverse.navbar-full ul.nav>li>a{border:0}nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{background-color:#222}nav.navbar-inverse.navbar-full .navbar-toggle{background-color:#222!important;color:#6f6f6f}@media(min-width:1024px){nav.navbar.navbar-inverse ul.nav .dropdown-menu{background-color:#222!important;border-left:solid 1px #303030!important;border-bottom:solid 1px #303030!important;border-right:solid 1px #303030!important}nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a{border-bottom:solid 1px #303030}nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{border-left:solid 1px #303030;border-right:solid 1px #303030}nav.navbar.navbar-inverse.navbar-transparent.dark{background-color:rgba(0,0,0,0.3);border-bottom:solid 1px #999}nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{border-left:solid 1px #999}nav.navbar.navbar-inverse.no-background.white .attr-nav>ul>li>a,nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav>ul>li>a,nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav>li>a,nav.navbar.navbar-inverse.no-background.white ul.nav>li>a{color:#fff}nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a,nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a,nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a,nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a{color:#3f3f3f}}@media(max-width:992px){nav.navbar.navbar-inverse .navbar-toggle{color:#eee;background-color:#222!important}nav.navbar.navbar-inverse .navbar-nav>li>a{border-top:solid 1px #303030;border-bottom:solid 1px #303030}nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu>li>a{color:#999;border-bottom:solid 1px #303030}nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{border-bottom:solid 1px #303030;color:#eee}nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul>li>a{border-bottom:solid 1px #303030;color:#999!important}nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{border-bottom:solid 1px #303030}nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul{border-top:solid 1px #303030}nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{background-color:#222}}@media(max-width:767px){nav.navbar.navbar-inverse.navbar-mobile ul.nav{border-top:solid 1px #222}}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,.side .widget ul.link li a:hover,.side .widget ul.link li a:focus,.check-list li:before,ul.cart-list>li>h6>a,.attr-nav>ul>li>a:hover,.attr-nav>ul>li>a:focus,nav.navbar-sidebar ul.nav li.dropdown.on>a,nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,nav.navbar ul.nav li.dropdown.on>a,nav.navbar.navbar-inverse ul.nav li.dropdown.on>a,nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a,nav.navbar .dropdown .megamenu-content .col-menu.on .title,nav.navbar ul.nav>li>a:hover,nav.navbar ul.nav>li.active>a:hover,nav.navbar ul.nav li.active>a,nav.navbar li.dropdown ul.dropdown-menu>li a:hover{color:#f43438}nav.navbar.navbar-transparent ul.nav>li>a:hover,nav.navbar.no-background ul.nav>li>a:hover,nav.navbar ul.nav li.scroll.active>a,nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu>li>a:hover,nav.navbar ul.nav li.dropdown.on>a,nav.navbar-dark ul.nav li.dropdown.on>a{color:#f43438!important}@media(max-width:920px){nav.navbar .dropdown .megamenu-content .col-menu ul>li>a:hover,nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{color:#f43438!important}}ul.cart-list>li.total>.btn{border-color:#f43438}nav.navbar li.dropdown ul.dropdown-menu{border-top-color:#f43438!important}ul.cart-list>li.total>.btn,.attr-nav>ul>li>a span.badge,nav.navbar .share ul>li>a:hover,nav.navbar .share ul>li>a:focus{background-color:#f43438}ul.cart-list>li.total>.btn:hover,ul.cart-list>li.total>.btn:focus{background-color:#dc3236!important}

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

@@ -0,0 +1,586 @@
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/bootsnav/js/bootsnav.js
+ #  Provides all JavaScript core functions for Bootsnav
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #  https://github.com/adamnurdin01/bootsnav
+ #
+ #  Copyright (C) 2016 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, https://github.com/adamnurdin01/bootsnav
+ #
+ # -----------------------------------------------------------------------------
+ #  Author:         adamnurdin01
+ #  Version:        v.1.1
+ #  Created:        2016-06-02
+ #  Last update:    2016-06-11
+ # -----------------------------------------------------------------------------
+*/
+  var bootsnav = (function ( options ) {
+
+    // This is the easiest way to have default options.
+    var settings = $.extend({
+        // These are the defaults.
+        foo_color: "#556b2f",
+        bar_backgroundColor: "white"
+    }, options );
+
+    return {
+        initialize: function( settings ) {
+            this.event();
+            this.hoverDropdown();
+            this.navbarSticky();
+            this.navbarScrollspy();
+        },
+        event : function(){
+
+            // ---------------------------------------------------------------- //
+            // Variable
+            // ---------------------------------------------------------------- //
+            var getNav = $("nav.navbar.bootsnav");
+
+            // ---------------------------------------------------------------- //
+            // Navbar Sticky
+            // ---------------------------------------------------------------- //
+            var navSticky = getNav.hasClass("navbar-sticky");
+            if( navSticky ){
+                // Wraped navigation
+                getNav.wrap("<div class='wrap-sticky'></div>");
+            }
+
+            // ---------------------------------------------------------------- //
+            // Navbar Center
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("brand-center")){
+                var postsArr = new Array(),
+                    index = $("nav.brand-center"),
+                    $postsList = index.find('ul.navbar-nav');
+
+                //Create array of all posts in lists
+                index.find('ul.navbar-nav > li').each(function(){
+                    postsArr.push($(this).html());
+                });
+
+                //Split the array at this point. The original array is altered.
+                var firstList = postsArr.splice(0, Math.round(postsArr.length / 2)),
+                    secondList = postsArr,
+                    ListHTML = '';
+
+                var createHTML = function(list){
+                    ListHTML = '';
+                    for (var i = 0; i < list.length; i++) {
+                        ListHTML += '<li>' + list[i] + '</li>'
+                    }
+                }
+
+                //Generate HTML for first list
+                createHTML(firstList);
+                $postsList.html(ListHTML);
+                index.find("ul.nav").first().addClass("navbar-left");
+
+                //Generate HTML for second list
+                createHTML(secondList);
+                //Create new list after original one
+                $postsList.after('<ul class="nav navbar-nav"></ul>').next().html(ListHTML);
+                index.find("ul.nav").last().addClass("navbar-right");
+
+                //Wrap navigation menu
+                index.find("ul.nav.navbar-left").wrap("<div class='col-half left'></div>");
+                index.find("ul.nav.navbar-right").wrap("<div class='col-half right'></div>");
+
+                //Selection Class
+                index.find('ul.navbar-nav > li').each(function(){
+                    var dropDown = $("ul.dropdown-menu", this),
+                        megaMenu = $("ul.megamenu-content", this);
+                    dropDown.closest("li").addClass("dropdown");
+                    megaMenu.closest("li").addClass("megamenu-fw");
+                });
+            }
+
+
+            // ---------------------------------------------------------------- //
+            // Navbar Sidebar
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("navbar-sidebar")){
+                // Add Class to body
+                $("body").addClass("wrap-nav-sidebar");
+                getNav.wrapInner("<div class='scroller'></div>");
+            }else{
+                $(".bootsnav").addClass("on");
+            }
+
+            // ---------------------------------------------------------------- //
+            // Menu Center
+            // ---------------------------------------------------------------- //
+            if( getNav.find("ul.nav").hasClass("navbar-center")){
+                getNav.addClass("menu-center");
+            }
+
+            // ---------------------------------------------------------------- //
+            // Navbar Full
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("navbar-full")){
+                // Add Class to body
+                $("nav.navbar.bootsnav").find("ul.nav").wrap("<div class='wrap-full-menu'></div>");
+                $(".wrap-full-menu").wrap("<div class='nav-full'></div>");
+                $("ul.nav.navbar-nav").prepend("<li class='close-full-menu'><a href='#'><i class='mdi mdi-close'></i></a></li>");
+            }else if( getNav.hasClass("navbar-mobile")){
+                getNav.removeClass("no-full");
+            }else{
+                getNav.addClass("no-full");
+            }
+
+            // ---------------------------------------------------------------- //
+            // Navbar Mobile
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("navbar-mobile")){
+                // Add Class to body
+                $('.navbar-collapse').on('shown.bs.collapse', function() {
+                    $("body").addClass("side-right");
+                });
+                $('.navbar-collapse').on('hide.bs.collapse', function() {
+                    $("body").removeClass("side-right");
+                });
+
+                $(window).on("resize", function(){
+                    $("body").removeClass("side-right");
+                });
+            }
+
+            // ---------------------------------------------------------------- //
+            // Navbar Fixed
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("no-background")){
+                $(window).on("scroll", function(){
+                    var scrollTop = $(window).scrollTop();
+                    if(scrollTop >34){
+                        $(".navbar-fixed").removeClass("no-background");
+                    }else {
+                        $(".navbar-fixed").addClass("no-background");
+                    }
+                });
+            }
+
+            // ---------------------------------------------------------------- //
+            // Navbar Fixed
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("navbar-transparent")){
+                $(window).on("scroll", function(){
+                    var scrollTop = $(window).scrollTop();
+                    if(scrollTop >34){
+                        $(".navbar-fixed").removeClass("navbar-transparent");
+                        $(".navbar-fixed").addClass("navbar-scrolled");
+                    }else {
+                        $(".navbar-fixed").removeClass("navbar-scrolled");
+                        $(".navbar-fixed").addClass("navbar-transparent");
+                    }
+                });
+            }
+
+            // ---------------------------------------------------------------- //
+            // Button Cart
+            // ---------------------------------------------------------------- //
+            $(".btn-cart").on("click", function(e){
+                e.stopPropagation();
+            });
+
+            // ---------------------------------------------------------------- //
+            // Toggle Search
+            // ---------------------------------------------------------------- //
+            $("nav.navbar.bootsnav .attr-nav").each(function(){
+                $("li.search > a", this).on("click", function(e){
+                    e.preventDefault();
+                    $(".top-search").slideToggle();
+                });
+            });
+            $(".input-group-addon.close-search").on("click", function(){
+                $(".top-search").slideUp();
+            });
+
+            // ---------------------------------------------------------------- //
+            // Toggle Side Menu
+            // ---------------------------------------------------------------- //
+            $("nav.navbar.bootsnav .attr-nav").each(function(){
+                $("li.side-menu > a", this).on("click", function(e){
+                    e.preventDefault();
+                    $("nav.navbar.bootsnav > .side").toggleClass("on");
+                    $("body").toggleClass("on-side");
+                });
+            });
+            $(".side .close-side").on("click", function(e){
+                e.preventDefault();
+                $("nav.navbar.bootsnav > .side").removeClass("on");
+                $("body").removeClass("on-side");
+            });
+
+
+
+            // ---------------------------------------------------------------- //
+            // Wrapper
+            // ---------------------------------------------------------------- //
+            $("body").wrapInner( "<div class='wrapper'></div>");
+        },
+
+
+        // ---------------------------------------------------------------- //
+        // Change dropdown to hover on dekstop
+        // ---------------------------------------------------------------- //
+        hoverDropdown : function(){
+            var getNav = $("nav.navbar.bootsnav"),
+                getWindow = $(window).width(),
+                getNavWidth = $("nav").width(),
+                getHeight = $(window).height(),
+                getIn = getNav.find("ul.nav").data("in"),
+                getOut = getNav.find("ul.nav").data("out");
+
+            if( getWindow < 981 ){
+
+                // Height of scroll navigation sidebar
+                $(".scroller").css("height", "auto");
+
+                // Disable mouseenter event
+                $("nav.navbar.bootsnav ul.nav").find("li.dropdown").off("mouseenter");
+                $("nav.navbar.bootsnav ul.nav").find("li.dropdown").off("mouseleave");
+                $("nav.navbar.bootsnav ul.nav").find(".title").off("mouseenter");
+                $("nav.navbar.bootsnav ul.nav").off("mouseleave");
+                $(".navbar-collapse").removeClass("animated");
+
+                // Enable click event
+                $("nav.navbar.bootsnav ul.nav").each(function(){
+                    $(".dropdown-menu", this).addClass("animated");
+                    $(".dropdown-menu", this).removeClass(getOut);
+
+                    // Dropdown Fade Toggle
+                    $("a.dropdown-toggle", this).off('click');
+                    $("a.dropdown-toggle", this).on('click', function (e) {
+                        e.stopPropagation();
+                        $(this).closest("li.dropdown").find(".dropdown-menu").first().stop().fadeToggle().toggleClass(getIn);
+                        $(this).closest("li.dropdown").first().toggleClass("on");
+                        return false;
+                    });
+
+                    // Hidden dropdown action
+                    $('li.dropdown', this).each(function () {
+                        $(this).find(".dropdown-menu").stop().fadeOut();
+                        $(this).on('hidden.bs.dropdown', function () {
+                            $(this).find(".dropdown-menu").stop().fadeOut();
+                        });
+                        return false;
+                    });
+
+                    // Megamenu style
+                    $(".megamenu-fw", this).each(function(){
+                        $(".col-menu", this).each(function(){
+                            $(".content", this).addClass("animated");
+                            $(".content", this).stop().fadeOut();
+                            $(".title", this).off("click");
+                            $(".title", this).on("click", function(){
+                                $(this).closest(".col-menu").find(".content").stop().fadeToggle().addClass(getIn);
+                                $(this).closest(".col-menu").toggleClass("on");
+                                return false;
+                            });
+
+                            $(".content", this).on("click", function(e){
+                                e.stopPropagation();
+                            });
+                        });
+                    });
+                });
+
+                // Hidden dropdown
+                var cleanOpen = function(){
+                    $('li.dropdown', this).removeClass("on");
+                    $(".dropdown-menu", this).stop().fadeOut();
+                    $(".dropdown-menu", this).removeClass(getIn);
+                    $(".col-menu", this).removeClass("on");
+                    $(".col-menu .content", this).stop().fadeOut();
+                    $(".col-menu .content", this).removeClass(getIn);
+                }
+
+                // Hidden om mouse leave
+                $("nav.navbar.bootsnav").on("mouseleave", function(){
+                    cleanOpen();
+                });
+
+                // Enable click atribute navigation
+                $("nav.navbar.bootsnav .attr-nav").each(function(){
+                    $(".dropdown-menu", this).removeClass("animated");
+                    $("li.dropdown", this).off("mouseenter");
+                    $("li.dropdown", this).off("mouseleave");
+                    $("a.dropdown-toggle", this).off('click');
+                    $("a.dropdown-toggle", this).on('click', function (e) {
+                        e.stopPropagation();
+                        $(this).closest("li.dropdown").find(".dropdown-menu").first().stop().fadeToggle();
+                        $(".navbar-toggle").each(function(){
+                            $(".mdi", this).removeClass("mdi-close");
+                            $(".mdi", this).addClass("mdi-menu");
+                            $(".navbar-collapse").removeClass("in");
+                            $(".navbar-collapse").removeClass("on");
+                        });
+                    });
+
+                    $(this).on("mouseleave", function(){
+                        $(".dropdown-menu", this).stop().fadeOut();
+                        $("li.dropdown", this).removeClass("on");
+                        return false;
+                    });
+                });
+
+                // Toggle Bars
+                $(".navbar-toggle").each(function(){
+                    $(this).off("click");
+                    $(this).on("click", function(){
+                        $(".mdi", this).toggleClass("mdi-menu");
+                        $(".mdi", this).toggleClass("mdi-close");
+                        cleanOpen();
+                    });
+                });
+
+            } else if( getWindow > 981 ){
+                // Height of scroll navigation sidebar
+                $(".scroller").css("height", getHeight + "px");
+
+                // Navbar Sidebar
+                if( getNav.hasClass("navbar-sidebar")){
+                    // Hover effect Sidebar Menu
+                    $("nav.navbar.bootsnav ul.nav").each(function(){
+                        $("a.dropdown-toggle", this).off('click');
+                        $("a.dropdown-toggle", this).on('click', function (e) {
+                            e.stopPropagation();
+                        });
+
+                        $(".dropdown-menu", this).addClass("animated");
+                        $("li.dropdown", this).on("mouseenter", function(){
+                            $(".dropdown-menu", this).eq(0).removeClass(getOut);
+                            $(".dropdown-menu", this).eq(0).stop().fadeIn().addClass(getIn);
+                            $(this).addClass("on");
+                            return false;
+                        });
+
+                        $(".col-menu").each(function(){
+                            $(".content", this).addClass("animated");
+                            $(".title", this).on("mouseenter", function(){
+                                $(this).closest(".col-menu").find(".content").stop().fadeIn().addClass(getIn);
+                                $(this).closest(".col-menu").addClass("on");
+                                return false;
+                            });
+                        });
+
+                        $(this).on("mouseleave", function(){
+                            $(".dropdown-menu", this).stop().removeClass(getIn);
+                            $(".dropdown-menu", this).stop().addClass(getOut).fadeOut();
+                            $(".col-menu", this).find(".content").stop().fadeOut().removeClass(getIn);
+                            $(".col-menu", this).removeClass("on");
+                            $("li.dropdown", this).removeClass("on");
+                            return false;
+                        });
+                    });
+                }else{
+                    // Hover effect Default Menu
+                    $("nav.navbar.bootsnav ul.nav").each(function(){
+                        $("a.dropdown-toggle", this).off('click');
+                        $("a.dropdown-toggle", this).on('click', function (e) {
+                            e.stopPropagation();
+                        });
+
+                        $(".megamenu-fw", this).each(function(){
+                            $(".title", this).off("click");
+                            $("a.dropdown-toggle", this).off("click");
+                            $(".content").removeClass("animated");
+                        });
+
+                        $(".dropdown-menu", this).addClass("animated");
+                        $("li.dropdown", this).on("mouseenter", function(){
+                            $(".dropdown-menu", this).eq(0).removeClass(getOut);
+                            $(".dropdown-menu", this).eq(0).stop().fadeIn().addClass(getIn);
+                            $(this).addClass("on");
+                            return false;
+                        });
+
+                        $("li.dropdown", this).on("mouseleave", function(){
+                            $(".dropdown-menu", this).eq(0).removeClass(getIn);
+                            $(".dropdown-menu", this).eq(0).stop().fadeOut().addClass(getOut);
+                            $(this).removeClass("on");
+                        });
+
+                        $(this).on("mouseleave", function(){
+                            $(".dropdown-menu", this).removeClass(getIn);
+                            $(".dropdown-menu", this).eq(0).stop().fadeOut().addClass(getOut);
+                            $("li.dropdown", this).removeClass("on");
+                            return false;
+                        });
+                    });
+                }
+
+                // ---------------------------------------------------------------- //
+                // Hover effect Atribute Navigation
+                // ---------------------------------------------------------------- //
+                $("nav.navbar.bootsnav .attr-nav").each(function(){
+                    $("a.dropdown-toggle", this).off('click');
+                    $("a.dropdown-toggle", this).on('click', function (e) {
+                        e.stopPropagation();
+                    });
+
+                    $(".dropdown-menu", this).addClass("animated");
+                    $("li.dropdown", this).on("mouseenter", function(){
+                        $(".dropdown-menu", this).eq(0).removeClass(getOut);
+                        $(".dropdown-menu", this).eq(0).stop().fadeIn().addClass(getIn);
+                        $(this).addClass("on");
+                        return false;
+                    });
+
+                    $("li.dropdown", this).on("mouseleave", function(){
+                        $(".dropdown-menu", this).eq(0).removeClass(getIn);
+                        $(".dropdown-menu", this).eq(0).stop().fadeOut().addClass(getOut);
+                        $(this).removeClass("on");
+                    });
+
+                    $(this).on("mouseleave", function(){
+                        $(".dropdown-menu", this).removeClass(getIn);
+                        $(".dropdown-menu", this).eq(0).stop().fadeOut().addClass(getOut);
+                        $("li.dropdown", this).removeClass("on");
+                        return false;
+                    });
+                });
+            }
+
+            // ---------------------------------------------------------------- //
+            // Menu Fullscreen
+            // ---------------------------------------------------------------- //
+            if( getNav.hasClass("navbar-full")){
+                var windowHeight = $(window).height(),
+                    windowWidth =  $(window).width();
+
+                $(".nav-full").css("height", windowHeight + "px");
+                $(".wrap-full-menu").css("height", windowHeight + "px");
+                $(".wrap-full-menu").css("width", windowWidth + "px");
+
+                $(".navbar-collapse").addClass("animated");
+                $(".navbar-toggle").each(function(){
+                    var getId = $(this).data("target");
+                    $(this).off("click");
+                    $(this).on("click", function(e){
+                        e.preventDefault();
+                        $(getId).removeClass(getOut);
+                        $(getId).addClass("in");
+                        $(getId).addClass(getIn);
+                        return false;
+                    });
+
+                    $("li.close-full-menu").on("click", function(e){
+                        e.preventDefault();
+                        $(getId).addClass(getOut);
+                        setTimeout(function(){
+                            $(getId).removeClass("in");
+                            $(getId).removeClass(getIn);
+                        }, 500);
+                        return false;
+                    });
+                });
+            }
+        },
+
+        // ---------------------------------------------------------------- //
+        // Navbar Sticky
+        // ---------------------------------------------------------------- //
+        navbarSticky : function(){
+            var getNav = $("nav.navbar.bootsnav"),
+                navSticky = getNav.hasClass("navbar-sticky");
+
+            if( navSticky ){
+
+                // Set Height Navigation
+                var getHeight = getNav.height();
+                $(".wrap-sticky").height(getHeight);
+
+                // Windown on scroll
+                var getOffset = $(".wrap-sticky").offset().top;
+                $(window).on("scroll", function(){
+                    var scrollTop = $(window).scrollTop();
+                    if(scrollTop > getOffset){
+                        getNav.addClass("sticked");
+                    }else {
+                        getNav.removeClass("sticked");
+                    }
+                });
+            }
+        },
+
+        // ---------------------------------------------------------------- //
+        // Navbar Scrollspy
+        // ---------------------------------------------------------------- //
+        navbarScrollspy : function(){
+            var navScrollSpy = $(".navbar-scrollspy"),
+                $body   = $('body'),
+                getNav = $('nav.navbar.bootsnav'),
+                offset  = getNav.outerHeight();
+
+            if( navScrollSpy.length ){
+                $body.scrollspy({target: '.navbar', offset: offset });
+
+                // Animation Scrollspy
+                $('.scroll').on('click', function(event) {
+                    event.preventDefault();
+
+                    // Active link
+                    $('.scroll').removeClass("active");
+                    $(this).addClass("active");
+
+                    // Remove navbar collapse
+                    $(".navbar-collapse").removeClass("in");
+
+                    // Toggle Bars
+                    $(".navbar-toggle").each(function(){
+                        $(".mdi", this).removeClass("mdi-close");
+                        $(".mdi", this).addClass("mdi-menu");
+                    });
+
+                    // Scroll
+                    var scrollTop = $(window).scrollTop(),
+                        $anchor = $(this).find('a'),
+                        $section = $($anchor.attr('href')).offset().top,
+                        $window = $(window).width(),
+                        $minusDesktop = getNav.data("minus-value-desktop"),
+                        $minusMobile = getNav.data("minus-value-mobile"),
+                        $speed = getNav.data("speed");
+
+                    if( $window > 992 ){
+                        var $position = $section - $minusDesktop;
+                    }else{
+                        var $position = $section - $minusMobile;
+                    }
+
+                    $('html, body').stop().animate({
+                        scrollTop: $position
+                    }, $speed);
+                });
+
+                // Activate Navigation
+                var fixSpy = function() {
+                    var data = $body.data('bs.scrollspy');
+                    if (data) {
+                        offset = getNav.outerHeight();
+                        data.options.offset = offset;
+                        $body.data('bs.scrollspy', data);
+                        $body.scrollspy('refresh');
+                    }
+                }
+
+                // Activate Navigation on resize
+                var resizeTimer;
+                $(window).on('resize', function() {
+                    clearTimeout(resizeTimer);
+                    var resizeTimer = setTimeout(fixSpy, 200);
+                });
+            }
+        }
+
+    };
+
+  }( jQuery ));