/* CSS Document */

*{font-family: 'Cabin', Arial, Helvetica, sans-serif;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

html{height:100%; margin:0px; padding:0px;}
body{padding:0px; margin:0px; color:#FFFFFF; font-size:14px; font-weight:400; text-align:left; min-height:100%; background:#4ca39f;}

a, a:visited{text-decoration:none; color:#FFFFFF;}
a:hover, a:active{color:rgba(255,255,255,.5);}
img{max-width:100%; height:auto;}

#background{position: fixed; width: 100%; height:100%; box-sizing: border-box; z-index:-1;}
.homeSlider{position: fixed; width: 100%; height:100%; box-sizing: border-box; border-bottom: 202px #4ca39f solid;}

#watermark{position:absolute; top:0px; right:0px; text-align:right; z-index:5; max-width:572px; width:100%; height:calc(100% - 40px); pointer-events: none; opacity:.9;}
#watermark img{position:absolute; top:0px; right:0px; height:calc(100% - 40px);}

#container{margin:0px; width:100%; min-height:100%;}

#header{background: #4ca39f; width: 100%; position: fixed; bottom: 0px; height: 202px; padding:10px 40px 20px 40px; z-index:3; color:#FFFFFF;}
#header #logo{position:relative; float:left; margin-right:20px;}
#header #headerContent{float:left; padding-top:40px;}
#header #headerContent #main-navs{}
ul.navs{list-style:none; text-align:left; margin:0px 0px 0px 0px; padding:0px; width:100%;}
ul.navs li{color:#FFFFFF; padding:0px 0px 0px 0px; text-transform:uppercase; font-weight:700; font-size:18px; display:inline-block;}
ul.navs li.menuBar{padding:0px 5px;}
ul.navs li a, ul.navs li a:visited{text-decoraction:none; color:#FFFFFF; font-weight:700;}
ul.navs li a:hover, ul.navs li a:active{color:rgba(255,255,255,.5);}
ul.navs li.current a{}
#header .copyright{position:relative; float:right; top:152px; right:0px; margin:0px; color:rgba(255,255,255,.5); font-size:13px;}
#header .copyright p{margin-top:0px;}
#header .copyright a, #header .copyright a:visited{color:rgba(255,255,255,.5); text-decoration:none;}
#header .copyright a:hover, #header .copyright a:active{color:#FFFFFF; text-decoration:none;}

.clearfix{clear:both;}

#about{
	background:#4ca39f; 
	padding:50px 40px 50px 40px; 
	position:fixed; 
	bottom: -200%; 
	height:calc(100% - 202px); 
	width:100%; 
	z-index:1;
	-webkit-transition: bottom 1.5s ease-in-out; /* Safari */
	transition: bottom 1.5s ease-in-out;
	color:#FFFFFF;
	font-size:16px;
}
.aboutContent{max-width:740px;}
.aboutImg{float:left; margin-right:25px; margin-bottom:25px;}

a.closeButton, a.closeButton:visited{font-weight:700; font-size:16px; color:rgba(255,255,255,.5);}
a.closeButton:hover, a.closeButton:active{color:#FFFFFF;}
.xButton{font-weight:700; color:rgba(255,255,255,.5); font-size:16px;}
#about .copyright{display:none; color:rgba(255,255,255,.5); font-size:13px; margin:30px 0px 60px 0px;}
#about .copyright p{}
#about .copyright a, #about .copyright a:visited{color:rgba(255,255,255,.5); text-decoration:none;}
#about .copyright a:hover, #about .copyright a:active{color:#FFFFFF; text-decoration:none;}

@media (max-width:1320px) {
	#header .copyright{float:none; top:-10px; right:inherit; clear:both; left:272px;}
}

@media (max-width:920px), (max-height:800px) {
	#background{position: relative;}
	.homeSlider{position:relative; min-height:300px; border-bottom:none;}
	#header{position:relative; height:/*318px*/ auto; padding-bottom:0px;}
	#header #headerContent{clear:both; padding-top:20px;}
	#header .copyright{float:none; top:-10px; right:inherit; clear:both; left:inherit;}
	#about{position:relative; top:0px; bottom:inherit; height:auto; padding:10px 40px 20px 40px;}
	.aboutLink{display:none !important;}
	.aboutContent{max-width:100%;}
	.aboutImg{display:none;}
	ul.navs li{display:block;}
	ul.navs li.menuBar{display:none;}
}

@media (max-width:500px) {
	#about{clear:both;}
	#header .copyright{display:none;}
	#about .copyright{display:inherit;}
}