/*
	Iggo Offcanvas Responsive Menu
*/

html.noscroll { overflow: hidden !important; height: 100%; }
body.noscroll { overflow: hidden !important; height: 100%; position: relative; }

.nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 1; transition: all 0.2s ease-in-out 0s; z-index: 400; visibility: visible; }
.nav-overlay.disabled { opacity: 0; visibility: hidden; background: rgba(0,0,0,0.0); }

	/* Small devices (landscape phones, less than 48em) */
	@media (max-width: 47.9em) {
		transition: all 0.25s ease-in-out 0s;
	}



/* Small devices (landscape phones, less than 48em) */
@media (max-width: 47.9em) {

	html { overflow-y: visible; }
	nav { position: relative; }
	nav li { list-style: none; }
	nav .col-xs-12 { padding: 0; }
	header .logobar { padding: 0; }
	header .loginbox { clear: none; padding: 0; }
	header > .container { z-index: 950; position: relative; }
	header > .container > .row > div { z-index: 150; }



	/*
	/* /*
	/* Search toggle */
	header .search { margin: 0; position: static; padding: 0; float: right; width: 50px; }
	header .search .toggle-search { height: 50px; background: rgba(0,104,152,0); float: left; height: 50px; line-height: 50px; text-align: center; width: 100%; position: relative; z-index: 125; outline: none; font-size: 18px; transition: all 0.25s ease-in-out 0s; }
	header .search .toggle-search.active { background: rgba(0,104,152,1); }

	header .search #searchform { visibility: hidden; position: absolute; top: 0; left: 0; background: rgba(0,104,152,1); padding: 8px 15px; width: 100%; transition: all 0.25s ease-in-out 0s; opacity: 0; transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); z-index: 100; }
	header .search #searchform.active { display: block; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); opacity: 1; visibility: visible; }
	header .search #searchform button { right: 15px; }



	/*
	/* /*
	/* Navbar Toggle */
	.navbar-toggle { float: left; width: 45px; padding-left: 15px; background: none; border: none; margin: 0 10px 0 0; height: 50px; transition: all 0.05s linear 0s; outline: none; z-index: 110; position: relative; }
	.navbar-toggle:active { background: rgba(0,0,0,0.3); }
	.navbar-toggle .icon-bar { background: #FFF; box-shadow: 0 1px 0 rgba(0,0,0,0.3); float: left; width: 100%; height: 3px; margin: 2px 0; transform: translate3d(-70%, 0, 0); -webkit-transform: translate3d(-70%, 0, 0); transition: all 0.25s ease-in-out 0s; }
	.navbar-toggle.collapsed .icon-bar { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }



	/*
	/* /*
	/* Navbar */
	#mainmenu-collapse {
		position: fixed;
		display: block !important;
		top: 0;
		width: 70%;
		padding: 50px 0 0;
		height: 100% !important;
		background: #006898;
		border-top: none;
		margin: 0 !important;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transition: height 0.01s, transform 0.25s ease-in-out 0s !important;
		}

	#mainmenu-collapse.disabled { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); }
	#mainmenu-collapse.in { overflow-y: auto; }



	/*
	/* /*
	/* Misc links before catnav */
	nav .misclinks { background: #003047; clear: both; float: left; width: 100%; box-shadow: 0 2px 2px rgba(255, 255, 255, 0.1); }
	nav .misclinks li { clear: both; float: left; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.25); }
	nav .misclinks a { float: left; width: 100%; color: #FFF; padding: 0.75rem 1rem; }
	nav .misclinks .fa { margin-right: 0.375rem; float: left; width: 1rem; text-align: center; font-size: 1rem; line-height: 1.125rem; color: #FEEA00; }
	nav .misclinks .text { float: right; width: calc(100% - 1.375rem); color: #FFF; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; }

	nav .misclinks a:hover,
	nav .misclinks a:focus { text-decoration: none; }
	nav .misclinks a:active { background: rgba(0,0,0,0.2); }



	/*
	/* /*
	/* All Levels */
	nav { font-size: 0.875rem; line-height: 1.125rem; }
	nav .nav .fa { float: left; width: 0.75rem; text-align: left; line-height: 1.125rem; color: #FEEA00; }
	nav .nav .text { float: right; width: calc(100% - 0.75rem); color: #FFF; }


	/*
	/* /*
	/* Level 1 */
	ul.nav > li { clear: both; float: left; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.25); list-style: none; }
	ul.nav > li > a { float: left; width: 100%; transition: all 0.05s linear 0s; padding: 0.875rem 1rem; color: #FFF; }

	ul.nav > li > a:hover,
	ul.nav > li > a:focus,
	ul.nav > li:hover > a,
	ul.nav > li:focus > a { background: none; cursor: pointer; text-decoration: none; }
	ul.nav > li > a:active { background: rgba(0,0,0,0.2); }



	/*
	/* /*
	/* Level 2 */
	ul.nav > li > ul { position: relative; top: auto; left: auto; margin: 0; clear: both; float: left; width: 100%; display: none; background: none !important; transition: all 0.25s ease-in-out 0s; padding: 0; }
	ul.nav > li.selected > ul { display: block !important; visibility: visible; opacity: 1; }
	ul.nav > li > ul > li { clear: both; float: left; width: 100%; background: rgba(0,0,0,0.2); padding: 0; border-top: 1px solid rgba(0,0,0,0.3); }
	ul.nav > li > ul > li > a { float: left; width: 100%; text-align: left; padding: 0.75rem 1rem; margin: 0; transition: all 0.05s linear 0s; }

	ul.nav > li > ul > li > a:active { background: rgba(0,0,0,0.3); }
	ul.nav > li > ul > li > a:hover,
	ul.nav > li > ul > li > a:focus { text-decoration: none; }



	/*
	/* /*
	/* Level 3 */
	ul.nav > li > .sub-menu > li > .sub-menu { display: none; }
	ul.nav > li > .sub-menu > li.selected > .sub-menu { display: block !important; }
	ul.nav > li > ul > li > ul > li { clear: both; float: left; width: 100%; background: rgba(0,0,0,0.2); margin: 0; padding: 0; border-top: 1px solid rgba(0,0,0,0.4); }
	ul.nav > li > ul > li > ul > li > a { float: left; width: 100%; padding: 0.75rem 1rem 0.75rem 2rem; margin: 0; transition: all 0.05s linear 0s; }

	ul.nav > li > ul > li > ul > li > a:active { background: rgba(0,0,0,0.3); }
	ul.nav > li > ul > li > ul > li > a:hover,
	ul.nav > li > ul > li > ul > li > a:focus,
	ul.nav > li > ul > li > ul > li > a:hover .title,
	ul.nav > li > ul > li > ul > li > a:focus .title { text-decoration: none; }
}