﻿@font-face{font-family:'pgvimregular';src:url('pgvim-webfont.eot');src:url('pgvim-webfont.eot?#iefix') format('embedded-opentype'),
url('pgvim-webfont.woff') format('woff'),
url('pgvim-webfont.ttf') format('truetype'),
url('pgvim-webfont.svg#pgvimregular') format('svg');font-style:normal;}
@font-face{font-family:'thai_sans_literegular';src:url('thaisanslite_r1-webfont.eot');src:url('thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'),
url('thaisanslite_r1-webfont.woff') format('woff'),
url('thaisanslite_r1-webfont.ttf') format('truetype'),
url('thaisanslite_r1-webfont.svg#thai_sans_literegular') format('svg');font-style:normal;}
html{width:100%;min-width:240px;margin:0px auto;color:#eaeaea;font-family:Arial, Helvetica, sans-serif;font-size:1em;background:#fff;}
body{width:100%;margin:0 auto;}
nav{width:96%;padding:0 2%;background:none;text-align:center;}
nav ul{padding: 5px 0px;list-style-type: none;text-align: center;margin:0 auto;-webkit-transition: all 0.3s ; transition: all 0.3s;}
nav ul li {display:inline;padding:10px 0px 12px;margin:0;background:none;border-left:0px solid rgba(128, 128, 128, 0.48);border-right:0px solid rgba(255, 255, 255, 0.48);-webkit-transition:all 0.5s;transition:all 0.5s;}

nav ul li a{opacity:1;-webkit-transition: all 0.1s ; transition: all 0.1s;}
header{width:100%;height:100%;margin:0px;float:left;}
section{width:100%;max-width:1080px;height:100%;padding:0 2%;box-sizing: border-box;margin:0 auto;display:block;color:#c2c2c2;}
article{width:100%;box-sizing: border-box;}
aside{width:96%;line-height: 1.6em;margin-left:4%;}
footer{width:100%;float:left;padding:1% 5%;margin:0 auto;position:relative;box-sizing: border-box;background:#367b4f;min-height:240px;}
figure{width:100%;color:#eaeaea;font-size: 0.8em;margin:-20px 0 0 0;padding:0;float:left;}
#mainpage{position:fixed;top:0;width:100%;height:100%;overflow-x:auto;padding-left:60px;float:left;box-sizing: border-box;background:#fff url("../images/bg-top1.jpg")no-repeat fixed center center;background-size:cover;}
.icon-top{z-index:9;float:left;width:60px;height:100%;position:fixed;left:0;top:0;display:block;background:#085f3e url("../images/bg-icontop.png")no-repeat center bottom;-webkit-transition:all 0.5s;transition:all 0.5s;background-position: center;}
.icon-top:hover{background:#202020 url("../images/bg-icontop.png")no-repeat center bottom;}
#top-bar{width:100%;padding:0px 10%;color:#a0a0a0;overflow:hidden;box-sizing: border-box;background:#2c672b;}
.top-menu{width:100%;min-height:40px;padding:0;text-align:center;color:#000;overflow:hidden;background:url("../images/bg-nav.jpg")repeat center top;}
#menu{width:100%;padding:0 auto;float:left;display:block;position:relative;}
nav ul li:hover {
    background: #256c77;
}
.footer-topic {
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
    text-decoration: underline;
}
.pad-top{
	padding-top: 60px;
}
.top-box1 {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 20px 10% 17%;
    position: relative;
    box-sizing: border-box;
    background: url(/images/top-banner.jpg);
    background-size: cover;
}
	#top-box1-date{width:50%;max-width:400px;float:left;text-align:left;}
	#top-box1-menu{width:50%;float:right;text-align:right;}	
.top-box2{width:100%;height:40px;float:left;margin:0 auto;padding:0;position:relative;box-sizing: border-box;background:#b70000;}
.row{width:100%;float:left;padding:1% auto;margin:0 auto;position:relative;box-sizing: border-box;}
.section1{position:relative;width:100%;float:left;padding:0;box-sizing: border-box;margin:0 auto;display:table-cell;}
	#bg-top1{background:url("../images/bg-top1.jpg")no-repeat center top;background-size:cover;transform: translateZ(-1px);}	
	.sec1-slide{position:relative;display:block;width:100%;float:left;padding:0;box-sizing: border-box;margin:0 auto;overflow:hidden;}
	.sec1-box1{position:relative;display:block;z-index:20;width:100%;float:left;padding:0;box-sizing: border-box;margin:20px auto 0;overflow:hidden;}
		#sec1-box1-left{width:73%;float:left;padding:20px;box-sizing: border-box;margin:0 auto;overflow:hidden;}
		#sec1-box1-right{width:27%;float:right;padding:20px;box-sizing: border-box;margin:0 auto;overflow:hidden;text-align:center;}
.section2{position:relative;width:100%;float:left;padding:0;box-sizing: border-box;margin:30px auto 0;display:table-cell;}	
	.topic-section{position:relative;display:block;width:100%;float:left;padding:1%;box-sizing: border-box;}
	#sec2-box1{position:relative;display:block;width:100%;float:left;padding:1% 30% 13% 0;box-sizing: border-box;background:url("../images/sec2-img1.jpg")no-repeat right center;}
	#sec2-box2{position:relative;display:block;width:32.33%;float:right;padding:1% 0 1% 1%;box-sizing: border-box;}
.section3{position:relative;width:100%;float:left;padding:0;box-sizing: border-box;margin:30px auto 0;display:table-cell;background:#1b273d;min-height:300px;}	
	.sec3-col1{position:relative;width:33.33%;float:left;}
	.sec3-col2{position:relative;width:33.33%;float:left;}
	.sec3-col3{position:relative;width:33.33%;float:left;}
	#sec3-box1{width:100%;height:400px;float:left;background:#000 url("../images/work/09.jpg")no-repeat center center;background-size:100%;}
	#sec3-box2{width:50%;height:200px;float:left;background:#000 url("../images/work/01.jpg")no-repeat center center;background-size:100%;}
	#sec3-box3{width:50%;height:200px;float:right;background:#000 url("../images/work/02.jpg")no-repeat center center;background-size:100%;}
	#sec3-box4{width:50%;height:200px;float:right;background:#000 url("../images/work/03.jpg")no-repeat center center;background-size:100%;}
	#sec3-box5{width:50%;height:200px;float:right;background:#000 url("../images/work/04.jpg")no-repeat center center;background-size:100%;}
	#sec3-box6{width:100%;height:200px;float:right;background:#269657;}
	#sec3-box7{width:50%;height:200px;float:right;background:#000 url("../images/work/05.jpg")no-repeat center center;background-size:100%;}
	#sec3-box8{width:50%;height:200px;float:right;background:#000 url("../images/work/06.jpg")no-repeat center center;background-size:100%;}
	#sec3-box9{width:50%;height:200px;float:right;background:#000 url("../images/work/07.jpg")no-repeat center center;background-size:100%;}
	#sec3-box10{width:50%;height:200px;float:right;background:#475a95 url("../images/work/sup/sup-40.jpg")no-repeat center center;background-size:100%;}
	#sec3-box11{width:100%;height:400px;float:left;background:#000 url("../images/work/10.jpg")no-repeat center center;background-size:100%;}
#sec3-box1,#sec3-box2,#sec3-box3,#sec3-box4,#sec3-box5,#sec3-box6,#sec3-box7,#sec3-box8,#sec3-box9,#sec3-box10,#sec3-box11{position:relative;display:block;overflow:hidden;padding:15px;box-sizing: border-box;-webkit-transition:all 0.5s;transition:all 0.5s;}	
#sec3-box1:hover,#sec3-box2:hover,#sec3-box3:hover,#sec3-box4:hover,#sec3-box5:hover,#sec3-box6:hover
,#sec3-box7:hover,#sec3-box8:hover,#sec3-box9:hover,#sec3-box10:hover,#sec3-box11:hover{position:relative;display:block;overflow:hidden;padding:15px;box-sizing: border-box;background-size:120%;}	
	
.section4{position:relative;width:100%;float:left;padding:40px 0 20px;box-sizing: border-box;margin:0 auto;display:table-cell;background:url("../images/bg-sec4.jpg")no-repeat right center;background-size:cover;}	
	.sec4-box{position:relative;width:100%;float:left;padding:0;box-sizing: border-box;margin:0 auto;min-height:480px;}
	.sec4-box-in{position:relative;display:table-cell;width:31.33%;float:left;padding:260px 0 20px;box-sizing: border-box;margin:0 1%;overflow:hidden;border:5px solid #fff;height:380px;background:rgba(255,255,255,0.8);webkit-transition:all 0.3s;transition:all 0.3s;}
	.sec4-box-in:hover{border:5px solid #000;box-shadow:3px 0px 30px rgba(0,0,0,0.7); }
	.sec4-tx{position:absolute;bottom:0;padding:20px 10px 10px;box-sizing: border-box;background:#fff;}
	#sec4-service1{background:url("../images/sec4-service1.jpg")no-repeat center top;background-size:cover;-webkit-transition:all 0.5s;transition:all 0.5s;}
	#sec4-service1:hover{z-index:99;-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}	
	#sec4-service2{background:url("../images/sec4-service2.jpg")no-repeat center top;background-size:cover;-webkit-transition:all 0.5s;transition:all 0.5s;}
	#sec4-service2:hover{z-index:99;-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}	
	#sec4-service3{background:url("../images/sec4-service3.jpg")no-repeat center top;background-size:cover;-webkit-transition:all 0.5s;transition:all 0.5s;}
	#sec4-service3:hover{z-index:99;-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
	
	
.section5{position:relative;width:100%;float:left;padding:40px 2%;box-sizing: border-box;margin:0 auto 35px;display:table-cell;background: #38885b;background-size:cover;}	
.section6{position:relative;width:100%;float:left;padding:2%;box-sizing: border-box;margin:0 auto;display:table-cell;}	
	#sec6-left{position:relative;display:block;width:50%;float:left;padding:20px;box-sizing: border-box;}
	#sec6-right{position:relative;display:block;width:50%;float:right;padding:20px;box-sizing: border-box;text-align: center;}

#footer-col1{width:40%;float:left;padding:20px 30px 10px 0px;box-sizing: border-box;margin:0 auto;display:block;border-right:1px solid #fff;min-height:300px;}
#footer-col2{width:60%;float:left;padding:20px 10px 10px 5%;box-sizing: border-box;margin:0 auto;display:block;}ss
.footer-topic{font-size:1em;color:#fff;font-family: 'Oswald', sans-serif;font-weight:900;}

/* page */
.section-page{position:relative;width:100%;float:left;padding:0;box-sizing: border-box;margin:0 auto 30px;display:table-cell;}
.sidebar-page{position:relative;width:30%;float:left;padding:10px;box-sizing: border-box;margin:0 auto;display:table-cell;}
.content-page{position:relative;width:100%;float:right;padding:5%;box-sizing: border-box;margin:0 auto;display:table-cell;}
.bottom-page{position:relative;width:100%;float:right;padding:2%;box-sizing: border-box;border:2px solid #f3f3f3;margin:20px auto;display:table-cell;background:#1a2656;}
.content-page2{position:relative;width:100%;float:right;padding:5%;box-sizing: border-box;border:0px solid #128c37;margin:0 auto;display:table-cell;background:#fff;}
.page-full{position:relative;width:100%;float:left;padding:2%;box-sizing: border-box;margin:20px auto 30px;display:block;background:#f5f5f5;border-radius:6px;text-align: center;}
.box-ourwork {
    position: relative;
    width: 19%;
    float: left;
    padding: 0;
    box-sizing: border-box;
    margin: 5px .5%;
    display: table-cell;
    background: #fff;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.05);
}

/* head page */
#bg-page1{background:url("../images/bg-page1.jpg")no-repeat center top;background-size:cover;}		
#page-content{width:100%;float:left;background:#fff;overflow:hidden;min-height:600px;}

/* btn */
.btn-style1{position:absolute;top:18px;width:100%;padding:18px 0;text-align:center;color:#fff;text-align:center;display:block;background:#8CC63F;box-shadow:0px 5px 0px rgba(0,0,0,0.05);-webkit-transition:all 0.3s;transition:all 0.3s;}	
.btn-style1:hover{background:#A2DB49;}	
.box-btn{width:100%;padding:30px 0;margin:0 auto 40px;position:relative;display:block;float:left;}
.btn-a{width:160px;text-align:center;color:#fff;padding:10px 20px;margin:0 auto;position:absolute;right:0;border-radius:6px;box-shadow:0px 3px 0px rgba(0, 0, 0, 0.3);background:#EE5931;}
.btn-a:hover{box-shadow:0px 0px 0px rgba(0, 0, 0, 0.3);background:#F76548;position:absolute;right:0;}
.btn-b{width:160px;text-align:center;color:#fff;padding:10px 20px;margin:0 auto;position:absolute;left:0;border-radius:6px;background:#D32F2E;border:2px solid #fff;-webkit-transition:all 0.3s;transition:all 0.3s;}
.btn-b:hover{color:#D32F2E;background:#fff;position:absolute;left:0;border:2px solid #D32F2E;}
.ck1{font-size: 1.3em;line-height:2em;background: url(../images/icon/ck1.png)no-repeat 0px center;background-size:18px;padding:0px 0px 4px 30px;}
.marqueen-box{width:100%;overflow:hidden;padding:0;float:left;box-sizing: border-box;margin:0 auto;display:block; }

/* flexbox */
.flex-container {-webkit-transition: all 0.5s ; transition: all 0.5s;
width:100%;height:100%;display:flex;overflow:hidden;
-webkit-align-items:center;align-items:center;
-webkit-justify-content:center;justify-content:center;;
}
.flex-item {text-align:center;padding:1%;}
/* Make it a marquee */
.marquee {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}
.marquee:hover {
    animation-play-state: paused
}
/* Make it move */
@keyframes marquee {
    0%   { text-indent: 27.5em }
    100% { text-indent: -105em }
}

@keyframes marquee{0%{text-indent:27.5em}
100%{text-indent:-105em}
}
.moveup{-moz-animation:moveup 2s ease-in-out infinite;-webkit-animation:moveup 2s ease-in-out infinite;-o-animation:moveup 2s ease-in-out infinite;animation:moveup 2s ease-in-out infinite;}
@keyframes moveup{0{transform:translate(0px,0px);}
50%{transform:translate(0px,-25px);}
100%{transform:translate(0px,0px);}
}
@-moz-keyframes moveup{0{-moz-transform:translate(0px,0px);}
50%{-moz-transform:translate(0px,-25px);}
100%{-moz-transform:translate(0px,0px);}
}
@-webkit-keyframes moveup{0{-webkit-transform:translate(0px,0px);}
50%{-webkit-transform:translate(0px,-25px);}
100%{-webkit-transform:translate(0px,0px);}
}
@-o-keyframes moveup{0{-o-transform:translate(0px,0px);}
50%{-o-transform:translate(0px,-25px);}
100%{-o-transform:translate(0px,0px);}
}

.moveup-bg{width:1000px;height:100%;position:absolute;top:0;left:0;-moz-animation:moveup-bg 5s ease-in-out infinite;-webkit-animation:moveup-bg 5s ease-in-out infinite;-o-animation:moveup-bg 5s ease-in-out infinite;animation:moveup-bg 5s ease-in-out infinite;
background:url("../images/eff1.png")no-repeat 100% 0%;background-size:cover;opacity:0.5;}
@keyframes moveup-bg{
	from {transform: translateX(100%);	}
	to { transform: translateX(-150%);}
}
@-moz-keyframes moveup-bg{
	from {-moz-transform: translateX(100%);	}
	to {-moz-transform: translateX(-150%);}
}
@-webkit-keyframes moveup-bg{
	from {-webkit-transform: translateX(100%);	}
	to { -webkit-transform: translateX(-150%);}
}
@-o-keyframes moveup-bg{
	from {-o-transform: translateX(100%);	}
	to { -o-transform: translateX(-150%);}
}

.bg-sec2move {
	float:left;
	z-index:-1;
    width: 1200px;
    height: 1200px;
    background:#000 url("../images/bg-sec2res.jpg")no-repeat center center;background-size:contain;
    position: absolute;top:-20%;right:-15%;
    -webkit-animation: mymove2 20s infinite; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
    animation: mymove2 20s infinite;
    animation-delay: 3s;
}
@keyframes mymove2{0{transform:rotate(0deg);}
50%{transform:rotate(-720deg);}
100%{transform:rotate(180deg);}
}
@-moz-keyframes mymove2{0{-moz-transform:rotate(0deg);}
50%{-moz-transform:rotate(-720deg);}
100%{-moz-transform:rotate(0deg);}
}
@-webkit-keyframes mymove2{0{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(-720deg);}
100%{-webkit-transform:rotate(0deg);}
}
@-o-keyframes mymove2{0{-o-transform:rotate(0deg);}
50%{-o-transform:rotate(-720deg);}
100%{-o-transform:rotate(0deg);}
}

.menu-main:link{color:#fff;margin:3px 10px;padding:20px;}
.menu-main:visited{color:#fff;margin:3px 10px;padding:20px;}
.menu-main:hover{color:#c0ff00;margin:3px 10px;padding:20px;}
.menu-main:active{color:#fff;margin:3px 10px;padding:20px;}
a.menu-top2:link{margin:0 0.5%;padding:10px 0.5%;color:#000;font-size:18px;font-weight:100;-webkit-transition:all 0.3s;transition:all 0.3s;}
a.menu-top2:hover{margin:0 0.5%;padding:10px 0.5%;color:#FF881D;font-size:18px;font-weight:100;}
a.menu-top2:visited{margin:0 0.5%;padding:10px 0.5%;color:#000;font-size:18px;font-weight:100;}
a.menu-top2:active{margin:0 0.5%;padding:15px 0.5%;color:#000;font-size:18px;font-weight:100;}
a.menu-top3:link{margin:0 2%;padding:10px 1%;color:#888;font-size:18px;text-align:center;}
a.menu-top3:hover{margin:0 2%;padding:10px 1%;color:#000;font-size:18px;text-align:center;}
.menu-main2:link{color:#888;margin:3px auto;padding:5px 0;}
.menu-main2:visited{color:#888;margin:3px auto;padding:5px 0;}
.menu-main2:hover{color:#009de6;margin:3px auto;padding:5px 0;}
.menu-main2:active{color:#888;margin:3px auto;padding:5px 0;}

a.menu-footer:link{display:block;color:#888;margin:3px auto;padding:5px 0;border-bottom:1px solid #202020;-webkit-transition:all 0.3s;transition:all 0.3s;}
a.menu-footer:visited{display:block;color:#888;margin:3px auto;padding:5px 0;border-bottom:1px solid #202020;}
a.menu-footer:hover{display:block;color:#03a9f4;margin:3px auto;padding:5px 0;border-bottom:1px solid #03a9f4;}
a.menu-footer:active{display:block;color:#888;margin:3px auto;padding:5px 0;border-bottom:1px solid #202020;}
.slbImageWrap img {
    border: 20px solid #fff;
    padding: 0;
    margin: 40px;
}
.slbImageWrap:after{
	box-shadow: none!important;
}
.col-100{width:100%;}
.padding1{padding:1%;}.padding2{padding:2%;}.padding3{padding:3%;}
.padding-left10{padding-left:10px;}.padding-left15{padding-left:15px;}.padding-left20{padding-left:20px;}.padding-left40{padding-left:40px;}.padding-left60{padding-left:60px;}.padding-left5p{padding-left:5%;}.padding-left10p{padding-left:10%;}
.padding-top10{padding-top:10px;}.padding-top20{padding-top:20px;}.padding-top20{padding-top:30px;}.padding-top40{padding-top:40px;}
.padding-bottom5{padding-bottom:5px;}.padding-bottom10{padding-bottom:10px;}.padding-bottom15{padding-bottom:15px;}.padding-bottom20{padding-bottom:20px;}
.margin1{padding:1%;}
.margin-top-5{margin-top:-5px;}.margin-top-10{margin-top:-10px;}.margin-top-20{margin-top:-20px;}.margin-top-30{margin-top:-30px;}.margin-top-40{margin-top:-40px;}.margin-top-60{margin-top:-60px;}
.margin-top5{margin-top:5px;}.margin-top10{margin-top:10px;}.margin-top20{margin-top:20px;}.margin-top30{margin-top:30px;}.margin-top40{margin-top:40px;}.margin-top60{margin-top:60px;}.margin-top100{margin-top:100px;}
.margin-bottom20{margin-bottom:20px;}.margin-bottom40{margin-bottom:40px;}.margin-bottom60{margin-bottom:60px;}

.left{float:left;}
.right{float:right;}
.tx-left{text-align:left;}.tx-right{text-align:right;}.tx-center{text-align:center;}
.bold{font-weight:900;}.tx-normal{font-weight:normal;}
.tx-16{font-size:16px;}.tx-18{font-size:18px;}.tx-20{font-size:24px;}.tx-22{font-size:22px;}.tx-24{font-size:24px;}.tx-26{font-size:26px;}.tx-30{font-size:40px;}.tx-40{font-size:40px;}.tx-50{font-size:50px;}
.tx-head{font-size:1.6em;}
.tx-content{font-size:1.2em;}
.tx-mini{font-size:0.7em;}
.tx-nowarp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tx-big{font-size:1.6em;}
.tx-big2{font-size:2.4em;font-family:'thai_sans_literegular'}
.tx-big3{font-size:3.0em;}
.tx-big4{font-size:4.0em;}
.indent{text-indent:60px;}
.lineheight-11{line-height:1.0em;}
.lineheight-16{line-height:1.6em;}
.tx-shadow{text-shadow:1px 1px 0px #fff;}
.tx-yellow{color:#FFCF41;}
.tx-red{color:#e00000;}
.tx-blue{color:#0098e7;}
.tx-blue2{color:#23AAFF;}
.tx-gray{color:#888;}
.tx-gray2{color:#586170;}
.tx-green{color:#2ba329;}
.tx-orenge{color:#ff7200;}
.tx-gold{color:#b2aa80;}
.tx-white{color:#fff}
.tx-white2{color:#4B6496;}
.tx-black{color:#000}.tx-black2{color:#282828}
.tx-art1{font-family:'pgvimregular';font-weight:100;}
.tx-art2{font-family:'thai_sans_literegular';}
.tx-art3{font-family:'thai_sans_literegular'; }
.tx-content{font-family:Arial,sans-serif;font-size:13px;}
.inline{display:inline;}
.block{display:block;}
.inline-block{display:inline-block;}

.bg-blue{background:#03aa49;}
.bg-graysoft{background:#EDEDED;}
.bg-graysoft2{background:#3b5998;}
.bg-grayblack{background:#161616;}
.bg-grayblack2{background:#242424;}
.bg-sky{width:100%;background:#0084e1;}
.bg-yellow{background:#FFD32C;}
.bg-orenge{background:#ff7200;}
.bg-green{background:#198762;}
.bg-green2{background:#01B3CF;}
.bg-red{background:#c40003;}
.bg-white{background:#fff;}
.bg-black{background:#000;}
.bg-dark{background:#f5f5f5;}
.bg-darkblue{background:#586073;}
.bg-darkblue2{background:#305292;}
.bg-footer{background:#f5f5f5;}

.bg-nav{
	background: rgba(0,130,54,1);
background: -moz-linear-gradient(top, rgba(0,130,54,1) 0%, rgba(0,181,78,1) 14%, rgba(0,173,72,1) 88%, rgba(0,122,51,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,130,54,1)), color-stop(14%, rgba(0,181,78,1)), color-stop(88%, rgba(0,173,72,1)), color-stop(100%, rgba(0,122,51,1)));
background: -webkit-linear-gradient(top, rgba(0,130,54,1) 0%, rgba(0,181,78,1) 14%, rgba(0,173,72,1) 88%, rgba(0,122,51,1) 100%);
background: -o-linear-gradient(top, rgba(0,130,54,1) 0%, rgba(0,181,78,1) 14%, rgba(0,173,72,1) 88%, rgba(0,122,51,1) 100%);
background: -ms-linear-gradient(top, rgba(0,130,54,1) 0%, rgba(0,181,78,1) 14%, rgba(0,173,72,1) 88%, rgba(0,122,51,1) 100%);
background: linear-gradient(to bottom, rgba(0,130,54,1) 0%, rgba(0,181,78,1) 14%, rgba(0,173,72,1) 88%, rgba(0,122,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008236', endColorstr='#007a33', GradientType=0 );
}
.bg-g-green{
	background: rgba(3,201,89,1);
background: -moz-linear-gradient(top, rgba(3,201,89,1) 0%, rgba(2,154,68,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,201,89,1)), color-stop(100%, rgba(2,154,68,1)));
background: -webkit-linear-gradient(top, rgba(3,201,89,1) 0%, rgba(2,154,68,1) 100%);
background: -o-linear-gradient(top, rgba(3,201,89,1) 0%, rgba(2,154,68,1) 100%);
background: -ms-linear-gradient(top, rgba(3,201,89,1) 0%, rgba(2,154,68,1) 100%);
background: linear-gradient(to bottom, rgba(3,201,89,1) 0%, rgba(2,154,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c959', endColorstr='#029a44', GradientType=0 );
}
.bg-gradient{min-height:400px;background:-webkit-linear-gradient(0deg, rgba(0, 0, 0, 1),rgba(76, 76, 76, 1));background:-o-linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(76, 76, 76, 1));background:-moz-linear-gradient(0deg, rgba(0, 0, 0, 1), 1), rgba(76, 76, 76, 1));background:linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(76, 76, 76, 1));}
.bg-gradient2{background: rgba(247,247,247,1);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 51%, rgba(246,246,246,1) 52%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(52%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 51%, rgba(246,246,246,1) 52%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 51%, rgba(246,246,246,1) 52%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 51%, rgba(246,246,246,1) 52%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 51%, rgba(246,246,246,1) 52%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0 );}
.line{width:100%;height:1px;float:left;margin:10px auto;border-bottom:1px solid #fff;}
.line2{width:100%;height:10px;background:#EAEAEA;float:left;margin:0;}
.line3{width:100%;height:1px;float:left;margin:10px auto;border-bottom:1px solid #00a017;}
.line-contact{width:100%;height:10px;background:#fff url("../images/line-contact.png")repeat top center;float:left;}
.radius{border-radius:12px;overflow:hidden;}
.number-blue{width:30px;height:30px;margin:0 10px;padding:10px 5px 0px 10px;background:#00274E;border-radius:50%;color:#fff;}
.number-green{width:30px;height:30px;margin:0 5px;padding:10px 5px 0px 10px;background:#3D8418;border-radius:50%;color:#fff;}
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{font-size:1em;margin:0;padding:0;border-width:0;}
span{float:left;height:100%;width:100%;}
h1{font-size:2.9em;font-weight:inherit;}
h2{font-size:1.3em;font-weight:inherit;}
h3{font-size:1.1em;font-weight:inherit;}
ul{list-style-type:none;padding:0px;margin:0px;}
strong{text-decoration:underline;font-weight:800;}
a:link{color:#E20000;text-decoration:none;}
a:visited{text-decoration:1px;}
a:hover{color:#009de6;text-decoration:none;}
a:active{text-decoration:none;}
p{color:#292929;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;font-size:14px;font-style:normal;font-weight:normal;letter-spacing:0px;line-height:1.3;text-decoration:none;text-indent:0px;vertical-align:0px;padding:0px;}
img{vertical-align:middle;}
a,img{border:none;outline:none;vertical-align:middle}
.box-slide{width:100%;height:100%;overflow:hidden;float:left;display:block;position:relative;}
.box-slide-res{width:100%;position:relative;float:left;display:none;}
.nivoSlider{position:relative;width:100%;height:100%;overflow:hidden;float:left;;background:#000;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
.nivo-main-image{display:block !important;position:relative !important;width:100% !important;height:100% !important;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:block;background:none;filter:alpha(opacity=0);opacity:0;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img{display:block;}
.nivo-caption{font-size:1.1em;position:absolute;left:0;bottom:20px;color:#fff;background:rgba(239, 239, 239, 0.2);width:98%;min-height:15px;z-index:8;padding:5px 1% 0 1%;margin:0;overflow:hidden;display:none;text-align:center;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;bottom:5%;z-index:9;cursor:pointer;display:block;}
.nivo-prevNav{right:35px;width:40px;height:50px;font-size:15px;color:#fff;background:url("../slide/images/arrows.png") 0px 0px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.nivo-prevNav:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.nivo-nextNav{right:10px;width:30px;height:50px;font-size:15px;color:#fff;background:url("../slide/images/arrows.png") -50px 0px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.nivo-nextNav:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
.nivo-controlNav{width:98%;text-align:center;float:left;margin-bottom:20px;display:none;}
.nivo-controlNav a{cursor:pointer;padding:5px;margin:0 5px;width:10px;height:10px;font-size:0;color:#000;background:#777;border-radius:50%;}
.nivo-controlNav a.active{cursor:pointer;padding:5px;margin:0 5px;width:10px;height:10px;font-size:0;color:#f9f9f9;background:#b80000;border-radius:50%;}
.menu-responsive{width:100%;padding:10px 0;border-bottom:1px solid #e3e3e3;text-align:center;background:#fff;-webkit-transition:all 0.2s;transition:all 0.2s;display:block;color:#374954;}
.menu-responsive:hover{background:#029a45;color:#fff;display:block;}
.menu-responsive2{width:100%;padding:10px 0;border-bottom:1px solid #e3e3e3;text-align:center;background:#2196F3;-webkit-transition:all 0.2s;transition:all 0.2s;display:block;color:#fff;}
.menu-responsive2:hover{background:rgba(0, 0, 0, 0.8);color:#2196F3;display:block;}
.message{z-index:9991;background:rgba(255, 255, 255,1);color:#333;position:fixed;top:0;left:-100%;width:100%;max-width:300px;height:100%;padding:60px 0 80px 0;transition:left 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94);overflow-x:auto;box-sizing:border-box;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);}
#toggle{position:fixed;appearance:none;cursor:pointer;left:-100%;top:0;}
#toggle + label{z-index:9999;position:fixed;left:5px;top:10px;cursor:pointer;padding:10px 5px 5px 5px;background:url("../images/toggle.png")no-repeat center top;min-width:40px;min-height:50px;color:#000;line-height:16px;font-size:24px;text-align:center;-webkit-font-smoothing:antialiased;cursor:pointer;margin:0;transition:all 1s ease;display:block;}
#toggle + label:after{content:""}
.container{transition:margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);padding:0 1%;}
#toggle:checked ~ .message{left:0;}
#toggle:checked ~ .container{margin-left:0px;}
#toggle:checked + label{background:none;}
#toggle:checked + label:after{content:"X"}
div::-webkit-scrollbar{width:8px;background:#eee;}
div::-webkit-scrollbar-thumb{background:#6ddc63;width:5px;border-radius:3px;}
div::-webkit-scrollbar-thumb:hover{background:#1b273d;}
div::-webkit-scrollbar-thumb:active{background:#000;}
.box-login{height:100%;float:right;display:inline;}
.box-search{min-width:320px;height:100%;color:#c2c2c2;float:right;display:inline;}
#search input{width:100%;background:#fff;border:1px solid #bababa;color:#000;float:left;font:14px 'Helvetica','Lucida Sans Unicode','Lucida Grande',sans-serif;height:25px;margin:0;padding:0 0 2px 10px;transition:background 0.3s ease-in-out 0s;}
#search button{background:url("../images/search-up.png") no-repeat scroll center center #fff;cursor:pointer;height:25px;text-indent:-99999em;transition:background 0.3s ease-in-out 0s;width:25px;margin-left:-100px;margin-top:2px;}
#search button:hover{background:url("../images/search.png") no-repeat scroll center center #c9c9c9;}
.button{height:50px;width:100%;max-width:240px;border-radius:3px;border:2px solid rgba(0,0,0,.3);box-sizing:border-box;padding:15px 10px;margin:0 auto;background:#383838;color:#FFF;font-weight:bold;font-size:12pt;transition:background .4s;text-align:center;}
.button:hover{background:#00923d;box-sizing:border-box;border:2px solid #fff;}
.button2{height:50px;width:100%;max-width:240px;border-radius:3px;border:2px solid #fff;box-sizing:border-box;padding:15px 10px;margin:0 auto;color:#FFF;font-weight:bold;font-size:12pt;transition:background .4s;text-align:center;background: #2ba329;}
.button2:hover{background:#fff108;box-sizing:border-box;border:2px solid #005f2a;color:#005f2a;}

.formlight{width:98%;padding:1%;margin:10px auto;border-radius:8px;background:#F4F4F4;float:left;}
.inputs{margin-top:10px;color:#4d4d4d;}
input[type="text"], input [type="password"], input [type="email"]{color:#000;font-size:16px;padding:10px 1%;}
.btn-regis{width:100%;max-width:300px;min-height:40px;text-align:center;padding:0 5%;margin:10px auto;background:url("../images/bg-regis.png")repeat center top;color:#fff;-webkit-transition:all 0.3s;transition:all 0.3s;}
.btn-regis:hover{background:url("../images/bg-regis-up.png")repeat center top;color:#fff;}
.box-regis-sec1{width:100%;height:40px;color:#4d4d4d;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0px 0px 2px #4F4F4F;margin:10px auto;padding:5px 5%;box-sizing:border-box;}
.box-regis-sec2{width:100%;height:200px;color:#4d4d4d;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0px 0px 5px #e8e8e8;margin:10px auto;padding:5px 5%;box-sizing:border-box;}
.inputslight{margin-top:10px;color:#4d4d4d;width:100%;}
.inputslight input[type="text"], .inputslight [type="password"], .inputslight [type="email"]{width:98%;height:45px;color:#4d4d4d;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #e8e8e8;margin:10px auto;padding:2px 1%;}
input[type="radio"], .frm-form-container{vertical-align:middle;padding:5px;display:inline-block;margin-left:20px;}
label{padding:1%;margin:1%;font-size:14px;color:#4f4f4f;line-height:1.4em;}
textarea{color:#000;font-size:16px;padding:10px 1%;border:1px solid #bababa;}
input[type="checkbox"]{display:block;background:#1b1b1b;}
input[type="checkbox"] + label{font-size:13px;}
input[type="checkbox"] + label span{display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(../images/check_radio_sheet.png) -1px top no-repeat;background-position:-0px 0px;cursor:pointer;}
input[type="checkbox"]:checked + label span{background:url(../images/check_radio_sheet.png) -23px top no-repeat;}
/* Top section */
video{z-index:1000;display:block;position:relative;width:100%;background:#000;}
/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: block;

	/** Position and style */
	position: fixed;
	z-index: -1;
	width: 0px;
	height: 0px;
	text-align: center;
	top: 50%;
	left: 50%;
	background:rgba(0, 0, 0, 0.85);padding-top:60px;box-sizing: border-box;
	transition:all 0.5s ease;
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	z-index: 999;
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}