@charset "utf-8";
/* CSS Document */


/*.navwrapper.stuck {
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 200;
}*/

.navwrapper{
		position:relative;
		float: left;
		/*width:100%;
		background:#cccccc;*/
		padding:0 0;
		z-index:150;
		/*margin-left:500px;*/
		margin-left:22%;
}
.overlay {
		position: fixed;
		display: block;
		content: "";
		top: 0;
		left: 0%;
		width: 100%;
		height: 0;
		opacity: 0;
		background:rgba(0,0,0,0.7);
}


.menu_container, .anchor-link{ 
		display: none; 
}
.menu_container{
		width: 100%;
}

.nav{
		width:100%;
		margin:0 auto;
}
.nav ul{ 
		width:100%;
		list-style: none; 
		padding:0 0;
}
.nav ul li{ 
		position:relative;
		display:inline-block;
		float:left;
		padding:0 0;
		margin-right:1px;
}
.nav ul li:last-child{ 
		border-right:none;
		margin-right:0;
}
.nav ul li a{ 
		display:block;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		color:#fff;
		line-height:48px;
		text-decoration:none;
		font-weight:600;
		text-transform:uppercase;
		padding:0 20px;
}
.nav ul li a:hover{ 
		color:#939598;
}

/*dropdown*/
.nav ul li.dropdown a{
		padding-right:20px;
}

.showmenu{
		width:16px;
		height:16px;
		display:block;
		/*background:url(../images/nav-down.png) center 50% no-repeat;*/
		position:absolute;
		right:8px;
		top:50%;
		margin:-10px 0 0 0;
		display:none;
}
.showmenu:before{
		position:absolute;
		left:50%;
		top:50%;
		content:'';
		display:block;
		width:20px;
		background:#000;
		padding:2px 0 0;
		margin-left:-10px;
		margin-top:-1px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
}
.showmenu:after{
		position:absolute;
		left:50%;
		top:50%;
		content:'';
		display:block;
		width:20px;
		background:#000;
		padding:2px 0 0;
		margin-left:-10px;
		margin-top:-1px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
}
.showmenu:before, .showmenu:after{
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-ms-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
}
.closemenu{
		width:16px;
		height:16px;
		display:block;
		background:url(../images/nav-up.png) center 50% no-repeat;
		position:absolute;
		right:8px;
		top:50%;
		margin:-10px 0 0 0;
}
.closemenu:before{
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
}
.closemenu:after{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		opacity:0;
}

.nav ul ul {
		position:absolute; 
		left:0;
		top:100%; 
		display:none;
		width:100%;
		min-width:225px;
		overflow:hidden;
		list-style:none;
		background:#3aa152;
		padding:20px 0;
		z-index:1000;

		border-radius: 0;
}
.nav ul li:hover ul{ 
		display:block;
}
.nav ul ul.active{
		display:block;
}
.nav ul ul li{
		display:block;
		width:100%;
		list-style:none;
		/*float:left;*/
		padding:0 0;
}
.nav ul ul li:first-child, .nav ul ul li:last-child{
		padding:0 0;
}
.nav ul ul li:last-child{
		border-bottom:none;
}
.nav ul ul li a:before{ 
		display:none !important;
}
.nav ul ul a{
		display:block;
		height:auto;
		background:transparent;
		margin:0 0;
		color:#fff;
		padding:5px 12px;
		text-align:left;
		border:none;
}
.nav ul ul a:hover{
		background:#61b475;
}

/*end dropdown*/
 
.nav{ 
		transition: .2s margin ease; 
		display: block;
}

/*Home Page Banner*/


/*.nav ul li:hover ul, .nav ul li a:hover ul{
		display:block;
}*/


.menuwrapper{
		/*position:relative;*/
		width:100%;
		/*background:url(../images/menubg.png) top left repeat;*/
}

a.anchor-link span{
	position:absolute;
	top:35%;
	display:block;
	width:100%;
	background:#fff;
	padding:2px 0;
	border:none;
	margin-top:0;
	
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
a.anchor-link span:before, a.anchor-link span:after{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	border:none;
	-webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
a.anchor-link span:before{
	-webkit-transform: translateY(-300%);
    transform: translateY(-300%);
}
a.anchor-link span:after{
	-webkit-transform: translateY(200%);
    transform: translateY(200%);
}


/* 
-------------------------------------------------------------------------------
   Media Queries
-------------------------------------------------------------------------------
*/

/*================(<1800)================*/
@media screen and (max-width:112.4375em) {
	.navwrapper {
		margin-left:20%;
	}
	.nav ul li a {
		padding: 0 15px;
	}
}

/*================(1680)================*/
@media screen and (max-width:105em) {
}


/*================(<1680)================*/
@media screen and (max-width:104.9375em) {
	/*.navwrapper {
		margin-left:24%;
	}*/
	.nav ul li a {
		font-size: 16px;
	}
}

/*================(1600)================*/
@media screen and (max-width:100em) {
	.nav ul li a {
		padding: 0 10px;
	}
}

/*================(<1600)================*/
@media screen and (max-width:99.9375em) {
	.navwrapper {
		margin-left: 18%;
	}
}

/*================(1480)================*/
@media screen and (max-width:92.5em) {

}

/*================(1400)================*/
@media screen and (max-width:87.5em) {
	.nav ul li a {
		font-size:14px;
		padding: 0 8px;
	}
}

/*================(1368)================*/
@media screen and (max-width:85.5em) {

}

/*================(1300)================*/
@media screen and (max-width:81.25em){
	.nav ul li a {
		padding: 0 5px;
	}
}

/*================(1280)================*/
@media screen and (max-width:80em){
}

/*================(<1280)================*/
@media screen and (max-width:79.9375em){
	.navwrapper {
		margin-left: 15%;
	}
	.nav ul li a {
		font-size: 13px;
	}
}

/*================(1260)================*/
@media screen and (max-width:78.75em) {

}

/*================(1200)================*/
@media screen and (max-width:75em) {
	
}

/*================(<1200)================*/
@media screen and (max-width:74.9375em) {
	/*.navwrapper {
		margin-left: 13%;
	}*/
	
	.navwrapper{
		position:absolute;
		top:0;
		bottom: auto;
		left:0;
		height: 0;
		float:none;
		width:100%;
		border:none;
		text-align:center;
		padding:0 0 0 0;
		z-index:150;
	}	
	
	.menu_container, .anchor-link{ 
		display: block; 
	}
	.menu_container{
		position:relative;
	}
	.anchor-link{
		position:absolute;
		top:15px;
		left:15px;
		background:url(../images/nav-icon.png) center center no-repeat;
		width:40px;
		height:40px;
		z-index:200;
	}
	
	nav{
		z-index: 5000;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 15em;
		display:block;
		max-width: 75%;
		overflow-y: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background:#2f2f2f;
		padding: 62px 0 1.75em 0;
		z-index:100;
	}
	.nav{
		margin-left: -100%; 
		width:70%; 
		z-index:100; 
	}
	body.active .overlay{
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
		z-index:100;
	}
	body.active .anchor-link{ 
		position:fixed;
		top:15px;
		left:15px;
		background:url(../images/close-btn.png) center center no-repeat;
	}
	body.active .nav{ 
		margin-left: 0; 
	}
	
	
	.nav { border: none; background:#2f2f2f;}
	.nav ul { text-align: left; font-weight: normal; padding:0 0; }
	.nav ul li:first-child, .nav ul li:last-child {
		padding:0 0 0 0;
	}
	.nav ul li + li a:before {
		display:none;
	}
	.nav ul li:last-child a i {
		display: none;
	}
	.nav ul li { position:relative; display: block; width:100%; padding:0 0 0 0; border-right:none; }
	.nav ul li br{ display:none;}
	.nav ul li a { height:auto; border-bottom: 1px solid #000000; border-top: 1px solid #878787; border-right:none; font-size:12px; line-height:20px; color:#fff; text-transform:uppercase; background:#2f2f2f; border-right:none; text-align:left; padding:15px 10px 14px 15px; }
	.nav ul li:last-child a{border-bottom: 1px solid #222222;}
	.nav ul li a:hover { color:#fff; background-color:#424242; }
	.nav ul li a.active{ color:#fff; }
	
	.nav ul li.dropdown a{
		padding:15px !important;
	}
	.nav ul li:first-child a{ 
		background:#2f2f2f;
		text-indent:inherit;
		
	}
	.nav ul li:first-child a:hover{
		background-color:#424242;
	}
	
	.showmenu{
		display:block;
		width:50px;
		height:50px;
		display:block;
		background:#a0a0a0 url(../images/nav-down.png) center 50% no-repeat;
		position:absolute;
		right:0;
		top:0;
		margin:0 0 0 0;
		z-index:1;
		/*border-bottom: 1px solid #452955;*/
	}
	.closemenu{
		width:50px;
		height:50px;
		display:block;
		background:#CCC url(../images/nav-up.png) center 50% no-repeat;
		position:absolute;
		right:0;
		top:0;
		margin:0 0 0 0;
		/*border-bottom: 1px solid #452955;*/
	}
	
	.nav ul ul{
		position:relative;
		display:none;
		padding:0 0 0 0;
		top:0;
	}
	.nav ul ul li{
		padding:0 0 !important;
		border-bottom:none; 
	}
	.nav ul ul a{
		min-width:1px;
		width:auto;
		background:#2f2f2f;
		text-align:left;
		border-bottom: 1px solid #000000;
		border-top: 1px solid #878787;
	}
	/*.nav ul ul li:first-child a, .nav ul ul li:nth-child(8) a {
		padding: 10px 10px 10px 15px;
	}
	.nav ul ul li:last-child a{
		border-bottom:none;
	}*/
	.nav ul ul a:hover{
		background:#424242;
	}
	.nav ul li:hover ul, .nav ul li a:hover ul{
		display:none;
	}
	.menuwrapper{
		border-bottom:none;
	}
	.showdropdown span{
		display:none;
	}
	
	.showdropdown span{
		display:none;
	}
	
	
	
	body.active .anchor-link span{
		background:transparent;
	}
	body.active .anchor-link span:before{
		background:#fff;
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	body.active .anchor-link span:after{
		background:#fff;
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
}

/*================(1120)================*/
@media screen and (max-width:70em){
}

/*================(<1080)================*/
@media screen and (max-width:67.4375em) {
	/*.navwrapper {
		margin-left:22%;
	}
	.nav ul li a {
		padding: 0 6px;
	}*/
}

/*================(<1024)================*/
@media screen and (max-width: 63.9375em){


}

/*================(1023 - 769)================*/
@media only screen and (max-width: 63.9375em) and (min-width: 48.0625em){
}

/*================(1000)================*/
@media screen and (max-width: 62.5em) {

}

/*================(<980)================*/
@media screen and (max-width: 61.1875em){

}
/*================(800)================*/
@media screen and (max-width: 50em){

}

/*================(767 - 641)================*/
@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em){
}

/*================(<768)================*/
@media screen and (max-width:47.9375em){

}

/*================(640)================*/
@media only screen and (max-width:40em){
}


/*================(639 - 481)================*/
@media only screen and (max-width: 39.9375em) and (min-width: 30.0625em){



	
}

/*================(<640)================*/
@media only screen and (max-width: 39.9375em){


}

/*================(480)================*/
@media only screen and (max-width: 30em){

.anchor-link{
	width: 40px;
	height: 40px;
}
	
}

/*================(320)================*/
@media screen and (max-width: 20em){
}