html{box-sizing:border-box; height:100%}*,*:before,*:after{box-sizing:inherit}

body{margin:0; height:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; font-family:sinkinsans300,Arial,Helvetica,sans-serif; color:#000000; font-size:16px; line-height:1.7em}

a:link.w3-text {color:inherit}
a:active.w3-text {color:inherit}
a:visited.w3-text {color:inherit}
a:hover.w3-text {text-decoration:none}

h1{font-size:1.666em; font-family:sinkinsans500; line-height:1.5em}
h2{font-size:1.333em; font-family:sinkinsans500; line-height:1.5em}
h3{font-size:1.25em; font-family:sinkinsans500; line-height:1.5em}

.nav{font-size:0.777em; line-height:1.5em; color:#666666}

.flex-container{display:-webkit-box; display:-webkit-flex; display:flex}

.top{position:fixed; background:#ffffff; width:100%; z-index:9999; top:0}
.top2{position:fixed; width:49.99999%; min-width:220px; color:#ffffff;padding:0; z-index:9999; top:90px; background:#6ea214}

.topNav{background:#6ea214; width:100%; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center}

.content-container{-webkit-flex: 1 0 auto; flex: 1 0 auto; -webkit-flex-direction:column; flex-direction:column; margin-top:140px}

.main-container{width:100%; background-position:center; background-size:cover}
.main-container2{width:100%; background:top center no-repeat}

.box-bg{background:#f3f3f3}
.box-padding{padding:30px}
.box-padding-y{padding:30px 0px}

.home-service-container{width:100%; position:relative; margin-top:-100px}
.home-service{-webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:no-wrap; flex-wrap:no-wrap; -webkit-justify-content:center; justify-content:center}

.home-who-container{width:100%; background:url(images/bgHome.webp) bottom center no-repeat; background-size:100% 80%}
.home-who{width:100%; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.home-who2{width:100%; height:100%; background:url(images/home.webp) center; background-size:cover}

.company{width:100%; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.company2{width:100%; height:50%; background-position: center; background-size:cover}

.service{width:100%; -webkit-align-items:stretch; align-items:stretch; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.service-item{background:#6ea214; padding:10px; margin:10px 0px; font-weight:bold; text-align:center; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.service2{width:100%; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.service2-item{border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:10px; -webkit-justify-content:center; justify-content:center; text-align:center}
.service2-item img{width:100%; max-width:185px}

.facility{width:100%; background:#ffffff; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.facility2{width:100%; height:100%; background-position: center; background-size:cover}

.contact{width:100%;; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap}

#contactForm{width:100%}
#contactForm label{display:block;line-height:30px}
#contactForm input,select{display:block;border:none; background:#ffffff; width:100%; height:55px; font-family:inherit; font-size:inherit; margin-bottom:10px}
#contactForm textarea{display:block;border:none; background:#ffffff; width:100%; height:150px; font-family:inherit; font-size:inherit;margin-bottom:10px}
#contactForm .hidetext{display:none; visibility:hidden}

.footer{font-size:0.666em; color:#ffffff; width:100%; background:#6ea214; -webkit-flex-shrink: 0; flex-shrink: 0}
.footer-container{-webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.footer1{-webkit-flex-direction:column; flex-direction:column; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.footer-align{text-align:left}

.btn {border-radius:0px; text-decoration: none; cursor:pointer; transition: 0.5s;}
.btn span {display: inline-block; position: relative; transition: 0.5s;}
.btn span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.btn:hover span {padding-right: 25px;}
.btn:hover span:after {opacity: 1; right: 0;}

.btn2 {border-radius:0px; text-decoration: none; cursor:pointer; transition: 0.5s;}
.btn2 span {display: inline-block; position: relative; transition: 0.5s;}
.btn2 span:before {content: '\00ab'; position: absolute; opacity: 0; top: 0; left: -20px; transition: 0.5s;}
.btn2:hover span {padding-left: 25px;}
.btn2:hover span:before {opacity: 1; left: 0;}

.button {width:150px; height:45px; margin: 10px 0; background:none; border:#000000 1px solid; color: #000000; font-family:sinkinsans500}
.button2 {width:240px; height:45px; margin: 10px 0; background:none; border:#000000 1px solid; color: #000000; font-family:sinkinsans500}
.button3 {width:150px; height:45px; background:#669900; background-image:linear-gradient(#66cc00, #669900); border:none; color: #ffffff; font-family:sinkinsans500}
.button4 {width:120px; height:45px; margin: 10px 0; background:#f3f3f3; border:none; color: #000000; font-family:sinkinsans500}

.w3-button{border:none;display:inline-block; width:100%;padding:10px 20px; font-size:14px; line-height:30px;vertical-align:middle;overflow:hidden;text-decoration:none; color:#ffffff;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button:hover{color:#F7CD2D!important}
.w3-button-border{border-bottom:1px solid #F7CD2D!important}
.w3-button2{border:none;display:inline-block; width:100%;padding:10px 20px;vertical-align:middle;overflow:hidden;text-decoration:none; font-size:14px; line-height:1.5em; color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button2:hover{color:#F7CD2D!important}
.w3-button3{border:none;display:inline-block; width:100%;padding:10px 20px 10px 30px;vertical-align:middle;overflow:hidden;text-decoration:none; font-size:12px; line-height:1.5em; color:inherit;background-color:inherit;cursor:pointer;white-space:nowrap}
.w3-button3:hover{color:#F7CD2D!important}

.w3-padding,.w3-row-padding:after,.w3-row-padding:before,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-left{float:left!important}.w3-right{float:right!important}

.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}

.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

.parent {display: block;position: relative;float: left;}
.parent:hover > ul {display:block;position:absolute;}
.child {display: none;}
.child li {background-color: #6ea214; color:#ffffff; width:100%;}
.ul{list-style: none;margin: 0;padding: 0px;}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}

.w3-quarter{width:24.99999%}
.w3-third{width:33.33333%}
.w3-half{width:49.99999%}

@media (max-width:992px){
	.facility-direction{-webkit-flex-direction:column-reverse!important; flex-direction:column-reverse!important}
	.footer-container{-webkit-flex-direction:column; flex-direction:column; -webkit-align-items:center; align-items:center; -webkit-justify-content:center!important; justify-content:center!important}
	.footer-align{text-align:center!important}
	}

@media (max-width:600px){
	body{font-size:13px!important; line-height:1.7em!important}
	.top2{top:70px!important}
	.content-container{margin-top:70px!important}
	.box-padding{padding:20px!important}
	.box-padding-y{padding:20px 0px!important}
	.home-service-container{margin-top:-40px!important}
	.service2-bottom-xs{border-bottom:none!important}
	.w3-hide-x-small{display:none!important}
	.w3-padding{padding:30px 20px!important}
	.w3-padding-x{padding:0px 20px!important}
	.w3-padding-x-t{padding:30px 20px 0px 20px!important}
	.w3-padding-x-b{padding:0px 20px 30px 20px!important}
	.w3-padding-header{padding:10px 20px!important}
	.w3-padding-footer{padding:10px 20px!important}
	.w3-col.xs6{width:49.99999%}
	}
@media (min-width:601px) and (max-width:992px){
	.content-container{margin-top:90px!important}
	.box-padding{padding:20px!important}
	.box-padding-y{padding:20px 0px!important}
	.home-service-container{margin-top:-60px!important}
	.service2-bottom-s{border-bottom:none!important}
	.w3-hide-small{display:none!important}
	.w3-padding{padding:30px 20px!important}
	.w3-padding-x{padding:0px 20px!important}
	.w3-padding-x-t{padding:30px 20px 0px 20px!important}
	.w3-padding-x-b{padding:0px 20px 30px 20px!important}
	.w3-padding-header{padding:20px 30px!important}
	.w3-padding-footer{padding:10px 30px!important}
	.w3-col.s3{width:24.99999%}
	.w3-col.s4{width:33.33333%}
	.w3-col.s6{width:49.99999%}
	.w3-col.s13{width:48.99999%}
	}
@media (min-width:993px) and (max-width:1440px){
	.service2-bottom-l{border-bottom:none!important}
	.w3-button{padding:10px 15px!important; font-size:13px!important}
	.w3-button2{padding:10px 15px!important}
	.w3-hide-large{display:none!important}
	.w3-padding{padding:60px!important}
	.w3-padding-x{padding:0px 60px!important}
	.w3-padding-x-t{padding:60px 60px 0px 60px!important}
	.w3-padding-x-b{padding:0px 60px 60px 60px!important}
	.w3-padding-header{padding:20px 60px!important}
	.w3-padding-footer{padding:20px 60px!important}
	.w3-col.l3{width:24.99999%}
	.w3-col.l4{width:33.33333%}
	.w3-col.l6{width:49.99999%}
	.w3-col.l8{width:66.66666%}
	.w3-col.l9{width:74.99999%}
	.w3-col.l13{width:48.99999%}
	.w3-col.l14{width:19.99999%}
	.w3-col.l15{width:39.99999%}
	.w3-col.l16{width:59.99999%}
	.w3-col.l17{width:44.99999%}
	.w3-col.l18{width:54.99999%}
	}
@media (min-width:1441px){
	.service2-bottom-xl{border-bottom:none!important}
	.w3-hide-x-large{display:none!important}
	.w3-padding{padding:60px 16.66%!important}
	.w3-padding-x{padding:0px 16.66%!important}
	.w3-padding-x-t{padding:60px 16.66% 0px 16.66%!important}
	.w3-padding-x-b{padding:0px 16.66% 60px 16.66%!important}
	.w3-padding-header{padding:20px 16.66%!important}
	.w3-padding-footer{padding:20px 16.66%!important}
	.w3-col.xl3{width:24.99999%}
	.w3-col.xl4{width:33.33333%}
	.w3-col.xl6{width:49.99999%}
	.w3-col.xl8{width:66.66666%}
	.w3-col.xl9{width:74.99999%}
	.w3-col.xl13{width:48.99999%}
	.w3-col.xl14{width:19.99999%}
	.w3-col.xl15{width:39.99999%}
	.w3-col.xl16{width:59.99999%}
	.w3-col.xl17{width:44.99999%}
	.w3-col.xl18{width:54.99999%}
	}

@font-face {
    font-family: 'sinkinsans300';
    src: url('fonts/sinkinsans-300light-webfont.eot');
    src: url('fonts/sinkinsans-300light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sinkinsans-300light-webfont.woff2') format('woff2'),
         url('fonts/sinkinsans-300light-webfont.woff') format('woff'),
         url('fonts/sinkinsans-300light-webfont.ttf') format('truetype'),
         url('fonts/sinkinsans-300light-webfont.svg#sinkinsans-300light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkinsans500';
    src: url('fonts/sinkinsans-500medium-webfont.eot');
    src: url('fonts/sinkinsans-500medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sinkinsans-500medium-webfont.woff2') format('woff2'),
         url('fonts/sinkinsans-500medium-webfont.woff') format('woff'),
         url('fonts/sinkinsans-500medium-webfont.ttf') format('truetype'),
         url('fonts/sinkinsans-500medium-webfont.svg#sinkinsans-500medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(images/iconTop.png) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}