/* ---------------------------------- */
/* Navigation
------------------------------------- */
.nav-container{float:right; /*width:100%;*/ /*margin:0!important;*/ }
#navigation {float:left; /*width:100%;*/  text-align:center; margin: 0 auto; line-height:12px;/*border-top:1px solid #384563;*/}
.nav-container .menu {padding: 0;list-style: none;margin:0;z-index: 99; text-align: left;  display: inline-block;}
.nav-container .menu ul { padding: 0;  }
.nav-container .menu > li {float: left;}
.nav-container .menu li:hover > .mega, .nav-container .menu li.sfHover > .mega {display: block;}
.nav-container .menu > li > a {display: block;position: relative;}
.nav-container .menu li { list-style: none; position: relative; }
.nav-container .menu li i{display:block; clear:left; margin-bottom:10px; font-size:17px; width:100%; text-align: center;}
.nav-container .mega ul { padding: 0; }
.nav-container .menu > li > a {color: #4b4b4b; padding: 0;display: inline-block;font-size: 18px; padding:79px 0 20px 0; margin-right: 22px; font-weight:300; position:relative;}

.nav-container .menu > li > a:after{position:absolute; left:0; height:4px; content: ''; background:transparent; width:100%; top:100%; border-radius:2px; transition: all 0.2s ease-in-out !important;}
.nav-container .menu > li a:hover:after, .nav-container .menu > li.active a:after{background:#009dd1;}

.nav-container .menu > li:last-child > a{margin-right:0px;}
.nav-container .menu > li a:hover{color:#009dd1;}
.nav-container .menu > li a.current, .nav-container .menu > li.sfHover a, .nav-container .menu > li.active a{color:#009dd1;}
.nav-container .menu > li a.current.with-ul:after,.nav-container .menu > li.sfHover .with-ul:after { color: #666; }
/*.current,.nav-container .menu > li,.nav-container .menu > li a:hover,.nav-container .menu > li.sfHover a {-webkit-transition: all 0.25s ease-in-out;-moz-transition:  all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}*/

/* Mega Menu */
.mega > ul.sub-menu {position: absolute;display: none;top: 100%; box-shadow: 0 0 15px rgba(0,0,0,0.09); margin-top:0px; left: 0;background-color: rgba(255,255,255,0.94);padding: 23px 0px 27px 1px;box-sizing: border-box;font-size: 16px;width: 200px;z-index: 99; /*border:2px solid #3c3c3c;*/}
.menu ul.mega > ul{padding: 23px 0px 27px 1px;}
.mega.two-cols > ul{ width: /* 429px */500px;}
.mega.three-cols > ul{ width: 643px;}
.mega.four-cols > ul{ width: 857px;}

.mega ul ul.sub-menu{float:left; margin:0; padding:0; }

.mega > ul li a {/*color: #bbb !important;*/padding: /* 7px 22px 7px 34px */ 5px 22px; display: block;margin-left: 0;line-height: 22px;-webkit-transition: all 0.2s ease-in-out !important;transition: all 0.2s ease-in-out !important;}
.mega > ul li a:hover {color: #2FA8FF !important;/*background-color: #666 !important;*/}
.mega > p,.mega > ul li.dropdown ul li a {padding: /* 7px 22px 7px 34px */ 5px 22px; margin-bottom: 0px;}
.mega > p span {padding: 0px;}

.mega > ul li ul{display:block!important; position:relative!important; background: transparent!important; box-shadow:none!important;}

.mega > ul li,.mega-section {display: inline-block;float: left;width: /*214px*/ 249px;padding: 0;}
.menu .mega-section:last-child { border: 0; }

.mega > ul li.mega-headline > a {color: #222!important;font-weight: 600;display: block;padding: /* 7px 22px 7px 34px */ 5px 22px;/*text-transform: uppercase;letter-spacing: 1px;*/font-size: 16px;line-height: 20px;}
.mega > ul li.mega-headline > a:hover{cursor: default; color:#222!important; background: transparent!important}
ul.mega li.dropdown ul {position: static;display: block;border: 0px;}

/* Basic Dropdown */
.nav-container .dropdown ul {position: absolute;display: block;top: 100%; margin-top:0px; left: -7px; background-color: #f5f5f5;padding: /*10px 0px 10px 0px*/ 0;box-sizing: border-box;font-size: 14px;width: 240px;z-index: 99;}
.nav-container .dropdown ul li {position: relative;z-index: 999;}
.nav-container .dropdown ul ul {left: 201px;top: 0;}
li.dropdown ul li a {display: block;color: #333; text-transform:none; font-size: 14px;line-height: 18px;padding: 8px 22px;-webkit-transition: all 0.15s ease-in-out !important;transition: all 0.15s ease-in-out !important;position: relative;}
li.dropdown ul li a:hover, li.dropdown ul li.active a {color: #003399!important; background:#fff;}

.nav-container .menu > li.no-link > a:hover{color:#3c3c3c!important; cursor:default;}

/* ---------------------------------- */
/* jPanel mobile menu
------------------------------------- */
.menu-responsive,#jPanelMenu-menu { display: none; }
#jPanelMenu-menu ol {margin: 0px; list-style: none; padding: 0px;}

@media only screen and (max-width: 991px) {
	.menu {max-height: none;}
	#responsive { display: none; }
	#jPanelMenu-menu, .menu-responsive  { display: block; margin-top:0; margin-left:-0;}
	#jPanelMenu-menu{background:#f5f5f5;}
	
	/*.menu-responsive {	color: #fff;	display: block;	text-transform: uppercase;	font-weight: 600;	float: left;	background-color: #666;	position: relative;	width: 100%;	margin: 0px 0 25px 0;	-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	-ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}*/
	.menu-responsive{ color: #009dd1; display:block; text-transform: uppercase;	font-weight: 600;	float: left; position:absolute; top:30px; left:30px;}
	.menu-responsive i {	padding: /*20px*/ 0;	margin: 0;	font-size: /*18px*/ 32px;	font-weight: 500;	cursor: pointer;	width: 100%;}
	.menu-responsive i.menu-trigger { width: 100%; }
	/*.menu-responsive i.menu-trigger:after {	content: "Menu";	text-transform: uppercase;	font-weight: 600;	font-size: 14px;	top: -1px;	position: relative;	left: 10px;}*/
	.menu-responsive i.search-trigger {	position: absolute;	right: 0;	background: rgba(255,255,255,.15);	width: 57px;	z-index: 999;	top: 0;}
	
	ul.sub-menu{margin-top:0;}
	.mega > ul.sub-menu{position:relative; float:left; width:100%; display:inline-block; padding: 0; background: transparent!important; border-right: 1px solid #f0f0f0!important; border-top:0; margin-top:0; box-shadow: none;}
	.mega.two-cols, .mega.three-cols, .mega.four-cols {width:100%; display:inline-block; margin:0; padding:0;}
	.mega a{padding:0;}
	.mega > li, .mega-section{width:100%;}
	
	.responsive-search { display: none; }
	.responsive-search input{	margin-bottom: 0;	border: none;	background-color: rgba(255,255,255,0.15);	color: #fff;	padding: 15px 22px;}
	.responsive-search input:focus { border: none; color: #fff; }
}

.fa.fa-search.active:before { content:"\f00d"; }

/*body[data-menu-position="open"] .menu-responsive{left:20px;}
body[data-menu-position="closed"] .menu-responsive{right:20px;}*/
body[data-menu-position="open"] .menu-responsive i.fa.fa-reorder:before { content:"\f00d"; }
body[data-menu-position="closed"] .menu-responsive i.fa.fa-reorder:before { content:"\f0c9"; }

#jPanelMenu-menu a.current:after,#jPanelMenu-menu .with-ul:after { display: none; }

#jPanelMenu-menu li a {display:block;padding: 12px 20px !important;background-color: transparent!important;color: #323232;font-weight: 500;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;font-weight: 600;outline: none;text-transform: none;text-shadow: none;}
#jPanelMenu-menu li a:hover, #jPanelMenu-menu li.active a { background-color: transparent!important; color:#009dd1; }
#jPanelMenu-menu > li.no-link > a:hover{color:#3c3c3c!important; cursor:default;}
#jPanelMenu-menu li li a {background-color: #363636;padding-left: 30px !important;text-transform: none;font-weight: 500; font-size:14px;}

#jPanelMenu-menu li.cart-icon,#jPanelMenu-menu li.search,#jPanelMenu-menu .cart-counter,#jPanelMenu-menu .hidden-on-mobile /*,#jPanelMenu-menu .mega-headline*/{ display: none; }

#jPanelMenu-menu,#jPanelMenu-menu ul { list-style: none; padding-left: 0;}
#jPanelMenu-menu .mega-section {display: inline-block;float: none;width: 100%;border-right: none;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;}

#jPanelMenu-menu .mega-headline > a{padding:2px 30px; background:transparent!important; color:#999!important; text-transform: uppercase!important; font-weight:bold!important;}
#jPanelMenu-menu .mega-headline > a:hover{background:transparent!important;}