/*****MAIN NAVIGATION*****/
#mainnav { width: 100%; text-align: right; position: relative; z-index:1; }
#mainnav ul { display:inline-block; vertical-align: top; }
#mainnav li { margin: 0 0 0 41px; letter-spacing: -0.02em; position: relative; font-size: 18px; line-height: 27px; float: left; font-weight:700;}
#mainnav li a { padding: 15px 0; display:block; color:var(--primary1_overlay); }
#mainnav li.active a,#mainnav li:hover a,#mainnav li a:hover { color:var(--primary1_overlay); }
.utility_nav li ul,#mainnav li ul { border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; padding: 15px 0; text-align: left; display: none; position:absolute; left:50%; margin: 0 0 0 -107px; top:100%; width: 215px; background:#6F767B; } 
#mainnav li ul:before { width: 0; height:0; content:''; border: 8px solid transparent; border-bottom: 5px solid #6F767B; position:absolute; left:50%; top:-13px; margin-left:-8px;  }
#mainnav li.last ul:before{ display: none;}
#mainnav li.last:after { width: 0; height:0; content:''; border: 8px solid transparent; border-bottom: 5px solid #6F767B; position:absolute; left:50%; bottom:0px; margin-left:-8px; display:none;}
#mainnav li.last ul{ left: auto; right: 0px; }
#mainnav li:hover ul, #mainnav li.last:hover:after { display:block; }  

#mainnav li li { width: 100%; margin:0 0 3px 0; font-size: 16px; line-height: 21px; }
#mainnav li li a { padding: 8px 10px 8px 20px; } 
#mainnav li:hover li a { color:var(--primary2_overlay); }
#mainnav li:hover li a:hover { background: #02122D; color: var(--primary1_overlay);}

.expand{ display: none;}

/*****UTILITY NAVIGATION*****/
.utility_nav { width: 100%; text-align: right; }
.utility_nav ul { display:inline-block; vertical-align: top; }  
.utility_nav li { padding: 26px 0 26px 0px; margin: 0 0 0 32px; float: left; position: relative; }
.utility_nav li a { /* width: 43px; height: 38px; */ display:block; overflow: hidden; text-align: center; color: var(--primary2_overlay);}
.utility_nav li a svg{ width: auto; height: 38px; } /** 12-14-21 **/
.utility_nav li a svg, .utility_nav li a svg *{ fill: #6F767B !important;} /** 12-14-21 **/

.utility_nav li a:hover svg, .utility_nav li a:hover svg *{ fill: #02122D !important;} /** 12-14-21 **/
.utility_nav li a img { height: 100% !important; margin:auto; } 


.utility_nav li li a { width: 100%; height:auto; }
.utility_nav li ul { left:auto; right:0; margin:0; }
.utility_nav li li { padding:0; }
.utility_nav .search_field { display:none; position: relative; width: 300px; position:absolute; right: 0; top:100%; background:#6F767B; }
.utility_nav .search_field .field { font-size: 16px; padding: 10px 45px 10px 10px; color:var(--primary2_overlay); border:0; width: 100%; background: transparent; height: 45px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}  
.utility_nav .search_field .search_btn { width: 40px; height: 45px; z-index:1; border:0; font-size:0; line-height:0; position:absolute; right:0; top:0; cursor: pointer; opacity:0; }
.utility_nav .search_field:after { position: absolute; right:0; top:0; line-height: 45px; width: 40px; text-align:center; font-family: 'FontAwesome'; font-size:25px; color:var(--primary2_overlay); content:'\f002'; } 


/*****INSIDE NAVIGATION*****/
#menu.mobile { display:none; } 
#menu { text-align: left;  width: 100%; }
#menu ul { list-style: none; padding: 0; width: 100%; float: left; margin:0;}
#menu li { float: left; font-size: 23px; letter-spacing: -0.02em; line-height: 29px; width: 100%;  position: relative; display: block; padding-bottom:5px; }
#menu li > a { padding: 18px 20px 18px 30px; display: block; color: #1c3766; transition: background-color color 0.3s; -webkit-transition: background-color 0.3s; }
#menu li:hover > a,#menu li > a:hover { letter-spacing: -0.02em;  background: #02122D; color:var(--primary1_overlay); text-decoration: none; }
#menu li.active { font-weight:700;  }
#menu li .fa { float: right; }
#menu li ul li a { padding: 18px 20px 18px 70px; border:0; position: relative; color: #1c3766; }
#menu li ul li { margin-top:1px; font-size: 23px; line-height: 29px; }
#menu li:hover ul li:hover > a,#menu li ul li > a:hover { color: var(--primary1_overlay); background:#02122D; }
#menu li ul ul li { font-size: 21px; line-height: 25px; font-family: 'Frank Ruhl Libre', serif; font-weight:700; text-transform:none; }
#menu li ul ul li a { padding: 20px 20px 20px 0px;  color: #6F767B; }
#menu li li ul { width: 100%; float: left; margin: 35px 0 20px 70px; padding-left:40px; border-left: 2px solid #78777c; }
#menu li ul ul li { }
#menu li:hover ul ul li:hover  a,#menu li ul ul li a:hover { background: none; }
#menu li ul ul li:first-child a { margin-top:-30px }
#menu li ul ul li:last-child a { margin-bottom:-30px }
#menu li:hover ul ul li:hover a:hover,#menu li ul ul li a:hover { color: #02122D;  }
#inside_nav { /* padding: 36px 0; background: #58595b; */ }

/***************************************************************MEDIA QUERIES*******************************************************************/

@media only screen and (max-width: 1509px) {
	.utility_nav li { padding: 20px 0; }
	.utility_nav li { padding: 10px 0; }
	.utility_nav li a { width: 34px; height: 30px; }
	.utility_nav li a svg{ width: 34px; height: 30px; }
	.utility_nav li li { padding:0; }
	.utility_nav li li a { width:auto; height:auto; }
}

@media only screen and (max-width: 1365px) {
	#mainnav li { margin-left:35px; }
	#mainnav li { margin-left:25px; font-size: 17px; line-height: 21px; }
}

@media only screen and (max-width: 1239px) {
	#mainnav li { margin-left:25px; font-size: 17px; line-height: 21px; }
	#menu li { font-size: 18px; line-height: 22px; }
	#menu li > a { padding: 10px 10px 10px 15px; }
	#menu li ul li { font-size: 16px; line-height: 20px; }
	#menu li ul li a { padding: 10px 10px 10px 30px; }
	#menu li li ul { margin: 20px 0 5px 45px; padding-left: 15px; }
	#menu li ul ul li a { padding: 5px 5px 5px 0; }
	#menu li ul ul li:first-child a { margin-top:-10px; }
	#menu li ul ul li:last-child a { margin-bottom: -10px; }
	#menu li ul ul li { font-size: 14px; line-height: 18px; }
	#mainnav li { font-size: 15px; margin-left: 20px; }
}

@media only screen and (max-width: 1023px) {
	#mainnav li { font-size: 14px; margin-left: 12px; }
	.utility_nav li li, #mainnav li li { font-size: 14px; line-height: 200%; }
	.utility_nav li { padding: 10px 0; }
	.utility_nav li a { width: 28px; height: 25px; }
	.utility_nav li a svg{ width: 28px; height: 25px; }
	.utility_nav li li { padding:0; }
	.utility_nav li li a { width:auto; height:auto; }
}

@media only screen and (max-width: 900px) {
	#mainnav li { font-size: 13px; margin-left: 12px; }
}

@media only screen and (min-width: 768px) {
.utility_nav li:hover ul{ display:block; }  

.utility_nav li li{ width: 100%; margin:0 0 3px 0; font-size: 16px; line-height: 21px; }
.utility_nav li li a{ padding: 8px 10px 8px 20px; } 
.utility_nav li:hover li a{ color:var(--primary2_overlay); }
.utility_nav li:hover li a:hover{ background: #02122D; color: var(--primary1_overlay);}

.utility_nav li a img.icon_hover{ display:none;}
.utility_nav li a:hover img.icon_hover{ display:block;}
.utility_nav li a:hover img.icon_normal{ display:none;}
}

@media only screen and (max-width: 767px) {
	.mm-menu { background: #02122D; }
	.mm-listview > li > a, .mm-listview > li > span{ color: var(--primary1_overlay);}
	.mm-opened #main_sec { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
	.mm-opened a.close { display: block; }
	.mm-opened header #logo { display:none; }
	#back-to-top { display: block; }

	a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 10px; top: 22px; z-index: 8888; }
	a.close:before,  a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 0px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
	a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

	a.mobilemenu {  display: block; font-size: 16px; color: #fff; height: 30px; line-height: 32px; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 7px; width: 82px;}
	.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #fff; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
	.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
	.mobilemenu span:after,.mobilemenu span:before { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }
	.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }

	.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
	.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }

	#mainnav { display: none; }
	.utility_nav { text-align:center; }
	.utility_nav li { float: none; display:inline-block; vertical-align: top; margin: 0 8px; }
	.utility_nav li li{ display: block;}
	.utility_nav .search_field { right: 0; width: 200px; }
	.utility_nav li:nth-of-type(5) { position: static; }

	#menu { margin-bottom: 10px; }
	#inside_nav { padding: 0 0 35px; background: inherit; }
	.nav-drop { display: block; text-align: center; /* background: #02122D ; */ width: 100%; }
	.nav-drop a.sideMenu { display: block; line-height: 40px; display: inline-block; color: #fff; font-size: 18px; text-transform: capitalize; font-weight: 700; text-decoration: none; }
	.nav-drop a.sideMenu i { float: right; margin: 13px 0 0 10px; font-size: 16px; }
	.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
	.nav-drop a.sideMenu.active i.fa-chevron-up { display: block; }
	.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }

	span.expander { cursor: pointer; width: 20px; float: right; position: absolute; z-index: 999; right: 10px; top: 6px; font-size: 30px; display: block; color: #fff; }
	span.expander.expanded { font-size: 45px; top: 0; }
	#menu { margin:0; }

	.expand{ display: block; position: absolute; right: 0px; top: 0px; font-size: 18px; padding: 0px 10px; width: 40px;}
	.expand.open{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg); }
}


@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@media only screen and (min-width: 768px) {
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
}
/* BEGIN: add for mobile menu reasons */
@media only screen and (max-width: 767px){
    #menu {
        display:none;
    }
}
/* END: add for mobile menu reasons */