/*** ==================================================================== Main Header ==================================================================== ***/ .uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;display:block;height:41px;padding:0;float:right;margin-top:-1px;text-shadow:0 1px 0 #fff; text-align:right;} .uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle} .uk-navbar-toggle{font-size:18px;text-decoration:none} .uk-navbar-toggle:focus,.uk-navbar-toggle:hover{ text-decoration:none;outline:0} /*.uk-navbar-toggle:after{content:"\f0c9";font-family:FontAwesome;vertical-align:middle} .uk-navbar-toggle-alt:after{content:"\f002"}*/ .uk-navbar-toggle{text-shadow:none;display:none;height:36px;font-size:25px;margin:3px 5px 0 5px;border-radius:3px;background:rgba(0, 0, 0, 0.02);box-shadow:0 1px 0 rgba(255, 255, 255, 0.08), 0 1px 1px rgba(0, 0, 0, 0.1) inset} .uk-navbar-toggle{color:#fff !important;} .uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002;touch-action:none;} .uk-offcanvas.uk-active{display:block} .uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out} .uk-offcanvas-bar{position:fixed;top:60px;bottom:0;left: 0px;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1002;width:100%;max-width:100%;background: #FFF;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-ms-scroll-chaining:none} .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)} .uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)} .uk-offcanvas .uk-panel{margin:20px 2px;color:#777;text-shadow:0 1px 0 rgba(0,0,0,.5)} .uk-offcanvas .uk-panel a:not([class]),.uk-offcanvas .uk-panel-title{color:#ccc} .uk-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)} .uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)} /* .uk-offcanvas{background:rgba(0,0,0,0.2)}*/ .uk-offcanvas-page{margin-left:0 !important} .uk-nav-offcanvas { margin-left: 0px; padding-left: 5px; } .uk-nav-offcanvas li { margin: 0px; padding: 0px; display:block; } /* .uk-nav-offcanvas *, .uk-nav-offcanvas ul.dropdown-menu, .uk-nav-offcanvas .dropdown-menu li.dropdown > .dropdown-menu, .uk-nav-offcanvas .dropdown-menu li.dropdown > .dropdown-menu a { display:block !important; visibility: visible !important; }*/ /*.uk-nav-offcanvas a, .uk-nav-offcanvas * { color:#000 !important; }*/ .uk-nav-offcanvas>li>a{padding:10px 0px;border-top:0px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)} .uk-nav-offcanvas li a {display:block; line-height:normal; padding-left: 5px; } .uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{background:#404040; outline:0} html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a; box-shadow:inset 0 1px 3px rgba(0,0,0,.3)} .uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)} .uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,.01);margin:0;height:4px;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)} html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#FFF193} .uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(255,255,255,.05)} .uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .uk-nav-offcanvas a.current { /* color: #93b705; */ font-weight:bold; } .uk-nav-offcanvas>li> a #nav_link_home_fa { display: none;} .uk-nav-offcanvas>li>a { font-weight:bold; display: block; white-space: normal; } .uk-nav-offcanvas>li>ul>li>a { font-weight: normal; border-bottom:1px solid rgba(255,255,255,.3); padding:4px 0; display: block; white-space: normal; /*color: #F0F1F5;*/ } /* .uk-nav-offcanvas>li>ul>li>ul>li>ul>li>a { font-size: 93.33%; color: #86A1A1; } */ /* .uk-nav-offcanvas>li>ul>li>ul>li>ul>li>a:before {content: '- ';} */ .uk-nav-offcanvas li ul li a:before {content: '- ';} .uk-nav-offcanvas .sub-menu, .uk-nav-offcanvas .sf-menu, .uk-nav-offcanvas .dropdown-menu { position: relative !important; display: block !important; border-width: 0px; background: none; float: none; padding-left: 15px; } .uk-nav-offcanvas .sf-menu li, .uk-nav-offcanvas li { float: none; display: block; } .uk-nav-offcanvas .sf-menu a, .uk-nav-offcanvas a { height: auto; /*color: #000 !important;*/ } @media only screen and (min-width: 901px) { #top-menu-mob, #main-menu-mob, #quick-menu-mob { display:none; } /*.uk-navbar-toggle {display:none; }*/ } @media only screen and (max-width: 1124px) { .canvas .desktop-menu { display:none ; } .mobile-user-menu { display: block !important; } .uk-navbar-toggle {display:inline-block !important; text-align:right; } .navbar-collapse { display: none !important; } .navbar-expand-lg .navbar-collapse{ display: none !important; } .navbar-expand-lg .navbar-toggler { display: block !important; border:unset;padding-top: 0px; position: absolute; right: 0px; top:-8px;} /* .navbar-toggler{border:unset;padding-top: 0px; position: absolute; right: 10px;} */ } @media only screen and (max-width: 990px) { .uk-navbar-toggle { z-index: 9999 !important;} } /* ============================================================================================= */ /* @begin :: NAV_SF-MENU /* --------------------------------------------------------------------------------------------- */ .sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;z-index:1} .sf-menu li{position:relative} .sf-menu ul{position:absolute;display:none;top:92%;left:0;z-index:109} .sf-menu li{float:left} .sf-menu li.sfHover > ul,.sf-menu li:hover > ul{display:block} .sf-menu a{display:block;position:relative} .sf-menu li ul a{height:auto;line-height:1.8;padding:.25em 1.05em} .sf-menu ul ul{top:0;left:100%} .sf-menu{float:left;margin-bottom:0} .sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em;max-width:12em} .sf-menu a{padding:0 .55em;text-decoration:none;zoom:1;color:#555;color:#fff;cursor:pointer;font-size:14px;font-weight:600} .sf-menu li{white-space:normal;-webkit-transition:background .2s;transition:background .2s} .sf-menu ul li{background:#fff} .sf-menu ul ul li{background:#fff} .sf-menu li.sfHover,.sf-menu li:hover{-webkit-transition:none;transition:none} @media (max-width: 1371px) { .sf-menu { margin-right: 20px; } .sf-menu a { font-size: 0.75rem; } } .sf-menu.sf-menu-main a { color: #5e5250; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 0.5em 1.05em; border: none; } .sf-menu.sf-menu-main li.sfHover, .sf-menu.sf-menu-main a:hover {border-bottom: 0px solid #FF9300; background: rgba(0,0,255,0.4); } .sf-menu.sf-menu-main li li > a { font-size: 100%; font-weight: normal; text-transform: none; } .sf-menu.sf-menu-main a.current { color: #E64500;background: rgba(0,0,255,0.4); } .sf-menu.sf-menu-main li ul { background:#333333; min-width: 190px; padding-top: 0px; border: 1px solid #333333;border-top: 2px solid #FF9300; } .sf-menu.sf-menu-main li ul li:hover { background: #938989; } .sf-menu.sf-menu-main li ul li.sfHover { border: none; } .sf-menu.sf-menu-main li ul li a { font-size: 14px; padding-top: .5em; padding-bottom: .5em; font-weight:normal; color: #FFF; } .sf-menu.sf-menu-main li ul li a.current { color: #FFF; background: #FF9300; } .sf-menu.sf-small a { color: #333; text-transform:none; border: none; padding: 0.2em .80em 0.2em 0.8em; font-size: 90%; } .sf-menu.sf-small li.current, .sf-menu.sf-small li.sfHover { background: rgba(255,255,255,0.7); } .sf-menu.sf-small a.current { font-weight:500; } .sf-menu.sf-small li.nav-right ul {left: -100px !important; } .sf-menu.sf-small li.sfHover ul li ul { left: auto !important; right: 180px !important; width: auto; } .sf-menu.sf-small li ul { background: #FCED66; min-width: 190px; padding-top: 5px; padding-bottom: 5px; border: 0px solid #333333; } .sf-menu.sf-small li ul li:hover { background: #ECECEC; } .sf-menu.sf-small li ul li a { font-size: 85%; font-weight:normal; color: #515962; } .sf-menu.sf-small.sf-menu-right li ul { right: 0px !important; left: auto !important;} .sf-menu.sf-dept-tab li a { font-size: 16px; } .sf-menu.sf-sub-main a { color: #FFF; border: none; } .sf-menu.sf-sub-main li.sfHover{border-bottom: 0px solid #FF9300; } .sf-menu.sf-sub-main li li > a { font-size: 100%; font-weight: normal; text-transform: none; } .sf-menu.sf-sub-main a.current { color: #A9B71D; } .sf-menu.sf-sub-main li ul { background:#7B6714; min-width: 190px; padding-top: 0px; border: 1px solid #333333;border-top: 0px solid #FF9300; } .sf-menu.sf-sub-main li ul li:hover { background: rgba(255,255,255,0.1); } .sf-menu.sf-sub-main li ul li.sfHover { border: none; } .sf-menu.sf-sub-main li ul li a { font-size: 95%; padding-top: .5em; padding-bottom: .5em; font-weight:normal; color: #FFF; } .sf-menu.sf-sub-main li ul li a.current { color: #FFF; background: rgba(255,255,255,0.2); } .sf-menu-right { float: right; } .menu .linkMainSite { display: none; } .navbar-mobile{position:fixed;overflow:scroll;top:0;right:0;left:0;bottom:0;background:rgba(40, 58, 90, 0.9);transition:0.3s;z-index:999;margin-right:0!important} .navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px} .navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:10px;background-color:#fff;overflow-y:auto;transition:0.3s} .navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#37517e} .navbar-mobile .active,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#47b2e4} .navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px;color:#37517e} .navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px 10px 0;padding:10px 0;z-index:99;opacity:1;visibility:visible;background:#fff;box-shadow:0 0 30px rgba(127, 137, 161, 0.25)} .navbar-mobile .dropdown ul li{min-width:200px} .navbar-mobile .dropdown ul a{padding:10px 20px} .navbar-mobile .dropdown ul a i{font-size:12px} .navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a{color:#47b2e4} .navbar-mobile .dropdown>.dropdown-active{display:block} @media only screen and (max-width: 1124px) { .sf-menu { display:none ; } .sf-menu.navbar-mobile { display: block; } .sf-menu.navbar-mobile li{ display: block; float: none; } .sf-menu.navbar-mobile li a { display: block; color: #FFF; } .sf-menu.navbar-mobile li a:hover { color: rgb(var(--ptl-yellow)); } .sf-menu.navbar-mobile li ul, .sf-menu.navbar-mobile li:hover > ul{ width: auto; position: static; visibility: visible; opacity: 1; left:0; top:0; } } /*** ==================================================================== Main Header ==================================================================== ***/ .main-header { /*position:fixed;*/ top: 0; left: 0; z-index: 999; width: 100%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-header-spacer { position: relative; padding: 80px 0 0px; } @media only screen and (max-width: 1199px) { .main-header-spacer { padding: 70px 0 0px; } } .main-header .main-box { position: relative; padding: 25px 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-header .logo-box { position: relative; float: left; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-header .logo-box .logo img { display: inline-block; max-width: 100%; max-height: 50px; } .main-header .nav-outer { position: relative; float: right; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .main-header .nav-outer .main-menu { position: static; float: left; } .main-menu .navigation { list-style: none; position: static; margin: 0px; } .main-menu .navigation>li { list-style: none; position: relative; float: left; margin-left: 15px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation>li>a { position: relative; display: block; font-size: 15px; line-height: 30px; padding: 10px 0; opacity: 1; text-align: center; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-transform: capitalize; font-family:var(--font-links); font-weight: 500; color: var(--color-theme-f); color: rgba(0, 0, 0, .6); } .main-menu .navigation>li>a.active, .main-menu .navigation>li>a.current { color: var(--ptl-blue-light); } /* .main-menu .navigation>li>a:before { position: absolute; left: 50%; bottom: 10px; height: 2px; width: 0%; content: ""; -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1); -o-transform: scale(-1); transform: scale(-1); background: rgb(101, 218, 78); background: -moz-linear-gradient(to left, rgba(101, 218, 78, 1) 0%, rgba(68, 16, 102, 1) 100%); background: -webkit-linear-gradient(to left, rgba(101, 218, 78, 1) 0%, rgba(68, 16, 102, 1) 100%); background: linear-gradient(to left, rgba(101, 218, 78) 0%, rgba(68, 16, 102, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F70068', endColorstr='#441066', GradientType=1); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-menu .navigation>li.current>a:before, .main-menu .navigation>li:hover>a:before { left: 0; width: 100%; } */ @media all and (max-width: 992px) { .main-menu .navigation>li>a:before { display: none; } } @media (max-width: 1371px) { .main-menu .navigation>li { margin-left: 7px; } .main-menu .navigation>li>a { font-size: 0.825rem; line-height: 1.5; padding: 7px 0 10px; } .main-menu .navigation>li>a.btn_func_search { padding-top: 5px; } } /* .main-menu .navigation>li>ul>li.dropdown>a:before, .main-menu .navigation>li>ul>li.dropdown>ul>li.dropdown>a:before { content: ">"; position: absolute; right: 25px; top: 8px; width: 10px; height: 20px; display: block; line-height: 20px; font-size: 15px; font-weight: 900; text-align: center; z-index: 5; } */ /* .dropdown-toggle::after, .main-menu .navigation>li>a.dropdown-toggle:after, .main-menu a.dropdown-toggle:after { display: inline-block; margin-left: 0.255em; vertical-align: 0; content: ""; height: 7px; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; position: absolute;top: 50%;right: 0px;margin-top: -3px; height: 7px;width: 7px; border: 0.3em solid transparent;border-top-color: #b2b2b2; } */ .navbar-mobile .dropdown-toggle::after { right: auto; } /* .main-menu .navigation li ul.dropdown-menu li.dropdown > a.dropdown-toggle:after */ .main-menu .navigation > li > ul a.dropdown-toggle:after { top: 55%;right: 5px;margin-top: -5px;margin-right: -3px;border-color: transparent;border-left-color: #b2b2b2 !important; } .main-menu .navigation > li.mains_user > a.dropdown-toggle:after { display: none !important; } .main-menu .navigation>li>ul{position:absolute;right:0;top:100%;width:250px;z-index:100;display:none;opacity:0;visibility:hidden;padding:10px 0;background:#fff;border-radius:3px;-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-moz-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);border-bottom:3px solid var(--dark_green_hex);border-radius:0 0 6px 6px;-webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);-ms-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);-o-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05)} .main-menu .navigation>li>ul:before{position:absolute;content:'';left:0;top:-30px;width:100%;height:30px;display:block} .main-menu .navigation>li>div.from-right,.main-menu .navigation>li>ul.from-right{left:auto;right:0} .main-menu .navigation>li>ul.from-right>li>ul{top:-5px;left:-200px;right:auto} .main-menu .navigation>li ul.list-unstyled>li,.main-menu .navigation>li>ul>li{list-style:none;position:relative;width:100%;margin-bottom:0;border-bottom:1px solid rgba(var(--main_gold_rgb), 0.2)} .main-menu .navigation>li>ul>li:last-child{margin-bottom:0;border-bottom:0} .main-menu .navigation>li ul.list-unstyled>li>a,.main-menu .navigation>li>ul>li>a{position:relative;display:block;padding:8px 25px;line-height:1.5; text-wrap: auto;font-weight:400;font-size:14px;text-transform:capitalize;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease} .main-menu .navigation>li>ul>li>ul,.main-menu .navigation>li>ul>li>ul>li>ul{position:absolute;right:100%;top:100%;width:220px;z-index:100;opacity:0;visibility:hidden;margin-top:0;padding:10px 0;background:#fff;-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);border-bottom:3px solid var(--dark_green_hex);border-radius:0 0 6px 6px;-webkit-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);-ms-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);-o-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05);box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.05),-2px 0 5px 1px rgba(0, 0, 0, 0.05)} .main-menu .navigation>li>ul>li>ul.from-right{left:auto;right:0} .main-menu .navigation>li>ul>li>ul>li,.main-menu .navigation>li>ul>li>ul>li>ul>li{list-style:none;position:relative;width:100%;margin-bottom:0} .main-menu .navigation>li>ul>li>ul>li:last-child{margin-bottom:0} .main-menu .navigation>li>ul>li>ul>li>a,.main-menu .navigation>li>ul>li>ul>li>ul>li>a{position:relative;display:block;padding:5px 25px;line-height:24px;font-weight:400;font-size:14px;text-transform:capitalize;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;white-space:normal} @media (max-width: 1371px){.main-menu .navigation>li ul.list-unstyled>li>a,.main-menu .navigation>li>ul>li>a,.main-menu .navigation>li>ul>li>ul>li>a,.main-menu .navigation>li>ul>li>ul>li>ul>li>a{font-size:12px;line-height:1.3;padding:8px 16px} .main-menu .navigation>li>ul{width:190px}}@media (max-width: 1371px){.dropdown-item,.dropdown-menu a,.navbar .navigation div.mega-wrap a.mega-hdr-a{font-size:12px;line-height:1.3;padding:8px 16px}}.main-menu .navigation>li.dropdown:hover>ul,.main-menu .navigation>li.dropdown>ul>li.dropdown:hover>ul{visibility:visible;opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease} .main-menu .navigation li.dropdown>ul>li.dropdown:hover>ul,.main-menu .navigation li.dropdown>ul>li.dropdown>ul>li.dropdown:hover>ul{visibility:visible!important;opacity:1;-moz-transform:rotateX(0);-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease} .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{position:absolute;right:10px;top:6px;width:30px;height:30px;text-align:center;line-height:28px;background-size:20px;cursor:pointer;z-index:5;display:none} /* .main-menu .navigation a.current { color: var(--dark_green_hex); background-color: #dafcd4; } */ /* .main-menu .navigation a.current, .main-menu .navigation a.active { color: rgb(42, 168, 10); } */ /* .main-menu .navigation > li > ul a.current { color: var(--dark_green_hex); background-color: #dafcd4; } */ /* Outer box */ .main-header .outer-box{position:relative;float:right;margin-left:10px} .main-header .search-box-outer{position:relative;float:left;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease} .main-header .search-box-btn{position:relative;float:left;font-size:24px;line-height:30px;cursor:pointer;background:none;font-weight:400;cursor:pointer;margin-top:10px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease} .main-header .search-box-outer .dropdown-menu{top:44px!important;left:auto!important;right:0;padding:0;width:280px;border-radius:0;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;border-top:3px solid #df6512} .main-header .search-panel .form-container{padding:25px 20px} .main-header .search-panel .form-group{position:relative;margin:0} .main-header .search-panel input[type="password"],.main-header .search-panel input[type="search"],.main-header .search-panel input[type="text"],.main-header .search-panel select{display:block;width:100%;line-height:24px;padding:7px 40px 7px 15px;height:40px;font-size:14px;border:1px solid #e0e0e0;background:#fff} .main-header .search-panel input:focus,.main-header .search-panel select:focus{border-color:#25262c} .main-header .search-panel .search-btn{position:absolute;right:0;top:0;width:40px;height:40px;text-align:center;font-size:12px;background:none;cursor:pointer} .main-header .outer-box .btn-box{position:relative;float:right;padding:5px 0;margin-left:20px} .main-header .outer-box .btn-box a{position:relative;float:right;padding:10px 20px;line-height:20px;font-size:14px} .mobile-nav-toggle{position:relative;float:right;line-height:1;cursor:pointer;margin:7px 0 2px;display:none} @media (max-width: 1124px){.mobile-nav-toggle{display:block}} /*** ==================================================================== Header Style Two ==================================================================== ***/ .header-span{height:90px;display:block} .header-style-two .main-box{padding:0;box-shadow:0 0 30px rgba(0, 0, 0, 0.10)} .header-style-two .main-menu .navigation>li,.header-style-two .outer-box{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease} .header-style-two .main-menu .navigation>li{margin:0} .header-style-two .logo-box{padding:15px 10px} .main-translate{min-height:60px;padding-top:10px} @media only screen and (max-width: 1300px){.main-translate{min-height:40px;padding-top:10px}} .main-header.header-style-two.fixed-header{background-color:transparent;border-bottom:0 solid #eaeaea;padding:0} .main-header.header-style-two.fixed-header .main-box{min-width:360px!important;padding:0 15px} @media only screen and (min-width: 1200px) { .header-style-two.fixed-header .outer-box, .header-style-two.fixed-header .main-menu .navigation>li { padding: 10px 2px; margin: 0; } .header-style-two.fixed-header .main-menu .navigation>li a { padding: 10px 15px; } } .main-header.header-style-two .clearfix { overflow: visible; } .main-menu .navigation>li>ul, .main-menu .navigation>li>.mega-menu, .main-menu .navigation>li>ul>li>ul { display: block !important; visibility: hidden; opacity: 0; } @media only screen and (max-width: 1199px) { /*.main-header .nav-outer .main-menu {display: none !important;}*/ .header-style-two .main-box { height: 80px; } .header-style-two .outer-box, .header-style-two .main-menu .navigation>li { padding: 0px 10px; } .main-menu .navigation>li>a { position: relative; display: block; font-size: 16px; line-height: 30px; padding: 0; /* color: #fefefe; */ text-align: left; } .main-header .header-lower .nav-outer { padding-right: 0; } /*.main-header .outer-box{position: absolute;left: 0;top: 0;}*/ .main-header .search-box-btn { margin-top: 0; } } @media only screen and (max-width: 1023px) { /*.main-header .nav-outer .main-menu {display: none !important;}*/ .main-header .header-lower .nav-outer { padding-right: 0; } .page-title { padding: 80px 0; } .page-title h1 { font-size: 40px; margin-bottom: 10px; } } @media only screen and (max-width: 1023px) { .navbar-collapse.show { position: absolute; top: 57px; width:100%; min-width:350px; background-color: #ffffff; right:0px; left: auto; } /* .main-menu .navigation>li>a { color: #222222; } */ } header ul, header ol { list-style: none !important; margin: 0; } @media only screen and (min-width: 1124px){ header ul, header ol { padding: 0; } } header { background-color:#FFF; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15); border-top: none; width: 100%; } header .nav-wrap-main{border-top:0px solid #dcab27f5; background: #FFF;} .navbar-brand { display: block; position: relative; padding: 5px; } .navbar-brand img{ height: 90px; margin-top: -35px;} @media (max-width: 1371px) { .navbar-brand img{ height: 70px;} } @media (max-width: 1280px) { .navbar-brand img{ height: 60px;} } .cls-sticky header .nav-wrap-head { display: none; } .cls-sticky header .nav-wrap-main { border-top: none; } .cls-sticky header { position:fixed; top: 0; z-index: 9; } .cls-sticky header .navbar-brand { padding: 0; } .cls-sticky header .navbar-brand img { /* height: 46px; */ height: 50px; margin-top: 4px; } @media only screen and (max-width: 767px){ .nav-wrap-head , .cls-sticky header .nav-wrap-head { display: none; } } @media only screen and (max-width: 1371px){ header .nav-wrap-main .navbar{margin: 0; padding-bottom: 0;} } @media only screen and (max-width: 1124px){ header .nav-wrap-main{border-top: none; height: 40px;} header .wrap-header-one { display: none;} header .bd-subnavbar { position:fixed; top: 0;background-color:#FFF;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } /* header, header.special, header > .container {height: 70px !important; } */ header .logo, header .logo a,header .logo img {width: 120px;} .navbar-brand { padding: 0;} .navbar-brand img{ height: 45px; margin-top: -11px;} .cls-sticky header .navbar-brand img { height: 46px; margin-top: 2px;margin-bottom: 2px; } .cls-sticky header .nav-wrap-main { margin-top: 7px; } #wrap_head_navs { display: none; } main.special {margin-top: 59px; } .dropdown:hover>.dropdown-menu { display: block; float: none; position: relative; margin-left: 15px;} /* .desktop-menu li.dropdown .dropdown-btn { display:none !important; } */ } @media only screen and (min-width: 1124px){ .desktop-menu li.dropdown .dropdown-btn { display:none !important; } } @media only screen and (max-width: 992px){ header .navbar-brand img { height: 46px; margin-top: 2px;margin-bottom: 2px; } header .nav-wrap-main { margin-top: 7px; } } .navbar .dropdown .mega-wrap{position: fixed; top:88px; left:0; width: 100% !important; padding: 15px 0 25px; border:1px solid #e9e9e9;border-bottom:5px solid #e9e9e9; border-radius: 0 0 6px 6px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15);} .navbar .dropdown .mega-wrap{ left: 5%; /* transform: translate(-50%, 0%); */ width: fit-content !important;} @media only screen and (max-width: 1371px){ .navbar .dropdown .mega-wrap { top: 73px; padding: 10px 0 20px; } } @media only screen and (max-width: 1124px){ .navbar .dropdown .mega-wrap{ left: 0%; transform: translate(0%, 0%); width: 95% !important;} } .cls-sticky .navbar .dropdown .mega-wrap{ top:40px;} .navbar .navigation li>div.mega-wrap.open {display:block; } .navbar .dropdown .dropdown ul{top:0; left:99%;} .navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:99%; } .navbar .navigation.from-right .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden} .navbar .navigation.from-right .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible} .navbar .dropdown .dropdown .dropdown-toggle::after { position: absolute; display: inline-block; top: 27%; right: 10px; margin-left: .255em; vertical-align: .255em; content: ">"; border: 0; } @media only screen and (max-width: 1124px){ .navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 20px; } } .navbar .navigation div.mega-wrap ul.mega-wrap-columns { display: grid; width: 100%; padding: 0 10px; grid-auto-flow: column; gap: 20px; } .navbar .navigation div.mega-wrap ul.mega-wrap-columns .dropdown-toggle::after { display: none; } .navbar .navigation div.mega-wrap a.mega-hdr-a { font-weight: 500; line-height: 1.2; font-size: 95%; text-transform: none; margin-bottom: 10px; border-bottom: 2px dotted #a4ce67; color: var(--color-theme-d); } .navbar .navigation div.mega-wrap a.mega-hdr-a:hover, .navbar .navigation div.mega-wrap a.mega-hdr-a.active { background: none !important;} @media (max-width: 1371px) { .navbar .navigation div.mega-wrap a.mega-hdr-a, .dropdown-menu a, .dropdown-item { font-size: 12px; line-height: 1.3; padding: 8px 16px; } } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .mobile-menu-visible .mobile-nav-toggler { display: none !important;} .mobile-menu{position:fixed;right:0;top:0;width:100%;padding-right:30px;max-width:100%;height:100%;opacity:0;visibility:hidden;z-index:999999} .mobile-menu .nav-logo{position:relative;padding:20px 20px;text-align:left;min-height: 54px;} .mobile-menu .nav-logo img{max-width:200px} .mobile-menu-visible{overflow:hidden} .mobile-menu-visible .mobile-menu{opacity:1;visibility:visible} .mobile-menu .menu-backdrop{position:fixed;right:0;top:0;width:100%;height:100%;z-index:1;opacity:0} .mobile-menu-visible .mobile-menu .menu-backdrop{opacity:1;visibility:visible; background: #FFF;} .mobile-menu .menu-box{position:absolute;left:0;top:0;width:100%;height:100%;max-height:100%;overflow-y:auto;background:transparent;padding:0 0;z-index:5;opacity:0;border-radius:0;visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease} .mobile-menu-visible .mobile-menu .menu-box{opacity:1;visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .mobile-menu .close-btn{position:absolute;right:1px;top:25px;line-height:30px;width:30px;text-align:center;font-size:14px;cursor:pointer;z-index:10;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)} .mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .mobile-menu .close-btn:hover{opacity:0.50} .mobile-menu .navigation{position:relative;display:block;border-top:1px solid rgba(0, 0, 0, 0.10); padding-left: 0;} .mobile-menu .navigation li, .mobile-menu .navigation li.dropdown, .mobile-menu .navigation li.pull-right{position:relative;display:block!important;float:none!important;border-bottom:1px solid rgba(0, 0, 0, 0.10)} .mobile-menu .navigation li>ul>li:last-child{border-bottom:none} .mobile-menu .navigation li>ul>li:first-child{border-top:1px solid rgba(0, 0, 0, 0.10)} .mobile-menu .navigation li>a {position: relative;display: block; padding: 10px 30px 10px 20px;font-size: 0.918rem;-size: 16px;font-weight: 600;text-transform: capitalize;text-wrap: auto;} .mobile-menu .navigation li:hover, .mobile-menu .navigation li:focus { background-color: #f6f6f6;} .mobile-menu .navigation li.current>a, .mobile-menu .navigation li:hover>a{color:var(--dark_green_hex)} .mobile-menu .navigation li.dropdown .dropdown-btn{position:absolute;right:0;top:0;width:44px;height:44px;text-align:center;font-size:16px;line-height:44px;cursor:pointer;z-index:5} .mobile-menu .navigation li.dropdown .dropdown-btn:after{content:'';position:absolute;left:0;top:10px;width:1px;height:24px;border-left:1px solid rgba(0, 0, 0, 0.10)} .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul{display:none} .mobile-menu .navigation li>div.mega-wrap {display:none} .mobile-menu .navigation li>div.mega-wrap.open {display:block; position: relative; top: 0;} @media only screen and (max-width: 1124px){ .navbar .dropdown .dropdown-toggle::after, .navbar .dropdown .dropdown .dropdown-toggle::after { display: none; } .navbar .dropdown .mega-wrap { padding: 10px 15px; } /* .navbar .dropdown ul { padding-right: 15px; } */ .navbar .navigation div.mega-wrap ul.mega-wrap-columns { display: grid; width: 100%; padding: 0; grid-auto-flow: row !important; gap: 1px; } .navbar .navigation div.mega-wrap a.mega-hdr-a { margin-bottom: 0px; border-bottom: 2px dotted #a4ce67;font-weight: 400; font-size: unset; text-transform: none; } } /* ============================================================================================= */ /* @@ SEARCH POPUP /* --------------------------------------------------------------------------------------------- */ .search-popup{ position:fixed; left:0px; bottom:-100%; width:100%; height:100%; z-index:9999; visibility:hidden; opacity:0; overflow:auto; background:rgba(0,0,0,0.80); transition:all 700ms ease; -moz-transition:all 700ms ease; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; } .search-popup .overlay-layer{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; } .search-popup.popup-visible{ bottom:0; visibility:visible; opacity:1; } .search-popup .close-search{ position:absolute; right:25px; top:25px; font-size:22px; color:#ffffff; cursor:pointer; z-index:5; } .search-popup .close-search:hover{ opacity:0.70; } .search-popup .search-form{ position:relative; padding:0px 15px 0px; max-width:1024px; margin:0 auto; margin-top:200px; } .search-popup .search-form fieldset{ position:relative; border:7px solid rgba(255,255,255,0.50); border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; -moz-border-radius:12px; } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 45px; padding: 10px 220px 10px 20px; background: #ffffff; line-height: 19px; font-size: 16px; color: #233145; border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; -moz-border-radius: 7px; } .search-popup .search-form fieldset input[type="submit"], .search-popup .search-form fieldset button#btn_search_pop { position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 50px; height: auto; padding: 0px 10px; color: #ffffff !important; line-height: 1; font-size: 16px; cursor: pointer; text-transform: uppercase; border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; -ms-border-radius: 0px 7px 7px 0px; -o-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; background-color: var(--color-primary-50); } /* .search-popup .search-form fieldset button{ position:absolute; display:block; right:0px; top:0px; text-align:center; width:220px; height:70px; padding:20px 10px 20px 10px; color:#ffffff !important; line-height:30px; font-size:20px; cursor:pointer; text-transform:uppercase; border-radius:0px 7px 7px 0px; -moz-border-radius:0px 7px 7px 0px; -ms-border-radius:0px 7px 7px 0px; -o-border-radius:0px 7px 7px 0px; -webkit-border-radius:0px 7px 7px 0px; } */ /* .search-popup .search-form fieldset input[type="submit"]:hover{ background: var(--color-highlight); } */ .search-popup h3{ font-size:24px; color:#ffffff; margin-bottom:20px; text-align:center; } @media only screen and (max-width: 599px) { .search-popup .search-form fieldset input[type="search"]{ padding:20px 20px; } .search-popup .search-form fieldset input[type="submit"]{ position:relative; width:100%; display:block; } } /* ============================================================================================= */ /* @begin :: NAV_FOOT - LINE /* --------------------------------------------------------------------------------------------- */ #nav_foot { margin:0 } #nav_foot, #nav_foot li { list-style:none; list-style-type:none; } #nav_foot li { position: relative; padding:0; margin:0; display:inline-block; } #nav_foot li a { display: block; background: none; padding: 2px 8px; border-right: 0px solid #F1F1F2; text-decoration: none; margin:0; font-size: 14px;} /* #nav_foot li a:hover { color: #F1F1F2; } */ #nav_foot li:last-child a { padding-right: 0px; border-right-width: 0; } /* @media only screen and (min-width: 768px) { #nav_foot { float:right; } #nav_foot li { float: left; } } */