body { font-family: sans-serif; font-size:14px; letter-spacing:1px; line-height:1.6; color:#232323; background-color:#FBFBFB; }
input , select { letter-spacing:1px; color:#232323; }
/*.clearfix { clear: both; }*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; clear: both; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/


/*img , a , input , div.content {
	-webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s; }*/

a img:hover {opacity: .75; }
.left { float:left; }
.right { float:right; }
a { text-decoration:none; color:#232323; }
a:hover { text-decoration: underline; }


h1, h2, h3, h4, h5, h6 { font-family: sans-serif; text-align:center; text-transform: uppercase; }

.wrapper { width:100%; height:100%; }
header { background-color:#FFFFFF; width:100%; padding:1.5em 0; /*height:80px;*/ position:relative; z-index:999;  }
header .logo { float:left; max-width:275px; margin-left:2em;}
header ul { float: right; margin-right:2em; }
header ul li { float: left; max-width:30px; margin-left:1em;  }
header .logo img , header ul li img { width:100%; }

.bg-404 { height:600px; width:100%;  font-size:200%; background: url(../images/bg_404.jpg) center center no-repeat; background-size:cover; }

.content-grade { height:600px; background: url(../images/bg_content.jpg) center center no-repeat; background-size:cover; }
.content-grade .txt { max-width:460px; height:600px; margin:0 auto; }
.content-grade .bg { background: url(../images/img_slogan_2.png) center center no-repeat; background-size:contain; }
.content-environment { height:600px; background: url(../images/bg_content_environment.jpg) center center no-repeat; background-size:cover; }
.content-environment .txt { max-width:460px; height:600px; margin:0 auto; }
.content-environment .bg { background: url(../images/img_slogan_3.png) center center no-repeat; background-size:contain; }
.maps { width:100%; height:500px; }

footer { padding: 5em 0; width: 100%; text-align: center; font-size: 125%; color: #fff; background: url(../images/img_character_1.png) center center no-repeat #52C9A5; background-size:595px 143px; }
footer a { color: #fff; }
footer span { display: block;; margin-top: 3em; font-size: 10px; }

.open { text-align: left; margin: .5em auto 1em; width: 100%; max-width: 280px; }
.open label { width: 110px; float: left; }
.open p { clear: both; }