html {
background:#fff;
font-size:14px;
line-height:22px;
color:#000;
font-family: Open Sans, Myriad Pro, Trebuchet MS;
height:100%;
}
form input, form textarea {
font-family:Open Sans;
}
body {
margin:0;
height:100%;
}
.home p,
#content p{
 margin-bottom:20px;
}
.container {
padding:0 30px;
}
.center {
width:1400px;
margin:0 auto;
}


@media all and (max-width:1400px) {

	.center {
	width:100%;
	float:left;
	}

}

#top {
width:100%;
height:400px;
position:relative;
float:left;
}
#menuContent {
width:725px;
height:400px;
background:transparent url('../img/bg_menu.png') top left no-repeat;
position:relative;
z-index:2;
float:left;
}
#menuContent .container {
padding:40px 70px 0 70px;
}

#top2 {
width:100%;
height:60px;
background:#232424;
position:fixed;
display:none;
z-index:2;
float:left;
}
#top2 .logo {
width:270px;
height:40px;
margin-top:10px;
background:transparent url('../img/logo_white.png') top left no-repeat;
float:left;
}
#top2 .menu {
height:50px;
float:right;
}
#top2 .menu ul {
margin:0;
padding:0;
list-style:none;
}
#top2 .menu ul li {
display:inline-block;
}
#top2 .menu ul li a {
height:60px;
font-size:16px;
color:#fff;
margin:0 10px;
text-transform:uppercase;
line-height:60px;
}
#menu {
width:100%;
margin-top:30px;
float:left;
}
#menu ul {
margin:0;
padding:0;
list-style:none;
}
#menu ul li {
width:100%;
height:25px;
float:left;
}
#menu ul li a {
width:100%;
height:25px;
color:#404a54;
font-size:16px;
text-transform:uppercase;
line-height:25px;
float:left;
}
#menu ul li.active a,
#menu ul li a:hover {
color:#1e9e5c;
text-decoration:none;
}

#image {
width:100%;
height:400px;
background-image:	url('../img/image.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
position:relative;
position:absolute;
top:0;
left:0;
z-index:1;
}

#lang {
height:30px;
background:#232424;
padding:10px 10px 0 10px;
z-index:3;
position:absolute;
top:50px;
right:0;
}
#langs {
height:30px;
background:#232424;
padding:10px 10px 0 10px;
display:none;
position:absolute;
top:50px;
right:0;
z-index:4;
}
#lang img, #langs img {
max-width:30px;
}
#langs a {
margin-right:7px;
}
#langs img:last-child {
margin-right:0;
}

#logo {
width:315px;
height:45px;
background:transparent url('../img/logo.png') top left no-repeat;
float:left;
}
#logo a {
width:100%;
height:100%;
float:left;
}

#underMenuLine {
width:100%;
font-size:18px;
color:#fff;
background:#232424;
text-transform:uppercase;
padding:35px 0 35px 0;
float:left;
}

#underMenuLine a {
color:#11a95e
}
#underMenuLine .container {
padding: 0 35px;
}


#content {
width:100%;
padding:80px 0;
float:left;
}

a {
color:#1e9e5c;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

p {
margin:0;
}
h1 {
font-size:48px;
color:#404a54;
text-transform:uppercase;
font-weight:normal;
margin:20px 0;
line-height:1.2;
}
h1.title {
margin-bottom:70px;
}
h1.cattitle {
margin-bottom:40px;
}

h2 {
font-size:36px;
color:#404a54;
text-transform:uppercase;
font-weight:normal;
margin:20px 0;
}

.home {
width:100%;
margin:80px 0;
float:left;
}
.home h1 {
font-size:48px;
color:#404a54;
text-align:center;
text-transform:uppercase;
font-weight:normal;
line-height:20px;
margin:0 0 70px 0;
}
.home h2 {
font-size:30px;
line-height:15px;
color:#404a54;
text-align:center;
text-transform:uppercase;
font-weight:normal;
padding
margin:0;
}

hr {
width:100%;
height:1px;
background:#e3e3e3;
border:0;
float:left;
}


#footer {
width:100%;
padding:50px 0 30px 0;
color:#fff;
background:#232424;
float:left;
}
#footer .logo {
width:261px;
height:35px;
background:transparent url('../img/logo_white.png') top left no-repeat;
margin-bottom:20px;
float:left;
}
#footer .about_us {
width:280px;
text-transform:uppercase;
margin-right:15%;
float:left;
}
#footer .about_us .txt {
width:100%;
float:left;
}
#footer .footer {
width:100%;
font-size:11px;
color:#fff;
float:left;
}
#footer .footer a {
color:#fff;
}
#footer .footer hr {
width:235px;
background:#5a5a5a;
margin:30px 0 5px 0;
float:none;
}

#footer .follow_us {
width:200px;
padding-top:7px;
text-transform:uppercase;
float:left;
}
#footer .follow_us a {
margin-right:20px;
}

.follow_us h2 {
font-size:24px;
color:#fff;
font-weight:normal;
text-align:left;
margin:0 0 20px 0;
}

#footer .menu {
width:400px;
border-left:1px solid #3b3c3c;
font-size:14px;
text-transform:uppercase;
float:right;
}
#footer .menu ul {
list-style:none;
margin:0;
padding:10px 0 10px 30px;
}
#footer .menu ul li {
margin-bottom:7px;
}
#footer .menu ul li a {
color:#fff;
}


@media all and (max-width:1200px) {

	#footer .menu {
	display:none;
	}

	#footer .follow_us {
	width:300px;
	float:right;
	}

}

.product {
width:30%;
margin-right:5%;
margin-bottom:40px;
text-align:left;
float:left;
}
.product .img {
margin-bottom:50px;
}
.product .img {
max-width:100%;
height:auto;
}
.product  {
font-size:18px;
margin-bottom:10px;
}

.readmore {
background:#1e9e5c;
color:#fff;
text-transform:uppercase;
text-align:center;
padding:10px 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.readmore:hover {
background-color:#fff;
text-decoration:none;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
color:#000;
}
.project .readmore{
    font-size:13px;
    display:inline-block;
    margin-top:20px;
}
.product:nth-child(3n+3) {
margin-right:0;
}
.product:nth-child(3n+1) {
clear:left;
}

.category {
width:25%;
margin:0 0 20px 0;
float:left;
}
.categories .category:nth-child(4n+1) {
clear:left;
}

.category .img {
width:100px;
height:100px;
background:#1e9e5c;
margin:0 auto;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
position:relative;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.category .img:hover {
background-color:#232424;
text-decoration:none;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.category .img a {
width:100%;
height:100%;
position:absolute;
}
.category .img div {
width:100px;
height:100px;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.category .name {
width:100%;
font-size:20px;
text-transform:uppercase;
margin-bottom:10px;
}
.category .text {
width:100%;
text-align:center;
float:left;
}
.category .text p {
width:100%;
}
.category .img img{
max-width:100%;
max-height:100%;
}

.categories, .categories2 {
width:100%;
margin-bottom:40px;
float:left;
}
.categories .container, .categories2 .container {
padding:20px;
}
.categories2 .category {
width:12%;
margin-bottom:10px;
}
.categories2 .category:nth-child(8n+1) {
clear:left;
}
.categories2 .category .name {
margin:0;
}
#home .news {
width:30%;
margin-right:5%;
margin-bottom:40px;
text-align:left;
float:left;
}
.news img {
max-width:100%;
height:auto;
}
.nreadmore {
padding:10px 50px;
color:#000;
border: 1px solid #000;
margin-top:10px;
display:inline-block;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
.nreadmore:hover {
background-color:#232424;
text-decoration:none;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
color:#fff;
}
#news .news {
width:48%;
margin-right:4%;
margin-bottom:40px;
text-align:left;
float:left;
}
.news h2 {
font-size:18px;
font-weight:normal;
margin:0 0 10px 0;
line-height:15px;
color:#000;
text-align:left;
text-transform:none;
}
.news h2 a {
color:#000;
}
#home .news:nth-child(3n+3) {
margin-right:0;
}
#home .news:nth-child(3n+1) {
clear:left;
}
#news .news:nth-child(2n+2) {
margin-right:0;
}
#news .news:nth-child(2n+1) {
clear:left;
}
.news .date {
width:13%;
height:65px;
background:#1e9e5c;
font-size:12px;
color:#fff;
text-align:center;
text-transform:uppercase;
float:left;
}
.news .date p:first-child {
margin-top:12px;
font-size:30px;
}
.news .date p{
    margin-bottom:0;
}
.news .txt {
width:83%;
float:right;
}
#single_news .news {
width:100%;
text-align:left;
float:left;
}

#single_news .news .date {
width:5%;
float:left;
}

#single_news .news .txt {
width:93%;
float:right;
}
.news_list {
text-align:center;
margin-bottom:70px;
}
.news_list a {
color:#000;
}


.map2.left100 .map {
width:100%;
height:480px;
position:absolute;
left:0;
}
.left100 {
width:100%;
margin-bottom:80px;
float:left;
}
.map2.left100 {
width:100%;
height:400px;
margin-bottom:0;
float:left;
}

.left50 {
width:48%;
margin: 0 2% 80px 0;
float:left;
}
.left50 .map {
width:100%;
height:400px;
margin-bottom:0;
float:left;
}
form input[type=text] {
width:80%;
width:-moz-calc(100% - 62px);
width:-webkit-calc(100% - 62px);
width:calc(100% - 62px);
background:#fff;
border:1px solid #e5e5e5;
color:#565656;
padding:20px 30px;
font-family:Open Sans;
margin-top:0;
font-size:16px;
-webkit-transition: border-color 500ms linear;
-moz-transition: border-color 500ms linear;
-o-transition: border-color 500ms linear;
-ms-transition: border-color 500ms linear;
transition: border-color 500ms linear;
}

form textarea {
width:80%;
width:-moz-calc(100% - 62px);
width:-webkit-calc(100% - 62px);
width:calc(100% - 62px);
height:150px;
background:#fff;
border:1px solid #e5e5e5;
color:#565656;
padding:20px 30px;
font-family:Open Sans;
margin-top:0;
-webkit-transition: border-color 500ms linear;
-moz-transition: border-color 500ms linear;
-o-transition: border-color 500ms linear;
-ms-transition: border-color 500ms linear;
transition: border-color 500ms linear;
}
form input:focus, form textarea:focus {
border-color:#232424;
-webkit-transition: border-color 500ms linear;
-moz-transition: border-color 500ms linear;
-o-transition: border-color 500ms linear;
-ms-transition: border-color 500ms linear;
transition: border-color 500ms linear;
}

form p {
margin-top:10px;
}

form input.button {
padding:10px 30px;
background:#232424;
border:0;
color:#fff;
margin-top:10px;
font-weight:normal;
font-size:16px;
cursor:pointer;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}
form input.button:hover {
background-color:#1e9e5c;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
}


.popup {
display: none;
background: #fff;
width:700px;
position: absolute;
z-index: 21;
color:#000;
font-size:14px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.popup h2 {
font-size:30px;
line-height:30px;
margin:0 0 10px 0;
}
.popup .container {
padding: 40px;
}
.popup a.btn_close {
width:35px;
height:35px;
background:transparent url('../img/btn_close.png') top left no-repeat;
position:absolute;
top:-15px;
right:-15px;
}
#fade {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .90;
z-index: 20;
}

#INFO {
width:100%;
background:#1e9e5c;
padding:20px 0;
font-weight:bold;
color:#fff;
font-size:16px;
position:fixed;
top:50px;
left:0;
z-index:120;
text-align:center;
display:none;
}

#INFO2 {
width:100%;
background:#ba1212;
padding:20px 0;
font-weight:bold;
color:#fff;
position:fixed;
top:130px;
left:0;
z-index:120;
display:none;
text-align:center;
}

.project {
width:30%;
margin-right:2%;
font-size:20px;
text-align:center;
margin-bottom:20px;
float:left;
min-height:460px;
}
.project .img {
width:100%;
position:relative;
float:left;
padding-bottom:50px;

}
.project:hover .img{
  -webkit-transition: box-shadow .5s ease-in-out;
  -moz-transition: box-shadow .5s ease-in-out;
  -o-transition: box-shadow .5s ease-in-out;
  transition: box-shadow .5s ease-in-out;
  -webkit-box-shadow: 0px 0px 3px #b3b3b3;
  -moz-box-shadow: 0px 0px 3px #b3b3b3;
  box-shadow: 0px 0px 3px #b3b3b3;
}
/*.project .hover {
width:600px;
height:220px;
position:absolute;
background:#232424;
color:#fff;
top:0;
left:0;
padding:30px 0;
font-size:14px;
text-align:left;
display:none;
z-index:1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}*/

/*.project:nth-child(3n+1) {
clear:left;
}*/
.project:nth-child(3n+3) .hover {
left:-200px;
}
.project .hover .name {
font-size:18px;
margin-bottom:10px;
}
.project .im {
float:left;
}
.project .hover .container {
padding:20px;
}
.project .hover .rm {
margin-top:20px;
}
.project img {
max-width:100%;
height:auto;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	z-index:1;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:1;
}

.photo {
width:32%;
margin-right:2%;
margin-bottom:20px;
float:left;
}
.photo:nth-child(3n+3) {
margin-right:0;
}
.photo:nth-child(3n+1) {
clear:left;
}
.photo img {
max-width:100%;
height:auto;
}










.ho-box{
	position: relative;
	overflow: hidden;
}
.hover-content-box{
	display: none;
}
.hover-content-box, .hover-content-copy-txt, .hover-content-box-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.hover-content-copy-txt{
	z-index: 2;
	overflow: auto;
	color: #fff;
}
.hover-content-box-overlay{
	background: #000;
	opacity: 0.75;
	z-index: 1;
}
.ho-content, .ho-push-content{
	display: none;
}
.hover-content-block{
	padding: 20px;
	line-height: 16px;
}
#infocontainer {
top:10px;
left:5%;
width:90%;
position:fixed;
z-index:20;
}
.warning {
width:100%;
background:#d03933;
color:#fff;
text-align:center;
margin-bottom:10px;
float:left;
display:none;
}
.success {
width:100%;
background:#1e9e5c;
color:#fff;
text-align:center;
margin-bottom:10px;
float:left;
display:none;
}
#infocontainer i {
margin-right:10px;
}
#infocontainer .container {
padding:10px;
}
a.black {
color:#000;
}

.form.left50{
	display:none;
}