/* ============================================================== Template name : Bootsnav - Multi Purpose Header Categorie : Bootstrap Menu in CSS Author : adamnurdin01 Version : v.1.2 Created : 2016-06-02 Last update : 2016-10-19 ============================================================== */ /* 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; border-bottom: solid 1px #e0e0e0; z-index: 9; } nav.navbar.bootsnav ul.nav > li > a { color: #6f6f6f; background-color: transparent; outline: none; margin-bottom: -2px; } 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.active > a { background-color: transparent; } nav.navbar.bootsnav .navbar-toggle { background-color: #fff; 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; } ul.menu-col { padding: 0; margin: 0; 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; padding-bottom: 0px; } li.close-full-menu { padding-top: 30px; padding-bottom: 30px; } /* Atribute Navigation =================================*/ .attr-nav { float: right; display: inline-block; margin-left: 13px; margin-right: -15px; } .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: 28px 15px; 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; } ul.cart-list > li .price { font-weight: bold; } ul.cart-list > li.total > span { padding-top: 8px; } /* Top Search =================================*/ .top-search { background-color: #333; 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: #333; -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; } .side .widget ul.link { padding: 0; margin: 0; list-style: none; } .side .widget ul.link li a { color: #9f9f9f; letter-spacing: 1px; } .side .widget ul.link li a:focus, .side .widget ul.link li a:hover { color: #fff; 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; } } @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; } nav.navbar.bootsnav ul.nav > li > a { padding: 30px 15px; font-weight: 600; } nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { font-family: 'FontAwesome'; content: "\f0d7"; margin-left: 5px; margin-top: 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: 0; width: 200px; background: #fff; border: solid 1px #e0e0e0; border-top: solid 5px; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { background-color: transparent; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { padding: 10px 15px; border-bottom: solid 1px #eee; color: #6f6f6f; } 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; border: none; } 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 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; } 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; border-right: solid 1px #dfdfdf; } 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: 992px) { /* 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%; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { 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; } }