.hz-menu-wrapper { position: relative; z-index: 9 }
.hz-menu-wrapper ul { list-style: none; padding: 0; margin: 0 auto; }
.hz-inner { background: #003a6a; position: relative; z-index: 100; }

/* Main menu style */
.hz-menu-wrapper .hz-menu { width: 90%; max-width: 768px; margin: 0 auto;}
/*.hz-menu > li { margin-left: 4em; display: inline-block; }
.hz-menu > li:first-child { margin-left: 0; }
.hz-menu > li:last-child { float:right; }*/
.hz-menu > li a:after { color:#FFF; content: "\2002\2002\203A"; font-size: 2em; vertical-align: top; }
.hz-menu > li a:hover {background: #02639d; color: #fff; text-decoration: none;}
.hz-menu > li.hz-item-open a:hover {background: #003a6a;}
/* Main menu link style */
.hz-menu > li > a { color: #fff; line-height: 3em; display: inline-block; position: relative; z-index: 10000; outline: none; font-weight:bold; padding:0 10px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
.no-touch .hz-menu > li > a:hover, .no-touch .hz-menu > li > a:focus, .hz-menu > li.hz-item-open > a { color: #FFF;/*background-color: #154D7B;*/ text-decoration: none;}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
/*.hz-menu > li > a:not(:only-child):before {display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\2630"; font-size: 1.5em; margin-right: 0.3em; color: #336fa1; vertical-align: middle; }*/
/* .hz-menu > li.hz-item-open > a:not(:only-child):before {content: "\2630"; }*/
.hz-menu > li.hz-item-open > a:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #003a6a; border-width: 10px; left: 50%; margin-left: -10px; }

/* Submenu style */
.hz-submenu { position: absolute; left: 0; top: 100%; width: 100%; z-index: 0; text-align: center; visibility: hidden; }
.hz-submenu:before, .hz-submenu:after { content: " "; display: table; }
.hz-submenu:after { clear: both; }
.hz-submenu > li { width: 16.2%; display: inline-block; vertical-align: top; box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd; opacity: 0; -webkit-transition: opacity 0.1s 0s; -moz-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; font-family:Calibri, Arial;}
.hz-submenu > li:nth-child(-n+6) {box-shadow: -28px 0 0 -27px #ddd;}
.hz-submenu > li:nth-child(6n+1) { box-shadow:  0 -28px 0 -27px #ddd;}
.hz-submenu > li:first-child { box-shadow: none; }
.hz-submenu > li a { display: block; text-align: center; color: #a2a2a2; outline: none; padding: 2em 1em 1em 1em; }
.no-touch .hz-submenu > li a:hover, .no-touch .hz-submenu > li a:focus { color: #888; background-color: #FFF}
.hz-submenu > li a img { border: none; outline: none; display: inline-block; margin: 0; max-width: 100%; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.no-touch .hz-submenu > li a:hover img { opacity: 0.5; }
.hz-submenu > li a span { min-height: 2.6em; margin-top: 0.4em; font-size:1.2em; line-height: 15px; color:#777; display: block;}
.hz-menu > li.hz-item-open .hz-submenu { z-index: 1000; visibility: visible; }
.hz-menu > li.hz-item-open .hz-submenu > li { opacity: 1; -webkit-transition: opacity 0.5s 0.1s; -moz-transition: opacity 0.5s 0.1s; transition: opacity 0.5s 0.1s; }
.hz-menubg { background: #fff; position: absolute; width: 100%; top: 100%; left: 0; z-index: 0; height: 0px; box-shadow: 5px 5px 5px #DDD; }
.no-touch .hz-menubg { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; }
 .header-content {display: inline-block; float: right; width: 370px; color: #003A6A; font-family: Calibri, Arial; font-size: 0.9em; }

 @media screen and (max-width: 65em) {
 .hz-menu-wrapper {font-size: 80%;}
}
 @media screen and (max-width: 767px) {
 .hz-menu-wrapper {font-size: 100%;}
 .hz-menu-wrapper .hz-menu {padding: 0; max-width: none; width: 100%; }
 .hz-menu > li {border-top: 1px solid rgba(255, 255, 255, 0.5); text-align: center; margin: 0 auto; display: block; }
 .hz-menu > li:first-child {border-top: none; }
 .hz-menu > li > a {display: block; }
 .hz-menu > li > a:not(:only-child):before {line-height: 1.8; right: 0; position: absolute; font-size: 200%; }
 .hz-menubg {display: none; }
 .hz-submenu {background: #fff; position: relative; overflow: hidden; height: 0; }
 .hz-menu > li.hz-item-open .hz-submenu {height: auto; }
 .hz-submenu > li {width: 30%; }
 /* Reset box shadows for the 6 items in row case */
 .hz-submenu > li:nth-child(-n+6),  .hz-submenu > li:nth-child(6n+1) {box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd; }
 /* First 4 items don't have upper box shadow */
 .hz-submenu > li:nth-child(-n+3) {box-shadow: -28px 0 0 -27px #ddd; }
 /* Every 5th item does not have a left box shadow */
 .hz-submenu > li:nth-child(3n+1) {box-shadow:  0 -28px 0 -27px #ddd; }
}
 @media screen and (max-width: 28em) {
.hz-submenu > li {width: 100%; display: block; }
 .hz-menu-wrapper .hz-submenu > li {box-shadow: 0 1px #cecece; text-align: left; }
 .hz-submenu > li a {text-align: left; line-height: 50px; padding: 0.4em 1em; }
 .hz-submenu > li a img {float: left; max-height: 50px; padding-right:10px;}
 .hz-submenu > li a span {min-height: 0; margin: 0; display: inline; }
 .header-content {display: none;}
}
