.overflow-hidden {
	overflow: hidden;
}

.cd-main-content {
	/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
	min-height: 100%;
	position: relative;
	z-index: 2;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	overflow-x: hidden;
}
.cd-main-content.lateral-menu-is-open {
	/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
	-ms-transform:scale(0.5,0.9) translateX(150px);
	-moz-transform:scale(0.5,0.9) translateX(150px);
	-webkit-transform:scale(0.5,0.9) translateX(150px);
	-o-transform:scale(0.5,0.9) translateX(150px);
	transform:scale(0.5,0.9) translateX(150px);
	border: 2px solid green;
	border-radius:10px;
	padding:8px;
}

header,footer {
	position: fixed;
	left: 0;
	height:40px;
	line-height:40px;
	width: 100%;
	background: #177372;
	z-index: 999999;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
header.lateral-menu-is-open,footer.lateral-menu-is-open {
	/* translate to show the lateral menu */
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px);
	transform: translateX(150px);
}
header {width:100%;text-align:center;top:0;}
header span {font-size:18px;color:#fff;position: relative;}

header span.subnav::after {content: "";position: absolute;right: -15px;top: 8px;border-width: 5px 5px 0px;border-color: #FFF transparent;border-style: solid;}
header span.on::after {border-width: 0px 5px 5px;}
header .subnavshow{position: absolute;top:33px;left:-30px;right:-30px;background:#177372;padding:10px 5px;display:none;}
header .subnavshow a {display:block;line-height:30px;font-size:0.9em;color:#fff;border-bottom:1px solid #1A8080;}
header .subnavshow a.current{color:#1DBC7C;}
header span.on .subnavshow {display:block;}

header a.return_back,header a.return_home{position: absolute;top:2px;text-indent:-9999px;display:block;width:36px;height:36px;}
header .return_back{left:5px;background:url(return_back.png) no-repeat center center;}
header .return_home{right:5px;background:url(return_home.png) no-repeat center center;}

footer {height:50px;line-height:50px;font-size:0.9em;bottom: 0;}
footer a{
	display:inline-block;
	float:left;
	width:20%;
	height: 100%;
	text-align:center;
	color:#fff;
	padding-top:14px;
	background-size:30px;
	background-repeat:no-repeat;
	background-position:50% 2px;

}
footer a#cd-menu-trigger{background-image:url(footer_menu.png);}

footer.count1 a{width:100%;}
footer.count2 a{width:50%;}
footer.count3 a{width:33.3%;}
footer.count4 a{width:25%;}
footer.count5 a{width:20%;}
footer.count6 a{width:16.6%;}
footer.count7 a{width:14.5%;}
footer.count8 a{width:12.5%;}
footer.count9 a{width:11.1%;}
footer.count10 a{width:10%;}
footer a.is-clicked {
	background-color: #8c67df;
}

#cd-menu-trigger.is-clicked {
		
}

.clearindex{padding-bottom:10px;}
.clearpage{padding-top:40px;padding-bottom:10px;}
.mbottom {margin-bottom:55px;}

#cd-lateral-nav {
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	/* the secondary navigation is covered by the main element */
	z-index: 999999;
	width: 150px;
	background-color: #2D804B;
	overflow-y: auto;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(-150px);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	/* this creates the subtle slide in animation of the navigation */
	-webkit-transform: translateX(-150px);
	-moz-transform: translateX(-150px);
	-ms-transform: translateX(-150px);
	-o-transform: translateX(-150px);
	transform: translateX(-150px);
}
#cd-lateral-nav .cd-navigation-title span {
	display:block;
	/*margin:0px 16px;*/
	line-height: 2em;
	padding: 7px 16px 5px 32px;
	color: #fff;
	font-size:18px;
	font-weight: bold;
	border-bottom: solid #f3b613 2px;
}

#cd-lateral-nav .cd-navigation {
	margin: 10px 0 16px;
}
#cd-lateral-nav a {
	font-size:16px;
	display: block;
	line-height: 2.5em;
	padding: 0 6px 0 42px;
	color: #fff;
	background-size:25px;
	background-repeat:no-repeat;
	background-position:10px 54%;
}
#cd-lateral-nav a.current {
	background-color: #177372;
	color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
	color: #FFF;
}

#cd-lateral-nav.lateral-menu-is-open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	/* smooth the scrolling on touch devices - webkit browsers */
	-webkit-overflow-scrolling: touch;
}