/** * @version $Id$ * @author JoomlaUX! * @package Joomla.Site * @subpackage mod_jux_megamenu * @copyright Copyright (C) 2008 - 2013 by JoomlaUX. All rights reserved. * @license http://www.gnu.org/licenses/gpl.html GNU/GPL version 3 */ /* Clearfix -------------------------------------------------------------*/ * html .clearfix { height: 1%; /* IE5-6 */ } html[xmlns] .clearfix { /* O */ display: block; } #megamenucss .megamenu .menu-title i{ /*padding-right: 2px;*/ } [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu.dropdown-menucssjs-meganav{display:block!important}@media screen and (max-width: 768px){[id*="jux_memamenu"] #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild.megacss span.menu-title,[id*="jux_memamenu"] #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild-over.megacss span.menu-title{margin-left:0px}[id*="jux_memamenu"] #js-mainnav .jux-fa.jux-fa-bars{font-size:30px;float:left;color:#FFF;margin-top:-6px;margin-left:4px}[id*="jux_memamenu"] #js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.megacss .childcontent{margin-left:0% !important}[id*="jux_memamenu"] #js-mainnav ul.megamenu li.haschild.megacss:hover>div.childcontent.adddropdown, [id*="jux_memamenu"] .childcontent.open>.dropdown-menu{-moz-animation:none!important;-webkit-animation:none!important;animation:none!important}[id*="jux_memamenu"] #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu{display:none}[id*="jux_memamenu"] #js-mainnav .js-megamenu .open .childcontent-inner-wrap.dropdown-menu{display:block;background:#f9f9f9}[id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu{display:none}[id*="jux_memamenu"] #js-mainnav.megamenu div.megaMenuToggle{display:block;height:15px;cursor:pointer;box-sizing:content-box}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li.haschild>div.childcontent{display:block!important}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li{box-shadow:none !important}[id*="jux_memamenu"] #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-center>.childcontent{left:0%!important}[id*="jux_memamenu"] #js-mainnav.noJS.up ul.megamenu li.haschild>div.childcontent{position:static}[id*="jux_memamenu"] #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-left > .childcontent, [id*="jux_memamenu"] #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent, [id*="jux_memamenu"] #megamenucss #js-mainnav.noJS ul.megamenu li.haschild>div.childcontent{top:0px !important;left:0px !important;bottom:0px !important;right:0px !important}[id*="jux_memamenu"] #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent{margin-left:0% !important;margin-top:-32px}[id*="jux_memamenu"] #js-mainnav.megamenu.horizontal{border-radius:0px !important}[id*="jux_memamenu"] .megamenu ul.level0 li.megacss a.megacss{border:none !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss a.megacss{border:none !important}[id*="jux_memamenu"] #js-mainnav.horizontal ul.level1 li.megacss.submenu-align-right>.childcontent{right:0% !important}[id*="jux_memamenu"] #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-center>.childcontent{left:0%}[id*="jux_memamenu"] #js-mainnav ul.level0{border:none !important}[id*="jux_memamenu"] .group-title{margin-left:-25px}[id*="jux_memamenu"] #js-mainnav.megamenu #arrow-icon{display:block}[id*="jux_memamenu"] .dropdown-menu{position:inherit;top:-6px;left:0;z-index:1000;display:none;float:left;min-width:100%;padding:0;margin:0;list-style:none;background-color:#fff;border:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}[id*="jux_memamenu"] #js-mainnav ul.megamenu li.haschild.megacss>div.childcontent{opacity:1;visibility:visible;display:block}[id*="jux_memamenu"] #arrow-icon{position:absolute;font-size:25px;text-decoration:none;right:-2px;margin-top:-34px;color:#fff;padding:10px 30px;z-index:9999999;cursor:pointer}[id*="jux_memamenu"] #js-mainnav.megamenu .open>.dropdown-menu{display:block !important}[id*="jux_memamenu"] ul li ul li div.dropdown-menucss{display:block}[id*="jux_memamenu"] #js-mainnav.megamenu ul li ul li #arrow-icon{display:none}[id*="jux_memamenu"] #js-mainnav.megamenu{}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss a{padding:10px 8px 10px 8px!important}[id*="jux_memamenu"] .group-title{padding-left:10px!important}} @media screen and (max-width: 480px){[id*="jux_memamenu"] #js-mainnav.megamenu #arrow-icon{padding:5px 10px!important}[id*="jux_memamenu"] a{text-decoration:none}}[id*="jux_memamenu"] #js-mainnav .js-megamenu{display:block}@media screen and (max-width: 768px){[id*="jux_memamenu"] .megamenu-sticky{text-align:left}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS #css3-megaMenuToggle,[id*="jux_memamenu"] #js-mainnav.megamenu #js-megaMenuToggle{display:block;padding:12px 15px;cursor:pointer;font-size:10px;text-transform:uppercase;text-align:left}[id*="jux_memamenu"] #js-mainnav.megamenu #js-megaMenuToggle{display:block !important}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon, [id*="jux_memamenu"] #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon{display:inline-block;background:rgba(230, 230, 230, 0.7);height:2px;width:16px;position:relative;float:right;margin-top:10px;text-align:left}[id*="jux_memamenu"] #js-mainnav.megamenu{width:100% !important;overflow:hidden}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0{float:none !important;font-size:12px}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss{float:none !important;position:relative;background-image:none !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.megamenu li.megacss a.megacss span.menu-desc{display:none}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss a.megacss{padding-left:20px !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level2 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level2 li.megacss a.megacss{padding-left:45px !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level3 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level3 li.megacss a.megacss{padding-left:70px !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level4 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level4 li.megacss a.megacss{padding-left:90px !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss span.megacss,[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss a.megacss{padding:15px 10px}[id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu{font-size:12px}[id*="jux_memamenu"] #js-mainnav.megamenu.megamenu.vertical.right ul.level0 li.megacss a.megacss{text-align:left !important}[id*="jux_memamenu"] #js-mainnav.megamenu.megamenu.vertical.right .js-megamenu ul.level0 li.megacss .childcontent{right:0px !important}[id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu li.megacss .childcontent{height:100% !important;margin:0 !important;position:relative;width:100% !important;overflow:visible !important;le}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li a.haschild.megacss span.menu-title,[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li a.haschild-over.megacss span.menu-title{background:none !important;padding-left:0px !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.haschild, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.haschild-over{background:none !important}[id*="jux_memamenu"] #js-mainnav.megamenu .childcontent-inner-wrap,[id*="jux_memamenu"] #js-mainnav.megamenu .childcontent-inner, [id*="jux_memamenu"] #js-mainnav.megamenu .megacol{width:100% !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.megamenu{margin:0px !important}[id*="jux_memamenu"] #js-mainnav.megamenu .megacol,.childcontent-inner{border:none !important;float:none !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon,[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon{display:block;float:right;position:absolute;right:2px;top:2px;z-index:99}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon,[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon{display:block;cursor:pointer}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.haschild span.arrow-icon{background:url("../images/arrow_down.png") no-repeat scroll 100% 0px transparent !important;display:block !important;text-indent:9999px;width:40px;height:31px;border:0 none !important;padding:0 !important;margin:0 !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon{background:url("../images/close.png") no-repeat scroll 100% 0 transparent;display:block !important;height:31px;text-indent:9999px;width:40px;padding:0 !important;margin:0 !important;border:0 none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss span.arrow-icon{display:none}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.haschild span.arrow-icon,[id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.haschild-over span.arrow-icon{display:block;float:right;position:absolute;right:2px;top:2px;z-index:99}[id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss.submenu-align-fullwidth{position:relative !important}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li{padding:0 !important;border-bottom:1px solid rgba(255, 255, 255, 0.3);border-radius:0 !important}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li a{position:relative}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS #css3-megaMenuToggle{display:block;border-radius:5px;padding:15px}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS:hover ul.megamenu li{display:block}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li.haschild>div.childcontent{display:none}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li.haschild:hover>div.childcontent{display:block}[id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.level0 li.megacss.haschild:hover>a.haschild:after{border-top-color:#fff}} #megamenucss #js-mainnav.noJS.up ul.megamenu li.haschild > div.childcontent{ position: absolute; bottom: 50px; } #megamenucss #js-mainnav.noJS.horizontal.up ul.megamenu.level1 li.haschild:hover > div.childcontent{ top:-11px; } #megamenucss .level1 .submenu-align-auto .childcontent.adddropdown.cols1, #megamenucss .level1 .submenu-align-left .childcontent.adddropdown.cols1{ /*top:18px;*/ } #megamenucss .vertical.right li.megacss.haschild span.menu-title{ background: url(../images/arrow_right.png) no-repeat left center; } #megamenucss #js-mainnav.megamenu .clearfix:after { /* FF, O, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #megamenucss #js-mainnav.megamenu.horizontal.sticky_left.affix .js-megamenu ul.level0{ float: left; position: static; -webkit-transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); } #megamenucss #js-mainnav.megamenu.horizontal.sticky_right.affix .js-megamenu ul.level0{ float: right; position: static; -webkit-transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); } #megamenucss #js-mainnav.megamenu.horizontal.sticky_center.affix .js-megamenu ul.level0{ float: left; position: relative; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); } #megamenucss #js-mainnav.megamenu.affix{ left: 0; right: auto; width: 100%; border-radius: 0; margin: 0 !important; z-index: 1000; position: fixed !important; top: 0px; bottom: auto !important; -webkit-transition: none; -moz-transition: none; transition: none; background:#990099; } /* #js-mainnav.megamenu .wrap { height: auto !important; visibility: visible !important; border: 0 none; clear: both; float: none; font-size: 1px; line-height: 1px; margin: 0; padding: 0; } */ #megamenucss #js-mainnav.megamenu { line-height: 1; position: relative; z-index: 9; } #megamenucss #js-mainnav.megamenu ul { list-style: none outside none; } #megamenucss #js-mainnav.megamenu div.megaMenuToggle { display: block; } #megamenucss #js-mainnav.megamenu .js-megamenu { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; } #megamenucss #js-mainnav.megamenu ul.megamenu { /*margin: 10px;*/ /* menu's gutter */ } #megamenucss #js-mainnav.megamenu ul.megamenu.level1 { padding:0px 0px 0px 15px; } /* lv - 0 -----------------------------------*/ /* Styling ---*/ #megamenucss #js-mainnav.megamenu ul.level0 { margin: 0; padding: 0; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss { display: block; float: left; margin: 0; padding: 0; /*position: relative;*/ } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.right { float: right; } /*#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss { display: block; line-height: normal; margin: 0; padding: 12px 15px; text-decoration: none; cursor: pointer; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .has-image { padding-left: 25px; display: block; background-repeat: no-repeat; background-position: left top; cursor: pointer; } #megamenucss #js-mainnav.megamenu span.menu-image { background-position: left 1px; background-repeat: no-repeat; display: block; overflow: hidden; padding-left: 21px; }*/ #megamenucss #js-mainnav.megamenu ul.level1 li.megacss.group:hover { /* background: none !important;*/ } .navbar-bg #megamenucss #js-mainnav.megamenu ul.megamenu li.megacss.haschild .haschild .menu-title { padding-left:11px; padding-right:11px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.megamenu > li.megacss:hover > .menu-title { background:#96c93d; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-title { display: block; line-height:40px; color:#fff; font-size:15px; padding:0px 11px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss span > span.menu-title { cursor:pointer; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .childcontent-inner-wrap span.menu-title { line-height:18px; font-size:13px; color:#000; padding:0px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .childcontent-inner-wrap .group-title span.menu-title { color:#990099; font-size:13px; text-transform:uppercase; font-weight:bold; padding:10px 0px 6px 15px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .childcontent-inner-wrap .group-content .group-title span.menu-title { font-weight:normal; text-transform:none; color:#000; padding:2px 0px 3px 15px; width:220px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent-inner-wrap .group-content .group-title span.menu-title { font-weight:normal; text-transform:none; color:#000; padding:2px 0px 3px 15px; } .navbar-bg #megamenucss #js-mainnav.megamenu .childcontent-inner-wrap .group-title img { margin:14px 5px 20px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner .megamenu-inner span.menu-title { margin:-8px 0px; padding:8px 9px; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-desc { display: block; font-weight: normal; /*font-size: 88%;*/ } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.image-title { /* padding-left: 5px;*/ } #megamenucss #js-mainnav.megamenu ul.level0 li.haschild a.megacss span.menu-desc, #megamenucss #js-mainnav.megamenu ul.level0 li.haschild-over a.megacss span.menu-desc { /*padding-left: 7px;*/ } #megamenucss #js-mainnav.megamenu ul.level1 li a.megacss span.menu-desc, #megamenucss #js-mainnav.megamenu ul.level1 li a.megacss span.menu-desc { padding-left: 2px!important; } #megamenucss #js-mainnav.megamenu ul.level0 li #current.active { background: none; } /* Menu aligment and direction specific style */ /*#megamenucss #js-mainnav.megamenu.vertical { background-image: none; }*/ #megamenucss #js-mainnav.megamenu.horizontal.left ul.level0 { /* float: left; width: 100%;*/ } #megamenucss #js-mainnav.megamenu.horizontal.center ul.level0 { float: left; position: relative; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); } /* Fix bug: site width is over when Menu is align Center */ body { overflow-x: hidden !important; } #megamenucss #js-mainnav.megamenu.horizontal.right ul.level0 { float: right; } #megamenucss #js-mainnav.megamenu.vertical ul.level0 { float: left; max-width: 100%; width: 100%; } #megamenucss #js-mainnav.megamenu.horizontal.center ul.megamenu.level1 { left: 0; position: relative; } #megamenucss #js-mainnav.megamenu.vertical ul.level0 li.megacss { float: none; } #megamenucss #js-mainnav.megamenu.vertical li.megacss { float: none; } #megamenucss #js-mainnav.megamenu.horizontal.center ul.level0 li.megacss { position: relative; } #megamenucss #js-mainnav.megamenu.vertical.right ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu.vertical.right ul.level0 li.megacss a.megacss { text-align: right; } #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title { /* background: url(../images/arrow3.png) no-repeat left center; padding-left: 6px; background-position: 100% 4px; margin-right: 6px; padding-right: 10px;*/ } #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title { background: url(../images/arrow.png) no-repeat right center !important; padding-left: 0px; } #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-right a.haschild-over.megacss span.menu-title { background-image: url('../images/arrow_right.png'); padding-left: 10px; left: 1px; background-position: 0% 4px; margin-left: -11px; } #megamenucss #js-mainnav.megamenu.vertical.left li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.vertical.left li a.haschild-over.megacss span.menu-title { background: url(../images/arrow.png) no-repeat right center; padding-left: 0px; } #megamenucss #js-mainnav.megamenu.vertical.left .level1 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.vertical.left .level1 li a.haschild-over.megacss span.menu-title { background: none; padding-left: 0px; } /*#megamenucss #js-mainnav.megamenu.vertical.right li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.vertical.right li a.haschild-over.megacss span.menu-title { background: url(../images/arrow_right.png) no-repeat left center; padding-left: 0px; }*/ #megamenucss #js-mainnav.megamenu.vertical ul.level0 li a.haschild.megacss span.menu-desc, #megamenucss #js-mainnav.megamenu.vertical ul.level0 li a.haschild-over.megacss span.menu-desc { padding-left: 0px; } #megamenucss #js-mainnav.megamenu.horizontal.center ul.level1 li.megacss { position: relative; right: 0; } #megamenucss #js-mainnav.megamenu.vertical.left ul.level1 li.haschild, #megamenucss #js-mainnav.megamenu.vertical.left ul.level1 li.haschild-over { background-image: url('../images/arrow.png'); background-repeat: no-repeat; background-position: 95% center; } #megamenucss #js-mainnav.megamenu.vertical.right ul.level1 li.haschild, #megamenucss #js-mainnav.megamenu.vertical.right ul.level1 li.haschild-over { background-image: url('../images/arrow_right.png'); background-repeat: no-repeat; background-position: left center; padding: 0; margin-left: 10px; } #megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent { margin-left: 100% !important; margin-top: -50px; } #megamenucss #js-mainnav.megamenu.vertical.right .js-megamenu ul.level0 li.megacss .childcontent { margin-left: -99% !important; margin-top: -49px; right: 100%; } #megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul.level1 li.megacss .childcontent { margin-top: 0px !important; top: 0px; } #megamenucss #js-mainnav.megamenu.vertical.right .js-megamenu ul.level1 li.megacss .childcontent { margin-left: -100% !important; margin-top: 0px; top:0px; } #megamenucss #js-mainnav.megamenu.vertical.left ul.level1 li.haschild, #megamenucss ul.level1 li.haschild-over { position: relative; } /* lv - 1 and below -----------------------------------*/ /* Layout ---*/ #js-mainnav.megamenu .js-megamenu li.megacss .childcontent { display: block; height: auto; position: absolute; } .inner-megamenu #js-mainnav.megamenu .js-megamenu .megamenu.level0 > li.megacss > .childcontent { margin-top:24px; } #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over li.megacss .childcontent { left: -999em; /*hide the menu*/ } #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over .childcontent, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.megacss li.haschild-over .childcontent { left: auto; /*show on parent:hover*/ } #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over li.megacss .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over li.megacss .right { right: auto; /*hide the menu*/ } #megamenucss #js-mainnav.megamenu .js-megamenu li.haschild-over .right { right: 0; /*show on parent:hover*/ } #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.haschild-over .right, #megamenucss #js-mainnav.megamenu .js-megamenu li.megacss li.megacss li.megacss li.megacss li.megacss li.haschild-over .right { right: 12em; /*show on parent:hover*/ } #megamenucss #js-mainnav.megamenu ul.level1 li.megacss { float: none; border: none!important; } #megamenucss #js-mainnav.megamenu ul.level1 .childcontent { /* margin: -20px 0 0 0;*/ } /* Columns ---*/ #megamenucss #js-mainnav.megamenu .megacol { float: left; } /* Styling ---*/ #megamenucss #js-mainnav.megamenu ul.level1 li.megacss { background: none; } #megamenucss #js-mainnav.megamenu ul.level1 li.first { border-top: 0; border: none!important; } #megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss { background: none; border: 0; font-weight: normal; /*padding: 8px 15px;*/ } /*#megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.haschild-over.megacss span.menu-title { background: none; padding: 0; }*/ #megamenucss #js-mainnav.megamenu ul.level1 li.group { background: none; } /* CHILD CONTENT -----------------------------------*/ #megamenucss #js-mainnav.megamenu .childcontent { z-index: 999; } #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable { border-bottom: 0; line-height: 1.5; margin: 10px 0; padding: 0; } #megamenucss #js-mainnav.megamenu .childcontent-inner a { text-decoration: none; width: auto; } #megamenucss #js-mainnav.megamenu .childcontent .group h3 { background: none; padding: 0 5px 8px; text-transform: none; } #megamenucss #js-mainnav.megamenu .childcontent .group .moduletable { background: none; padding-top: 12px; } #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable .js-box-ct { padding: 0 5px; } #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a { text-decoration: none; } #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a:hover, #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a:focus, #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable a:active { text-decoration: none; } #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable ul:first-child { margin-top: 0 !important; } #megamenucss #js-mainnav.megamenu .childcontent .js-moduletable li { margin-bottom: 5px; } /* Grouped --- */ #megamenucss #js-mainnav.megamenu .group-title { overflow: hidden; /*width:550px !important;*/ } #megamenucss #js-mainnav.megamenu .group-title .menu-title { /*text-transform: uppercase; font-weight: bold; font-size: 115%;*/ } #megamenucss #js-mainnav.megamenu .group-title .menu-desc { padding-left: 0 !important; } #megamenucss #js-mainnav.megamenu .group-content .js-moduletable, #megamenucss #js-mainnav.megamenu .group-content ul.megamenu { /*margin: 10px;*/ /* Group-content's gutter*/ padding: 0; } /*#menu443{ margin-top:42px!important;}*/ .dropdown-menu .megacol.column2 .megamenu.level2 > .megacss.first > [id*="menu"] { margin-top:42px!important;} /* reset --- */ #megamenucss #js-mainnav.megamenu .childcontent .moduletable { padding: 10px; } #megamenucss #js-mainnav.megamenu ul.level0 .childcontent .moduletable li:hover, #megamenucss #js-mainnav.megamenu ul.level0 .childcontent .moduletable a:hover { background: none; } #megamenucss #js-mainnav.megamenu .childcontent-inner { overflow: visible; } #megamenucss #js-mainnav.megamenu .childcontent .moduletable h3 { /*margin: 0px; padding: 0px 0px 10px 0px;*/ } #megamenucss #js-mainnav.megamenu .childcontent .moduletable { /*padding: 10px;*/ } /* show img with no title */ #megamenucss #js-mainnav.megamenu span.no-title { /*padding: 0px;*/ } #megamenucss #js-mainnav.megamenu span.no-title img { /*padding: 0px !important;*/ } /* Image style */ #megamenucss #js-mainnav.megamenu ul.megamenu.level0 li.big-img-left, #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-right { /* padding: 5px 0;*/ } #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-left img { /* margin: 2px 5px 0px 0;*/ } #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-right img { /*float: right; margin: 0 10px 0 10px;*/ } #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-left span.image-title, #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .big-img-right span.image-title { padding: 0; } /* override reset style */ #megamenucss #js-mainnav.megamenu ul.megamenu.level0 input#mod-search-searchword { max-width: 100px; } #megamenucss #js-mainnav.megamenu ul.megamenu.level0 form { /*margin: 6px 10px;*/ } #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .contact-form form { margin: 0; } #megamenucss #js-mainnav.megamenu ul.megamenu.level0 .contact-form form p { padding: 0; margin: 0; font-size: 10px; } #megamenucss .tip-wrap { z-index: 9999; } /* Disable Mootools libraries, use CSS3 animation */ #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; left:0px !important; } #megamenucss #js-mainnav.noJS.horizontal ul.megamenu li.haschild:hover > div.childcontent { opacity: 1; left: auto; visibility: visible; }#megamenucss #js-mainnav.noJS.horizontal ul.megamenu.level1 li.haschild:hover > div.childcontent { opacity: 1; left: 30px; visibility: visible; } #megamenucss #js-mainnav.noJS.vertical.right ul.megamenu.level1 li.haschild:hover > div.childcontent { opacity: 1; left: -22px; visibility: visible; } #megamenucss #js-mainnav.noJS.vertical ul.megamenu li.haschild:hover > div.childcontent { opacity: 1; left: auto; visibility: visible; } /************************************************************************/ /* Submenu alignment */ /************************************************************************/ /* Center alignment */ #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-center > .childcontent { left: -143% !important; /* transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%);*/ margin-left: 0 !important; } /* Full-width alignment */ #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth { position: static !important; } #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent { left: 0 !important; margin-left: 0 !important; } #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent, #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap, #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-fullwidth > .childcontent > .childcontent-inner-wrap > .childcontent-inner { width: 100% !important; } /* Right alignment */ #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-right > .childcontent { left: auto !important; right: 0 !important; margin-left: 0 !important; } #megamenucss #js-mainnav.horizontal ul.level1 li.megacss.submenu-align-right > .childcontent { left: auto !important; right: 200px !important; top: 20px; } /* Left alignment */ #megamenucss #js-mainnav.horizontal ul.level0 li.megacss.submenu-align-left > .childcontent { margin-left: 0!important; } #megamenucss #js-mainnav.horizontal ul.level1 li.megacss.submenu-align-left > .childcontent { left: 100%!important; } /* Style for none-mobile */ @media screen and (min-width: 768px) { /* Sticky megacss Menu */ #megamenucss #js-mainnav.megamenu-sticky { left: 0; right: auto; width: 100%; border-radius: 0; margin: 0 !important; z-index: 1000; position: fixed !important; top: 0px; bottom: auto !important; -webkit-transition: none; -moz-transition: none; transition: none; } #megamenucss #js-mainnav.megamenu .group-title { overflow: hidden; width:800px !important; } } /* Style for mobile */ @media screen and (max-width: 768px) { /* Tooltip */ #megamenucss .tip-wrap { display: none !important; } #menu443{ margin-top:0px !important;} } #megamenucss .js-megamenu .megamenu i.font-icon { float: left; margin-right: 2px; } #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu{ display: block; margin-top:6px; /*padding-bottom:15px;*/ } #megamenucss #js-mainnav .js-megamenu .dropdown-menu{ position: static; display: block; position: initial; padding: 0px; margin: 0px; /* border: 0px;*/ border-radius: 0px; -webkit-box-shadow: 0px; box-shadow: none; -webkit-box-shadow: none; } #megamenucss #js-mainnav .js-megamenu #arrow-icon{ display: none; } #megamenucss #js-mainnav.megamenu div.megaMenuToggle { display: none; } /*#megamenucss .dropdown-menu ul.level1 li.megacss a.megacss:hover{ background: #b8b8b8!important; color: #000000 !important; }*/ #megamenucss .dropdown-menu ul.level1 li.group{ border: none!important; } @media screen and (min-width: 992px) { .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild { height:30px; margin-bottom:-15px; background:none; } } /* Inner Megamenu --------------------------------------------------*/ .inner-megamenu #megamenucss #js-mainnav.megamenu, .inner-megamenu #js-mainnav.megamenu.horizontal.left ul.level0 { position:inherit; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss { background:#0d69a5; border-right:none;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss { background:none; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss a { line-height:20px; padding:3px 10px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss:hover a, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss.active a { background:#f4f4f4; color:#0067a6; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss:hover a span.menu-title { color:#0067a6; } .inner-megamenu #megamenucss #js-mainnav.megamenu .childcontent-inner a { width:100%;} .inner-megamenu #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { /*margin-top:30px;*/ width:100%; /*width:97.9%; margin-left:10px; */ } .inner-megamenu #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent { width:100%; border-left:10px solid transparent; border-right:11px solid transparent; height:250px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-title { text-transform:none; font-size:13px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss > span > span.menu-title { cursor:pointer; } .inner-megamenu #js-mainnav ul.level1 .childcontent { margin:0px 0px 0px 230px !important; top:0px; } .inner-megamenu #js-mainnav.megamenu .childcontent-inner { background:#97c200; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent a.megacss { background:url(../images/green-arrow-bullet.png) no-repeat 0px 11px !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent a.megacss#menu725 { background:none !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent a.megacss#menu1069 { background:none !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 .childcontent .childcontent-inner { background:#f4f4f4; float:left; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss { padding:2px 5px 2px 10px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 ul.level2 li.megacss a { padding:2px 0px 3px 10px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level2 li.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level0 li.megacss.last span.menu-title { border-right:none !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level0 li.megacss span.menu-title { color:#fff; border-right:1px solid #fff; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 span.megacss.first span.menu-title { color:#fff; font-size:20px; margin-bottom:21px; margin-top:15px; padding-left:1px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level2 span.megacss.first span.menu-title { font-size:22px; text-transform:uppercase; color:#0067a6 !important; margin-left:8px; margin-bottom:20px; margin-top:5px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild { height:30px; margin-bottom:-15px; background:none; } /*.inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss.haschild:hover { border-bottom:6px solid #fff; background:#0068a7 url(../images/menu-arrow.png) no-repeat center bottom; z-index:999; }*/ .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss.haschild > .megacss { height:30px; position:relative; float:left; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss.haschild:hover > .megacss { border-bottom:6px solid #fff; background:#0068a7 url(../images/menu-arrow.png) no-repeat center bottom; z-index:999; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss.haschild, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss.haschild { background:none !important; } #megamenucss #js-mainnav.noJS ul.megamenu li.haschild.active > div.childcontent { visibility:auto; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 { min-height:243px; width:230px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss { clear:both; height:20px; display:inline; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss.active-menu div.childcontent { visibility:visible; display:block; opacity:1; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss a { padding-left:3px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss.haschild a { padding-left:10px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss img { padding-right:20px; } .inner-megamenu #js-mainnav.megamenu .js-megamenu li.megacss .childcontent { display:none; } .inner-megamenu #js-mainnav.megamenu .js-megamenu li.megacss.active .childcontent { display:block; } .inner-megamenu #js-mainnav.megamenu ul.level1 li.megacss.active span.menu-title { color:#0067a6 !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.menu-title { font-size:14px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss span.menu-title { color:#333 !important; padding-left:8px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 .childcontent-inner .megacol { padding-left:10px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss img { margin-top:50px; margin-bottom:-10px; } .inner-megamenu #megamenucss #js-mainnav .js-megamenu .cols1 .childcontent-inner-wrap.dropdown-menu { background:#f4f4f4; } .inner-megamenu #megamenucss #js-mainnav .js-megamenu .cols3 .childcontent-inner-wrap.dropdown-menu { background:none; } .inner-megamenu ul li:first-child .menu-text #js-mainnav ul.megamenu li a, .inner-megamenu ul li:first-child .menu-text #js-mainnav ul.megamenu li a span { padding-left:10px; } .inner-megamenu ul li:first-child .menu-text #js-mainnav ul.megamenu li:first-child a { padding-left:10px; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss:hover ul.level1 li.megacss.active-menu > span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss:hover ul.level1 li.megacss.active-menu > a.megacss { background:#f4f4f4;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss:hover ul.level1 li.megacss.active-menu > span.megacss > span.menu-title, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss:hover ul.level1 li.megacss.active-menu > a.megacss > span.menu-title { color:#0067a6; } @media screen and (max-width: 768px) { #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title { background: none!important; padding: 0; } .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title { background:#0d69a5 !important; padding:5px 0px; color:#fff !important; margin-bottom:-10px; } #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:before, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:before { content: ''; position: absolute; background: rgba(230, 230, 230, 0.8); height: 2px; width: 16px; top: -4px; } #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon:after, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon:after { content: ''; position: absolute; background: rgba(230, 230, 230, 0.9); height: 2px; width: 16px; top: -8px; } #megamenucss .megamenu.level0 .childcontent .dropdown-menu{ border: none!important; } #jux_memamenu132 #js-mainnav .js-megamenu .open .childcontent-inner-wrap.dropdown-menu, #jux_memamenu133 #js-mainnav .js-megamenu .open .childcontent-inner-wrap.dropdown-menu { z-index:99999 !important;} #jux_memamenu132 #js-mainnav.megamenu.noJS ul.megamenu li, #jux_memamenu133 #js-mainnav.megamenu.noJS ul.megamenu li { background:#990099 !important; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner .megamenu-inner span.menu-title { padding:0px 15px; margin:0px;} #jux_memamenu132 #js-mainnav.megamenu div.megaMenuToggle, #jux_memamenu133 #js-mainnav.megamenu div.megaMenuToggle { display:inline-block !important; padding:10px; height:28px !important;} #jux_memamenu133 #js-mainnav .jux-fa.jux-fa-bars { margin-top:-1px;} #jux_memamenu132 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #jux_memamenu132 #js-mainnav.megamenu ul.level0 li.megacss a.megacss, #jux_memamenu133 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #jux_memamenu133 #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding:0px !important; } #megamenucss #js-mainnav.megamenu ul.megamenu.level1 { padding:0px;} #jux_memamenu132 .group-title, #jux_memamenu133 .group-title { margin:0px 0px 0px -10px !important;} #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .childcontent-inner-wrap .group-title span.menu-title { padding:0px 0px 0px 15px;} #megamenucss #js-mainnav.megamenu .childcontent-inner-wrap .group-title img { margin:10px 5px 5px; } #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { margin-top:0px;} #jux_memamenu132 #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #jux_memamenu132 #js-mainnav.megamenu ul.level1 li.megacss a.megacss, #jux_memamenu133 #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #jux_memamenu133 #js-mainnav.megamenu ul.level1 li.megacss a.megacss { padding:2px 5px !important; float:left; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .childcontent-inner-wrap .group-title span.menu-title { padding-top:10px; color:#000;} #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { padding-bottom:0px;} .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss .childcontent-inner-wrap .group-title span.menu-title { color:#000; } .header-menu .inner-megamenu .moduletable ul li a { float:left; } .inner-megamenu #js-mainnav.megamenu { background:none; border:none !important; margin:5px 0px 0px 4px; } [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu, [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu.dropdown-menucssjs-meganav { position:absolute; z-index:9; width:100%; left:10px; margin-top:24px; } #megamenucss #js-mainnav.megamenu ul.level0 li.megacss { float:left !important; width:100%;} .inner-megamenu [id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 { background:#97c200; left:-10px !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss { line-height:20px; background:none; /*border-bottom:1px solid #f4f4f4 !important;*/ } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level0 li.megacss span.menu-title { border-right:none; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level0 li.megacss span.megacss { float:left; width:100%; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild { height:auto; margin-bottom:0px; background:#97c200 !important; cursor:pointer;} /*.inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild .childcontent-inner-wrap.dropdown-menu, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss.haschild .childcontent-inner-wrap.dropdown-menu { display:block !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild.submenu-align-auto.nav-hover .childcontent-inner-wrap.dropdown-menu { display:block; }*/ #jux_memamenu152 #arrow-icon { padding-top:0px; padding-bottom:0px; } .inner-megamenu #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { margin-top:0px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 span.megacss.first span.menu-title { margin:0px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss:hover a, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss.active a, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 .childcontent .childcontent-inner, .inner-megamenu #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { margin-top:0px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 .childcontent .childcontent-inner { width:100% !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 { width:100%; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 #arrow-icon { display:none; } .inner-megamenu #jux_memamenu #j152s-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss a.megacss, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss.haschild a { padding:5px 10px 10px 28px !important;} .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss a.megacss span.menu-title { padding-left:8px !important;} .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level2 li.megacss a.megacss { padding-left:34px !important; padding-top:2px !important; padding-bottom:2px !important; } .inner-megamenu [id*="jux_memamenu"] #js-mainnav.megamenu ul.level2 li.megacss .group-title .megacss { padding-left:21px !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss { line-height:inherit; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss img { margin:10px 0px 0px -12px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent a.megacss { background:url(../images/green-arrow-bullet.png) no-repeat 22px 11px; } .inner-megamenu #jux_memamenu152 #arrow-icon { margin-top:-36px; padding:5px 30px; } .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss a.megacss, .inner-megamenu #jux_memamenu132 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu #jux_memamenu132 #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding:7px 28px; } .inner-megamenu #js-mainnav.megamenu .childcontent-inner { background:#F4F4F4; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild:hover, .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu.noJS ul.megamenu li { border-bottom:none; background:none; } .inner-megamenu [id*="jux_memamenu"] #js-mainnav.megamenu.noJS ul.megamenu li span.megacss { border-bottom:1px solid #f4f4f4; font-size:15px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 span.megacss.first span.menu-title { color:#000; font-size:18px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level2 span.megacss.first span.menu-title { font-size:18px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 .childcontent { padding-left:10px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 span.megacss.first span.menu-title { padding-left:10px; } #megamenucss #js-mainnav.megamenu ul.level1 .childcontent { border-bottom:1px solid #97c200;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss .group .group-title a.megacss { padding-bottom:5px; border-bottom:1px solid #97c200 !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss .group .group-title a.megacss span.menu-title { margin-left:15px; padding-top:5px; padding-bottom:5px !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss .group .group-title a.megacss:hover span.menu-title { background:#0d69a5; color:#fff;} .inner-megamenu #js-mainnav.megamenu .childcontent-inner { padding-bottom:0px; } /*.inner-megamenu #megamenucss #js-mainnav.noJS ul.megamenu li.haschild.active > div.childcontent { padding-bottom:15px; }*/ .inner-megamenu ul li > .menu-text #js-mainnav #js-meganav { position:absolute; width:100%; margin-top:24px; z-index:9; left:0px; } .inner-megamenu ul li:first-child .menu-text #js-mainnav { border:none !important;} .inner-megamenu ul.level0 li:first-child .menu-text #js-mainnav li { border:none !important;} .inner-megamenu ul > li:first-child .menu-text #js-mainnav li, .inner-megamenu ul.level0 > li:first-child .menu-text #js-mainnav li span { background:#97c200; float:left; width:100%; border:none; } .inner-megamenu ul li:first-child .menu-text #js-mainnav li > span { border-bottom:1px solid #f4f4f4; padding:7px 0px 8px 25px !important; } /*Latest custom css changes*/ #megamenucss #js-mainnav.megamenu div.megaMenuToggle, #megamenucss #js-mainnav .js-megamenu #arrow-icon { display:block;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild { background:#0068a7; } #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { display:none; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.haschild, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss { border-bottom:none; width:100% !important; float:left;} #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent { opacity:1; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss { height:auto; background:none !important;} #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent { visibility:visible;} #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { display:block; } #megamenucss #js-mainnav.noJS.horizontal ul.megamenu li.haschild > div.childcontent, #megamenucss #js-mainnav.noJS.horizontal ul.megamenu.level1 li.haschild > div.childcontent, #megamenucss #js-mainnav.noJS.vertical.right ul.megamenu.level1 li.haschild > div.childcontent, #megamenucss #js-mainnav.noJS.vertical ul.megamenu li.haschild > div.childcontent { opacity:1; visibility:visible; background:#f4f4f4; } .inner-megamenu #jux_memamenu #j152s-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu [id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss a.megacss { background:#f4f4f4; } .inner-megamenu #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner-wrap.dropdown-menu { display:none;} .inner-megamenu #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent.open .childcontent-inner-wrap.dropdown-menu { display:block; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss .group .group-title a.megacss span.menu-title { color:#000; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss .group .group-title a.megacss.active-menu span.menu-title { background:#0d69a5; color:#fff; content:''} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss .group .group-title a.megacss.active-menu .jux-fa-angle-down::before { content:''} .dropdown-menu .megacol.column2 .megamenu.level2 > .megacss.first > [id*="menu"], [id*="jux_memamenu"] #js-mainnav.megamenu ul.level2 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level2 li.megacss a.megacss { margin-top:0px;} [id*="jux_memamenu"] #js-mainnav.megamenu ul.level1 li.megacss a { padding:3px 0px !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss.active-menu > span.menu-title { padding:5px 10px !important; } [id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding:7px 15px 7px 28px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss.haschild a, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level2 li.megacss a { background-color:#f4f4f4; margin-top:0px !important; } [id*="jux_memamenu"] #arrow-icon { margin-top:-40px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss a.megacss span.menu-title { line-height:16px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss > a.megacss { background:#97c200; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss > a.megacss.haschild { background:none; } /* Easylight Megamenu */ .navbar-bg [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu, .navbar-bg [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu.dropdown-menucssjs-meganav { position:relative; } .navbar-bg [id*="jux_memamenu"] #js-mainnav .jux-fa.jux-fa-bars { margin-top:0px; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 li.megacss.megamenu-inner .megamenu-inner span.menu-title { background:none; } .navbar-bg [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu, .navbar-bg [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu.dropdown-menucssjs-meganav { left:0px;} .navbar-bg #megamenucss #js-mainnav .js-megamenu .childcontent-inner-wrap.dropdown-menu { display:none; } .navbar-bg [id*="jux_memamenu"] #js-mainnav.megamenu .open > .dropdown-menu { display:block; } .navbar-bg #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss.megamenu-inner .megamenu-inner > span.menu-title { margin:0px; padding:0px 15px !important; } .navbar-bg #js-mainnav.megamenu.darkblue .childcontent-inner { padding-top:0px; } .inner-megamenu #megamenucss #js-mainnav.noJS ul.megamenu li.haschild > div.childcontent { border:none; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss.haschild > .megacss { height:auto;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level0 > li.megacss.haschild:hover > .megacss { border-bottom:1px solid #f4f4f4; background:none; } } @media screen and (min-width: 768px) and (max-width: 980px) { .header-menu ul li:first-child .menu-text { margin-left:-15px;} } @media screen and (max-width: 640px) { .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level2 li.megacss a.megacss { padding-left:18px !important; padding-top:2px !important; padding-bottom:2px !important; } .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level2 li.megacss .group-title .megacss { padding-left:8px !important; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent a.megacss { background:url(../images/green-arrow-bullet.png) no-repeat 3px 11px; } .inner-megamenu #jux_memamenu #j152s-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding-left:15px !important;} .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #jux_memamenu152 #js-mainnav.megamenu ul.level1 li.megacss a.megacss { padding-left:8px !important; padding-right:10px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss img { margin:10px 0px 10px -10px; } .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu #jux_memamenu152 #js-mainnav.megamenu ul.level0 li.megacss a.megacss, .inner-megamenu #jux_memamenu132 #js-mainnav.megamenu ul.level0 li.megacss span.megacss, .inner-megamenu #jux_memamenu132 #js-mainnav.megamenu ul.level0 li.megacss a.megacss { padding:7px 8px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 span.megacss.first span.menu-title { padding-left:2px;} .inner-megamenu ul li:first-child .menu-text #js-mainnav #js-meganav, .inner-megamenu ul li .menu-text #js-mainnav #js-meganav { position:relative; } .header-menu ul li:nth-child(3n+2) { padding-bottom:7px; } .inner-megamenu ul li:first-child .moduletable { } #jux_memamenu152 #js-mainnav.megamenu .js-megamenu, .inner-megamenu ul li:first-child .menu-text #js-mainnav #js-meganav { margin-top:12px;} .inner-megamenu ul li:first-child .menu-text #js-mainnav ul.megamenu li:first-child a { padding-left:0px; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level0 > li.megacss > span.megacss, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level0 > li.megacss > a.megacss, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss > a.megacss { background:#97c200; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss > a.megacss { background:#97c200; } .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss.haschild > a.megacss { background:none; } .header-menu ul li:first-child .menu-text { margin-left:0px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 > li.megacss.haschild a, .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level2 li.megacss a { padding:10px 15px !important;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss .childcontent a.megacss { padding:3px 15px !important; } .dropdown-menu .megacol.column2 .megamenu.level2 > .megacss.first > [id*="menu"] { margin-top:0px !important; } .megamenu.level0 .header-menu .menu-title { padding:7px 8px; } [id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 > li.megacss span.megacss, [id*="jux_memamenu"] #js-mainnav.megamenu ul.level0 > li.megacss a.megacss { padding:5px 10px 5px 15px !important; border-bottom:1px solid #fff; } .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-left a.haschild-over.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level1 li.submenu-align-auto a.haschild-over.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-auto a.haschild-over.megacss span.menu-title, .inner-megamenu #megamenucss #js-mainnav.megamenu.horizontal ul.level2 li.submenu-align-left a.haschild-over.megacss span.menu-title { padding-left:10px !important; } [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu, [id*="jux_memamenu"] #js-mainnav.megamenu .js-megamenu.dropdown-menucssjs-meganav { left:0px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss { background:none !important; } .inner-megamenu #megamenucss #js-mainnav.noJS ul.megamenu li.haschild.active > div.childcontent { padding-bottom:0px;} .inner-megamenu #megamenucss #js-mainnav.megamenu ul.megamenu.level1 li.megacss a.megacss span.menu-title { line-height:16px;} } @media screen and (max-width: 480px) { .inner-megamenu #megamenucss #js-mainnav.megamenu ul.level2 li.megacss img { width:100%; } #megamenucss #js-mainnav.megamenu .group-title { /*overflow: hidden; width:505px !important;*/ } #menu443{ margin-top:0px !important;} } @media screen and (max-width: 320px) { #megamenucss #js-mainnav.megamenu .group-title { /*overflow: hidden; width:344px !important;*/ } #menu443{ margin-top:0px !important;} } #megamenucss ul, #megamenucss ol{ margin: 0px; padding: 0px; } #js-mainnav.megamenu.horizontal.left ul.level0 { max-width: 1000px; margin: auto !important; position:relative; }