/* 1. Navigation

========================================*/

nav {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	/*height: 131px;*/

	background: #000000;

	background: rgba(0,0,0,0.7);

	padding: 0;

	z-index: 99999;

}



#header-outer[data-color="light"] nav {

	background: #fff;

	background: rgba(255,255,255,0.7);

	border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}



#header-outer[data-opaque="0"] nav {

	background: #000;

}



#header-outer[data-opaque="0"][data-color="light"] nav {

	background: #fff;

}



#header-outer[data-fixed="1"] nav {

	position: fixed;

}



.admin-bar nav { top: 32px; }

.nav-inner {

	margin: 0 auto;

	/*margin-top: 10px;*/

	max-width: 1200px;

}

.nav-inner:before,

.nav-inner:after {

	content: "";

	display: table;

}

.nav-inner:after {

	clear:both;

}

.logo {

	/*width: 170px;

	max-height: 107px;*/

	width: auto;

	/*height: 36px;*/

	float: left;

}

.logo img {

	/*max-width: 170px;

	max-height: 107px;*/

	width: auto;

	height: 36px;

}

.logo a {

	color: #ffffff;

	text-decoration: none;

}



#header-outer[data-color="light"] .logo a {

	color: #000;

}



.logo a h1 {

	/*line-height: 107px;*/

	font-size: 36px;

	font-size: 3.6rem;

	font-weight: 800;

	color: #ffffff;

	margin-bottom: 0;

}



#header-outer[data-color="light"] .logo a h1 {

	color: #000;

}



.navigation {

	display: block;

	width: 1000px;

	margin-left: 30px;

	float: left;

	text-align: right;

}



.navigation #menu-top { text-align: right; }



.nav,

.nav ul {

	margin: 0;

	padding: 0;

}



.nav .sub-menu { display: none; }



.nav .menu-item {

	position: relative;

	display: inline-block;

	/*height: 107px;

	line-height: 2.25;*/

	margin-right: 15px;

	padding-right: 15px;

}



.nav .menu-item a {

	color: #ffffff;

	display: block;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.15;

	font-style: normal;

	font-weight: 800;

	/*margin-top: 38px;*/

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

}



#header-outer[data-color="light"] .nav .menu-item a {

	color: #000;

}



.nav .menu-item.current-menu-item a,

.nav .menu-item.current-menu-ancestor a,

.nav .menu-item.current-menu-parent a { color: #4cbd99; }



.nav .menu-item.box {

	/*width: 107px;*/

	width: auto;

	background: #4cbd99;

	padding-right: 10px;

	padding-left: 10px;

}



.nav .menu-item.box a {

	/*margin: 0 10%;*/

	margin: 10px 0;

	width: 100%;

	font-size: 24px;

	font-size: 2.4rem;

	/*margin-top: 34px;*/

	padding: 5px 0;

	border-bottom: 2px solid #fff;

	border-top: 2px solid #fff;

	line-height: 1;

	color: #fff !important;

}



.nav .menu-item.box.current-menu-item a { color: #fff; }



/* Child pages */

.nav .sub-menu {

	position: absolute;

	top: 0;

	z-index: 200;

	display: none;

	margin: 0 auto auto 0;

	width: 150px;

	text-align: left;

	height: auto;

	/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);*/

	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);

}

}

.nav .sub-menu .menu-item {

	width: 100%;

	text-align: left;

}



.nav > .menu-item > .sub-menu {

	top: 100%;

	left: 50%;

	margin: 0 auto auto -75px;

	padding: 10px 0;

	background: #ffffff;

}



#header-outer[data-color="light"] .nav > .menu-item > .sub-menu {

	background: #060606;

}



.nav .sub-menu > .menu-item {

	height: auto;

	margin: 0;

	padding: 0;

	line-height: 1.8;

	;

}



.nav .sub-menu .menu-item a {

	margin-top: 0;

	padding: .6em 15px;

	color: #000000;

	font-size: 12px;

	text-align: left;

}

#header-outer[data-color="light"] .nav .sub-menu .menu-item a {

	color: #fff;

}

.nav .menu-item.current-menu-item .sub-menu a,

.nav .menu-item.current-menu-ancestor .sub-menu a,

.nav .menu-item.current-menu-parent .sub-menu a { color: #000000; }



#header-outer[data-color="light"] .nav .menu-item.current-menu-item .sub-menu a,

#header-outer[data-color="light"] .nav .menu-item.current-menu-ancestor .sub-menu a,

#header-outer[data-color="light"] .nav .menu-item.current-menu-parent .sub-menu a { color: #fff; }



.nav .menu-item:hover > .sub-menu {

	display: block;

}



.nav > .menu-item > .sub-menu:before {

	position: absolute;

	top: -7px;

	left: 67px;

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-top: 0;

	border-bottom: 7px solid #ffffff;

	content: " ";

}



#header-outer[data-color="light"] .nav > .menu-item > .sub-menu:before {

	border-bottom-color: #060606;

}



.nav > .menu-item > .sub-menu .menu-item .sub-menu {

	left: 100%;

	padding-left: 15px;

}

.nav > .menu-item > .sub-menu .menu-item .sub-menu:before {

	position: absolute;

	top: 10px;

	left: 0;

	width: 0;

	height: 0;

	border: 8px solid transparent;

	border-left: 7px solid #ffffff;

	border-right: 0;

	content: " ";

}



.nav > .menu-item > .sub-menu .menu-item .sub-menu > .menu-item {

	background: #ffffff;

}







/* 2. Mobile Nav Button

========================================*/

.nav-button {

	display: none;

	width: 26px;

	height: 30px;

	background: transparent;

	padding: 0;

	/*margin-top: 36px;*/

	margin-right: 5%;

	float: right;

	border: none;

	cursor: pointer;

}



.icon-bar {

	display: block;

	float: left;

	width: 100%;

	height: 3px;

	margin-top: 5px;

	background: #ffffff;

}



#header-outer[data-color="light"] .icon-bar {

	background: #000;

}



/* 3. Mobile Nav

========================================*/



@media only screen and (max-width: 1199px) {



	body { overflow-x: hidden; }



	.nav { display: none; }



	.admin-bar nav { top: 0px; }



	.nav-button {

		display: block;

	}



	.navigation {

		position: absolute;

		/*top: 131px;*/

		right: 0;

		width: 320px;

		margin-right: -320px;

		height: auto;

	}



	.navigation.mobile {

		display: block;

		background: #000;

	}



	#header-outer[data-color="light"] .navigation.mobile {

		background: #fff;

	}



	.nav { display: block; }



	.nav .menu-item, .nav .sub-menu .menu-item {

		margin-right: 0;

		display: block;

		height: auto;

		border-bottom: 1px solid rgba(255, 255, 255, 0.2);

		padding: 0;

	}



	#header-outer[data-color="light"] .nav .menu-item, .nav .sub-menu .menu-item {

		border-bottom: 1px solid rgba(0, 0, 0, 0.2);

	}



	.nav .menu-item a, .nav .sub-menu .menu-item a {

		margin-top: 0;

		margin-top: 12px;

		margin-bottom: 12px;

		padding-left: 50px;

		padding-right: 30px;

		text-align: left;

	}

	.nav .sub-menu .menu-item a {

		margin-top: 0;

		margin-bottom: 0px;

	}



	.nav .menu-item.box {

		width: 100%;



		padding: 10px 0;

		/*padding: 12px 0;

		padding: 0;*/

		text-align: center;

		border-bottom: none;

	}



	.nav .menu-item.box a {

		margin: 0;

		padding: 5px 18px;

		text-align: center;

	}



	.nav .menu-item .sub-menu {

		width: 100%;

		display: block;

	}



	.nav > .menu-item > .sub-menu {

		left: 0;

		margin-bottom: 0;

		margin-left: 0;

		padding-top: 0;

		padding-bottom: 0;

		background: transparent;

	}



	#header-outer[data-color="light"] .nav > .menu-item > .sub-menu {

		background: #fff;

	}



	.nav .sub-menu .menu-item a { color: #fff; }



	#header-outer[data-color="light"] .nav .sub-menu .menu-item a {

		color: #000;

	}



	.nav .menu-item.current-menu-item .sub-menu,

	.nav .menu-item.current-menu-ancestor .sub-menu,

	.nav .menu-item.current-menu-parent .sub-menu {

		position: relative;

		display: inline;

		top: auto;

		left: 0px;

		margin: 0px;

		width: auto;

		height: auto;

		background: transparent;

		z-index: 1;

		text-align: left;

	}



	.nav .menu-item.current-menu-item .sub-menu a,

	.nav .menu-item.current-menu-ancestor .sub-menu a,

	.nav .menu-item.current-menu-parent .sub-menu a {

		color: #fff;

	}



	#header-outer[data-color="light"] .nav .menu-item.current-menu-item .sub-menu a,

	#header-outer[data-color="light"] .nav .menu-item.current-menu-ancestor .sub-menu a,

	#header-outer[data-color="light"] .nav .menu-item.current-menu-parent .sub-menu a {

		color: #000;

	}



	.nav .sub-menu {

		position: relative;

		top: 0;

		z-index: 200;

		display: inline;

		margin: 0 auto auto 0;

		width: 100%;

		text-align: left;

		height: auto;

		/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);*/

	}



	.nav .menu-item .menu-item {

		padding: 9;

		border-bottom: none;



	}



	.nav .menu-item .menu-item a {

		height: auto;

		padding: 8px 30px 8px 60px;

		font-size: 13px;

		font-size: 1.3rem;

	}



	.nav > .menu-item > .sub-menu:before {

		position: absolute;

		top: -7px;

		left: 67px;

		width: 0;

		height: 0;

		border: none;

		border-top: 0;

		border-bottom: none;

		content: " ";

	}



	.nav > .menu-item > .sub-menu .menu-item .sub-menu:before {

		position: absolute;

		top: 10px;

		left: 0;

		width: 0;

		height: 0;

		border: none;

		border-left: none;

		border-right: 0;

		content: " ";

	}



	.nav > .menu-item > .sub-menu .menu-item .sub-menu {

		left: 0;

	}



	.nav > .menu-item > .sub-menu .menu-item .sub-menu > .menu-item {

		background: transparent;

	}



	.nav .menu-item .menu-item .menu-item a {

		padding: 4px 30px 4px 60px;

		font-size: 11px;

		font-size: 1.1rem;

	}



}

@media only screen and (max-width: 1024px) {

	nav {

		position: relative;

		background: #000;

	}

	.logo {

		margin-left: 2%;

		width: 80%;

	}

}