@charset "UTF-8";
/* CSS Document */
/*---menu---*/
.logo {
	padding:10px 20px;
}
@media only screen and (max-width: 768px) {
.logo {
	display:none;
}
}
.navbar-brand {
padding-top:10px;
	margin:0;
}
@media only screen and (min-width: 769px) {
.navbar-brand {
padding-top:10px;
	margin:0;
	display:none;
}
}
.icon-bar {
	border:solid 2px #7eb7b6;
}
ul.nav {
	border-right:#d1d2d4 1px solid;
}
ul.nav li {
	border-left:#d1d2d4 1px solid;
	font-size:18px;
}
ul.nav li a {
color:#333333;
}
ul.nav li a:hover {
	/*border-bottom:2px solid #a7dc4b;*/
	background-color:#e7f4d0;
	color:#666666;
	border-radius:0;
}
ul.nav li a.active {
	background-color:#75b800;
	color:#FFF;
}
.adimg {
	margin-bottom:30px;
	margin-top:-10px;
}
/*----- zone ----*/
.indexzone img {
	margin-top:10px;
}
.indexzone h3 {
	text-align:center;
	color:#272727;
	font-size:20px;
}
.indexzone p {
	font-size:15px;
	color:#3e3e3e;
	line-height:1.5em;
}
.indexzone h3:hover, .indexzone p:hover {
color:#428800;
}
.indexzone a {
	color:#428800;
	text-align:center;
	display:block;
	font-size:13px;
	letter-spacing:3px;
	margin-bottom:20px;
}
.indexzone a:hover {
	color:#FFFFFF;
	background-color:#428800;
	text-decoration:none;
}

/*-- contentseta --*/
.contentseta {
	background:url(../images/contentBga.png) top left no-repeat;
}
.contentseta h3 {
	color:#679500;
	font-size:26px;
}
.contentseta p {
	line-height:2em;
	font-size:15px;
	padding-bottom:10px;
	color:#454545;
}
.servicetitleA {
	color:#ff7800;
}
.servicetitleB {
	color:#00b2f4;
	}
/*-- waterfall --*/
.item { 
width: 23%; 
margin: 1%; 
float: left; 
}
@media only screen and (max-width: 768px) {
.item {
	width:48%;
}
}
@media only screen and (max-width: 480px) {
.item {
	width:100%;
	margin:1% 0;
}
}
.item ul {
	padding:0;
	margin:0;
}
.item ul li {
	list-style:none;
	padding:5px;
	border:#FFF 1px solid;
}
.itemgroupA {
	border-left:#75d3d9 1px solid;
}
.itemgroupB {
	border-left:#d975ce 1px solid;
}
.item ul li:hover {
	color:#676767;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
}
.item ul li.titleA {
	border-left:#75d3d9 3px solid;
	background-color:#e5f0f1;
}
.groupAtitle {
	color:#007e86;
	border-left:#00b4bf solid 3px;
	padding:5px;
}
.item ul li.titleB {
	border-left:#d975ce 3px solid;
	background-color:#f1e5f1;
}
.groupBtitle {
	color:#86007b;
	border-left:#bd00bf solid 3px;
	padding:5px;
}
/*--project-*/
.projectitem {
padding-bottom:10px;
}
.projecAtitle {
	color:#007e86;
	border-bottom:#efefef 2px solid;
	padding:15px;
	margin-top:20px;
}
.projectitem ul {
	padding:0;
	margin:0 0 10px 0;
}
.projectitem ul li {
	width: 23%; 
margin:3px 1%; 
list-style:none;
border:#e9e9e9 1px solid;
border-radius: 5px;
padding:5px;
float: left;
background-color:#f7f7f7;
}
.projectitem ul li:hover {
color:#757575;
background-color:#fff;
border:#ffffff 1px solid;
	-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
}
@media only screen and (max-width: 768px) {
.projectitem ul li {
	width:48%;
}
}
@media only screen and (max-width: 480px) {
.projectitem ul li {
	width:100%;
	margin:1% 0;
}
}
.pjtitle {
	font-size:15px;
	padding:4px;
}
.control-label {
	color:#008863;
	border-left:#d1d1d1 3px solid;
}
/*--footer--*/
.footer {
	background-color:#edefe9;
	padding:20px 0;
	margin-top:20px;
}
.footer h5 {
	font-size:12px;
	font-weight:bold;
	color:#4b4b4b;
	padding-bottom:8px;
}
.footer p {
	font-size:15px;
	color:4b4b4b;
}
.footer p a {
	color:#4b4b4b;
}
.footer p a:hover {
	color:#558401;
}
.footer .col-sm-4 {
	margin-bottom:45px;
}
.footer .copyrightdata {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#b0b1af;
}