@charset "UTF-8";
/*
 *
 *  Copyright (c) David Bushell | http://dbushell.com/
 *
 */

#outer-wrap {
	position:relative;
	overflow:hidden;
	width:100%;
}

#inner-wrap {
	position:relative;
	width:100%;
	background:#A7C9AE;
}

#nav {
	z-index:200;
	position:absolute;
	top:45px;
	right:0;
	overflow:hidden;
	color:#fff;
}
	#nav ul {
		padding:0;
		list-style:none;
		*zoom:1;
		display:block;
	}
	#nav ul:before,
	#nav ul:after {
		content:"";
		display:table;
	}
	#nav ul:after {
		clear:both;
	}
		#nav ul li {
			display:block;
		}
			#nav ul li a {
				color:#fff;
				font-size:1;
				line-height:1;
				text-transform:uppercase;
				outline:none;
				font-weight:800;
			}
			#nav ul li:not(.social):not(.is-active) a:focus,
			#nav ul li:not(.social):not(.is-active) a:hover {
				border-bottom:4px solid #fff;
			}
			#nav ul li.is-active a {
				color:#fff;
				opacity:1;
				border-bottom:4px solid #7ea185;
			}
				#nav ul li a .fa-stack-2x {
					font-size:2.2em;
					line-height:.955em;
					opacity:0;
				}
				#nav ul li a :hover .fa-stack-2x {
					opacity:1;
				}

#top {
	z-index:100;
	right:0;
	color:#fff;
	position:relative;
	width:100%;
	top:0;
}

	#top .logo {
		display:block;
		margin:1.563em 0;
		width:126px;
		height:82px;
	}
		#top .logo path {
			fill:#ffffff;
		}
	#top .nav-btn {
		float:right;
		display:none;
	}
		#top .nav-btn .nav-toggle {
			display:block;
			position:relative;
			overflow:hidden;
			margin:0;
			padding:0;
			width:35px;
			height:35px;
			font-size:0;
			text-indent:-9999px;
			appearance:none;
			box-shadow:none;
			border-radius:none;
			border:none;
			background:none;
			cursor:pointer;
			z-index:999999;
		}
		#top .nav-btn .nav-toggle:focus {
			outline:none;
		}
			#top .nav-btn .nav-toggle span {
				display:block;
				position:absolute;
				top:16px;
				left:0;
				right:0;
				height:3px;
				background:#fff;
				transition:background 0s .3s;
			}
			#top .nav-btn .nav-toggle span::before,
			#top .nav-btn .nav-toggle span::after {
				position:absolute;
				display:block;
				left:0;
				width:100%;
				height:3px;
				background:#fff;
				content:"";
				transition-duration:.3s, .3s;
				transition-delay:.3s, 0s;
			}
			#top .nav-btn .nav-toggle span::before {
				top:-9px;
				-webkit-transition-property:top, -webkit-transform;
				transition-property:top, transform;
			}
			#top .nav-btn .nav-toggle span::after {
				bottom:-9px;
				-webkit-transition-property:bottom, -webkit-transform;
				transition-property:bottom, transform;
			}
			#top .nav-btn .nav-toggle.active span {
				background:none;
			}
			#top .nav-btn .nav-toggle.active span::before,
			#top .nav-btn .nav-toggle.active span::after {
				transition-delay:0s, .3s;
			}
			#top .nav-btn .nav-toggle.active span::before {
				top:0;
				-webkit-transform:rotate(45deg);
				transform:rotate(45deg);
			}
			#top .nav-btn .nav-toggle.active span::after {
				bottom:0;
				-webkit-transform:rotate(-45deg);
				transform:rotate(-45deg);
			}

@media (min-width:768px) {
	.navigation-container {
		position:relative;
	}
		#nav {
			padding-right:15px;
		}
			#nav ul {
				text-align:right;
				white-space:nowrap;
			}
				#nav ul li {
					display:inline-block;
				}
				#nav ul li:last-child {
					border-right:none;
				}
					#nav ul li a {
						padding:0.42857em 0;
						margin:0 0.65714em;
					}
					#nav ul li.social a {
						margin:0;
					}
}
@media (max-width:990px) {
	#top .logo {
		width:80px;
		height:52px;
	}
	#nav {
		top:30px;
	}
		#nav ul li a {
			font-size:.9em;
			margin:0 0.42857em;
		}
}

@media (max-width:767px) {
	#top {
		position:relative;
	}
		#top .logo {
			margin:15px auto;
		}
		#top .nav-btn {
			display:block;
			position:absolute;
			top:10px;
			left:10px;
		}
	#nav {
		position:absolute;
		top:0;
	}
	#nav:not(:target) {
		z-index:-1;
		height:0;
	}
		#nav ul {
			padding:0;
		}
			#nav ul li {
				position:relative;
				border-top:1px solid rgba(0, 0, 0, 0.1);
			}
			#nav ul li:last-child {
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
			}
			#nav ul li.is-active:after {
				z-index:50;
				display:block;
				content:"";
				position:absolute;
				top:1.5em;
				left:-0.03125em;
				margin-top:-0.625em;
				border-top:0.625em transparent solid;
				border-bottom:0.625em transparent solid;
				border-left:0.625em white solid;
			}
			#nav ul li a {
				display:block;
				margin:0;
				padding:1em 1em 1em 1.5em;
				height:3em;
				lin-height:3em;
				color:#fff;
				font-size:1em;
			}
			#nav ul li a:focus,
			#nav ul li a:hover {
				color:#fff;
				background:rgba(0,0,0,.2);
			}
			#nav ul li:not(.social):not(.is-active) a:focus,
			#nav ul li:not(.social):not(.is-active) a:hover {
				border:none;
			}
			#nav ul li.is-active a {
				border:none;
				background:rgba(0,0,0,.35);
			}
				#nav ul li a .fa-stack {
					width:1em;
					height:1em;
					line-height:1em;
					margin-right:10px;
				}
	.js-ready #nav {
		height:100%;
		width:70%;
		left:-70%;
		background: #3F4B47;
		-webkit-box-shadow:inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		-moz-box-shadow:inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		box-shadow:inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	}
	.js-ready #inner-wrap {
		left:0;
	}
	.js-nav #inner-wrap {
		left:70%;
	}
	.csstransforms3d.csstransitions.js-ready #nav {
		left:0;
		-webkit-transform:translate3d(-100%, 0, 0);
		-moz-transform:translate3d(-100%, 0, 0);
		-ms-transform:translate3d(-100%, 0, 0);
		-o-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		-o-backface-visibility:hidden;
		backface-visibility:hidden;
	}
	.csstransforms3d.csstransitions.js-ready #inner-wrap {
		left:0 !important;
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		-o-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
		-webkit-transition:-webkit-transform 500ms ease;
		-moz-transition:-moz-transform 500ms ease;
		-o-transition:-o-transform 500ms ease;
		transition:transform 500ms ease;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		-o-backface-visibility:hidden;
		backface-visibility:hidden;
	}
	.csstransforms3d.csstransitions.js-nav #inner-wrap {
		-webkit-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-moz-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-ms-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-o-transform:translate3d(70%, 0, 0) scale3d(1, 1, 1);
		transform:translate3d(70%, 0, 0) scale3d(1, 1, 1);
	}
	.csstransforms3d.csstransitions.js-ready #nav ul {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
		opacity:0.15;
		-webkit-transition:opacity 300ms 100ms, -webkit-transform 500ms ease;
		-webkit-transition-delay:ease, 0s;
		-moz-transition:opacity 300ms 100ms ease, -moz-transform 500ms ease;
		-o-transition:opacity 300ms 100ms ease, -o-transform 500ms ease;
		transition:opacity 300ms 100ms ease, transform 500ms ease;
		-webkit-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-moz-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-ms-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-o-transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		transform:translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-webkit-transform-origin:50% 0%;
		-moz-transform-origin:50% 0%;
		-ms-transform-origin:50% 0%;
		-o-transform-origin:50% 0%;
		transform-origin:50% 0%;
	}
	.csstransforms3d.csstransitions.js-nav #nav ul {
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		-o-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}