/*------------------------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;

    margin-top: -1px;

}

.men-level-2 {

    top: 0px;

    margin-top: -1px;

}

.men-level-3 {

    top: 0px;

    margin-top: -1px;

}

/*--------------------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: #074768;

    height: 50px;

}

.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;

}

#nav_menu .navbar-nav {

    width: 100%;

    padding: 0;

    margin: 0;

    display: flex;

}

#nav_menu .navbar-nav li {

    flex: 1;

    text-align: center;

}

#nav_menu .navbar-nav>li a {

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    font-family: 'Mulish', sans-serif;

    padding: 15px 0px;

    transition: background-color .3s;

    border-left: 1px solid #32759D;

}

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

        #nav_menu .navbar-nav>li a {

            font-size: 11px;

        }



    }

#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: #32759D;

    color: #fff;

}

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

    border-right: 1px solid #32759D;

}

.caret {

    margin-left: 4px;

    display: none;

}





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

                            Dropdown Menus - full/collapsed

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



#nav_menu .dropdown-menu {

    background-color: #074768;

    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 #32759D;

}

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

    border-top: 1px solid #32759D;

}

#nav_menu .dropdown-menu li a {

    font-size: 13px;

    font-weight: 500;

    font-family: 'Mulish', 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: #32759D;

    color:#fff;

}





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

    MOBILE MENU

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



#mobileMenuWrapper.open {

    right: auto;

    bottom: 0px;

    left: 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: 'Mulish', 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: 15px;

    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: #074768;

    border-right: 2px solid #174E77;

    -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); 

}





/* 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-bottom: 1px solid #32759D !important;

}

#mobile-menu > li > ul {

    background-color: #074768;

    border: 0;

    border-radius: 0px;

    padding: 0px 0;

    box-shadow: none;

}

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

    background: #32759D;

    color: #fff;

    text-decoration: none;

}

#mobileMenuWrapper .caret {

    display: block;

}







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

    MOBILE MENU

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





#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: 15px;

    font-weight: 500;

    font-family: 'Mulish', sans-serif;

    background: transparent;

    padding: 8px 0px;

    border-bottom: 1px solid #2B9CAF;

    margin: 0px;

}

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

    background: transparent;

    color: #fff;

}

#mobileMenuWrapper #mobile-menu li:last-child a {

    border-bottom: 0px;

}



#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: 15px;

    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: 22px;

}

svg#burger-menu .cls-1 {

    fill: #fff !important;

}

#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;

    }

}