j1m_nav 0.0.1

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

@@ -0,0 +1,28 @@
+/*
+ # -----------------------------------------------------------------------------
+ #  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
+ # -----------------------------------------------------------------------------
+*/
+  
+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}nav.navbar.bootsnav{margin-bottom:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;background-color:#fff;border:0;border-bottom:solid{{bottom_line_height}}px{{bottom_line_color}};z-index:9}nav.navbar.bootsnav>.active>a{bottom:-2px;position:relative;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}nav.navbar.bootsnav ul.nav li.active>a{background-color:transparent}nav.navbar.bootsnav .navbar-toggle{background-color:transparent!important;border:0;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}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}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:0!important;padding-bottom:0!important}li.close-full-menu{padding-top:30px!important;padding-bottom:30px!important}.attr-nav{float:right;display:inline-block;margin-left:13px;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}.attr-nav>ul>li>a{color:#6f6f6f;display:block;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:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;-moz-box-shadow:0;-webkit-box-shadow:0;-o-box-shadow:0;box-shadow:0;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{background-color:{{search_input_background_color}};padding:10px 0;display:none}.top-search input.form-control{background-color:transparent;border:0;-moz-box-shadow:0;-webkit-box-shadow:0;-o-box-shadow:0;box-shadow:0;color:#fff;height:40px;padding:0 15px}.top-search .input-group-addon{background-color:transparent;border:0;color:#fff;padding-left:0;padding-right:0}.top-search .input-group-addon.close-search{cursor:pointer}body{-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}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:#FFF;-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;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}.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}.side .widget ul.link li a:focus,.side .widget ul.link li a:hover{color:#fafafa;text-decoration:none}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}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}.wrap-sticky{position:relative;-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}.wrap-sticky nav.navbar.bootsnav{position:absolute;width:100%;left:0;top:0}.wrap-sticky nav.navbar.bootsnav.sticked{position:fixed;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{left:-280px}@media(min-width:1024px) and (max-width:1400px){body.wrap-nav-sidebar .wrapper .container{width:100%;padding-left:30px;padding-right:30px}}@media(min-width:1024px){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}nav.navbar.bootsnav ul.nav>li>a{padding:30px 15px;font-weight:300}nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after{font-family:'FontAwesome';content:"\f078";font-size:10px}nav.navbar.bootsnav li.dropdown ul.dropdown-menu{-moz-box-shadow:0;-webkit-box-shadow:0;-o-box-shadow:0;box-shadow:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0;padding-top:2px;margin-top:0;min-width:250px;background:#fff;border:solid 1px #e0e0e0;border-top:solid 3px}nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover{color:#687074;filter:none!important;background:#eee!important;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}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:0}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:0}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:0;color:#6f6f6f}nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{display:block!important;height:auto!important}nav.navbar.bootsnav.no-background{background-color:transparent;border-bottom:0}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}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}.attr-nav>ul>li.dropdown ul.dropdown-menu{margin-top:0;margin-left:55px;width:250px;left:-250px}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}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}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}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 0 1px 0 #eee;-webkit-box-shadow:1px 0 1px 0 #eee;-o-box-shadow:1px 0 1px 0 #eee;box-shadow:1px 0 1px 0 #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:0;-webkit-box-shadow:0;-o-box-shadow:0;box-shadow:0}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:0}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:0;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:0}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){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:0;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:0 -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:0}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%}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:0;padding:0 0 0 15px!important;margin:0 0 -1px 0!important;-moz-box-shadow:0;-webkit-box-shadow:0;-o-box-shadow:0;box-shadow:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;border-radius:0}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:0;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:0}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:0}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:0!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}nav.bootsnav.navbar-full ul.nav{margin-left:0}nav.bootsnav.navbar-full ul.nav>li>a{border:0}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}nav.navbar.bootsnav.navbar-sidebar .share{padding:30px 15px;margin-bottom:0}nav.navbar.bootsnav .megamenu-content.tabbed{padding-left:0!mportant}nav.navbar.bootsnav .tabbed>li{padding:25px 0;margin-left:-15px!important}body>.wrapper{-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}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 .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}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}nav.navbar.bootsnav.navbar-sidebar .share{padding:30px 15px!important}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}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}}

data/assets/themes/j1/bs_bootsnav/css/skins/j1_template.css

@@ -0,0 +1,394 @@
+---
+regenerate:             true
+---
+{% capture j1_cache %}
+
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/bootsnav/css/skins/j1_template.css
+ #  Provides Bootsnav CSS skin styles 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
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #  Media query breakpoints are optimized to midsize window
+ #  size (max 1024px) best viewed on Desktop and Tablet. Below
+ #  a viewport size of 1024px, the (top) menu bar will be collapsed.
+ #
+ # -----------------------------------------------------------------------------
+ # CSS examples
+ #
+ #    CSS selectors
+ #    nav[class ^="navbar navbar-default bootsnav"] { ... }
+ #    div[class*=" tocolor-"] { ... }
+ #
+ # -----------------------------------------------------------------------------
+ #  CSS file generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+/* Liquid procedures
+ ----------------------------------------------------------------------- */
+{% capture select_color     %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
+{% capture select_font_size %}themes/{{site.template.name}}/procedures/components/select_font_size.proc{% endcapture %}
+
+
+/* Liquid var initialization
+ ----------------------------------------------------------------------- */
+{% assign bootsnav_config = site.data.modules.j1_bootsnav %}
+{% assign navbar_config   = bootsnav_config.navbar %}
+{% assign mainmenu_config = bootsnav_config.mainmenu %}
+
+{% if navbar_config.animate_duration != null %}
+  {% assign animate_duration = navbar_config.animate_duration %}
+{% else %}
+  {% assign animate_duration = 1 %}
+{% endif %}
+
+{% assign navbar_background_color_full      = navbar_config.background_color_full %}
+{% assign navbar_background_color_collapsed = navbar_config.background_color_collapsed %}
+{% assign navbar_background_color_scrolled  = navbar_config.background_color_scrolled %}
+
+{% assign search_background_color           = bootsnav_config.top_search.background_color %}
+{% assign sidebar_background_color          = bootsnav_config.sidebar.background_color %}
+{% assign quicklinks_background_color       = bootsnav_config.quicklinks.background_color %}
+
+{% assign dropdown_border_color             = mainmenu_config.dropdown_border_color %}
+{% assign dropdown_width                    = mainmenu_config.dropdown_width %}
+{% assign dropdown_padding_v                = mainmenu_config.dropdown_padding_v %}
+{% assign dropdown_padding_h                = mainmenu_config.dropdown_padding_h %}
+
+{% assign dropdown_font_size                = mainmenu_config.dropdown_font_size %}
+{% assign megamenu_font_size                = mainmenu_config.megamenu_font_size %}
+
+
+{% comment %} Initialize menu|dropdown font sizes               {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+/* Initialize menu|dropdown font sizes
+ ------------------------------------------------------------- */
+{% include {{select_font_size}} size=dropdown_font_size %}
+{% assign dropdown_font_size = {{font_size}} %}
+
+{% include {{select_font_size}} size=megamenu_font_size %}
+{% assign megamenu_font_size = {{font_size}} %}
+
+/* Set|Overload Liquid vars hardwired to NOT break the (MD) style
+   NOT break the (MD) style
+   ToDo: Remove configuration from j1_bootsnav.yml
+ ------------------------------------------------------------- */
+ 
+{% assign dropdown_border_height            = "3" %}
+{% assign default_bottom_line_color         = "md_grey_200" %}
+{% assign default_bottom_line_height        = "1" %}
+{% assign bottom_line_color                 = default_bottom_line_color %}
+{% assign bottom_line_height                = default_bottom_line_height' %}
+
+
+{% comment %} Initialize colors                                 {% endcomment %}
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+{% include {{select_color}} color="rgba_darken" fallback="rgba(0, 0, 0, 0.5)" %}
+{% assign navbar_background_color_full = {{color}} %}
+
+{% include {{select_color}} color="rgba_darken" fallback="rgba(0, 0, 0, 0.5)" %}
+{% assign navbar_background_color_full = {{color}} %}
+
+{% include {{select_color}} color="j1_navbar_background" fallback="#20295B" %}
+{% assign navbar_background_color_collapsed = {{color}} %}
+
+{% include {{select_color}} color="j1_navbar_background" fallback="#20295B" %}
+{% assign navbar_background_color_scrolled = {{color}} %}
+
+{% include {{select_color}} color="j1_accent" fallback="#9E9E9E" %}
+{% assign dropdown_border_color = {{color}} %}
+
+{% include {{select_color}} color="j1_accent"  fallback="#FAFAFA" %}
+{% assign navbar_item_color = {{color}} %}
+
+{% include {{select_color}} color="j1_primary" fallback="#FAFAFA" %}
+{% assign dropdown_item_color_hover = {{color}} %}
+
+{% include {{select_color}} color="md_grey_50" fallback="#FAFAFA" %}
+{% assign inactive_menu_item_color = {{color}} %}
+
+{% include {{select_color}} color=search_background_color fallback="#EEEEEE" %}
+{% assign search_background_color = {{color}} %}
+
+{% include {{select_color}} color=sidebar_background_color fallback="#EEEEEE" %}
+{% assign sidebar_background_color = {{color}} %}
+
+{% include {{select_color}} color="md_grey_900" fallback="#000000" %}
+{% assign search_input_color = {{color}} %}
+
+{% comment %} ------------------------------------------------- {% endcomment %}
+
+
+/* Liquid var replacements
+ ----------------------------------------------------------------------- */
+
+/* --------------------------------------------------------------------- */
+/* Set navbar_background_color_full to:       {{navbar_background_color_full}} */
+/* Set navbar_background_color_collapsed to:  {{navbar_background_color_collapsed}} */
+/* Set bottom_line_height to:                 {{bottom_line_height}}px */
+/* Set bottom_line_color  to:                 {{bottom_line_color}} */
+/* Found dropdown_border_color as:            {{dropdown_border_color}} */
+/* Found navbar_item_color as:                {{navbar_item_color}} */
+/* Found dropdown_item_color_hover as:        {{dropdown_item_color_hover}} */
+/* Found search_background_color as:          {{search_background_color}} */
+/* Found dropdown_border_height as:           {{dropdown_border_height}}px */
+/* Found dropdown_border_height as:           {{dropdown_border_height}}px */
+/* --------------------------------------------------------------------- */
+
+/* Global style settings
+ ------------------------------------------------------------------ */
+
+/* Top Search
+ ------------------------------------------------------------- */
+
+ /* Found seach background color as: {{search_background_color}} */
+.top-search {
+  background-color: {{search_background_color}};
+}
+
+.top-search .input-group-addon {
+  background-color: transparent;
+  color: {{search_input_color}};
+}
+.top-search input.form-control {
+  background-color: transparent;
+  color: {{search_input_color}};
+  height: 61px;
+}
+
+/* QuickLink Navigation
+ ------------------------------------------------------------- */
+
+/* jadams: changed because of div|header, org: margin-right: -15px; */
+.attr-nav {
+  float: right;
+  display: inline-block;
+  margin-left: 13px;
+  margin-right: 25px;
+}
+
+/* jadams: place icons */
+.attr-nav> ul> li> a {
+  display: block;
+  padding: 10px 10px;
+  position: relative;
+}
+
+.attr-nav> ul> li> a:hover {
+  color: {{navbar_item_color}} !important;
+}
+
+/* Side Menu
+ ------------------------------------------------------------- */
+
+.side{
+  position: fixed;
+  overflow-y: auto;
+  top: 0;
+  right: -280px;
+  width: 280px;
+  padding: 25px 30px;
+  height: 100%;
+  display: block;
+  background-color: {{sidebar_background_color}};
+  -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;
+}
+
+/* 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;
+}
+
+/* Navbar
+ ------------------------------------------------------------- */
+
+/* Bottom line for the Navbar size|color
+ --------------------------------------------------- */
+
+/* Set bottom_line_height to:       {{bottom_line_height}} */
+/* Set bottom_line_color  to:       {{bottom_line_color}} */
+nav.navbar.bootsnav {
+  border-bottom: solid {{bottom_line_height}}px {{bottom_line_color}};
+}
+
+/* Size of Brand Image
+ --------------------------------------------------- */
+.navbar-brand> img {
+  height: inherit !important;
+}
+
+/* Color settings
+ ------------------------------------------------------------- */
+
+/* INACTIVE menue item color */
+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: {{inactive_menu_item_color}};
+}
+/* ACTIVE menue item color */
+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: {{navbar_item_color}} !important;
+}
+
+.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
+  background-color: #F8BBD0 !important;
+}
+
+nav.navbar.bootsnav li.dropdown ul.dropdown-menu> li> a {
+  padding: {{dropdown_padding_v}}px {{dropdown_padding_h}}px;
+}
+
+
+/* Large Window|Desktop (>= 1024)
+ ------------------------------------------------------------- */
+
+@media (min-width: 1024px) {
+
+  /*  Navbar
+   -------------------------------------------------------- */
+
+  /*  Dropdown menu, top margin
+   --------------------------------------------------- */
+
+  nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
+    margin-top: -2px;
+  }
+
+  /*  Navbar right
+   --------------------------------------------------- */
+
+  nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
+    left: -{{ dropdown_width }}px;
+  }
+
+  /*  Navbar transparent-light (white)
+   --------------------------------------------------- */
+
+  nav.navbar.bootsnav.navbar-transparent.white {
+    background-color: {{navbar_background_color_full}};
+    border-bottom: 0;
+  }
+
+  nav.navbar.bootsnav.navbar-scrolled.white {
+    background-color: {{navbar_background_color_scrolled}};
+  }
+
+  /* jadams: width of a menue item: width: {{dropdown_width}}px; */
+  /* jadams: border-top: solid {{dropdown_border_height}}px */
+  /* jadams: added animation-duration */
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
+    animation-duration: {{animate_duration}}s !important;
+    color:  {{dropdown_border_color}};
+    /* min-width: {{dropdown_width}}px; */
+    width: {{dropdown_width}}px;
+    border-top: solid {{dropdown_border_height}}px;
+  }
+
+  /* Position for Brand Image
+   --------------------------------------------------- */
+  .navbar-brand {
+    padding: 10px 15px !important;
+  }
+
+  nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
+    color: #212121;
+    font-size: {{dropdown_font_size}};
+    font-weight: 400;
+  }
+
+  nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
+    color: #212121;
+    font-size: {{megamenu_font_size}};
+    font-weight: 400;
+  }
+
+}
+
+/* Small Window|Desktop (<= 1023)
+ ------------------------------------------------------------- */
+@media (max-width: 1023px) {
+
+  /*  Navbar
+   -------------------------------------------------------- */
+
+  /*  Navbar transparent-light (white)
+   --------------------------------------------------- */
+/*
+  nav.navbar.bootsnav.navbar-transparent.white {
+    background-color: {{navbar_background_color_collapsed}};
+    border-bottom: 0;
+  }
+*/
+
+  nav.navbar.bootsnav {
+    background-color: {{navbar_background_color_collapsed}};
+    border-bottom: 0;
+  }
+}
+
+
+
+/* Mobile
+ ----------------------------------------------------------------------- */
+@media (min-width: 320px) and (max-width: 740px) {
+
+  /* jadams */
+  .navbar-brand {
+    float: left;
+    padding: 5px;
+    padding-left: 100px;
+    font-size: 18px;
+    line-height: 20px;
+  }
+  .attr-nav {
+    margin-right: -15px;
+  }
+
+  .attr-nav > ul > li > a {
+      color: #E91E63;
+  }
+
+.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
+    color: white !important;
+}
+
+  nav.bootsnav.navbar-full ul.nav{
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+
+}
+{% endcapture %}
+
+{{ j1_cache | strip_empty_lines }}
+{% assign j1_cache = nil %}

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

@@ -0,0 +1,503 @@
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/bootsnav/css/style.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
+ # -----------------------------------------------------------------------------
+*/
+
+/*
+Typography
+=========================== */
+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:none;
+    -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;
+}
+
+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;
+}
+
+/*
+Navbar Adjusment
+=========================== */
+/* Navbar Atribute ------*/
+.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) {
+    /* Navbar General ------*/
+    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;
+    }
+
+    /* Navbar Center ------*/
+    nav.navbar-center .navbar-brand{
+        margin: 0 !important;
+    }
+
+    /* Navbar Brand Top ------*/
+    nav.navbar-brand-top .navbar-brand{
+        margin: 10px !important;
+    }
+
+    /* Navbar Full ------*/
+    nav.navbar-full .navbar-brand{
+        position: relative;
+        top: -15px;
+    }
+
+    /* Navbar Sidebar ------*/
+    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;
+    }
+
+    /* Navbar Transparent & Fixed ------*/
+    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) {
+    /* Navbar General ------*/
+    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;
+    }
+
+    /* Navbar Mobile slide ------*/
+    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;
+    }
+
+    /* Navbar Full ------*/
+     nav.navbar-full .navbar-brand{
+        top: 0;
+        padding-top: 10px;
+    }
+}
+
+/* Navbar Inverse
+=================================*/
+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:none;
+}
+
+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;
+    }
+}
+
+/*
+Color
+=========================== */
+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;
+    }
+}
+
+/*
+Border
+=========================== */
+ul.cart-list > li.total > .btn{
+    border-color: #f43438;
+}
+
+nav.navbar li.dropdown ul.dropdown-menu{
+    border-top-color: #f43438 !important;
+}
+
+/*
+Background
+=========================== */
+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;
+}