/* CSS Document */
@font-face {
	font-family: 'ThaiSansNeueRegular';
	src: url('fonts/ThaiSansNeueRegular.eot');
	src: url('fonts/ThaiSansNeueRegular.eot?#iefix') format('embedded-opentype'),
	url('fonts/ThaiSansNeueRegular.woff') format('woff'),
	url('fonts/ThaiSansNeueRegular.ttf') format('truetype');
	font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'ThaiSansNeue';
	src: url('fonts/ThaiSansNeueRegular.eot');
	src: url('fonts/ThaiSansNeueRegular.eot?#iefix') format('embedded-opentype'),
	url('fonts/ThaiSansNeueRegular.woff') format('woff'),
	url('fonts/ThaiSansNeueRegular.ttf') format('truetype');
	font-weight: bold; font-style: normal;
}
img{ border:0; margin:auto;}
*{ margin:0; padding:0;}
a{ text-decoration:none; color:inherit;}
a:hover{ text-decoration: none;}

body {
	background:#FFF ;
    font-family: 'ThaiSansNeueRegular';
	font-size:18px;
	color:#000;
}
.carousel-inner>.item>img {
    margin: auto;
	width:100%;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.pull-left{
	margin-left:5%;
}
#back-to-top{
	width:40px;
	height:40px;
    position: fixed;
    z-index: 9999;
    bottom: 2%;
    right: 5%;
    line-height: 0.7;
	text-align:center;
	display:none;
	background:rgba(0,0,0,0.7);
}
#back-to-top a{
	color:#FFF;
	font-size: 18px;
	line-height:0;
    text-transform: uppercase;
}
.arrow-color{
	color: #FFF;
	font-size:30px;
	line-height: 1;
	margin-top: -5px;
}
#back-to-top a:hover{
	color: #FFF;
}
.top-text{
	color:#FFF;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/
.navbar-brand{
	width:75%;
	height:80px;
	position: relative;
}
.navbar-brand>img {
	width:3em;
}
.navbar{
	border:0;
	border-radius:0;
	margin-bottom:0;
}
.navbar-default {
    border-color: transparent;
    background-color: #e2e2e2;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
}
.navbar-toggle .icon-bar{
	width:30px;
	height:4px;
}
.navbar-default .navbar-toggle{
    margin: 5% 0 0 5%;
	padding:6px 0;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #2c661e;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#FFF;
    background-color: #117c01;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
    background-color: #117c01;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #FFF;
	background-color: #117c01;
}
.navbar-default .navbar-toggle{
	border:0;
}
.navbar-default .navbar-brand {
    color: #fff;
	font-size:50px;
}
.nav>li>a {
    font-size: 24px;
    font-family: 'ThaiSansNeueRegular';
}
.logo-xs {
	text-align:center;
	margin: 16% 0;
}
.height-box {
	height:80px;
}
.slim.navbar-default {
    background-color: #e2e2e2;
}
.xs-social-box {
    text-align: center;
	margin:15% 0;
}

.dropdown {
    font-family: 'ThaiSansNeue';
	font-size:24px;
}
.dropdown a {
	color:#252525;	
}
.dropdown-menu>li>a {
	font-size:24px;
}
.dropdown .svg-inline--fa.fa-w-10{
	width:0.35em;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/

.bg-content{
	background:#FFF;
}
.content-left{
	color:#FFF;
	margin:5% 0;
	font-size:30px;
	padding:10% 0;
	text-align:center;
	background: #c34949;
}
.content-right{
	color:#FFF;
	margin:5% 0;
	font-size:30px;
	padding:10% 0;
	text-align:center;
	background:#966;
}
.product {
	position:relative;
	color:#FFF;
    font-family: 'ThaiSansNeueRegular';
	margin-bottom:5%;
}
.product h1 {
	font-size:27px;
	margin:0;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product p {
    margin: 0;
    font-size: 23px;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-box {
    width: 90%;
    margin: auto;
    position: absolute;
    left: 5%;
    bottom: 6%;
}
.product:hover span {
	opacity:1;
}
.product span{
	height:100%;
	width: 100%;
	bottom:0;
	left:0;
	padding:0;
	position:absolute;
    bottom: 0;
	border-bottom:14px solid #388326;
	opacity:0;
    transition: all 0.4s;
}
.product img {
	width:100%;
}
.bg1 {
	background:url(../images/bg1.png) top center no-repeat;
	background-size:cover !important;
	text-align:center;
    padding: 6% 0;
}
.article-box {
	background:#FFF;
	padding: 4% 0;
}
.article-box p {
	color:#555555;
}
.article-box span {
	color:#f34d1a;
	background:#f5c94c;
	text-transform:uppercase;
    font-family: 'ThaiSansNeue';
	padding: 1% 4%;
}
.article-box h1 {
    font-family: 'ThaiSansNeue';
	font-size:30px;
	color:#157f01;
}	
.bg2 {
	background:#FFF;
    padding: 12% 0;
}
.bg2-head{
	color:#000;
	text-align:center;
	padding-bottom: 6%;
}
.bg2-head hr {
    border-top: 2px solid #388326;
    width: 57%;
    margin: auto;
}
.bg2-head h1 {
    margin:0;
	font-weight:700;
}
.bg2-bttn {
    text-align: center;
    padding-top: 6%;
}
.bg2-bttn a {
    color: #7d7d7d;
    border: 2px solid #388326;
    padding: 1% 4%;
    font-size: 21px;
}
.dropdown img {
    padding: 1%;
    border: 1px solid #000;
    border-radius: 40px;
}
.dropdown-menu img {
	border:0;
}
.bg-footer ul {
}






.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}



.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}


@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*///////////////////////////////////////////////////////////////////////////dropdown-header///////////////////////////////////////////////////////////////////////////*/
.dropdown-header{
	font-size:20px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 15px;
	font-size: 22px;
}
.navbar-nav>li>.dropdown-menu {
    width: auto;
}
/*///////////////////////////////////////////////////////////////////////////newsandevent///////////////////////////////////////////////////////////////////////////*/
.boxall-news{
	border:solid #fff;
	margin-bottom:20px;
}
.boximg-news{
	overflow:hidden;
	text-align:center;
	height:226px;
}
.img-news{
	max-width:100%;
	max-height:226px;
	opacity:1;
	transition:.3s;
}
.boxtext-news{
	overflow:hidden;
	position:relative;
	height:180px;
}
.text-news1{
	font-size:26px;
	font-weight:700;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}
.text-news2{
	font-size:22px;
	line-height:1.3;
}
.readmore{
	position:absolute;
	bottom:0;
	right:0;
	padding:0 10px;
	font-size:20px;
}
.readmore:hover{
	color:#2c661e;
}
.boxall-news:hover .img-news{
	opacity:.8;
}
.cate-news{
}
.cate-news ul{
}
.cate-news ul li{
	float:left;
	list-style:none;
	padding:5px 10px;
	font-size:26px;
	border:solid 2px #fff;
}
.cate-news ul li.active{
	border:solid 2px #117c01;
}
.cate-news ul li:hover{
	border:solid 2px #117c01;
	color:#000;
}
/*///////////////////////////////////////////////////////////////////////////portfolio///////////////////////////////////////////////////////////////////////////*/
.box-port{
	overflow:hidden;
	border:solid 2px #000;
	position:relative;
	text-align:center;
	height:226px;
	margin-bottom:20px;
}
.img-port{
	max-width:100%;
	max-height:226px;
}
.text-port{
	position:absolute;
	background:#117c01b8;
	height:100%;
	width:100%;
	color:#fff;
	font-size:30px;
	padding:90px 0 0 0;
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity:0;
	transition:.3s;
}
.box-port:hover .text-port{
	opacity:1;
}
.slview-port1{
	max-width:100%;
	max-height:346px;
}
.slview-port2{
	max-width:100%;
	max-height:120px;
	border:solid 1px #999;
	text-align:center;
}
.slview-port2:hover{
	border:solid 1px #000;
}
.textview-port{
	font-size:28px;
}
.img-pdf{
	max-width:15%;
}
/*-----List Page-----///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.badoo {
	margin-top:20px;
	padding:10px 0px;
	margin-right:20px;
	font-size:14px; 
	color: #000; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
	text-align:center;
	float:right;
}


div.badoo a{
	border: #4E4A4C 1px solid;
	padding: 3px 8px;
	margin: 0px 4px;
	color: #181516;
	text-decoration: none;
	background: #FFFFFF;
}
div.badoo a:hover {
	border:#999 1px solid;
	color:#FFF;
	background: #2c661e; /* Old browsers */
}

div.badoo span.current {
	padding: 3px 8px;
	border: #75676E 1px solid;
	background: #2c661e;
	color: #FFFFFF;
	margin: 0px 4px;
}
div.badoo span.disabled {
	display:none;
}
.text_notfound{
	font-size:1.4em;
	margin-left:20px;
	color:#f00;
}
/****************************/
/*-----Pagenumber----/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.pagelist{
	float:right;
	background:#FFF;
	padding:5px;
	border-radius:0px;
	margin:0 5px 20px 5px;
}
.pagelist li{
	display:inline-block;
	font-size:23px;
	cursor:pointer;
}
.pagelist li a:hover{
	background:#d7c899;
	border:1px solid #2c2c2c;
	color:#FFF;
	transition: all 0.4s;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	background:#FFF;
	color:#0e0e0e;
	border:1px solid #CCC;
	transition: all 0.4s;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	color:#CCC;
}
.pagelist li a{
	color:#777;
	display:block;
	background:#FFF;
	padding:0px 12px;
	border:1px solid #CCC;
	font-style:italic;
	font-weight:bold;
}
.pagelist li a i.fa{
	font-size:18px;
	vertical-align: middle;
}

.pagelist>li:first-child>a, .pagelist>li:first-child>span , .pagelist>li:last-child>a, .pagelist>li:last-child>span {
	border-radius:0px;
}
.pagelist li.active a{
    color: #ae9366;
    background: #eeebeb;
}
.no-item{
	font-size:24px;
	color:#f00;
}
/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

.bg-footer{
	text-align:center;
	background: #2c661e;
	color:#FFF;
    font-family: 'ThaiSansNeueRegular';
}
.bg-footer a {
	color:#FFF;
}
.bg-footer ul {
	list-style:none;
}
.bg-footer ul li {
	font-size:20px;
}

.copyright {
    color: #FFF;
    padding: 2% 7%;
    font-size: 20px;
}
.copyright a{
	color:#FFF;
}
.address h1 {
	font-size:26px;
}
.address p {
	font-size:21px;
}
/*///////////////////////////////////////////////////////////////////////////about-us///////////////////////////////////////////////////////////////////////////*/
.text-about1{
	font-size:30px;
	font-weight:700;
	color:#000;
	border-bottom:solid 1px #2c661e;
}
.text-about2{
	font-size:26px;
	color:#000;
}
.text-about3{
	font-size:40px;
	font-weight:700;
	color:#000;
	text-align:center;
}
.box-about{
	text-align:center;
	font-size:26px;
	color:#000;
}
.icon-about{
	max-width:100%;
	transform:scale(1);
	transition:.3s;
	cursor:pointer;
}
.icon-about:hover{
	transform:scale(1.1);
}
.text-about4{
	font-size:60px;
	color:#fff;
	letter-spacing:4px;
	font-weight:700;
	text-align:center;
	background:#2c661e;
	border-bottom:solid 3px #f6ea58;
	border-top:solid 3px #f6ea58;
	padding:10px 0;
}
.img-about{
	max-width:100%;
}
/*///////////////////////////////////////////////////////////////////////////contact-us///////////////////////////////////////////////////////////////////////////*/
.text-cont1{
	font-size:26px;
	color:#000;
	font-weight:700;
}
.text-cont2{
	font-size:25px;
	color:#000;
}
.text-cont3{
	font-size:28px;
	color:#000;
	font-weight:700;
}
.img-location{
	max-width:100%;
	max-height:500px;
}
/*///////////////////////////////////////////////////////////////////////////form and map///////////////////////////////////////////////////////////////////////////*/
#map   {
	width:100%; height:300px;
	box-shadow: 1px 1px 2px #c4c4c4;
	border:10px solid #FFF;
    overflow:hidden;
    text-align:center;
}
.form-control {
    border: 1px solid #7a7a7a;
	border-radius: 0px;
	font-size: 18px;
}
.glyphicon {
    color: #117c01;
}
.btn-send{
    color: #fff;
    background: #117c01;
	border:none;
	text-align:center;
	/*padding:0 10px;*/
	width:100%;
	font-size:26px;
}
.btn-send:hover{
	transition: all 0.6s;
	color:#fff;
    background: #2c2c2c;
}
.contact-bg {
    background: url(../images/contact-bg.png) left no-repeat;
    background-size: cover;
    background-attachment: fixed;
	height:300px;
}
/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px ) {
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #fff;
		height: 100vh !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.navbar-default, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.navbar-default.-collapse {
		margin-left: 250px;
		width:100%;
	}
	.img-about{
		margin-bottom:10px;
	}
	.text-about4 {
    	font-size: 42px;
	}
	.cate-news ul li {
		font-size: 22px;
	}
	.navbar-nav .open .dropdown-menu {
    	overflow: hidden;
	}
	.product{
		height:228px;
	}
	.product img {
		max-height:228px;
	}
}

/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/