body {font-family: "Kanit", sans-serif;font-weight: 400;font-style: normal;}
a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.primbg {background-color: #3b3530;}
.primlightbg{background-color: #f8f1eb;}
.primdarkbg {background-color: #292420;}
.lightbg {background-color: #eff4ec;}
.txcolor {color:#656966;} 


.nvbar {background-color: #26201b;}
.logo {display: inline-block;padding: 2px 14px 10px 14px;transition: all 0.5s linear;background-color: #26201b;border-radius:0px 0px 5px 5px;}
.logo img {height:60px;transition: all 0.5s linear;}
.mainnav {display: block;margin-top: 25px;}
.mainnav a {display: inline-block;color:#fff;margin-right: 16px;padding-right: 18px;font-size:16px;font-weight:300;position: relative;position: relative;}
.mainnav a:last-child {margin-right: 0px;padding-right: 0px;}
.mainnav a::after {position: absolute;right: 0px;top:50%;transform: translateY(-50%);width: 1px;height: 16px;background-color: #615042;content: '';}
.mainnav a:last-child:after {display: none;}
.mainnav a:hover {color: #eaa064;}
.langnav a {display: inline-block;color: #fff;background-color: #615042;font-size:14px;font-weight:300;border-radius: 3px;padding: 4px 9px;margin-top: 22px;}
.langnav a:hover {background-color: #eaa064;}

.srink {box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3) !important;}
.srink .logo img {height:48px;}
.srink .mainnav {margin-top: 18px;}
.srink .mainnav a {margin-right: 12px;padding-right: 12px;}
.srink .mainnav a:last-child {margin-right: 0px;padding-right: 0px;}
.srink .langnav a {margin-top: 16px;}

.hero {display: block;overflow: hidden;}
.hero .heroslide {display:block;height: 680px;padding-top: 310px;}
.hero .heroslide h1 {color:#fff;font-size:42px;font-weight:200;line-height: 50px;padding-left: 16px;}
.hero .heroslide h1 span {color:#eaa064;font-weight: 400;}


.hero .one {background: url(../images/hero/b.jpg) no-repeat left center;background-size: cover;}
.hero .two {background: url(../images/hero/a.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../images/hero/c.jpg) no-repeat left center;background-size: cover;}

.mapbg {background: url(../images/bgmap.png) no-repeat 40% top;}

.iconbox-style-01 {display:block;position:relative;padding:90px 24px 20px 24px;background-color: rgba(255, 255, 255, 0.2);border-radius: 9px;box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.1);transition:all 0.3s linear;height:100%}
.iconbox-style-01 * {transition:all 0.3s linear;}
.iconbox-style-01 .iconbox{position:absolute;text-align: center;padding-top: 14px;width:90px;height:90px;left:50%;transform: translateX(-50%);top:-20px;z-index:0;background-color:#5d3f26;border-radius:6px;}
.iconbox-style-01 .iconbox img{height:60px;}
.iconbox-style-01 .icontext {position:relative;z-index:10;}
.iconbox-style-01 .icontext h4 {color:#2d2f36;font-size:21px;font-weight:500;}
.iconbox-style-01 .icontext p {color:#7a7a7a;font-size:18px;font-weight:300;line-height:26px;}

.iconbox-style-01:hover {box-shadow: 3px 3px 9px rgba(0,0,0,0.2);padding:55px 24px 55px 24px;}
.iconbox-style-01:hover .iconbox{width:100%;height:100%;top:0px;border-radius:9px;border-top-right-radius:0px;background: #5d3f26;}
.iconbox-style-01:hover .icontext h4 {color:#fff;}
.iconbox-style-01:hover .icontext p {color:rgba(255,255,255,0.7);}
.iconbox-style-01:hover .iconbox img{height:160px;opacity:0.05}

.txsty h2 {color:#5d3f26;font-size:30px;font-weight:400; }
.txsty h3 {color:#5d3f26;font-size:24px;font-weight:400; }
.txsty p.sechead-noline {color:#8a694e;font-size:16px;font-weight:400;}
.txsty p.sechead {color:#b18867;font-size:16px;font-weight:400;position: relative;padding-left: 108px;}
.txsty p.sechead::before {position: absolute;left:0px;top:50%;transform: translateY(-50%);width: 90px;height: 1px;background-color: #b18867;content: ''; }
.txsty p.sechead-white {color:#fff;} 
.txsty p.sechead-white::before {background-color:#fff;} 

.txsty p {color:#4f453c;font-size:18px;font-weight:300;line-height:26px;}
.txsty p.prodtx {color:#444;font-size:14px;font-weight:300;line-height: 18px;}
.txsty .icon {display:inline-block;text-align: center;border-radius: 5px;overflow: hidden;transition: all 0.3s linear;}
.txsty .icon img {width:80px;margin:30px 30px 26px 30px;}

.txsty .icon-green, .txsty .icon-dark:hover {background-color: #78573c;}
.txsty .icon-dark, .txsty .icon-green:hover {background-color: #332a23;}

.txsty-white h2 {color: #fff;font-weight:300;line-height:36px;font-size: 26px; } 
.txsty-white h2 span {color: #eaa064;} 


.copy {color:#9b8776;font-size: 14px;font-weight: 300;}