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




/* NAVIGATION
---------------------------------------------------*/
header{
	position:fixed;
	width:100%;
	height:50px;
	top:0;
	left:0;
	z-index: 9500 !important;
	
}
.scrollMid header{
}

.scrollDown header{
}


	

/* HEADER LOGO
---------------------------------------------------*/
#headerLogo{
	position:absolute;
	top:0;
	left:0;
	padding-right:3%;
	width:100%;
	height:50px;
	display:block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	z-index: 9580;
	background:#216935 url("../images/logo_simple_w.png") 15px 16px no-repeat;
	background:#216935 url("../images/logo_simple_w.svg") 15px 16px no-repeat;
	background-size:90px auto;
	
	-moz-box-shadow: 0px -1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px -1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px -1px 3px rgba(0,0,0,0.5);
}


/* NAVIGATION
---------------------------------------------------*/
#overlay{
	width:100%;
	height:200%;
	background:rgba(0,0,0,.3);
	position:fixed;
	top:0;
	right:-100%;
	opacity:0;
	z-index: 9500 !important;
	}
#overlay.openedBg{
	opacity:1;
	right:0;
	}
#toggle {
	position: absolute ;
	z-index: 9599 !important;
	width: 45px;
	height: 45px;
	right:2.5px;
	top:2.5px;
	cursor: pointer;
	border-left:1px solid rgba(255,255,255,0.1);
	}

#toggle span {
	display: block;
	position: absolute;
	top:11px;
	left:14px;
	width: 18px;
	height: 2px;
	background: #fff;
	margin-top:10px;
	-webkit-transition: 250ms ease all;
	-moz-transition: 250ms ease all;
	transition: 250ms ease all;
	}

#toggle span:before,
#toggle span:after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #fff;
	-webkit-transition: 250ms ease all;
	-moz-transition: 250ms ease all;
	transition: 250ms ease all;
	}
#toggle span:before { margin: -7px 0 0 0; }
#toggle span:after { margin: 7px 0 0 0; }
	
#toggle.open{  }
#toggle.open{ background:none; }
#toggle.open span{ background: transparent; }
.scrollDown #toggle.open { }

#toggle.open span:before,
#toggle.open span:after {
	margin: 0;
	background: #fff;
	}

#toggle.open span:before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
#toggle.open span:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}


#globalnav {
	position: fixed;
	width: 100%;
	height: 0px;
	top: -420px;
	right: 0;
	background: rgba(240,240,240,1);
	overflow:hidden;
	 -webkit-transition: all 300ms linear;
	 -moz-transition: all 300ms linear;
	  transition:         all 300ms linear;
	
	  z-index: 9510 !important;
	}
	#globalnav.opened {
	visibility: visible;
	top: 0;
	right: 0;
	height:470px;
	transform: scale(1,1);
	 -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	
#globalnav nav > ul{
	position:relative;
	text-align:left;
	margin:70px 0 0 5%;
	width:90%;
	color:#fff;
	}
#globalnav nav > ul > li{
	position:relative;
	width:50%;
	height:40px;
	border-right:1px solid rgba(0,0,0,0.1);
	
	border-bottom:1px solid rgba(0,0,0,0.1);
	}
#globalnav nav > ul > li:first-child{ border-top:none;}

#globalnav nav > ul > li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:11px 0 0 3px;
	color:#216935;
	font-weight:700;
	text-decoration:none !important;
	font-size:16px;
	line-height:1em;
	letter-spacing:2px !important;
	text-align:left;
	background-size:17px auto;
	}
#globalnav nav > ul > li a:active{
	background:#fff;
	}
#globalnav nav > ul > li#m01{
	height:120px;
}
#globalnav nav > ul > li#m02{
	height:80px;
}
#globalnav nav > ul > li#m00{
	width:100%;
	border-right:none;
}
#globalnav nav > ul > li#m03{
	height:120px;
}
#globalnav nav > ul > li#m04{
	width:100%;
	border-right:none;
	border-bottom:none;
}
#goContact {
	position:fixed !important;
	height:45px;
	width:160px;
	padding:9px 11px 0 0;
	top:0px;
	right:45px;
	margin:0;
	border-right:1px solid rgba(0,0,0,0.05);
	display:block;
	z-index:9590;
	}
#goContact a{
	display:block;
	border-radius: 20px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-left:40px;
	color:#fff !important;
	height:30px;
	padding:3px 0px 0px 35px;
	font-size:13px;
	font-weight:bolder;
	border:2px solid rgba(255,255,255,0.2);
	letter-spacing: 1px !important;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	opacity:0.9;
	background:#216935 url("../images/sisetu_icon.png") 8px 5px no-repeat;
	background:#216935 url("../images/sisetu_icon.svg") 8px 5px no-repeat;
	background-size:18px auto;
}


/* SUBMENU
---------------------------------------------------*/
.subMenu {
	position:absolute;
	top:0;
	left:100%;
	width:100%;
}
.subMenu li {
	height:40px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}

.subMenu li:first-child{ border-top:none;}
#globalnav nav > ul > li .subMenu a{
	padding:13px 0 0 23px;
	font-weight:400 !important;
	font-size:14px !important;
}