/*------------------------Menu Opens on Hover, .dropdown-submenu takes care of 2nd tier menu hover*/

.dropdown:hover .men-level-0, .dropdown:hover .men-level- {

    display: block;

 }

/* .dropdown:hover .men-level-1 {

    display: none;

}*/

 .dropdown-submenu:hover .men-level-1, .dropdown-submenu .dropdown-submenu:hover .men-level-2 {

    display: block;

}

.men-level-1, .men-level-2{

    left: 100%;

}

/*--------------------Ends Menu Opens on Hover*/





/*------------------------2nd Tier Nav*/

.nav li {

    position: relative;

    float: left;

    list-style-type: none;

}

.open>#nav_menu .dropdown-menu {

    display: block;

}

.men-level-1{

    top: 0px;

}

/*--------------------End-2nd Tier Nav*/

/*----------------------------

    MMS Member Icons Menu

------------------------------*/

@media (min-width: 1200px){

    .nav-tabs li.dropdown {

        width: 190px;

    }

}

@media (min-width: 990px) and (max-width: 1200px) {

    .nav-tabs li.dropdown {

        width: 155px;

    }

}

@media (min-width: 767px) and (max-width: 990px) {

    .nav-tabs li.dropdown {

        width: 120px;

    }

}





/*------------------------------------------------------------------------------------

							Main Menu CSS

--------------------------------------------------------------------------------------*/



nav#main-menu {
    background: #364A9C;
    height: 54px;
}

.nav-main-wrapper {

    float: right;

    margin-top: 15px;

}

.navbar-custom-wrapper {

    display: inline-block;

    vertical-align: middle;

}

#nav_menu {

    padding-left: 0px;

    padding-right: 0px;

}

.navbar-nav {

    width: 100%;

    padding: 0;

    margin: 0;

}

#nav_menu .navbar-nav>li a {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    font-family: 'Nunito Sans', sans-serif;

    padding: 17px 18px;

    transition: background-color .3s;

    border-left: 1px solid #263C6D;

}

#nav_menu .navbar-nav>li>a:hover, #nav_menu .navbar-nav>li>a:focus,

.navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover {

	background: #263C6D;

    color: #fff;

}

#nav_menu .navbar-nav>li:last-child a {

    border-right: 1px solid #263C6D;

}

.caret {

	margin-left: 4px;

	display: none;

}





/*------------------------------------------------------------------------------------

							Dropdown Menus - full/collapsed

--------------------------------------------------------------------------------------*/



#nav_menu .dropdown-menu {

    background-color: #263C6D;

    border: 0;

    border-radius: 0px;

    padding: 0px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}

#nav_menu .dropdown-menu li {

    width: 100%;

    border-bottom: 1px solid #1D3259;

}

#nav_menu .dropdown-menu li:first-child {

    border-top: 1px solid #1D3259;

}

#nav_menu .dropdown-menu li a {

    font-size: 16px;

    font-weight: 500;

    font-family: 'Nunito Sans', sans-serif;

    color: #fff;

    padding-top: 0px;

    padding-bottom: 0px;

    border: 0;

    font-weight: normal;

    margin-top: 0px;

    margin-bottom: 0px;

    padding: 8px 20px;

}

#nav_menu .dropdown-menu li a:hover, #nav_menu .dropdown-menu li a:focus {

	background: #1D3259;

	color:#fff;

}





/*--------------------------------------------------------

    MOBILE MENU

--------------------------------------------------------*/



#mobileMenuWrapper.open {

    left: 0px;

    bottom: 0px;

}

#mobileMenuWrapper #mobile-menu {

    overflow: auto;

    padding: 0px 20px 10px;

}

#mobileMenuWrapper ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}



#mobileMenuWrapper #mobile-menu a {

    color: #575e66;

    font-size: 16px;

    font-weight: normal;

    font-family: 'Nunito Sans', sans-serif;

    background: transparent;

    padding-left: 0px;

    text-decoration: none;

}

#mobileMenuWrapper #mobile-menu a:hover, #mobileMenuWrapper #mobile-menu a:focus {

	background: transparent;

	color: #3962a2;

}



#mobileMenuWrapper ul.mDropdown {

    display: none;

}

#mobileMenuWrapper .mDropdown.open {

    display: block;

}

#mobile-menu a {



}

#mobile-toggle {

    border: none;

    background: transparent;

    box-shadow: none;

    cursor: pointer;

}

.mobile-menu-wrap {

    display: inline-block;

    vertical-align: middle;

}

	@media (min-width: 768px) and (max-width: 990px) {

		.mobile-menu-wrap {

		    display: inline-block !important;

		    vertical-align: middle;

		}

	}



#mobile-menu-col {

    top: 22px;

    padding: 0px;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    float: right;

    margin-left: 0px;

}

#mobile-logo {

    width: 40%;

    float: left;

    margin-top: 27px;

    margin-bottom: 20px;

}

#mobile-logo a {

    margin: 0 !important;

}

#mobile-logo svg#logo {

    width: 250px;

    max-width: 250px;

}

svg#mobile-menu {

    width: 40px;

    height: 25px;

}



/*-----------------toggle--------------------*/

button#mobile-toggle{

	width: 37px;

	height: 37px;

	display: none;

	position: absolute;

	right: 15px;

	bottom: 30px;

	border: 2px solid #002857;

	border-radius: 4px;

	padding: 8px 5px;

	background-color: white;

	box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.3);

	cursor: pointer;

}

@media (max-width: 990px) {

	button#mobile-toggle{

		display: inline-block;

	}

}

button#mobile-toggle svg *{

	fill: #002857;

}

/*-----------end--toggle---------------------*/

#mobile-menu>li#triggerClose{

	display: inline;

	float: right;

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	font-size: 40px;

	cursor: pointer;

    color: #333333;

}

#mobile-menu>li>a{

	width: 174px;

	min-height: 32px;

	margin-bottom: 6px;

	border-radius: 3px;

	background-color: transparent;

	padding-left: 8px;

	padding-top: 10px;

	padding-right: 5px;

	display: inline-block;

	font-size: 16px;

	font-weight: 400;

	color: #5485A3;

	-webkit-transition: color .25s;

	transition: color .25s;

	text-decoration: none;

}

#mobileMenuWrapper {

	position: fixed;

	top:0px;

	bottom: 0px;		

	z-index: 200;

	overflow-y: auto;

	overflow-x: hidden;

	left: -120%;

	width: 300px;

	background-color: #364A9C;

    border-right: 2px solid #263C6D;

	-webkit-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000); 

   	-moz-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000); 

    -o-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000); 

    transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000); 

}

#mobileMenuWrapper.open{

	left: 0px;		

	bottom: 0px;	

}



/* REQUIRED - Dropdown menu item transition states*/

#mobileMenuWrapper .mDropdown {

	display:none;

}

#mobileMenuWrapper .mDropdown.open{

	display: block;

}



/* REQUIRED - Sets the ULs to not have dots, or be spaced in the typical UL fashion. */

#mobileMenuWrapper ul{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



/* OPTIONAL-ISH - These are the settings for the base menu UL */



/* OPTIONAL-ISH - This sets each link on its own line fo' sho' */

/*#mobileMenuWrapper a, #mobileMenuWrapper div{

	display: block;

}*/



/* OPTIONAL - The actual A's. Style them as you wish*/

/* Top Level / all*/

#mobileMenuWrapper #mobile-menu a {

	display: inline-block;

	width: 100%;

}



/* dropdown only */

#mobileMenuWrapper .mDropdown a {

    padding: 8px 15px !important;

}

#mobileMenuWrapper .mDropdown li a {

    border-top: 1px solid #1D3259 !important;

}

#mobileMenuWrapper .mDropdown li:last-child a {

    border-bottom: 1px solid #1D3259 !important;

}

#mobile-menu > li > ul {

    background-color: #263C6D;

    border: 0;

    border-radius: 0px;

    padding: 0px 0;

    box-shadow: none;

}

#mobileMenuWrapper .mDropdown a:hover, #mobileMenuWrapper .mDropdown a:focus {

	background: #1D3259;

	color: #fff;

	text-decoration: none;

}

#mobileMenuWrapper .caret {

    display: block;

}







/*--------------------------------------------------------

    MOBILE MENU

--------------------------------------------------------*/



#mobileMenuWrapper.open {

    left: 0px;

    bottom: 0px;

}

#mobileMenuWrapper #mobile-menu {

    overflow: auto;

    padding: 0px 20px 10px;

}

#mobileMenuWrapper ul {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}

#mobile-menu > li#triggerClose {

    color: #FFFFFF;

    float: right;

    display: inline;

    font-size: 38px;

    cursor: pointer;

    transform: rotate(45deg);

}

#mobileMenuWrapper #mobile-menu a {

    color: #FFFFFF;

    font-size: 16px;

    font-weight: 600;

    font-family: 'Nunito Sans', sans-serif;

    background: transparent;

    padding: 8px 0px;

    border-top: 1px solid #263C6D;

    margin: 0px;

}

#mobileMenuWrapper #mobile-menu a:hover, #mobileMenuWrapper #mobile-menu a:focus {

    background: transparent;

    color: #fff;

}



#mobileMenuWrapper ul.mDropdown {

    display: none;

}

#mobileMenuWrapper .mDropdown.open {

    display: block;

}

#mobile-menu a {



}

#mobile-toggle {

    border: none;

    background: transparent;

    box-shadow: none;

    cursor: pointer;

}

.mobile-menu-wrap {

    display: inline-block;

    vertical-align: middle;

    text-align: right;

    float: right;

}

.mobile-menu-wrap #search-input {

    margin-right: 20px;

}



#mobile-menu-col {

    top: 14px;

    padding: 0px;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    float: right;

    margin-left: 0px;

}



#mobile-logo {

    width: 40%;

    float: left;

    margin-top: 27px;

    margin-bottom: 20px;

}

#mobile-logo a {

    margin: 0 !important;

}

#mobile-logo svg#logo {

    width: 250px;

    max-width: 250px;

}

svg#burger-menu {

    width: 36px;

    height: 24px;

}

#mobileMenuWrapper #mobile-menu a b.caret {

    float: right;

    position: relative;

    top: 10px;

}

li.mobile-tagline-wrap {

    margin-top: 20px;

}

svg#xs-tagline {

    width: 250px;

    height: 48px;

}



/*------------------------------------------------------------------------------------

								@Media and Sizes

--------------------------------------------------------------------------------------*/

 /*------ Nav collapse @ Tablet size ------*/

 @media (max-width: 991px) {

	.navbar-header {

	float: none;

    }

    .navbar-toggle {

	display: block;

    }

    .navbar-collapse {

	border-top: 1px solid transparent;

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }

    .navbar-collapse.collapse {

	display: none!important;

    }

    .navbar-nav {

	float: none!important;

	margin: 7.5px -15px;

    }

    #nav_menu .navbar-nav>li {

	float: none;

    }

    #nav_menu .navbar-nav>li>a {

	padding-top: 10px;

	padding-bottom: 10px;

    }

    /* since 3.1.0 */

    .navbar-collapse.collapse.in { 

	display: block!important;

    }

    .collapsing {

	overflow: hidden!important;

    }

}