div#main-menu { padding: 0; }

/* #cssmenu > ul > li > a > span > img._mi {  }
#cssmenu > ul > li > a > span > img._mi { display: block; vertical-align: middle; margin: 0 auto;background: #122034 }
#cssmenu > ul > li:hover > a > span > img._mi { background: #d9322f }
#cssmenu > ul > li.active > a > span > img._mi { background: #d9322f } */


#cssmenu { padding: 0; margin: 0; border: 0; line-height: 1; }
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul { list-style: none; margin: 0; padding: 0; }
#cssmenu ul { position: relative; z-index: 597; }
#cssmenu ul li { line-height: 1em; vertical-align: middle; position: relative; }
#cssmenu ul li.hover,
#cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; }
#cssmenu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0px; z-index: 598; }
#cssmenu ul ul li { float: none }
#cssmenu ul ul ul { top: 0px; left: 300px; }
#cssmenu ul li:hover > ul { visibility: visible }
#cssmenu ul li { display: inline-block; }
#cssmenu li { position: relative }

#cssmenu ul ul { margin-top: 0 }
#cssmenu ul ul li { font-weight: normal }

/* Custom CSS Styles */
#cssmenu {background: transparent;zoom: 1; }
#cssmenu:before { content: ''; display: block; }
#cssmenu:after { content: ''; display: table; clear: both; }
#cssmenu a { display: block;text-decoration: none; text-transform: capitalize; }
#cssmenu > ul { border-bottom: 0; text-align: left;line-height: 1.4; }

/*#cssmenu > ul > li:before { position: absolute; content: ''; background: #e0e0e0; width: 1px; height: 32px; right: 0; top: 20px; }
#cssmenu > ul > li:last-child:before { display: none; }*/

#cssmenu > ul > li:hover > a {  }
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > a:focus { outline: 0;-webkit-transition: .3s color ease font-weight .4s ease-in-out;-webkit-transition: .4s all ease-in-out;transition: .4s all ease-in-out; }
/*#cssmenu > ul > li:first-child > a { padding-left: 0 !important; }*/
/*#cssmenu > ul > li:last-child > a { padding-right: 0; }*/
#cssmenu > ul > li:focus { outline: 0; }
#cssmenu > ul > li.active > a {  }
#cssmenu > ul > li.active > a > span { position: relative; }
#cssmenu > ul > li:last-child > a { padding-right:0; }

/*#cssmenu > ul > li.active > a > span:after { content: '\f0d7';font-family: 'Font Awesome 5 Free'; position: absolute;top: -44px;font-size: 30pt; font-weight: 900;color: #001b54;display: block;transform: translate(50%, -50%); }*/


/*#cssmenu ul li.has-sub > a:after { content: '\f0d7';font-family: 'Font Awesome 5 Free';position: absolute;right: 6px;margin-top: 0px;font-size: 9pt;font-weight: 900; }*/
#cssmenu ul li.has-sub > a:after { content: '\f078';font-family: "Font Awesome 6 Free";position: relative;top: 0;left: 7%;margin-top: 0px;font-size: 14px;font-weight: 900;transform: translate(-50%, -50%); } 

/*#cssmenu ul li.has-sub:hover > a:after { color: var(--main-color); }*/

#cssmenu ul ul li.first { border-radius: 0 3px 0 0; }
#cssmenu ul ul li.last { border-radius: 0 0 3px 0; border-bottom: 0; }
#cssmenu > ul > li > ul { background-color: #fff;padding: 0 }
#cssmenu > ul > li > ul > li > a { font-size: 15px; line-height: 1.2;text-transform: capitalize; }
#cssmenu ul ul a:hover { color: #000 }
#cssmenu ul ul li { min-height: 1px;padding: 0; }
#cssmenu ul ul li:last-child { border-bottom: 0; }
#cssmenu > ul > li > ul > li > a {padding: 10px 15px;width: 250px;text-align: left;font-weight: 400 !important;background: #fff; border-radius: 4px}

/* #cssmenu > ul > li > ul > li > a:after { content: ''; border-bottom: 1px solid #003d68; width: 100%; height: 100%; position: absolute; bottom: 1px; left: 0; } */

#cssmenu > ul > li > ul > li:last-child > a { border-bottom: 0 }
#cssmenu > ul > li > ul > li:last-child > a:after { content: '';border-bottom: 0 }


#cssmenu > ul > li:hover > ul > li > a { color: #18212e;transition: all .2s ease-in-out; }
#cssmenu ul ul li a:hover, #cssmenu ul ul li a:focus { border-top:0 !important; }
#cssmenu > ul > li:hover > ul > li:hover > a { color: #646464;background: #F6F9FF;padding-left: 18px; }
#cssmenu > ul > li:hover > ul > li.active > a { color: #646464;background: #F6F9FF; }

/* #cssmenu > ul > li > ul > li > a:before { content: '\f054';font-family: 'Font Awesome 5 Free';font-weight: 900;vertical-align: baseline;padding-right: 4%; }
#cssmenu > ul > li > ul > li > a:hover:before { content: url('../img/menu-arrow-hover.png'); }
#cssmenu ul li:hover > ul > li { height: 35px; } 
#cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; transition: height .2s ease; }
#cssmenu ul ul { position: absolute; left: -9999px; top: 70px; opacity: 0; -webkit-transition: opacity .3s ease, top .25s ease; transition: opacity .3s ease, top .25s ease; z-index: 1000; }
#cssmenu > ul > li:hover > ul { left: auto; top: 44px; opacity: 1; }
display: grid;grid-template-columns: 1fr 1fr;
*/

#cssmenu > ul > li:hover > ul { left: auto; top: 65px; opacity: 1;box-shadow: 0px 2px 4px 0px #00000040; border-radius: 4px } 
#cssmenu > ul > li > ul { top: 150px;padding-top: 0;padding-bottom: 0; } 
#cssmenu ul ul { position: absolute; left: -9999px; opacity: 0; -webkit-transition: top .2s ease, opacity .2s ease; transition: top .2s ease, opacity .2s ease; }

#cssmenu.align-right > ul > li > a { border-left: 4px solid #ffd602; border-right: none; }
#cssmenu.align-right { float: right }
#cssmenu.align-right li { text-align: right }
#cssmenu.align-right ul li.has-sub > a:before { content: '+'; position: absolute; top: 50%; left: 15px; margin-top: -6px; }
#cssmenu.align-right ul li.has-sub > a:after { content: none }
#cssmenu.align-right ul ul { visibility: hidden; position: absolute; top: 0; left: -100%; z-index: 598; width: 100%; }
#cssmenu.align-right ul ul li.first { border-radius: 3px 0 0 0; }
#cssmenu.align-right ul ul li.last { border-radius: 0 0 0 3px; }
#cssmenu.align-right ul ul { border-radius: 3px 0 0 3px; }