body {
    min-height: 200px;
    padding-top: 0;
    font-family: 'Prompt', sans-serif;
    font-weight: normal;
    color: #525252;
}
body.index-header,
body.pageall-header {
	padding-top: 103px;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
body.index-header.animation-header,
body.pageall-header.animation-header {
	padding-top: 73px;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}
.navbar-default .navbar-nav>li>a,
.link-525252 {
	color: #525252;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
a:hover,
a:focus,
.clr-txt,
.link-525252:hover,
.link-525252:focus {
	color: #518e48;
}
.img-rounded-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.light-font {
    font-weight: 300;
}
.pt-15 {
    padding-top: 15px;
}

/* =====================================
// HEADER 
======================================*/
.navbar {
	margin-bottom: 0;
	min-height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
}
#header.navbar-default {
	border-color: #ffffff;
}
#header.navbar-fixed-top {
    border-width: 0 0 4px;
}
.index-header .navbar-default {
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}
.animation-header .navbar {
	padding-top: 0;
	padding-bottom: 0;
}
.index-header.animation-header .navbar-default {
	background-color: #ffffff;
    border-color: #e7e7e7;
}
.navbar-nav {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-default .navbar-nav>li>a {
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	white-space: nowrap;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
	color: #fce525;
	background-color: transparent;
}
.navbar-brand {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.navbar-default .navbar-toggle {
	margin-top: 15px;
	margin-bottom: 15px;
	border-color: transparent;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
}
.navbar-default .navbar-nav>.lang-en>a:before,
.navbar-default .navbar-nav>.lang-th>a:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	margin-left: -17px;
	overflow: hidden;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	background-repeat: no-repeat;
	background-color: #eeeeee;
}
.navbar-default .navbar-nav>.lang-en>a:before {
	background-image: url(../images/en_black.png);
}
.navbar-default .navbar-nav>.lang-th>a:before {
	background-image: url(../images/th_black.png);
}
.navbar-default .navbar-nav>.lang-en>.active:before {
	background-image: url(../images/en.png);
}
.navbar-default .navbar-nav>.lang-th>.active:before {
	background-image: url(../images/th.png);
}
.navbar-default .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
}
@media (max-width: 767px) {
	.index-header .navbar-default .navbar-collapse {
		background-color: #ffffff;
	}
	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		text-align: center;
	}
}

/* ====================================
// INDEX 
==================================== */
.section-content {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
span#home,
.section-content>span#about,
.section-content>span#golden-mango,
.section-content>span#frozen-fruit,
.section-content>span#premium-quality,
.section-content>span#healthy,
.section-content>span#export,
#footer>span#contact {
	position: absolute;
	visibility: hidden;
	top: 0px;
}
/* ======================================
// SCROLL
=======================================*/
.scrollToTop{
	width:24px; 
	height:24px; 
	text-align:center; 
	background-color: transparent;
	font-size:20px;
	font-weight: bold;
	color: #dedede;
	border: 2px solid #dedede;
	text-decoration: none;
	line-height: 10px;
	position:fixed;
	bottom:20px;
	right:10px;
	display:none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.scrollToTop:focus,
.scrollToTop:hover{
	text-decoration:none;
	color: #518e48;
	border-color: #518e48;
	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	-webkit-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
/* ==========================================
// FOOTER 
========================================== */
#footer {
	position: relative;
}
#footer>.container {
	padding-top: 50px;
	padding-bottom: 30px;
}
#footer a {
	color: #333333;
}
#footer a:hover {
	color: #bb954a;
}
.copyright-bottom {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.c-all {
	text-align: center;
}
.c-all>a{
	font-weight: bold;
	color: #525252;
	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	-webkit-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.c-all>a:hover {
	text-decoration:none;
	color: #518e48;
}
.scroll-href {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	left: 50%;
	top: -20px;
	margin-left: -20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #ffffff;
	font-size:20px;
	font-weight: bold;
	color: #dedede;
	text-align:center;
}
.scroll-href>i{
	display: inline-block;
	width:24px; 
	height:24px;
	margin-top: 8px;
	text-align:center;
	border: 2px solid #dedede;
	line-height: 16px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.scroll-href:hover{
	text-decoration:none;
	color: #518e48;
}
.scroll-href:hover>i{
	border-color: #518e48;
}
.line-w40h3-bb954a {
	width: 40px;
	height: 3px;
	background-color: #bb954a;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Socail */
.social-group {
	padding-top: 10px;
	padding-bottom: 10px;
}
.social-group .icon-item {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	-webkit-border-radius: 19px;
  	-moz-border-radius: 19px;
  	border-radius: 19px;
  	overflow: hidden;
  	background-image: url("../images/social.png");
  	background-repeat: no-repeat;
}
.social-group .icon-item:hover {
	background-image: url("../images/social_active.png");
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.social-group .icon-item.facebook {
	background-position: 0 0;
}
.social-group .icon-item.line {
	background-position: -50px 0;
}
.social-group .icon-item.youtube {
	background-position: -102px 0;
}
.social-group .icon-item:first-child {
	margin-left: 0;
}

/*===========================================
// Preloader Starts 
===========================================*/
#loading {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 2000;
    top: 0;
    background: #fff;
}
.loaded #loading {display: none;}
.loader {
    position: absolute;
    top: 50%;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
}
.loader .dot {
    width: 24px;
    height: 24px;
    background: #79d1d6;
    border-radius: 100%;
    display: inline-block;
    animation: slide 1s infinite;
}
.loader .dot:nth-child(1) {
    animation-delay: 0.1s;
    background: #79d1d6;
}
.loader .dot:nth-child(2) {
    animation-delay: 0.2s;
    background: #5ec6ce;
}
.loader .dot:nth-child(3) {
    animation-delay: 0.3s;
    background: #90d3a6;
}
.loader .dot:nth-child(4) {
    animation-delay: 0.4s;
    background: #b8c800;
}
.loader .dot:nth-child(5) {
    animation-delay: 0.5s;
    background: #7fba00;
}
@-moz-keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3;transform: scale(2);}
    100% {transform: scale(1);}
}
@-webkit-keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3;transform: scale(2);}
    100% {transform: scale(1);}
}
@-o-keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3;transform: scale(2);}
    100% {transform: scale(1);}
}
@keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3;transform: scale(2);}
    100% {transform: scale(1);}
}

/* ========================================
// CONTACT
======================================== */
.address,
.frm-contact {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}

/* ========================================
// SPACE
======================================== */
[class*="space-"] {
	width: 100%;
	clear: both;
}
.space-5 {height: 5px;}
.space-10 {height: 10px;}
.space-15 {height: 15px;}
.space-20 {height: 20px;}
.space-25 {height: 25px;}
.space-30 {height: 30px;}

/* ========================================
// BACKGROUND COLOR and TEXT COLOR
======================================== */
.bgc-768b48 {background-color: #768b48;}
.bgc-ffffff {background-color: #ffffff;}
.bgc-f2f2f2 {background-color: #f2f2f2;}
.bgc-f7f7f7 {background-color: #f7f7f7;}
.bgc-d9d9d9 {background-color: #d9d9d9;}
.bgc-68744e {background-color: #68744e;}
.txtc-ffffff {color: #ffffff;}
.txtc-333333 {color: #333333;}
.txtc-bb954c {color: #bb954c;}
.txtc-518d46 {color: #518d46;}

/* ========================================
// BTN and FORM CONTROL
======================================== */
.btn-send-gold {
	background-color: #bb954a;
	border-color: #bb954a;
	color: #ffffff;
}
.btn-send-gold:hover,
.btn-send-gold:focus {
	background-color: #ffffff;
	border-color: #bb954a;
	color: #bb954a;
}
.btn-readmore-gold {
	background-color: #ffffff;
	border-color: #bb954a;
	color: #bb954a;
}
.btn-readmore-gold:hover,
.btn-readmore-gold:focus {
	background-color: #bb954a;
	border-color: #bb954a;
	color: #ffffff;
}
.frm-contact .form-control {
	border-radius: 0;
}
.frm-contact .form-control:focus {
  border-color: #bb954c;
  -webkit-box-shadow: inset 0 1px 1px rgba(187,149,76,.075), 0 0 8px rgba(218, 174, 89, .6);
          box-shadow: inset 0 1px 1px rgba(187,149,76,.075), 0 0 8px rgba(218, 174, 89, .6);
}

/* ========================================
// BXSLIDER
======================================== */
.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  margin-bottom: 10px;
}
.list-slide>a {
	display: inline-block;
	min-width: 265px;
	text-align: center;
	padding: 5px 15px;
	margin: 10px 15px;
	border: 1px solid #bb954a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
	color: #bb954a;
}
.list-slide>a:hover,
.list-slide>a.active {
	background-color: #bb954a;
	color: #ffffff;
}
.outside a {
	display: inline-block;
	padding: 5px 15px;
	margin: 5px;
	border: 1px solid #bb954a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	color: #bb954a;
}
.outside a:hover {
	background-color: #bb954a;
	color: #ffffff;
}

/* ===============================================
// NEWS
=============================================== */
.news-group {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border-color: #ffffff;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
.news-thumb,
.news-desc {
	margin-bottom: 20px;
	display: block;
}
.news-name {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
}
.news-name a {
	color: #bb954a;
}
.news-date {
	margin-bottom: 10px;
	display: block;
	color: #518D46;
}
.news-caption {
	margin-bottom: 15px;
}

/* ===============================================
// IMG DESIGN
=============================================== */
.section-content>.container {
	position: relative;
}
.leaf_left,
.leaf_right,
.mango_left {
	position: absolute;
}
.leaf_left,
.leaf_right {
	width: 120px;
	z-index: 0;
}
.leaf_left {
	left: 0;
	bottom: 0;
}
.leaf_right {
	right: 0;
	top: 0;
}
.mango_left {
	left: 0;
	bottom: -30px;
	width: 120px;
	z-index: 1;
}
@media (min-width: 768px) {
	.leaf_left,
	.leaf_right,
	.mango_left  {
		width: auto;
	}
	.mango_left {
		bottom: -80px;
	}
	.export-content {
		padding-bottom: 60px;
	}
}

/* ===============================================
// PARALLAX
=============================================== */
.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

/* ===============================================
// MODAL
=============================================== */
@media (min-width: 768px) {
	.modal-dialog.modal-full-screen {
	    width: auto;
	    margin: 10px;
	}
}

/* ===============================================
// EXPORT 
=============================================== */
.mg-bottom-0 {
	margin-bottom: 0;
}
.ex-label {
	font-size: 14px;
	font-weight: bold;
}
.ex-text {
	font-weight: 400;
	font-size: 14px;
}
.table>thead>tr>th>a{
	color: #333333;
	display: block;
}
.table>thead>tr>th>a:hover,
.table>thead>tr>th>a:focus {
	color: #518e48;
}
.table>thead>tr>th>.collapsed:before,
.table>thead>tr>th>a:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
}
.table>thead>tr>th>.collapsed:before {
	content: "\f055";
}
.table>thead>tr>th>a:before {
	content: "\f056";
}
.ex-heading {
	font-weight: bold;
}
.ex-table {}
.ex-prev,
.ex-next {
	color: #bb954c;
}
.posl {
	position: relative;
}
.carousel-indicators.ex30 {
  position: absolute;
  bottom: -42px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators.ex30 li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #666;
  border-radius: 10px;
}
.carousel-indicators.ex30 .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #666;
}
@media (min-width: 768px) {
	.dl-horizontal.ex-dl dt {
		width: 260px;
	}
	.dl-horizontal.ex-dl dd {
	    margin-left: 280px;
	}
}