body {
  margin:0 0 0 0;
  padding:0 0 0 0;
  font:18px 'Roboto Slab', serif;
  font-weight:300;
  text-align:center;
  color:#414141;
  line-height:1em;
  background:url(../img/bg.jpg) #D9D9D9 top center;
  background-size:1550px auto;
  -webkit-text-size-adjust:none;
}
a.to-home {
  margin:0 0 0 0;
	width:250px;
	position:absolute;
	top:80px;
	left:0;
	z-index:9999;
}
a.to-home span {
  display:none;
}
a.to-home img {
  width:100%;
}


.mobile-only {
	display:none!important;
}

/**** layout **********************************************************/

div.head {
	
}
div.head-in {
	background:url(../img/head.jpg) no-repeat top center;
	background-size:100% auto;
	width:1550px;
	margin:auto;
}
div.head-in > div {
	padding-top:49%;
}
.noindex div.head-in {
	background:none;
}
.noindex div.head-in > div {
	padding-top:200px;
}

/*** facebook ***/
a.facebook {
	position: fixed;
	display:block;
	left: 0;
	top:20%;
	z-index: 10000;
	border-bottom:0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor: pointer;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
a.facebook img {
	display:block;
	width:130px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}


/*** topbar ***/
div.topbar {
	position:absolute;
	top:8px;
	left:0;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:white;
	font-size:90%;
}
div.topbar strong {
	color:#BCAF7B;
}
div.topbar-r {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
div.topbar-l > *, div.topbar-r > * {
	display:flex;
	align-items:center;
}
div.topbar-r > * {
	display:flex;
	align-items:center;
	margin:0 0 0 40px;
}
div.topbar-l img, div.topbar-r img {
	margin:0 15px 0 0;
}
div.topbar-l span, div.topbar-r span {
	font-weight:bold;
	display:inline-block;
	margin:0 10px 0 0;
}
div.topbar-l strong, div.topbar-l strong a, div.topbar-r strong, div.topbar-r strong a {
	font-weight:normal;
}


div.screen {
	background:url(../img/top_bg.png) repeat-x top center;
	background-size:1550px auto;
}



div.page-in {

}
div.page-in-in {
	padding:40px 80px 40px 80px;
}


.content-width {
	display:block;
	width:1350px;
	height:auto;
	margin:0 auto 0 auto;
	z-index:5;
}

.green-forest-top {
	background:url(../img/forest_green.png) repeat-x bottom center;
	background-size:1833px 286px;
	height:286px;
}
.green-forest-bg {
	background:url(../img/green_bg.jpg) top center;
	background-size:1833px auto;
}
.green-forest .page-in {
	color:#EEEEEE;
}
.green-forest .page-in-in {
	padding-top:20px;
}

.grey-forest-top {
	background:url(../img/forest_grey.png) repeat-x top center;
	background-size:1920px 267px;
	height:267px;
}
.grey-forest-bg {
	background:url(../img/grey_bg.jpg) top center;
	background-size:1920px auto;
}
.grey-forest .page-in-in {
	padding-top:20px;
}

.lower-layer {
	padding-bottom:280px!important;
}
.upper-layer {
	margin-top:-280px!important;
}


div.canvas {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:4;
	overflow:hidden;
	visibility:hidden;
  opacity:0;
  transition:visibility 0s 2s, opacity 0.2s linear;
}
div.canvas.act {
	visibility:visible;
  opacity:1;
  transition:opacity 0.2s linear;
  display:none;
}
/*** showmenu ***/
.mobile-down {
  display:block;
}
a.showmenu {
	display:none;
	position:absolute;
	top:44px;
	right:3%;
	z-index:999;
	cursor:pointer;
	text-decoration:none;
	width:40px;
	height:40px;
	border-radius:2px;
	background:#BCAF7B;
}
a.showmenu span {
	display: block;
  width:16px;
	height:2px;
	background:#ececed;
	position:absolute;
	left:12px;
	
	-webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
	-webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
}
a.showmenu span.showmenu-top {
	top:13px;
}
a.showmenu span.showmenu-middle {
	top:19px;
}
a.showmenu span.showmenu-bottom {
	top:25px;
}



a.showmenu.act:after {
  border-right: 7px solid #000;
}
a.showmenu.act span {
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  transition: transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
}
a.showmenu.act span.showmenu-top, a.showmenu.act span.showmenu-middle {
	top: 19px;
	-webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
a.showmenu.act span.showmenu-middle {
	opacity: 0;
}
a.showmenu.act span.showmenu-bottom {
	top: 19px;
	-webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
}



/*** menu ***/
ul.menu {
	position:absolute;
	right:0;
	top:88px;
}
ul.menu li {
	display:inline-block;
	margin:0 0 0 0;
}
ul.menu li a {
	font-size:18px;
	text-decoration:none;
	font-weight:900;
	padding:15px 0 15px 0;
	display:inline-block;
	margin:0 0 0 40px;
	position:relative;
	color:#2d6464;
	border-radius:2px;
}
ul.menu li:hover a {
	text-decoration:none;
}
ul.menu li:hover a:before, ul.menu li:hover a:after {
	content:"";
	width:60%;
	height:1px;
	background:#DFD8BF;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -30%;
}
ul.menu li:hover a:after {
	top:auto;
	bottom:0;
}
ul.menu li.act a {
	text-decoration:none;
}
ul.menu li.act a:before, ul.menu li.act a:after {
	content:"";
	width:60%;
	height:2px;
	background:#BCAF7B;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -30%;
}
ul.menu li.act a:after {
	top:auto;
	bottom:0;
}

ul.menu li.act a {

}






/*** foot ***/
div.foot-top {
	margin:-20px 0 0 0;
	height:21px;
	line-height:0;
	font-size:0;
	background:url(../img/foot.png) repeat-x top center;
	
}
div.foot {
	background:#224040;
	padding:30px 0 30px 0;
}
div.foot-in {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div.footlogo img {
	width:150px;
}
div.copy {
	text-align:right;
	font-size:80%;
	color:#326568;
	line-height:1.5em;
}
div.copy a {
	color:#326568;
}