/* The main container */

.header-menu { position: relative;background: #eef9ff;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);}

.flexnav { padding: 0; margin: 0; list-style: none; line-height: 1; display: block; overflow: visible; }
.flexnav:after { content: ""; display: table; clear: both; }

/* Displaying the main links on the same line */
.flexnav>li { float: left; }
.flexnav li { display: block; position: relative; z-index: 9999; transition: all 0.6s ease-in-out; }
	
/* The links */
.flexnav li a { position: relative; display: block; z-index: 2; padding: 15px 20px; overflow: hidden;
font: 400 1.4rem 'PT Sans', sans-serif;letter-spacing: 0.1px; text-transform: uppercase; color: #222; 
transition: all 0.6s ease-in-out; }
.flexnav li a:hover { color: #0074ae; }

/* WordPress Current Menu Style */
.flexnav .current-menu-item a, .flexnav current_page_item a,
.flexnav .current-menu-item a:hover, .flexnav current_page_item a:hover {color: #29aaeb;font-weight: 700;}

/* The submenu links */
.flexnav ul li a {width: 200px;font-weight: 400;font-size: 0.7em;padding: 10px 25px;}

/* The submenus */
.flexnav ul {position: absolute;top: auto;left: 0;display: block;padding: 0;}

/* The first level submenus */
.flexnav>li>ul {margin: 0 auto;}

/* Level 2+ submenus */
.flexnav ul ul {margin-left: 100%;top: 0;}
.flexnav li ul li {position: relative;overflow: hidden;background: none;}
.flexnav li ul.show {transition: all 0.6s ease-in-out;}
.flexnav li ul.show li {overflow: visible;}
.flexnav li ul li a {background: #cfeeff;color:#222;border-top: 1px solid #bae5fd;}
.flexnav li ul li a:hover {color: #0074ae;}
.flexnav ul li ul li a {background: #cfeeff;color:#222;}
.flexnav ul li ul li ul li a {background: #cfeeff;color:#222;}
.flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 1;}
.flexnav li ul.open li {overflow: visible;max-height: 100px;}
.flexnav li ul.open ul.open {margin-left: 100%;top: 0;}


/* Footer Nav */
ul.footer-nav {margin-bottom: 0;}
.footer-nav li a {font-size: 0.8em; padding-right: 10px;}
.footer-nav li a:hover {opacity: 0.7;}
.footer-nav li:last-child {padding-right: 0;}
     
/* The button which opens the menu on mobile devices */
.menu-button {position: relative;display: none;padding: 15px;color: #222;cursor: pointer;}
.menu-button.one-page {position: fixed;top: 0;right: 5%;padding-right: 45px;}
.menu-button .touch-button {background: transparent;position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;
display: inline-block;text-align: center;}
.menu-button .touch-button .navicon {font-size: 16px;position: relative;top: 1em;color: #222; }
.menu-button::after {position: absolute;content: "";right: 25px;top: 15px;height: 8px;width: 40px;border-top: 2px solid #222;
border-bottom: 2px solid #222;margin-top: 4px;z-index: 1;}
.menu-button::before {position: absolute;content: "";right: 25px;top: 22px;height: 4px;width: 40px;
border-bottom: 2px solid #222;margin-top: 7px;z-index: 1;}

/* Styling for the mobile view */

@media all and (max-width: 991px) {
	
.header-menu {background: #eef9ff;text-align: left !important;}

.flexnav {overflow: hidden;max-height: 0px;float: none !important;}
.flexnav.show {border-top: 1px solid #bae5fd;overflow: visible;max-height: 2000px;margin-top:2px;}
.flexnav li {float: none;background: #cfeeff;border-bottom: 1px solid #bae5fd;}
.flexnav li a {margin:0;padding:10px 15px;font-size: 0.7em;}
.flexnav li a:hover {color: #0074ae;}
.flexnav ul li a {width: auto;}
.flexnav ul, .flexnav ul ul {position: relative;margin-left: 0;width: 100%;}
.flexnav ul li a {padding-left: 37px;}
.flexnav ul ul li a {padding-left: 49px;}
.flexnav ul ul ul li a {padding-left: 61px;}

.menu-button {display: block;text-align: left !important;}


}