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

#top-main-menu {
    background: #3969B8;
    border-bottom: 3px solid #45727c;
    height: 46px;
}

.fixed {
    width: 100% !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 99 !important;
    bottom: auto !important;
}

#top-main-menu.fixed {
    background: #3969B8;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.public-menu-wrap,
.members-menu-wrap {
    display: inline-block;
    vertical-align: middle;
    padding: 13px 0px;
}

.top-left-menu a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    padding: 15px 20px;
}

.top-left-menu a:hover,
.top-left-menu a:focus {
    background-color: #45727c;
}

@media (max-width: 480px) {
    .top-left-menu a {
        padding: 15px 13px;
    }
}


/* #nav_menu {
    float: right;
    padding: 0px;
} */

#nav-wrap {
    text-align: right;
    padding: 0;
}

.nav-container {
    display: inline-block;
    vertical-align: middle;
}


/* .navbar-nav>li a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    padding: 6px 15px;
    transition: background-color .3s;
}

@media (min-width: 1200px) and (max-width: 1332px) {
    .navbar-nav>li a {
        padding: 11px 16px 15px;
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .navbar-nav>li a {
        font-size: 14px;
        padding: 11px 7px 15px;
    }
} */


/* .navbar-nav>li>a:hover, .navbar-nav>li>a:focus,
.navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover {
	background: #22A178;
    color: #fff;
} */

.caret {
    margin-left: 4px;
}


/*------------------------------------------------------------------------------------
							Dropdown Menus - full/collapsed
--------------------------------------------------------------------------------------*/


/* .dropdown-menu {
    background-color: #22A178;
    border: 0;
    border-radius: 0px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 0px;
    left: auto;
    right: 0px;
}

.dropdown-menu li {
    width: 100%;
    border-bottom: 1px solid #b6d6db;
}

.dropdown-menu li:last-child {
    border-bottom: 0px;
}

.dropdown-menu li a {
    color: #fff;
    padding: 6px 18px;
    border: 0;
    font-weight: normal;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    background: #3969B8;
    color: #fff;
}

.dropdown-menu li:last-child a:hover,
.dropdown-menu li:last-child a:focus {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.dropdown-menu.men-level-,
.dropdown-menu.men-level-0 {
    margin-top: -2px !important;
}

.dropdown-menu.men-level-1,
.dropdown-menu.men-level-2 {
    left: -100%;
    right: 100%;
    top: -2px;
}

.dropdown-menu.men-level-1 li a,
.dropdown-menu.men-level-2 li a {
    white-space: normal;
} */


/*----------------------------
	Mobile Menu
	
	--- INSTRUCTIONS ---
	For the most part, these mobile menu styles will be exactly like your regular navigation styles.
	There are a few things to watch out for however. I've marked specific items with two hash tags and caps,
	like ##ITEM. 
	
	##TOP - There are three places where this exists, and each one should be the same as the other three.
			This item tells the mobile menu to start lower than the toggle button.
			
	##DIRECTION - This item tells your mobile menu which direction to slide in from, and has a few
		different parts. Changing "left" to "top" in each ##DIRECTION would have the menu slide in from the top. Bottom is a bad choice here.
		##DIRECTION-01 - slides in from the side you specify. This one is set negative as it is the starting position of the menu.
		##DIRECTION-02 - sets the duration of the slide, and again which direction it slides from.
		##DIRECTION-03 - sets the "open" position. This will be the zeroed out version of ##DIRECTION-01
	
	--------------------
------------------------------*/


/*---------------------------------------------
		Mobile Menu
---------------------------------------------*/

#mobileMenuWrapper .mDropdown {
    display: none;
}

#mobileMenuWrapper .mDropdown.open {
    display: block;
}


/*--------------------------------------------------------
    MOBILE MENU
--------------------------------------------------------*/

#mobileMenuWrapper ul.mDropdown {
    display: none;
}

#mobileMenuWrapper .mDropdown.open {
    display: block;
}


/*------------------------------------------------------------------------------------
								@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;
    }
    .navbar-nav>li {
        float: none;
    }
    .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;
    }
}

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

@media (max-width: 767px) {}

@media (max-width: 480px) {}