body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#000; font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
 

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}
 

.hvr-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
.hvr-shutter-out-horizontal::before {
    background-color:#808080;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index:-1; border-radius:5px; 
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: #fff ; 
}
.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before {
    transform: scaleX(1); 

}
 
 

body{ margin:0px; padding:0px;}
.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1170px; margin:0 auto; padding:0px; display:table;}

header{width:100%; float:left; margin:0px; padding:0px; background:#000; position:fixed; z-index:9999; padding: 14px 0px;}
.logo{float:left; padding:0px; line-height:0px;}
.logo a{color:#fff;}
.logo a p{font-weight:bold; font-size:34px; line-height:42px; letter-spacing: -2px;}

.banner{background-image:url(../images/banner.jpg); height:637px; background-attachment:fixed; background-position:center; background-repeat:no-repeat; 
margin:82px 0 0 0; padding:190px 0 0 0; background-size:cover; box-sizing:border-box;}

.banner-txt { width:890px; margin:0 auto; display:table; background:rgba(0, 0, 0, 0.7); box-sizing:border-box; padding:35px 0px 42px 0px;}
.banner-txt h2{ width:100%; margin:0px; float:left; padding:0px; font-size:48px; letter-spacing:-4px; color:#fff; font-weight:700; text-transform:uppercase; text-align:center}
.banner-txt h2 span{font-weight:300;}
.banner-txt p{width:100%; margin:0 0 20px 0; float:left; padding:0px; font-size:17px; color:#fff; font-weight:400; text-transform:uppercase; text-align:center}
 
.contact-us{width:185px; background-color:#ea5e00 ; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 auto; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000;}

/*.contact-us{width:185px; margin:0 auto; display:table;}
.contact-us a{width:185px; background-color:#ea5e00; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 auto; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000; float:left; transition: all 0.5s ease-in-out 0s;}
.contact-us a:hover{width:185px; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0 0 0; border-radius:5px; left:40%; box-shadow: 0px 1px 1px #000; float:left; background-image: -webkit-linear-gradient(#333, #000000);
background-image:    -moz-linear-gradient(#333, #000000); 
background-image:     -ms-linear-gradient(#333, #000000); 
background-image:      -o-linear-gradient(#333, #000000); 
background-image:         linear-gradient(#333, #000000); transition: all 0.5s ease-in-out 0s;}*/

 
.arrow-down {
    bottom: -196px;
    float: left;
    left: 49%;
    margin: 0;
    position: absolute;
    text-align: center;
}
.arrow-down:hover {opacity: 0.8;
}
.products { width:100%; margin:64px 0 78px 0; padding:0px; float:left;}
.products h1{ width:100%; margin:0 0 25px 0; padding:0px; float:left; font-size:48px; color:#000; text-align:center; font-weight:700; text-transform: uppercase; line-height:48px}
.products p{ width:100%; margin:0 0 40px 0; padding:0px; float:left; font-size:18px; color:#000; text-align:center; font-weight:300; line-height:28px}
.products p span{font-size:18px; color:#000; text-align:center; font-weight:700; }

.products ul{ width:100%; float:left; margin:0px; padding:0px;}
.products ul li{width:266px; float:left; margin:0 33px 0 0; padding:0px; list-style:none; transition: all 0.3s ease-in-out 0s;}
.products ul li p{width:100%; float:left; margin:0 0px 0 0; padding:0px; border:#b6b6b6 1px solid; text-align:center; line-height:0px; box-sizing:border-box;}
.products ul li span{width:100%; float:left; margin:-1px 0px 0 0; padding:0px; text-align:center; line-height:47px; background:#ea5e00 ; font-size:17px; font-weight:700; color:#fff; text-transform:uppercase;}
.products ul li:last-child{margin:0px;}
.products ul li:hover{margin-top:-10px; }
/*.pic {
    float: left;
    height: 274px;
    margin: 20px;
    overflow: hidden;
    width: 264px;
}
.pic:hover {
    cursor: pointer;
}
.grow img {
    height: 274px;
    transition: all 1s ease 0s;
    width: 264px;
}
.grow img:hover {
    height: 400px;
    width: 400px;
}*/

.values{ width:100%; float:left; margin:0px; padding:0px; background:url(../images/bg.jpg);  background-size: 100% 100%;}
.values-left{ width:50%; float:left; margin:0px; padding:0px;}
.values-txt{width:577px; float:right; margin:0px; padding:90px 50px 0 0; box-sizing:border-box;}
.values-txt h2{width:100%; float:right; margin:0px; padding:0px; font-size:48px; line-height:48px; color:#fff; font-weight:300; text-transform: uppercase}
.values-txt h2 span{color:#ea5e00 ; font-weight:700;}
.values-txt p{width:100%; float:right; margin:22px 0 0 0; padding:0px; font-size:18px; line-height:28px; color:#fff; font-weight:300;}


.values-right{ width:50%; float:right; margin:0px; padding:0px;
 line-height:0px;}
.values-right img{ width:100%; height:auto;}


.founder{ width:100%; float:left; margin:0px; padding:0px; background: url(../images/bg.jpg); background-size: 100% 100%;}
.founder-left{ width:50%; float:left; margin:0px; padding:0px; line-height:0px;}
.founder-left img{ width:100%; height:auto;}

.founder-right{ width:50%; float:right; margin:0px; padding:0px;}
.founder-txt{width:584px; float:left; margin:0px; padding:140px 0 0 50px; box-sizing:border-box;}
.founder-txt h2{width:100%; float:right; margin:0px; padding:0px; font-size:48px; line-height:48px; color:#fff; font-weight:300; text-transform: uppercase}
.founder-txt h2 span{ font-weight:700;}
.founder-txt p{width:100%; float:right; margin:22px 0 0 0; padding:0px; font-size:18px; line-height:28px; color:#fff; font-weight:300;}


footer{width:100%; float:left; margin:0px; padding:40px 0 0 0; background:#fff; box-sizing:border-box;}
footer h2{width:100%; float:right; margin:0px; padding:0px; font-size:48px; line-height:48px; color:#444444; font-weight:700; text-transform: uppercase;}
.address{width:100%; float:left; margin:25px 0 0 0; padding:0px;}
.address-left { width:30%; float:left; margin:0px; padding:0px;}
.address-left h3{ width:100%; float:left; margin:0 0 17px 0; padding:0px; font-size:17px; font-weight:700; color:#444444; text-transform:uppercase}
.address-left p{width:80%; float:left; margin:0px 0 0 0; padding:0px; font-size:14px; line-height:24px; color:#444444; font-weight:400;}
.address-left p a{ color:#ea5e00;}
.address-left p a:hover{ color:#000;}

.form-right { width:70%; float:right; margin:0px; padding:0px;}
.form-right ul{width:48%; float:left; margin:0 15px 0 0; padding:0px;}
.form-right ul li{width:100%; float:left; margin:0 0 10px 0; padding:0px; list-style:none; }
.form-right ul li:last-child{width:100%; float:right; margin:0 0 10px 0; padding:0px; list-style:none;}

.textfield{width:100%; float:left; margin:0px; padding:0 10px; box-sizing:border-box; background:#fff; border-radius:5px; font-size:14px; color:#b1b1b1; font-weight:400; height:44px; border:#b1b1b1 1px solid;}
.textarea{width:100%; float:left; margin:0px; padding:10px; box-sizing:border-box; background:#fff; border-radius:5px; font-size:14px; color:#b1b1b1; font-weight:400; height:153px; border:#b1b1b1 1px solid;font-family: 'Open Sans', sans-serif;}

.submit{width:185px; background-color:#ea5e00; height:49px; text-align:center; font-weight:bold; color:#fff; font-size:17px; text-transform:uppercase;
line-height: 45px; margin:0px; float:right; border-radius:5px;  box-shadow: 0px 1px 1px #000;}
 


.footer-links { width:100%; float:left; margin:20px 0 23px 0; padding: 17px 0 0 0; border-top:#555555 1px solid;box-sizing:border-box;}
.links-left { width:40%; float:left; margin:0px; padding:0px;}
.links-left ul{ width:100%; float:left; margin:0px; padding:0px;}
.links-left ul li{float:left; margin:0px; padding:0 8px; list-style:none; color:#444444; border-right:#888787 1px solid; font-size:14px; font-weight:400; line-height:15px;}
.links-left ul li:last-child{border-right:none;}
.links-left ul li a{color:#444444; text-decoration:none}
.links-left ul li a:hover{color:#000; text-decoration:none}

.links-right { width:40%; float:right; margin:0px; padding:0px;color:#888787; font-size:14px; font-weight:400; text-align:right; line-height:15px;}


.top {width:50px; height:50px;
    bottom:15px;
    margin: 0;
    position: fixed; right:15px; line-height:45px;
    text-align: center; display:block; background:rgba(0, 0, 0, 0.5); color:#FFFFFF; z-index:99999;
}
 
.top a:hover{color:#333;background:rgba(0, 0, 0, 1);}


#section-1{margin:-84px 0 0 0; padding:80px 0 0 0; position:relative;}
#section-2{margin:-84px 0 0 0; padding:84px 0 0 0; position:relative;}
#section-3{margin:-84px 0 0 0; padding:84px 0 0 0; position:relative;}
#section-4{margin:-84px 0 0 0; padding:84px 0 0 0; position:relative;}


.down{position: absolute; bottom:0px;  left: 47%;  width:67px;  height:34px; background:url(../images/arrow-down.png);
cursor:pointer;  z-index: 9; bottom:-1px;}
.down a {padding-top: 60px;}
.down a span {position: absolute; top:1px; left: 50%; width: 20px; height: 20px; margin-left: -9px; border-left:2px solid #000;
border-bottom:2px solid #000;	-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb04 2s infinite;
animation: sdb04 2s infinite;box-sizing: border-box;}
.down a span:hover{ border-left:2px solid #eac23e;
border-bottom:2px solid #eac23e;}
@-webkit-keyframes sdb04 {0% {-webkit-transform: rotate(-45deg) translate(0, 0);}
20% {-webkit-transform: rotate(-45deg) translate(-5px, 5px);}
40% {-webkit-transform: rotate(-45deg) translate(0, 0);}
}
@keyframes sdb04 {0% {transform: rotate(-45deg) translate(0, 0);}
20% {transform: rotate(-45deg) translate(-5px, 5px);}
40% {transform: rotate(-45deg) translate(0, 0);}
}