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


/* HEADER
---------------------------------------------------*/
header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:8888 !important;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	
	}
	.scrollDown header{
		position:fixed;
		}



/* HEADER LOGO
---------------------------------------------------*/
#headerLogo{
	width:174px;
	height:85px;
	position:absolute;
	top:30px;
	left:20px;
	display:block;
	background:url("../images/logo_g.png") no-repeat;
	background:url("../images/logo_g.svg") no-repeat;
	background-size:100% auto;
	z-index:8888;
	
	-webkit-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 700ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#index #headerLogo{
	width:200px ;
	height:100px;
	top:30px;
	left:20px;
	background:url("../images/logo.png") no-repeat;
	background:url("../images/logo.svg") no-repeat;
	background-size:100% auto;
}

#index .scrollDown #headerLogo,
.scrollDown #headerLogo{
	position:absolute;
	top:5px!important;
	left:15px!important;
	width:125px !important;
	height:45px !important;
	overflow:hidden;
	background:url("../images/logo.png") no-repeat;
	background:url("../images/logo.svg") no-repeat;
	background-size:100% auto;
	}
	
#index .scrollMid #headerLogo,
.scrollMid #headerLogo{
	position:absolute;
	top:-55px;
	left:15px;
	overflow:hidden;
	background:url("../images/logo.png") no-repeat;
	background:url("../images/logo.svg") no-repeat;
	background-size:100% auto;
	}
	

/* globalnav
---------------------------------------------------*/

#globalnav{
	width:100%;
	height:100px;
	position:relative;
	-webkit-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	
	}
#globalnav::before{
	width:100%;
	height:8px;
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:block;
	background: #216935;
	-moz-box-shadow: 1px 0px 5px rgba(0,0,0,0.0);
	-webkit-box-shadow: 1px 0px 5px rgba(0,0,0,0.0);
	box-shadow: 1px 0px 5px rgba(0,0,0,0.0);
	-webkit-transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.scrollDown #globalnav::before{
	width:100%;
	height:50px;
	-moz-box-shadow: 1px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 0px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 0px 5px rgba(0,0,0,0.5);
}

/* navigation
---------------------------------------------------*/

#globalnav nav > ul {
	position:absolute;
	top:55px;
	right:20px;
	
	
	-webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}

.scrollDown #globalnav nav > ul {
	position:absolute;
	top:8px;
	right:15px;
	}
#globalnav nav > ul > li{
	position:relative;
	display:block;
	float:left;
	border-right:1px solid rgba(0,0,0,0.05);
	border-left:1px solid rgba(255,255,255,0.1);
	}
#globalnav nav > ul > li#m00{
	display:none;
}
#globalnav nav > ul > li#m01{
	border-left:none;
}
#globalnav nav > ul > li#m03{
	border-right:none;
	padding-right:12px;
}
#globalnav nav > ul > li#m04{
	border:none;
}
#globalnav nav > ul > li > a{
	width:100%;
	height:100%;
	display:block;
	padding:10px 12px;
	color:#216935;
	font-weight:400 !important;
	font-size:18px;
	line-height:1em;
	letter-spacing:2px !important;
	text-align:center;
	text-decoration:none !important;
	position:relative;
	border-radius: 18px; 
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px; 
	-webkit-transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 900ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
#index #globalnav nav > ul > li > a{
	color:#fff !important;
}
#globalnav > nav > ul > li > a:hover,
#globalnav > nav > ul > li#m01.subopen > a,
#globalnav > nav > ul > li#m02.subopen > a,
#globalnav > nav > ul > li#m03 > a:hover{
	color:#fff !important;
	background: rgba(29,108,29,1);
	border-radius: 0px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px; 
}
.scrollDown #globalnav nav > ul li a {
	font-size:16px;
	color:#fff;
	padding:10px 18px 12px 18px;
	}
#globalnav a:active	{ color:rgba(0,0,0,0.3) !important;}

#globalnav nav > ul li#m04 a{
	border-radius: 20px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-left:40px;
	color:#fff !important;
	height:35px;
	padding:7px 12px 10px 43px;
	font-size:16px;
	border:2px solid rgba(255,255,255,0.2);
	letter-spacing: 1px !important;
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	opacity:0.9;
	background:#1d6c1d url("../images/sisetu_icon.png") 12px 5px no-repeat;
	background:#1d6c1d url("../images/sisetu_icon.svg") 12px 5px no-repeat;
	background-size:23px auto;
}
.scrollDown #globalnav nav > ul li#m04 a{
	border:2px solid #fff;
	height:35px;
	padding:7px 12px 8px 43px;
	background-position: 12px 5px;
}
#globalnav nav > ul li#m04 a:hover{
	opacity:1;
	background-color:#449244;
	}


/* SUBMENU
---------------------------------------------------*/

.subMenu {
	position:absolute;
	top:38px;
	left:0;
	right:0;
	margin:20px auto 0 auto;
	width:100%;
	background:#fff;
	color:#ccc;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	-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);
	opacity:0;
	height:0px;
	overflow: hidden;
}
.subopen .subMenu{
	opacity:1;
	margin-top:0;
	height:auto;
}
.subMenu li{
	width:100%;
}
.subMenu li a{
	font-size:15px;
	color:rgba(29,108,29,1) !important;
	width:100%;
	height:100%;
	display:block;
	position:relative;
	letter-spacing:2px !important;
	text-align:left;
	text-decoration:none !important;
	padding:7px 0 7px 24px;
	-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);
}
.subMenu li a::before{
	width:1px;
	height:2px;
	content:'';
	position:absolute;
	top:15px;
	left:0px;
	-webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.subMenu li a::after{
	width:1px;
	height:1px;
	background:#1d6c1d;
	content:'';
	top:14px;
	left:1px;
	-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:         all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-delay: 0.1s;
}
.subMenu li:hover a::before{
	width:12px;
	height:1px;
	background:#1d6c1d;
	content:'';
	position:absolute;
	top:17px;
	left:0px;
	background:#fff;
}
.subMenu li:hover a::after{
	width:6px;
	height:6px;
	background:#1d6c1d;
	content:'';
	position:absolute;
	top:15px;
	left:9px;
	background:#fff;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
}

.subMenu li a:hover {
	color:#fff !important;
	color:#92e57f;
	background: rgba(29,108,29,1);
	}

#subMenu a:active	{ color:rgba(0,0,0,0.3) !important;}