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: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;} 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 !important;border:none;padding:0;font-size:18px;position:relative;top:5px;} nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{top:0;left:100%;} nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{white-space:normal;} 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;} nav.bootsnav.navbar-full{padding-bottom:10px;padding-top:10px;} nav.bootsnav.navbar-full .navbar-header{display:block;width:100%;} nav.bootsnav.navbar-full .navbar-toggle{display:inline-block;margin-right:0;position:relative;top:0;font-size:30px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;} nav.bootsnav.navbar-full .navbar-collapse{position:fixed;width:100%;height:100% !important;top:0;left:0;padding:0;display:none !important;z-index:9;} nav.bootsnav.navbar-full .navbar-collapse.in{display:block !important;} nav.bootsnav.navbar-full .navbar-collapse .nav-full{overflow:auto;} nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{display:table-cell;vertical-align:middle;background-color:#fff;overflow:auto;} nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar{width:0;} nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar{width:0;} nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar{width:0;} nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar{width:0;} nav.bootsnav.navbar-full .navbar-collapse ul.nav{display:block;width:100%;overflow:auto;} nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a{background-color:transparent;} nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{float:none;display:block;text-align:center;} nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{display:table;margin:auto;text-transform:uppercase;font-weight:bold;letter-spacing:2px;font-size:24px;padding:10px 15px;} li.close-full-menu > a{padding-top:0px !important;padding-bottom:0px !important;} li.close-full-menu{padding-top:30px !important;padding-bottom:30px !important;} .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 !important;} ul.cart-list > li .price{font-weight:bold;} ul.cart-list > li.total > span{padding-top:8px;} .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;} 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;} 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 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;} @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:992px){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:"Font Awesome 6 Free";font-weight: bold;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:"Font Awesome 6 Free";font-weight: bold;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:"Font Awesome 6 Free";font-weight: bold;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;} 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;} .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 0px 1px 0px #eee;-webkit-box-shadow:1px 0px 1px 0px #eee;-o-box-shadow:1px 0px 1px 0px #eee;box-shadow:1px 0px 1px 0px #eee;} nav.bootsnav.navbar-sidebar .scroller{width:280px;overflow-y:auto;overflow-x:hidden;} nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container{padding:0 !important;} nav.bootsnav.navbar-sidebar .navbar-header{float:none;display:block;width:260px;padding:10px 15px;margin:10px 0 0 0 !important;} nav.bootsnav.navbar-sidebar .navbar-collapse{padding:0 !important;width:260px;} nav.bootsnav.navbar-sidebar ul.nav{float:none;display:block;width:100%;padding:0 15px !important;margin:0 0 30px 0;} nav.bootsnav.navbar-sidebar ul.nav li{float:none !important;} nav.bootsnav.navbar-sidebar ul.nav > li > a{padding:10px 15px;font-weight:bold;} nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{float:right;} nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{left:100%;top:0;position:relative !important;left:0 !important;width:100% !important;height:auto !important;background-color:transparent;border:none !important;padding:0;-moz-box-shadow:0px 0px 0px;-webkit-box-shadow:0px 0px 0px;-o-box-shadow:0px 0px 0px;box-shadow:0px 0px 0px;} nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{border:none !important;} nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{margin-bottom:15px;} nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{padding-left:0;float:none;margin-bottom:0;} nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{padding:5px 15px;color:#6f6f6f;border:none;} nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{padding-left:15px;margin-top:0;} nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{font-family:"Font Awesome 6 Free";font-weight: bold;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:"Font Awesome 6 Free";font-weight: bold;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:991px){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:"Font Awesome 6 Free";font-weight: bold;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:"Font Awesome 6 Free";font-weight: bold;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;} 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;} nav.navbar.bootsnav.navbar-sidebar .share{padding:30px 15px;margin-bottom:0;} nav.navbar.bootsnav .megamenu-content.tabbed{padding-left:0 !important;} nav.navbar.bootsnav .tabbed > li{padding:25px 0;margin-left:-15px !important;} 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;} 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;} } /* |---------------------------------------------------------------------------- Smart Megamenu - Responsive Bootstrap Multipurpose Megamenu Main CSS Author: MGScoder Author URL: https://codecanyon.net/user/mgscoder Version: 2.0 Primary color: #0052d9 Modified from original for iShop |---------------------------------------------------------------------------- */ /* |------------------------------------------------------------------ [Table of contents]: 1. FONTS: Google Font 2. COMMON CSS 3. HEADER / #header 4. NAVIGATION / .nav 4.1. SEARCH IN NAVIGATION 4.2. MENU EFFECT & E-COMMERCE MEGAMENU 4.3. MENU ANIMATION 5. INNER PAGES TOP BANNER / #page-top-banner 6. ABOUT / .about-wrap 7. FOOTER / .footer 8. SOCIAL 9. OTHERS |------------------------------------------------------------------- */ /* Get the variable from the main scss files */ /* $telerik-primary-contrast : #fe8080 !default; $telerik-body-color : $gray-700 !default; $telerik-bg-color : $white !default; $telerik-base-text : $white !default; $telerik-hover-color : $black !default; $telerik-selected-color : $white !default; $telerik-selected-background : $gray-500 !default; */ /* $telerik-hover-border-color : $gray-500 !default; $telerik-focus-border-color : $gray-600 !default; $telerik-sorted-background-gradient-start : #282e3b !default; $telerik-sorted-background-gradient-end : #181b23 !default; $telerik-selected-background-gradient-start : #d0cfcf !default; $telerik-selected-background-gradient-end : #b6b6b6 !default; */ :root { --bs-dark-rgb: 0, 92, 152; } /* Mega-Menu Variables*/ /* |---------------------------------------------------------------------------- 3. HEADER / #header |---------------------------------------------------------------------------- */ /*.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }*/ #header { background-color: rgba(62, 62, 62, 0.7); box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.6); height: 50px; -webkit-transition: height 0.4s ease 0s, opacity 0.3s ease 0s; transition: height 0.4s ease 0s, opacity 0.3s ease 0s; z-index: 199; } #header.sidebar-header { height: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav, #header.navbar-fixed-top { background-color: transparent; border-bottom: none; } #header.headerbg-lightcolor { background-color: #fff; } #header.headerbg-lightcolor nav.mgsSmartMegamenu.navbar.bootsnav { background-color: #fff; } #header.headerbg-darkcolor { background-color: #2b3445; } #header.headerbg-darkcolor nav.mgsSmartMegamenu.navbar.bootsnav { background-color: #2b3445; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav { background-color: #fff; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-sticky.bootsnav.sticked { background-color: #fff; box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.6); height: 56px; } #header.white-bg { background-color: #fff; } #header.fixed-nav { background-color: #fff; height: 56px; } #header .top-search { top: 80px; position: fixed; left: 0; right: 0; z-index: 2; } #header.sticky-header .top-search { top: 0; position: relative; } #header.navbarbrandtop .top-search { top: 160px; } #header.fixed-nav.navbarbrandtop .top-search { top: 135px; } #header.fixed-nav .top-search, #header.sticky-header.fixed-nav .top-search { top: 56px; position: fixed; } .navbar .navbar-brand { height: auto; margin: 0; padding: 0 50px 0 0; } .navbar-sticky > .container .navbar-brand { margin-left: auto; } .navbar-brand .logo { height: 80px; -webkit-transition: height 0.4s ease 0s, opacity 0.3s ease 0s; transition: height 0.4s ease 0s, opacity 0.3s ease 0s; width: auto; } .fixed-nav .navbar-brand .logo { height: 56px; width: auto; } .fixed-nav nav.bootsnav.navbar-sidebar .navbar-brand .logo { height: 80px; } /* |---------------------------------------------------------------------------- 3.1. HEADER BANNER / #home-slider |---------------------------------------------------------------------------- */ #home-slider.home-slider.image-bg { background-repeat: no-repeat; background-size: cover; background-position: center center; } #home-slider .home-top-banner { background-color: rgba(0, 0, 0, 0.9); } #home-slider.home-slider .banner-content { margin: 220px 0 160px; } #home-slider.home-slider .banner-content h1 { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); font-size: 32px; margin: 10px 0 30px; } #home-slider.home-slider .banner-content h4 { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } /* |---------------------------------------------------------------------------- 4. NAVIGATION |---------------------------------------------------------------------------- */ nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a { color: #4B566B; font-size: 16px; font-weight: 700; padding: 30.5px 15px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } nav.mgsSmartMegamenu.navbar.bootsnav .side-menus ul.menu-col { padding: 10px 15px; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-transparent ul.nav > li > a, nav.mgsSmartMegamenu.navbar.bootsnav ul.menu-col > li > a { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .white-bg nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a, .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a { color: #000; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li a, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #000; text-decoration: none; } .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li > a { padding: 18.5px 15px; } nav.mgsSmartMegamenu.navbar.bootsnav .side-menus ul.menu-col > li { border-bottom: 1px solid rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.navbar.bootsnav .side-menus ul.menu-col > li a { margin: 10px; display: inline-block; } #header.fixed-nav .attr-nav > ul > li > a { padding: 16px 15px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.on > a, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a:hover, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a.active, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a.active { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .attr-nav { margin-right: 0; } .dropdown-menu.cart-list a { color: #000; } .side { z-index: 1001; } .side .widget .title { margin-top: 25px; } .attr-nav > ul > li > a { padding: 28px 15px; } .attr-nav li a:hover, nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu > li > a:hover { text-decoration: none; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .attr-nav > ul > li.dropdown.mmmyaccount-menu a { font-weight: bold; } .attr-nav > ul > li.dropdown.mmmyaccount-menu ul.dropdown-menu { left: 0; margin-left: 0; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown.mmmyaccount-menu a { color: #00AEEF; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown.mmmyaccount-menu a:hover { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .attr-nav > ul > li > a, .attr-nav > ul > li > a .badge, nav.mgsSmartMegamenu.navbar.bootsnav .side-menus ul.menu-col > li > a:hover, nav.mgsSmartMegamenu.navbar.bootsnav .side-menus ul.menu-col > li > a:focus { color: #00AEEF; } .attr-nav > ul > li:hover > a .badge { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li a.active { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li p a { padding: 10px 0 !important; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li p a:hover { color: #00AEEF; background-color: transparent; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li a:hover { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content li a.product-cat-link:hover { background-color: transparent; } nav.navbar.bootsnav .navbar-header .navbar-toggle { background-color: transparent; } nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle { margin-top: 22px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle { margin-top: 10px; } nav.mgsSmartMegamenu.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a, nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li a, nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a { padding: 10px; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-left { justify-content: left; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-center .collapse { display: contents; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-center .collapse ul.nav { margin: 0 auto; } #header nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle { background-color: transparent !important; font-size: 32px; top: -4px; color: #00AEEF; cursor: pointer; } /*------------------- Navbar Mobile App Style -------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .collapse.navbar-collapse { -ms-flex-preferred-size: 100%; -webkit-flex-basis: auto; flex-basis: auto; -webkit-box-flex: 1; } /*------------------- Brand top -------------------*/ #header nav.mgsSmartMegamenu.bootsnav.navbar-brand-top ul.nav { display: -webkit-flex; display: flex; } #header nav.mgsSmartMegamenu.bootsnav.navbar-brand-top .navbar-header { margin-bottom: 28px; } #header.navbarbrandtop.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav .navbar-header { margin-bottom: 16px; } #header.navbarbrandtop nav.mgsSmartMegamenu.navbar.navbar-brand-top.attrnav .navbar-header, #header.navbarbrandtop.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav.attrnav .navbar-header { margin-bottom: 0; } #header.navbarbrandtop.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav .navbar-toggle { top: 12px; } #header.navbarbrandtop { background-color: #fff; height: 160px; } #header.navbarbrandtop.fixed-nav { height: 136px; } #header.navbarbrandtop.fixed-nav .navbar-brand .logo { height: 80px; } nav.mgsSmartMegamenu.bootsnav.navbar-full { padding-bottom: 0; padding-top: 0; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbox-collapse ul.nav li { margin-bottom: 5px; } .fixed-nav nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li > a { padding: 10px 15px; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a:focus { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu { border-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .col-menu.col-sm-12 > hr { margin: 8px 0; } nav.mgsSmartMegamenu.bootsnav .megamenu-content .title { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); font-weight: bold; text-transform: uppercase; font-size: 1rem; margin-top: 15px; border-bottom: 1px solid; padding-bottom: 5px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { color: #000; font-size: 14px; } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { border-bottom: 1px solid #e0e0e0; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content { max-height: calc( 100vh - 100px); } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content { max-height: calc( 100vh - 100px); overflow-y: auto; overflow-x: hidden; } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content.image-menu a:hover { background-color: transparent; } nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content { margin-bottom: 12px; } ul.dropdown-menu.megamenu-content img.product-cat { width: 232px; max-width: 100%; padding-right: 10px; } nav.mgsSmartMegamenu.bootsnav .navbox-collapse ul.dropdown-menu.megamenu-content.image-menu a:hover { background-color: transparent; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; text-decoration: none; padding: 0; } #header .navbar-header .navbar-toggler .hidden { display: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after { content: ""; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::after { display: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before { content: "\f104"; padding-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before, #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-left li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before, #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-center li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before { content: "\f105"; padding-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-sidebar li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before, #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-sidebar li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before { content: "\f107"; padding-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li { border-bottom: 1px solid #ddd; padding: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li:hover { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li > a { background-color: transparent; border: none; display: inline-block; width: 100%; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li > a i { margin-right: 4px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li:hover { background-color: transparent; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li > a:hover { background-color: #aeb4be; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav ul.menu-col > li > a { text-decoration: none; } #header nav.navbar.bootsnav { padding: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content, #header nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu { margin-top: 27px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.sticky-header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.navbar-sticky ul.dropdownnav-right li.dropdown ul.dropdown-menu, #header.navbarbrandtop.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content { margin-top: 16px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu, #header nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdownnav-right li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu { margin-top: 4px; } #header nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu, #header.navbarbrandtop nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav.attrnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content { margin-top: 0; } #header.fixed-top.navbarbrandtop nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav.attrnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content { margin-top: 28px; } #header.fixed-top.navbarbrandtop.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav.attrnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content { margin-top: 16px; } #header nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list > li > a.photo { width: 50px; } #header nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list > li.total { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: #000; } #header nav.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list > li > h6 { margin-bottom: 5px; } #header nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list a.btn.btn-cart { background-color: #e0e0e0; border-color: #e0e0e0; width: 100px; margin-left: 5px; } #header nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu.cart-list a.btn.btn-cart:hover { background-color: #f0f0f0; color: #000; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu { margin-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li { padding: 0; } .navbar-header .navbar-toggler { display: none; } nav.mgsSmartMegamenu.bootsnav .collapse { display: block; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content { padding: 0 !important; } #header nav.mgsSmartMegamenu.bootsnav .dropdown.megamenu-fw .megamenu-content { width: 100% !important; min-width: 12rem; } #header nav.mgsSmartMegamenu.bootsnav .megamenu-content { width: 12rem !important; } #header nav.mgsSmartMegamenu.navbar.navbar-full.bootsnav .navbar-toggle, #header nav.navbar.navbar-full.bootsnav .navbar-header { float: right; } #header nav.mgsSmartMegamenu.navbar.navbar-full.bootsnav .navbar-header { margin-right: 15px; } #header nav.mgsSmartMegamenu.bootsnav ul.nav li.close-full-menu a:hover { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } /*------------------- Navbar Sidebar -------------------*/ #header nav.mgsSmartMegamenu.navbar-sidebar .top-search { top: 0; z-index: 11; } #header nav.mgsSmartMegamenu.navbar.navbar-sidebar.bootsnav ul.nav > li, #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.navbar-sidebar ul.nav li { padding: 2px 0; } #header nav.mgsSmartMegamenu.navbar.navbar-sidebar.bootsnav ul.nav > li > a, #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.navbar-sidebar ul.nav li > a { padding: 10px 15px; display: block; clear: both; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title { color: #555; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .attr-nav { width: 100%; margin-bottom: 20px; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .attr-nav > ul { display: block; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .attr-nav > ul > li { float: right; } /*------------------- Brand Center -------------------*/ .navbar.brand-center .navbar-brand { padding: 0; } nav.mgsSmartMegamenu.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu { margin-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-collapse { z-index: 2; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-sticky.brand-center.bootsnav.sticked .navbar-collapse { margin-top: 0; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-sticky.brand-center.bootsnav.attrnav.sticked .navbar-brand { margin-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav { display: -webkit-inline-flex !important; display: inline-flex !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-nav { -ms-flex-direction: inherit; flex-direction: inherit; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center.attrnav .navbar-collapse { -ms-flex-preferred-size: inherit; flex-basis: inherit; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-collapse { margin-top: 28px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-collapse { margin-top: 16px; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center.attrnav .navbar-collapse { margin-top: 0; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.brand-center.attrnav .navbar-collapse { margin-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav > li.dropdown { position: relative; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top: 28px; position: absolute; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top: 14px; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center li.dropdown ul.dropdown-menu li { padding: 10px 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center li.dropdown ul.dropdown-menu li:hover { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu li a { text-align: left; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu li.dropdown > a.dropdown-toggle::before { left: -10px; position: relative; } /* |---------------------------------------------------------------------------- 4.1. SEARCH IN NAVIGATION |---------------------------------------------------------------------------- */ .top-search .input-group-addon { padding-top: 5px; } .attr-nav > ul > li:hover { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .attr-nav > ul > li:hover a { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .attr-nav > ul > li:hover h6 a { color: #000; } .attr-nav.margin-around { margin-left: 10px; margin-right: 10px; } .attr-nav > ul > li.dropdown ul.dropdown-menu { left: -225px; } #header nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li h6 a:hover { background-color: transparent; text-decoration: none; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .col-sm-show { display: none; } .nav-up-hide-header { top: -80px; -webkit-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; } .attr-nav > ul > li.side-menu { margin-right: 24px; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .attr-nav > ul > li.side-menu i { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } /* |---------------------------------------------------------------------------- 4.2. MENU EFFECT & E-COMMERCE MEGAMENU |---------------------------------------------------------------------------- */ .waves { position: relative; display: inline-block; height: 18px; bottom: -4px; border-width: 2px; border-style: solid; border-radius: 5px; -webkit-animation-name: waves; animation-name: waves; -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .waves.width50 { width: 50px; left: -40px; } .waves.width54 { width: 54px; left: -44px; } .waves.width70 { width: 74px; left: -62px; } .waves.green { border-color: #12bc00; } .waves.red { border-color: #ff0000; } .waves.magenta { border-color: #8b008b; } .waves.blue { border-color: #007bff; } .waves.brown { border-color: #a52a2a; } @-webkit-keyframes waves { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.0; } 25% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.1; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.3; } 75% { -webkit-transform: scale(0.75); transform: scale(0.75); opacity: 0.5; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.0; } } @keyframes waves { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.0; } 25% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.1; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0.3; } 75% { -webkit-transform: scale(0.75); transform: scale(0.75); opacity: 0.5; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.0; } } /****************** Tabbed Left Megamenu ***************/ .mmmtabbedmenuleft { padding: 5px 0; background-color: #e9ebef; } .nav-mmmtabbedmenu-left { border-bottom: none; padding-top: 0; border-right: 1px solid #e9ebef; margin-left: -1px; margin-top: -6px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li .nav-mmmtabbedmenu-left > li { width: 100%; margin-bottom: 2px; border: 1px solid rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); border-radius: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left > li > a { display: block; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left li a { background-color: #fff; color: #4B566B; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left li a.active { background-color: #e9ebef; color: #4B566B; border-right-color: transparent; margin-right: -1px; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft .tab-content { margin-bottom: 30px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .megamenu, nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenu .megamenu { padding-left: 15px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .col-menu:first-child { padding-left: 0; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .row .col-menu:first-child { padding-left: 0; } /****************** Tabbed Megamenu ***************/ .tab-content h5 { background-color: #e3e9ef; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); padding: 6px 10px; margin-left: -17px; } .mmmtabbedmenu { margin: 30px 0; } .mmmtabbedmenu ul.nav-tabbedmenu { margin-left: 30px; } .mmmtabbedmenu ul, .mmmtabbedmenu li, .mmmtabbedmenuleft ul, .mmmtabbedmenuleft li { list-style: none; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu .tab-content { margin: 14px 0 0; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu li { margin: 0 2px; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu li a { font-size: 14px; font-weight: normal; padding: 18px 15px !important; white-space: nowrap; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: #000; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a:hover, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a.active { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu li { border-bottom: none; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenu .col-menu { padding: 0 15px; } .mmmtabbedmenu .btn, nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .btn { margin: 5px 2px; padding: 6px 8px; } .mmmtabbedmenu .btn:hover, nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .btn:hover { background-color: #007bff; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li img { max-width: 100%; } .mmmtabbedmenu .tab-content .image-box, .mmmtabbedmenuleft .tab-content .image-box { text-align: center; } .margintb20 { padding: 20px 0; } /****************** 2 line Menu ***************/ nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu { margin: 0 15px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu > a, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.dropdown.mmm2linemenu > a { padding-left: 0; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu > a span { display: block; max-width: 130px; width: 100%; text-align: left; font-size: 11px; font-weight: 400; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu > a:hover, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu > a:hover, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.mmm2linemenu > a.active { background-color: transparent; color: #000; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.dropdown.mmm2linemenu > a.dropdown-toggle { position: relative; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.dropdown.mmm2linemenu > a.dropdown-toggle::after { bottom: 0; position: absolute; right: 50%; border-width: 6px; top: 3em; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmmyaccount-menu.mmm2linemenu ul.dropdown-menu.megamenu-content { margin-top: 16px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmmyaccount-menu.mmm2linemenu ul.dropdown-menu.megamenu-content { margin-top: 4px; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmmyaccount-menu.mmm2linemenu > a:after { bottom: -16px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmmyaccount-menu.mmm2linemenu > a::after { bottom: -4px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu > a:hover:after, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu.on > a:after, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.mmm2linemenu > a.active:after { content: ""; position: absolute; height: 0; border: 6px solid transparent; border-bottom: 6px solid rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); top: 2.7em; right: 50%; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu.on > a { background-color: transparent; color: #00AEEF; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmmyaccount-menu.mmm2linemenu.on > a:after { bottom: -16px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmm2linemenu ul.dropdown-menu.megamenu-content { margin-top: 20px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmm2linemenu ul.dropdown-menu.megamenu-content ul.nav-mmmtabbedmenu-left li { border: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmm2linemenu ul.dropdown-menu.megamenu-content ul.nav-mmmtabbedmenu-left li a { border: 1px solid rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmm2linemenu ul.dropdown-menu.megamenu-content ul.nav-mmmtabbedmenu-left li a.active { border-right-color: transparent; } /*---------------------Horizontal Menu--------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content { min-height: 38px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content.horizontal-labelmenu li { margin-bottom: 5px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content li { border-bottom: none; } /*---------------------Category Menu--------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu { background-color: transparent; border-right: none; border-bottom: none; border-left: none; overflow-x: hidden; height: calc( 100vh - 90px); max-height: 560px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.dropdownmenu-bordertop-none { border-top: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.full-width-dropdown { height: calc( 100vh - 100px); background-color: transparent; margin-left: -10px; max-height: 550px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.full-width-dropdown > li { background-color: #f5f5f5; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li { border: none; padding: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li .image-box { text-align: center; padding: 0 10px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li a.dropdown-toggle { background-color: #ddd; border-left: 3px solid transparent; display: block; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li.dropdown.on a.dropdown-toggle { background-color: #f5f5f5; border-left: 3px solid rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: #00AEEF; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li a, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.megamenu-content .content ul.menu-col li a { border-bottom: 1px solid #fdfdfd; } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown a.dropdown-toggle, nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown a.dropdown-toggle:hover { width: 200px !important; background-color: transparent; } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown:hover { background-color: transparent; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { width: calc( 100% - 200px) !important; top: -6px; left: 210px; position: fixed; margin-top: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { max-width: 910px; top: 80px; left: calc(( 100% + 420px - 1110px )/2); } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-4 { max-width: 304px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-6 { max-width: 455px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-8 { max-width: 608px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-10 { max-width: 760px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { top: 56px; } } .full-width-dropdown h5 { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); font-size: 20px; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); padding: 6px 10px; margin-top: 5px; margin-left: 15px; } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu img, nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu .banner-image { padding-bottom: 10px; } nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu .banner-image img { padding-left: 15px; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav, nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li, nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li a { z-index: 2; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li p { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse .wrap-full-menu { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/fullscreenmenu.jpg"); background-attachment: fixed; background-size: cover; } /*---------------------navbar-full before bg--------------------*/ nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse .wrap-full-menu::before { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse .wrap-full-menu ul.nav { position: relative; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-full .navbar-collapse .wrap-full-menu ul.nav > li > a { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } /*---------------------end navbar-full before bg--------------------*/ nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li { padding: 2px 0; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li a { width: auto; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse.show { display: block !important; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li > a { padding: 10px 15px; } /*---------------------Split Menu--------------------*/ nav.mgsSmartMegamenu.bootsnav.navbar-full .fa.fa-times { font-size: 32px; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu { float: none; display: flex; width: 100%; top: 0; right: 20px; height: auto; position: fixed; z-index: 1001; width: 40px; cursor: pointer; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.social-media-box { float: none; display: block; width: 100%; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li { float: left; display: flex; text-align: center; width: 25%; height: 100vh; position: relative; top: 0; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li, nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li a { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); z-index: 2; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu::before { background-color: transparent; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li::before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li:hover::before { background-image: -moz-linear-gradient(to bottom, rgba(62, 75, 153, 0.3), rgba(207, 32, 37, 0.5)); background-image: -webkit-linear-gradient(to bottom, rgba(62, 75, 153, 0.3), rgba(207, 32, 37, 0.5)); background-image: -o-linear-gradient(to bottom, rgba(62, 75, 153, 0.3), rgba(207, 32, 37, 0.5)); background-image: -ms-linear-gradient(to bottom, rgba(62, 75, 153, 0.3), rgba(207, 32, 37, 0.5)); background-image: linear-gradient(to bottom, rgba(62, 75, 153, 0.3), rgba(207, 32, 37, 0.5)); background-color: rgba(0, 0, 0, 0); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu:hover::before { background-image: none; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li { background-attachment: scroll; background-size: cover; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-1 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/menu-1.jpg"); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-2 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/menu-2.jpg"); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-3 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/menu-3.jpg"); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-4 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/menu-4.jpg"); } nav.mgsSmartMegamenu.bootsnav .mgsSMmenu img { border-radius: 6px; } nav.mgsSmartMegamenu.bootsnav .mgsSMmenu .pricebox { margin-top: -50px; padding-bottom: 50px; text-align: center; } /*************************** Carousel Slider ***************************/ .smMenuCarousel { background-color: rgba(119, 119, 119, 0.6); border: 1px solid #777777; border-radius: 6px; padding: 2px; margin: 5px 10px 10px 0; } .smMenuCarousel a.btn.btn-cart:hover { background-color: #007bff; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); cursor: pointer; } .smMenuCarousel .carousel-item { text-align: center; } .smMenuCarousel .carousel-item img { width: 100%; } .smMenuCarousel .carousel-indicators { bottom: 0; margin-bottom: 0; } .smMenuCarousel .carousel-indicators li { background-color: rgba(0, 82, 217, 0.5); height: 5px; margin-bottom: 5px; list-style: none; } .smMenuCarousel .carousel-indicators li:hover, .smMenuCarousel .carousel-indicators li.active, #header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu .carousel-indicators li:hover { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); cursor: pointer; } #header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li .carousel-item a { padding: 0 !important; } #header nav.navbar.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu li .carousel-item a:hover { background-color: transparent; } /*************************** Responsive Menu Bar ***************************/ #header nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle { padding: 4px 12px; } button .menubar1, button .menubar2, button .menubar3 { display: block; width: 30px; height: 5px; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); margin: 5px 0; transition: 0.3s; } button.mgschangemenu-bar .menubar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); background-color: #00AEEF; } button.mgschangemenu-bar .menubar2 { opacity: 0; } button.mgschangemenu-bar .menubar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); background-color: #00AEEF; } /* |---------------------------------------------------------------------------- 4.3. MENU ANIMATION |---------------------------------------------------------------------------- */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fade-Out-Up { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fade-In-Down, .navbar-full .animated { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .outer-close.toggle-overlay { position: absolute; right: 15px; font-size: 32px; cursor: pointer; color: #00AEEF; z-index: 3; } .outer-close.toggle-overlay a { color: #00AEEF; } .outer-close.toggle-overlay:hover a { color: #00AEEF; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li.close-full-menu, nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.close-full-menu { display: none; } /* |---------------------------------------------------------------------------- 5. INNER PAGES TOP BANNER / #page-top-banner |---------------------------------------------------------------------------- */ #page-top-banner { margin-top: 80px; padding: 120px 0; position: relative; width: 100%; } #page-top-banner.sidebar-menu-top-banner, #page-top-banner.nomargin-banner { margin-top: 0; } #page-top-banner.navbarbrandtop-banner { margin-top: 160px; } #page-top-banner.above-top-banner { margin-top: 0; } #page-top-banner.page-title::after { background-color: #2b3445; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } #page-top-banner.page-title { background-attachment: fixed; background-color: #2b3445; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; position: relative; color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); z-index: 1; } #page-top-banner.page-title-image { background-color: #b5b5b5; background-repeat: no-repeat; background-position: center; background-size: cover; } #page-top-banner.page-title-image.page-top-banner { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/portfolio-banner.jpg"); } #page-top-banner.page-title h1 { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); font-size: 32px; margin: 10px 0 30px; } #page-top-banner.page-title h4 { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } /* |---------------------------------------------------------------------------- 6. ABOUT / .about-wrap |---------------------------------------------------------------------------- */ #about { padding: 100px 0 70px; } .progressbar-wrap .title-box { margin-top: 0; } .about-wrap { margin: 0 0 30px; } .about-wrap .icon-holder { float: left; text-align: center; } .about-wrap .icon-holder i { border: 1px solid rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); border-radius: 50%; color: #00AEEF; height: 40px; font-size: 24px; line-height: 40px; width: 40px; } .about-wrap:hover .icon-holder i { background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .about-wrap li::before { color: #00AEEF; content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: bold; padding-right: 8px; } .about-wrap li { padding: 0 0 5px; } .about-wrap .text-box { padding-left: 60px; } #about .about-wrap .text-box .title-box { margin: 0 0 30px; } .text-box > p:last-child, .text-box .list-unstyled { margin: 0; } /* |---------------------------------------------------------------------------- 7. FOOTER / .footer |---------------------------------------------------------------------------- */ .footer { background-color: #000; } .footer-top { background: none; padding: 50px 0 30px; } .footer .copyright { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); padding: 0 15px; } a.footer-site-link { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } /* |---------------------------------------------------------------------------- 8. SOCIAL |---------------------------------------------------------------------------- */ .social-holder { position: relative; margin: 50px 0; } #header nav.navbar.bootsnav.navbar-full .social-holder { margin: 50px 0 0; } .social-holder > p { font-size: 18px; font-weight: bold; padding-bottom: 20px; } .social-holder > p, .list-social { margin: 0; text-align: center; } .social-holder .list-inline.list-social > li { padding-left: 5px; padding-right: 5px; display: inline; } a.social-icon { color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); } .social-icon { border-style: solid; border-width: 1px; border-radius: 6px 0; cursor: pointer; display: inline-block; font-size: 16px; height: 28px; line-height: 28px; margin: 0; overflow: hidden; text-align: center; width: 28px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav > li a.social-icon { width: 28px; } .social-icon:hover { border-color: transparent; box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.8); color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.navbar-full .navbar-collapse ul.nav li > a.social-icon { padding: 5px 10px; height: 42px; line-height: 32px; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-facebook:hover { background-color: #3b5998; box-shadow: inherit; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-twitter:hover { background-color: #00acee; box-shadow: inherit; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-gplus:hover { background-color: #dd4b39; box-shadow: inherit; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-linkedin:hover { background-color: #0077b5; box-shadow: inherit; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-youtube:hover { background-color: #00AEEF; box-shadow: inherit; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-vimeo:hover { background-color: #1ca7cc; box-shadow: inherit; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse ul.nav a.social-icon-pinterest:hover { background-color: #cb2027; box-shadow: inherit; } .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li > a.social-icon { padding: 0; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw a.dropdown-toggle { margin-right: -15px; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw a.dropdown-toggle:after { margin-right: 15px; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown a.dropdown-toggle { margin-right: -15px; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown a.dropdown-toggle:after { margin-right: 15px; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.mmmyaccount-menu a.dropdown-toggle:after { margin-right: 15px; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav.rtl-nav li.dropdown.megamenu-fw a.dropdown-toggle { margin-left: -15px; margin-right: auto; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav.rtl-nav li.dropdown.megamenu-fw a.dropdown-toggle:after { margin-left: 15px; margin-right: auto; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav.rtl-nav li.dropdown a.dropdown-toggle { margin-left: -15px; margin-right: auto; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav.rtl-nav li.dropdown a.dropdown-toggle:after { margin-left: 15px; margin-right: auto; } *[browser="C49UP" i] _:not(*:root):unresolved, #header nav.mgsSmartMegamenu.navbar.bootsnav.rtl-nav li.dropdown.mmmyaccount-menu a.dropdown-toggle:after { margin-left: 15px; margin-right: auto; } /* |---------------------------------------------------------------------------- 9. OTHERS |---------------------------------------------------------------------------- */ .section-padding { padding: 130px 0 140px; } .bg-color { background-color: #a8a8a8; } .scrollup { bottom: 40px; display: none; font-size: 42px; color: #00AEEF; height: 40px; position: fixed; right: 22px; text-align: center; width: 40px; z-index: 999; } /* |---------------------------------------------------------------------------- Smart Megamenu - Responsive Bootstrap Multipurpose Megamenu Responsive CSS Author: MGScoder Author URL: https://codecanyon.net/user/mgscoder |---------------------------------------------------------------------------- */ @media screen and (max-width: 1199px) { .waves { display: none; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a { padding: 30px 8px; } .attr-nav > ul > li > a { padding: 28px 8px; } #header nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav > ul > li.dropdown ul.dropdown-menu { width: 250px !important; left: -225px; } } @media screen and (max-width: 1199px) and (min-width: 992px) { #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu { width: 150px !important; min-width: 150px; } #header nav.mgsSmartMegamenu.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content { width: 100% !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu { left: -150px; } } @media screen and (min-width: 992px) { #header nav.mgsSmartMegamenu.bootsnav.brand-center.attrnav .navbar-brand { margin-right: 60px; } #header nav.mgsSmartMegamenu.bootsnav.brand-center.attrnav.brand-center-search-cart .navbar-brand { margin-right: 120px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft .waves, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu .waves { display: none; } } @media screen and (max-width: 991px) { #header nav.mgsSmartMegamenu.navbar.bootsnav .dropdown .megamenu-content .col-menu .title::before { right: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .nav.navbar-nav.navbar-left { padding-bottom: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .nav.navbar-nav.navbar-right { padding-top: 0; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .navbar-toggle.mgschangemenu-bar { margin-left: auto; margin-right: auto; } nav.mgsSmartMegamenu.navbar.bootsnav .navbar-collapse.collapse.show { display: block !important; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .navbar-collapse.show { left: 0; } .bootsnav button.navbar-toggler:focus { box-shadow: none; outline: 1px transparent; } .navbar .navbar-brand { padding: 0 10px 0 0; } nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav, nav.mgsSmartMegamenu.navbar.bootsnav.navbar-transparent .attr-nav { padding-left: 10px; margin-left: 0; } .fixed-nav nav.mgsSmartMegamenu.bootsnav .navbar-brand > img.logo, .fixed-nav .navbar-brand .logo { margin-top: 8px; height: 40px; } .attr-nav > ul > li.dropdown ul.dropdown-menu { left: -242px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu .content ul.menu-col li a { padding: 10px 5px !important; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu { padding: 0 20px; } /*------------------- old767 -------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav .nav { -ms-flex-direction: column; flex-direction: column; background-color: #f0f0f0; padding: 11px; } nav.mgsSmartMegamenu.bootsnav .collapse { display: none; } nav.mgsSmartMegamenu.bootsnav .collapse.show { display: block; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-left { display: -webkit-flex; display: flex; } #header nav.mgsSmartMegamenu.navbar.bootsnav .navbar-header { width: 100%; } #header nav.mgsSmartMegamenu.navbar.bootsnav .collapse.show { width: 100%; } .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li > a, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a { padding: 10px; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li, nav.mgsSmartMegamenu.navbar.bootsnav ul.menu-col > li { padding: 2px 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after { display: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li:hover a.social-icon:hover { color: #fff; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li:hover a.dropdown-toggle { color: #000; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { position: initial !important; top: 0px; padding: 0 0 0 30px !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content { margin-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu, #header nav.mgsSmartMegamenu.bootsnav .megamenu-content { width: 100% !important; } #header nav.mgsSmartMegamenu.bootsnav .dropdown.megamenu-fw .megamenu-content { width: 98% !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content { max-height: 100%; } #header nav.mgsSmartMegamenu.navbar.bootsnav .megamenu-content .col-menu { margin: 0 5px 0 15px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle::before { content: "\f078"; } #header nav.mgsSmartMegamenu.navbar.bootsnav .megamenu-content .col-menu.col-sm-6 { width: 90%; flex: 0 0 90%; max-width: 90%; } /*------------------- Navbar Sidebar -------------------*/ #page-top-banner.sidebar-menu-top-banner { margin-top: 80px; } #header nav.mgsSmartMegamenu.navbar.navbar-sidebar.bootsnav .scroller { width: 100%; } #header nav.mgsSmartMegamenu.navbar.navbar-sidebar.bootsnav .navbar-brand { padding: 0 50px 0 0; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .attr-nav { width: 145px; padding-left: 20px; margin-bottom: 0; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .attr-nav > ul > li { padding-left: 15px; } #header nav.mgsSmartMegamenu.navbar-sidebar .top-search { top: 80px; } /*------------------- Navbar Mobile -------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .navbar-collapse.collapse.show { width: 265px; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile ul.nav { margin-left: -11px; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .navbox-collapse { width: 270px; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile ul.nav { width: 283px; } /*------------------- Brand Center -------------------*/ nav.mgsSmartMegamenu.navbar.brand-center.bootsnav ul.nav > li > a { padding: 10px; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-center .collapse { display: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-center .collapse.show { display: block; } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-center .collapse ul.nav { margin: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-collapse, #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-collapse { margin-top: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav .navbar-collapse.collapse.show { display: block !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav { display: block !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-nav > li > a { border: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center ul.nav > li { padding: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-nav { padding-right: 20px; margin: 0; } /*------------------- Brand Center -------------------*/ /*------------------- Navigation Menu Fullscreen Layout -------------------*/ nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse { z-index: 10; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse { left: 0; } /*------------------- Brand top -------------------*/ #header nav.mgsSmartMegamenu.bootsnav.navbar-brand-top .navbar-header { margin-bottom: 0; } #header.header.fixed-nav nav.mgsSmartMegamenu.bootsnav.navbar-brand-top .attr-nav > ul > li > a { padding: 30px 15px !important; } #header.navbarbrandtop.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-brand-top.bootsnav .navbar-toggle { top: 12px; } #header.navbarbrandtop { background-color: white; height: 80px; } #header.navbarbrandtop.fixed-nav { height: 80px; } #header.navbarbrandtop .top-search, #header.fixed-nav.navbarbrandtop .top-search { top: 80px; } #header.fixed-nav.navbarbrandtop nav.mgsSmartMegamenu.bootsnav .navbar-brand > img.logo { margin-top: 0; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a { font-size: 14px; display: block; } nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav { top: 0; right: 15px; } #header nav.mgsSmartMegamenu.navbar.navbar-full.bootsnav .attr-nav { right: 40px; } #header.header .attr-nav > ul > li > a { padding: 28px 15px !important; } #header.header.fixed-nav .attr-nav > ul > li > a { padding: 16px 15px !important; } .fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li > a { padding: 12px 10px 11px; } .fixed-nav nav.mgsSmartMegamenu.bootsnav .navbar-brand > img.logo, .fixed-nav .navbar-brand .logo { margin-top: 5px; height: 50px; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-transparent ul.nav > li > a, nav.mgsSmartMegamenu.navbar.bootsnav ul.menu-col > li > a { color: #000; } nav.mgsSmartMegamenu.navbar.bootsnav .side-menus ul.menu-col > li > a { color: #fff; } .attr-nav > ul > li > a { padding: 28px 15px; } nav.mgsSmartMegamenu.navbar.bootsnav .dropdown .megamenu-content .col-menu .title { color: #000; margin-bottom: 10px; padding-left: 15px; text-transform: uppercase; } body.side-right > .wrapper { margin-left: 260px; margin-right: -260px !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav { background-color: transparent; border: none; } #header nav.mgsSmartMegamenu.navbar.bootsnav .navbar-header { padding-left: 0; padding-right: 0; } #header nav.mgsSmartMegamenu.navbar.navbar-full.bootsnav .navbar-toggle.fullscreen-menu-btn { margin-top: 25px; right: 110px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.navbar-full.bootsnav .navbar-toggle.fullscreen-menu-btn { margin-top: 8px; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbox-collapse { left: 0; z-index: 10; } .fixed-top .navbox-collapse, #header nav.mgsSmartMegamenu.navbar.bootsnav .collapse.show { max-height: calc(100vh - 80px); overflow: auto; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav .collapse.show { max-height: calc(100vh - 56px); } #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-full .collapse.navbar-collapse.show, #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .collapse.navbar-collapse.show { max-height: 100vh; } .navbox-collapse ul.nav.navbar-nav { margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; background-color: #f0f0f0; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li > a, nav.mgsSmartMegamenu.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a { color: #222; } .navbox-collapse ul.nav.navbar-nav li:hover a, .navbox-collapse ul.nav.navbar-nav li a:hover { color: #fff; } .navbox-collapse { margin-top: 2px; } .navbar-nav { margin-top: 0; } .nav.navbar-nav.navbar-right > li > a, .fixed-nav .nav.navbar-nav.navbar-right > li > a { color: #000; padding-bottom: 7px; padding-left: 15px; padding-top: 10px; } .navbar-toggle { margin: 25px 0 0; } .fixed-nav .navbar-toggle { margin: 14px 0 0; } .breadcrumb, #single-page-banner.page-title h2 { text-align: center; } .parallax { background-attachment: scroll; } .col-sm-show { display: block; } .col-sm-hidden { display: none; } .waves, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft .waves { display: inline-block; } /****************** Tabbed Megamenu ***************/ nav.mgsSmartMegamenu.navbar.bootsnav .dropdown .megamenu-content .col-menu .title.no-dropdmenu::before { content: ""; } nav.mgsSmartMegamenu.navbar.bootsnav .dropdown .megamenu-content .col-menu .title.no-dropdmenu { border-bottom: 1px solid #fff; text-align: center; } .mmmtabbedmenu .tab-content h5, .tab-content h5 { margin-left: 0; } .mmmtabbedmenu, .mmmtabbedmenuleft { margin: 0 0 30px; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav.nav-mmmtabbedmenu-left { background-color: #e9ebef; } #header nav.mgsSmartMegamenu.navbar.bootsnav ul.nav.nav-mmmtabbedmenu-left { padding: 10px 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft ul.nav-mmmtabbedmenu-left li a, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li a { padding: 3px 8px 2px !important; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu .mmmtabbedmenu li { margin: 0 0 2px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li.mmtabmenu, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li.mmtabmenu li { background-color: transparent; } .mmmtabbedmenu ul.nav-tabbedmenu { margin-left: 0; } .mmmtabbedmenu .tab-content ul.megamenu { padding: 0; left: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenu ul.nav-tabbedmenu li:hover a { color: #000; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li .mmmtabbedmenu .banner-image { padding-left: 2%; padding-left: 2%; max-width: 100%; overflow: hidden; text-align: center; } nav.mgsSmartMegamenu.bootsnav ul.nav li.dropdown ul.dropdown-menu li .mmmtabbedmenu .banner-image img { max-width: 80%; text-align: center; } #header nav.mgsSmartMegamenu.navbar.bootsnav .megamenu-content li .mmmtabbedmenu .col-menu.col-sm-6, #header nav.mgsSmartMegamenu.navbar.bootsnav .megamenu-content li .mmmtabbedmenuleft .col-menu.col-sm-6 { width: 95%; flex: 0 0 95%; max-width: 95%; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenu .megamenu { padding-left: 0; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .col-menu:first-child { padding: 0 20px 0 20px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.dropdown-menu.megamenu-content .mmmtabbedmenuleft .row .col-menu { padding-left: 0; } /****************** 2 line Menu ***************/ nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu > a, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.dropdown.mmm2linemenu > a { padding-left: 10px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu > a { padding: 2px 10px 2px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav > li.mmm2linemenu > a span { max-width: inherit; padding-right: 4px; } nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu > a:hover:after, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.dropdown.mmm2linemenu.on > a:after, nav.mgsSmartMegamenu.navbar.bootsnav ul.nav li.mmm2linemenu > a.active:after { border: none; } /*---------------------Horizontal Menu--------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu.megamenu-content { padding-left: 10px !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.megamenu-fw.horizontal-menu ul.dropdown-menu li > a { display: block; } /*---------------------Category Menu--------------------*/ #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu { height: auto; max-height: unset; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu.full-width-dropdown { height: auto; max-height: unset; margin-left: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown ul.dropdown-menu li { margin-left: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown a.dropdown-toggle, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown.fullwidth-dropdown li.dropdown a.dropdown-toggle:hover { width: auto !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { width: 100% !important; max-width: 100%; top: 0; left: 0; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown h5 { margin-left: 15px; } #header nav.mgsSmartMegamenu.navbar.bootsnav .dropdown .megamenu-content .col-menu .title { padding: 10px 15px 10px 15px; } /****************** full screen ***************/ #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-full .nav { background-color: transparent; padding: 11px; } nav.mgsSmartMegamenu.bootsnav.navbar-full .navbar-collapse .wrap-full-menu { background-attachment: scroll; } } @media screen and (max-width: 767px) { nav.mgsSmartMegamenu.bootsnav.navbar-full ul.nav > li > a { font-size: 24px !important; } /****************** Split Menu ***************/ #header nav.mgsSmartMegamenu.navbar.bootsnav.navbar-full.split-menu ul.nav > li.close-full-menu { padding: 0; top: -10px; } #header nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav { padding: 0; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li { float: none; width: 100%; height: 25vh; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li { background-attachment: scroll; } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-1 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/rmenu-1.jpg"); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-2 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/rmenu-2.jpg"); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-3 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/rmenu-3.jpg"); } nav.mgsSmartMegamenu.bootsnav.navbar-full.split-menu .navbar-collapse ul.nav > li.menu-4 { background-image: url("/PublicStore/MasterTemplates/Default/Style/dist/vendor/megamenu/images/background/rmenu-4.jpg"); } } @media screen and (max-width: 480px) { .title-text::before, .title-text::after { background-position: 0 10px; } .title-text { font-size: 32px; } .title-block h1 { font-size: 30px; } .home-slider.image-bg::before { height: 365px; } } @media screen and (max-width: 420px) { .title-text::before, .title-text::after { background-position: 0 8px; } .title-text { font-size: 28px; } .post-title h1 { font-size: 26px; } .title-block h1 { font-size: 26px; } .navbar .navbar-brand { padding: 0 50px 0 0; } .attr-nav > ul > li.dropdown ul.dropdown-menu { left: -240px; } } @media screen and (max-width: 360px) { .attr-nav > ul > li:hover > a .badge { color: #0052d9; } .attr-nav > ul > li:hover { background-color: transparent; } .attr-nav > ul > li.side-menu { margin-right: 0; } .attr-nav > ul > li.side-menu:hover { background-color: #0052d9; } #header.header .attr-nav > ul > li > a { padding: 28px 10px !important; } #header.header.fixed-nav .attr-nav > ul > li > a { padding: 16px 10px !important; } .attr-nav > ul > li:hover a { color: #0052d9; } ul.dropdown-menu.megamenu-content img.product-cat { width: 210px; } .title-text::before, .title-text::after { background-position: 0 6px; } .title-text { font-size: 26px; } .title-block h1 { font-size: 24px; } .post-title h1 { font-size: 22px; } .waves, #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu .mmmtabbedmenuleft .waves { display: none; } } @media screen and (max-width: 320px) { ul.dropdown-menu.megamenu-content img.product-cat { width: 190px; } #header { height: 60px; } #page-top-banner { margin-top: 60px; } #header.header .attr-nav > ul > li > a { padding: 18px 10px !important; } #header nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle.fullscreen-menu-btn { right: 15px; } #header.navbarbrandtop { height: 60px; } #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle { top: -4px; } #header nav.mgsSmartMegamenu.navbar.bootsnav .attr-nav li.dropdown ul.dropdown-menu { margin-top: -4px; } #header.navbarbrandtop .top-search { top: 60px; } .navbar-brand .logo { height: 60px; } nav.mgsSmartMegamenu.navbar.bootsnav .navbar-toggle { margin-top: 12px; } .title-text { font-size: 24px; } #single-page-banner { margin-top: 60px; } .navbar-toggle { margin: 14px 0 0; } #page-top-banner.sidebar-menu-top-banner { margin-top: 60px; } #header nav.mgsSmartMegamenu.bootsnav.navbar-sidebar .attr-nav > ul > li > a { padding: 18px 15px; } #header nav.mgsSmartMegamenu.navbar-sidebar .top-search, #header .top-search { top: 60px; } /*------------------- Brand Center -------------------*/ #header.fixed-nav nav.mgsSmartMegamenu.navbar.bootsnav.brand-center .navbar-collapse { margin-top: 6px; } .navbar-brand > img.logo, nav.mgsSmartMegamenu.bootsnav.brand-center .navbar-brand > img.logo { margin-top: 0; } #header.header nav.mgsSmartMegamenu.bootsnav.brand-center .attr-nav > ul > li > a { padding: 20px 15px !important; } } @media screen and (max-width: 300px) { ul.dropdown-menu.megamenu-content img.product-cat { width: 180px; } body.side-right > .wrapper { margin-left: 240px; margin-right: -240px !important; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile .navbox-collapse { width: 240px; } nav.mgsSmartMegamenu.navbar.bootsnav.navbar-mobile ul.nav { width: 250px; } .title-text { font-size: 22px; } } @media screen and (-ms-high-contrast: active) and (max-width: 1199px), (-ms-high-contrast: none) and (max-width: 1199px) { #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { max-width: 730px; left: 330px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-4 { max-width: 244px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-6 { max-width: 366px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-8 { max-width: 488px; } #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown.col-lg-10 { max-width: 610px; } } @media screen and (-ms-high-contrast: active) and (max-width: 1092px), (-ms-high-contrast: none) and (max-width: 1092px) { #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { max-width: 740px; left: 265px; } } @media screen and (-ms-high-contrast: active) and (max-width: 1024px), (-ms-high-contrast: none) and (max-width: 1024px) { #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { max-width: 735px; left: 245px; } } @media screen and (max-width: 991px) { #header nav.mgsSmartMegamenu.navbar.bootsnav li.dropdown ul.dropdown-menu li ul.dropdown-menu.full-width-dropdown { left: 0; } }