/*----------------------------
	special for this one 
------------------------------*/
.navigation.row>.col-md-12{
	padding: 0px;
}
.navigation.row{

}
/*----------------------------
	The Wrapper
------------------------------*/
/*The Wrapper */
.nav-wrapper{
	height: ;
	background-color: #335526;
	margin-top:;
	margin-bottom: ;
	font-family: ;
	/*display: inline-block;*/
	position: relative;
	min-height: 35px;
}
/*----------------------------
	The Toggle
------------------------------*/
.navbar-toggle{
	padding: 0px;
	padding-top: 7px ;
	padding-bottom: 7px;
	margin-top:0px;

	float: right;
	
	width: 70%;
	border: 0px;
	
	text-align: right;
	font-weight: 700;
	
	display: none;
}
.navbar-toggle:focus{
	border: 0px;
	outline: 0px;
}
.navbar-toggle>span{
	color: #ffffff;
}
/*----------------------------
	Full State
------------------------------*/
.nav {
	margin: 0px;
}
.nav ul{
	background-color: #;
}
.nav li {
	position:relative;
	float: left;
	list-style-type: none;
}
.nav li a{ 
	color: #ffffff; 
	font-size: ;
	/* font-weight: 700; */
	
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: ; 
	
	text-decoration: none;
	transition: background-color .3s, color .3s;
}

/*------ Third level Items/Multi Tier */
.nav li ul li a {
	background: ; 
	color: ;
	transition: .3s;
}
.nav li ul li a:hover {
	background: ; 
	color: ;
	transition: .3s;
}

/*------ On Hover/Focus/.open */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: !important; 
	background-color: !important;
	border-bottom: ;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus{
	background-color: #243D7F;
	color: #ffffff;
	text-decoration: none;
	
}


/*----------------------------
	Collapsed State
------------------------------*/
.navbar-collapse.collapse {
	position: relative;
}
.navbar-collapse{
	max-height: none;
	padding: 0px;
}

/*----------------------------
	Dropdown Menus - full/collapsed
------------------------------*/
.dropdown-menu{
	background-color: ;
	padding: ;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: ;
	background-color: ;
	text-decoration: none;
}
.dropdown-menu li{
	width: 100%;
}

/*----------------------------
	@Media and Sizes
------------------------------*/
@media (min-width: 768px) and (max-width: 990px) {
	.nav li a {
		font-size: 11px;
	}
}
@media (max-width: 767px) {
	.navbar-collapse{
		clear: both;

		margin-top: 8px;
	}
	.navbar-collapse, .nav{
		width: 100%;
	}
	.nav li{
		display: block;
		width: 100%;
		text-align: center;
		height: auto;
		padding-top:0px;
	}
	.nav li a{

		padding-top: auto;
		font-size:16px;
		margin: auto;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 6px;
		height: auto;
	}
	.navbar-toggle{
		display: inline-block;
		margin: 31px auto 0px;
		padding: 0px;
		clear: both;
		margin-right: 20px;
	}
	.dropdown li{
		display: block;
		width: 100%;
		background-color: #91A9A0;
	}
	
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0px;
	}
	
	
	.navbar-nav .open .dropdown-menu {
		margin-top:6px;
	}
	.nav-row{
		height: auto;
		max-height: none;
	}
	.small-text{
		display:none !important;
	}
	.navbar-collapse.collapse {
		display: none !important;
		position: static;
		
	}
}
@media (max-width: 480px) { 
	.navbar-toggle{
		display: inline;
	}

	.navbar-nav li{
		display: block;
		width: 100%;
		text-align: center;
		height: auto;
		padding-top:0px;
	}
	.dropdown li{
		display: block;
		width: 100%;
		background-color: #91A9A0;
	}
	.nav li a{
		border-left: none;
		border-right: none;
		padding-top: auto;
		font-size:16px;
		margin: auto;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 6px;
		height: auto;
	}
	.nav li{
	
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0px;
	}

	.open{
		height: auto !important;
	}
	.open a{
		display:block;
	}
	.navbar-nav .open .dropdown-menu {
		margin-top:6px;
	}
	.hlp-wrapper{
		display:none;
	}
	.vid-feature iframe{
		max-width: none !important;
		max-height: none !important;
	}
}


.navbar-collapse{
	border: 0px;
	box-shadow: none;
}


#mobileMenuWrapper {
	/*
	The menu wrapper is the div that surrounds the mobile menu.
	You'll want to make sure this has a background of some sort so the text shows up/doesn't appear over other text
	Setting bottom:0px; is needed to make a long menu scroll-able.
	
	*/
	
	/* REQUIRED */
	position: fixed;
	top:0px;
	bottom: 0px;		/* If having the menu slide in from the top or bottom, comment out this line */
	z-index: 100;
	overflow-y: auto;
	overflow-x: hidden;
	
	/* CHANGEABLE-ISH */
	left: -110%;			/* Change this to left, right, top, or bottom.  You'll also have to make a change in the open state */
	width: 330px;		/* The mobile menu works best with a pre-defined width. Percentages also work great here. */
	padding-left: 30px;
	
	/* CHANGEABLE */
	background-color: transparent;
	
	/* Transition - bump */
	transition: left .3s; /* ##DIRECTION-02 */
	-webkit-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1); /* older webkit */
	-webkit-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 
   	-moz-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 
    -o-transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 
    transition: all 300ms cubic-bezier(0.625, 0.005, 0.175, 1.310); 
}
#mobileMenuWrapper.open{
	left: -30px;		/* This is required.  If you changed the direction attribute above, change it here too. */
	bottom: 0px;	/* This line is here for bottom/top slide-ins.  See note on bottom above.*/
}

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

/* OPTIONAL-ISH - This sets each link on its own line fo' sho' */
#mobileMenuWrapper  a, #mobileMenuWrapper div{
	display: block;
}

/* OPTIONAL - The inner menu UL. */
#mobile-menu{
	background-color: rgba(51,51,51,.9);
	border-radius: 0px;
	margin-top: 15px;
	margin-left: -50px;
	
	color
	overflow: auto;
	padding:0px 0px 0px 50px;

}


/* OPTIONAL - The actual A's.  Style them as you wish*/
#mobile-menu a, #mobile-menu>ul>li{
	padding: 10px 5px 10px 15px;
	color: #ffffff;
	
}
#mobile-menu a:hover{
	background-color: rgba(255,255,255,.2);
	text-decoration: none;
}

/* dropdown only */
#mobileMenuWrapper .mDropdown{
	padding: 0px;
}
#mobileMenuWrapper .mDropdown a{
	background-color: rgba(94, 128, 210,.5);
	padding: 10px 5px 10px 40px;
	color: #ffffff;
	margin: 0px -15px;
	text-decoration: none;
	transition: .2s;
	border-radius: 0px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
#mobileMenuWrapper .mDropdown a:hover{
	background-color: transparent;
	color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/* inner toggle - mostly for iphones */
#mobileMenuWrapper .mobileMenuTrigger{
	text-align: right;
	margin-top: 10px;
	float: right;
	margin-right: 15px;
}
#mobileMenuWrapper .mobileMenuTrigger div{
	color: #1C3F95;
	background-color: rgba(255,255,255,.5);
	/* border: 1px solid #ffffff; */
	padding: 0px 12px;
	border-radius: 0px;
	display: inline-block;
	font-weight: bold;
	
}
#mobileMenuWrapper .mobileMenuTrigger:hover div{
	background-color: rgba(255,255,255,.9);;
}