/* General Styles */
.mega-menuh ul, .mega-menuh ul li {list-style: none;}
.mega-menuh ul {position: relative; padding: 0; margin: 0;}
.mega-menuh ul li ul {display: none;}
.mega-menuh .sub {display: none;}
.mega-menuh .sub ul {display: block;}

.jbmm.custom .top-level-nav.first.pl-1 a { display: none; }

/* Font Styles */
.jbmm.custom {font-size: 15px; line-height: 16px !important; height:40px; font-family: 'Marcellus', serif; float: right; }
.jbmm.custom ul.mega-menuh, .jbmm.custom ul.mega-menuh, .jbmm.custom ul.mega-menuh li {margin: 0; padding: 0; border: none;}

/* Background Styles */
.jbmm.custom ul.mega-menuh {background: #fff; width: 100%; height: 40px; border-right: 1px solid #fff; border-left: 1px solid #fff; position: relative;}
.jbmm.custom ul.mega-menuh li {float: left; margin: 0; padding: 0; font-size: 15px !important; font-weight: 400;}

/* Link Styles */
.jbmm.custom ul.mega-menuh li a {float: left; display: block; color: #14213d !important; padding: 13px 28px 14px 25px !important; text-decoration: none !important; text-transform: none; font-weight: 400; }
.jbmm.custom ul.mega-menuh li a.dc-mega {position: relative; padding: 13px 38px 14px 25px !important;}

/* Link Icon Styles (i.e. Arrow Icon) */
.jbmm.custom ul.mega-menuh li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; }

/* Top Level Styles */
.jbmm.custom ul.mega-menuh li a.top-level-nav { text-transform: uppercase !important; }
.jbmm.custom li.top-level-nav.mega-hover a, .jbmm.custom li.top-level-nav a:hover{background-color:#fff; }
.jbmm.custom > ul li.nav-path-selected a, .jbmm.custom > ul li.nav-selected a{ color: #fca311 !important; background-color:#fff;}

/* Hover Styles */
.jbmm.custom ul.mega-menuh li.mega-hover a, .jbmm.custom ul.mega-menuh li a:hover { color: #fca311 !important; text-shadow: none;}

/* Submenu Container Styles */
.jbmm.custom ul.mega-menuh li .sub-container {position: absolute; padding: 20px; margin-left: 0px; margin-top:0px; background-color:#fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);}
.jbmm.custom ul.mega-menuh li .sub-container.mega {}
.jbmm.custom ul.mega-menuh li .sub {padding: 0px;}
.jbmm.custom ul.mega-menuh li .sub-container.mega .sub {padding: 10px;}
.jbmm.custom ul.mega-menuh li .sub .row {width: 100%; overflow: hidden; clear: both;}
.jbmm.custom ul.mega-menuh li .sub li {list-style: none; float: none; width: 220px; font-weight: normal;}

/* Submenu Container Row Header Styles */
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr {margin: 0 !important; float: left;}
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr.last {margin-right: 0;}
.jbmm.custom ul.mega-menuh li .sub a, .jbmm.custom ul.mega-menuh li .sub span {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; }
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr .mega-hdr-a {padding: 5px 5px 5px important; margin-bottom: 5px; text-transform: none; color: #14213d !important; text-shadow: none;}
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr a.mega-hdr-a:hover {color: #fca311; text-shadow: none; background: #f5f5f5;}
.jbmm.custom ul.mega-menuh .sub li.mega-hdr li a {padding: 10px 10px 10px 40px !important;  font-weight: normal;}
.jbmm.custom ul.mega-menuh .sub li.mega-hdr li a:hover {color: #fca311 !important; background: #f5f5f5;}
.jbmm.custom ul.mega-menuh .sub ul li {padding-right: 0;}

/* Submenu Container with only 1 Level (no row headers) Styles */
.jbmm.custom ul.mega-menuh li .sub-container.non-mega .sub { }
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a {padding: 7px 5px 7px 22px !important; }
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a:hover {color: #fca311; background: #e5e5e5;}



#nav-icon3:before { content: "MENU"; left: -70px; position: absolute; top: -4px; color: #14213d; }
#nav-icon3.small { width: 25px !important; height: 15px !important; }
#nav-icon3.small span { height: 3px !important; }
.mmtoggle-button { top: 20px !important; right: 20px !important; }
#nav-icon3.small span:nth-child(2), #nav-icon3.small span:nth-child(3) { top: 7px !important; }
#nav-icon3.small span:nth-child(4) { top: 14px !important; }



/*rules for phone*/
@media only screen and (max-width: 500px) {
	#nav-icon3 { margin-left: 50%; margin-right: 30%; }
	.mmtoggle-button.mmopen { margin-right: 5px !important; }
	.logo-contain { margin-top: 15px; }
}