:root{--color-main:#644c34;--color-main-2:#D92329;--color-main-3:#eeba84;--color-active:#4b0810;--color-social:#DC150F;--color-hover:#A97514;--color-text:#BB221D;--f-r:Bai Jamjuree Regular;--f-m:Bai Jamjuree Regular;--f-b:Bai Jamjuree Bold;--f-bl:Bai Jamjuree Bold;}
body{font-size:14px;font-family:var(--f-r);}
.wrap-container{overflow:hidden;margin:auto;max-width:1920px;/* min-width:1200px;margin:0 auto;*/
}
.wrap-content{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.wrap-main{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.max-width{max-width:1230px;margin:auto;padding-left:15px;padding-right:15px;}
/* Title */
.text-hover:hover{color:var(--color-main) !important;cursor:pointer;}
.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main h1,.title-main h2,.title-main span{color:var(--color-main);font-family:"Montserrat Bold";line-height:1.5;font-size:28px;text-transform:uppercase;color:#644c34;}
.title-main .slogan{line-height:1.5;font-size:16px;color:var(--color-main);font-family:var(--f-r);}
.slogan-pattern::before{position:absolute;content:'';background:url('../imgs/slogan-pattern-left.png') no-repeat;background-size:100% 100%;width:21px;height:13px;left:-40px;top:50%;transform:translateY(-50%);pointer-events:none;}
.slogan-pattern::after{position:absolute;content:'';background:url('../imgs/slogan-pattern-right.png') no-repeat;background-size:100% 100%;width:21px;height:13px;right:-40px;top:50%;transform:translateY(-50%);pointer-events:none;}
/* Menu */
 .menu{position:absolute;z-index:999;background:#644c3470;top:0;left:0;right:0;}
@media only screen and (max-width:991px){.menu{display:none;}
}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li{position:relative;z-index:1;margin:0px;}
.menu ul li.menu-line{width:4px;height:4px;background-color:#fff;border-radius:50%;}
.menu ul li a{margin:0px;/* padding:7px 25px;*/
position:relative;z-index:1;text-align:center;text-decoration:none !important;display:block;line-height:1.6;border-radius:60px;color:#FFF;font-family:var(--f-b);font-size:16px;text-transform:uppercase;}
.menu ul li.active_li > a{background-color:var(--color-main-2);padding:12px 35px;border-radius:0px 50px 50px 0px;}
/* .menu ul li a::before{position:absolute;content:'';width:100%;height:2px;background-color:var(--color-main);border-radius:5px;left:0px;bottom:0px;transform-origin:right;transform:scaleX(0);transition:transform 0.5s;}
.menu ul li a.active::before,.menu ul li:hover > a::before{transform-origin:left;transform:scaleX(1);}
*/
.menu ul li a.active,.menu ul li:hover > a{color:#eeba84;/* background:var(--color-main-2);*/
}
.menu ul li a.has-child{/* padding-right:16px;*/
/* margin-right:8px;*/
}
.menu ul li a.has-child:after{/* content:"";*/
position:absolute;bottom:calc(50% - 4px / 2);right:5px;width:5px;height:5px;border:1px solid #fff;border-top:0px;border-left:0px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu ul li:hover > a.has-child:after,.menu ul li a.active.has-child:after{border:1px solid var(--color-main);}
/* .menu ul li ul{position:absolute;min-width:250px;margin-top:0px;padding-top:0.75rem;padding-bottom:0.75rem;background-color:#fafafa;border-radius:0.25rem;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15);box-shadow:1px 1px 15px rgba(0,0,0,0.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;}
*/
.menu ul li ul{position:absolute;min-width:250px;left:0;background:var(--color-main);box-shadow:0 3px 11px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li{text-align:left;border-bottom:1px solid rgb(173 173 173 / 32%);}
.menu ul li ul li:last-child{border-bottom:0px;}
.menu ul li ul li a{font-size:14px;padding:10px;display:block;text-decoration:none !important;line-height:20px;text-align:left;font-weight:500;text-transform:capitalize;color:#fff;border-radius:0px;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{position:absolute;content:'';top:50%;left:0;width:0;height:1px;background:#fff;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;visibility:hidden;opacity:0;}
.menu ul li ul li a:hover:before,.menu ul li ul li>a.active:before{left:0;visibility:visible;opacity:1;width:20px;}
.menu ul li ul li a.active,.menu ul li ul li a:hover{padding-left:30px;color:#fff;}
.menu-left{width:180px;}
.menu-right{width:calc(100% - 100px - 100px);}
.menu-right-top-address,.menu-right-top-email,.menu-right-top-hotline{font-size:14px;color:#fff !important;font-family:var(--f-r);line-height:1.5;}
.menu-right-top-hotline{color:#dcaf76 !important;}
.menu-right-top{margin-bottom:20px;padding-bottom:20px;position:relative;}
.menu-right-top::before{position:absolute;content:'';background:url('../imgs/menu-line.png')no-repeat;background-size:100% 100%;bottom:0;left:0;right:0;height:3px;pointer-events:none;}
.fixed .menu-logo{zoom:0.4;}
.fixed .menu-right-top{display:none !important;}
.menu.fixed{background:#644c3470;}
/* SLider */
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22px);opacity:0;}
.position-relative:hover .control-owl{opacity:1;}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:0px;border-radius:50% !important;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:45px;height:45px;text-align:center;font-size:25px;margin:0px;background-color:var(--color-main);border-radius:3px;display:flex;align-items:center;justify-content:center;}
.control-owl button:hover{opacity:1;}
.control-owl button.owl-prev{left:20px;}
.control-owl button.owl-next{right:20px;}
@media only screen and (max-width:991px){.control-owl{opacity:1 !important;}
.control-owl button{width:25px;height:25px;}
}
/* Intro */
/* News */
.wrap-service{background:url('../imgs/service.jpg')no-repeat center / cover;}
.grid-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
.border-service-first{border-radius:0px 10px 0px 10px;overflow:hidden;}
.border-service-second{border-radius:10px 0px 10px 0px;overflow:hidden;}
.service-name{font-size:18px;letter-spacing:1px;line-height:1.5;text-transform:uppercase;color:#493826;font-family:var(--f-b);height:calc(1.5em * 2);}
.service-desc{font-size:15px;letter-spacing:0px;line-height:1.5;color:#666666;font-family:var(--f-r);height:calc(1.5em * 3);}
.wrap-procedure{background:url('../imgs/procedure.jpg')no-repeat center / cover;}
.procedure-box-img{width:112px;height:112px;border-radius:100%;margin:0px auto;}
.procedure-name{font-size:17px;line-height:1.5;color:#daae75;font-family:var(--f-b);height:calc(1.5em * 2);}
.procedure-desc{font-size:15px;line-height:1.5;color:#ffffff;font-family:var(--f-r);height:calc(1.5em *3);}
.procedure-box-empty{height:calc(1.5em *3);}
.flex-procedure{gap:30px;}
.procedure-box{max-width:180px;}
.project-large-name-position{bottom:0;left:0;right:0;background:#644c3480;}
.project-large-name{font-size:25px;line-height:1.5;text-transform:uppercase;color:#ffffff;font-family:var(--f-b);}
.procedure-box-odd::before{position:absolute;content:'';pointer-events:none;background:url('../imgs/procedure-circle-top.png')no-repeat;background-size:100% 100%;width:128px;height:65px;left:50%;top:-8px;transform:translateX(-50%);}
.procedure-box-even::before{position:absolute;content:'';pointer-events:none;background:url('../imgs/procedure-circle-bot.png')no-repeat;background-size:100% 100%;width:128px;height:65px;left:50%;bottom:-8px;transform:translateX(-50%);}
.procedure-box-odd::after{position:absolute;content:'';pointer-events:none;background:url('../imgs/procedure-arrow-top.png')no-repeat;background-size:100% 100%;width:16px;height:38px;left:50%;bottom:108%;transform:translateX(-50%);}
.procedure-box-even::after{position:absolute;content:'';pointer-events:none;background:url('../imgs/procedure-arrow-bot.png')no-repeat;background-size:100% 100%;width:16px;height:38px;left:50%;top:108%;transform:translateX(-50%);}
.procedure-box-img-empty-odd::before{position:absolute;content:'';pointer-events:none;background:url('../imgs/procedure-patern-first.png')no-repeat;background-size:100% 100%;top:-48px;right:-58px;width:85px;height:105px;}
.procedure-box-img-empty-even::before{position:absolute;content:'';pointer-events:none;background:url('../imgs/procedure-patern-second.png')no-repeat;background-size:100% 100%;bottom:-48px;right:-58px;width:86px;height:105px;}
.flex-procedure::before{position:absolute;content:'';pointer-events:none;width:100vw;height:2px;background:#eeba84;right:97.8%;bottom:118px;}
.flex-procedure::after{position:absolute;content:'';pointer-events:none;width:100vw;height:2px;background:#D4A871;left:104%;bottom:116px;}
.slick-project-small .slick-slide{padding:0 5px;}
.slick-project-small{margin-left:-5px;margin-right:-5px;}
.slick-project-small .slick-next{right:-75px;background:url('../imgs/project-arrow-right.png')no-repeat;background-size:100% 100%;width:41px;height:67px;}
.slick-project-small .slick-prev{left:-75px;background:url('../imgs/project-arrow-left.png')no-repeat;background-size:100% 100%;width:41px;height:67px;}
.slick-project-small .slick-arrow::before{display:none;}
.width-project-small{padding:0px 80px;}
.news-time-home{font-size:15px;line-height:1.5;color:#644c34;font-family:var(--f-r);}
.news-img{border-radius:15px;}
.news-img-home{border-radius:20px;-webkit-mask-image:url('../imgs/news-mask.png');mask-image:url('../imgs/news-mask.png');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:relative;-webkit-mask-size:100%;mask-size:100%;}
.news-home-arrow{bottom:0;right:5px;z-index:11;}
/* Product */
.wrap-product{background:url('../imgs/product.jpg')no-repeat center / cover;}
/* Photo */
.wrap-partner{background:#FFF2E2;padding:25px;border-radius:10px;margin-bottom:-80px;position:relative;}
.partner-title{font-size:20px;line-height:1.5;text-transform:uppercase;color:#644c34;font-family:var(--f-b);padding:0px 25px;position:relative;}
.partner-title::before{position:absolute;content:'';width:35px;height:4px;border-radius:2px;background-color:#daae75;bottom:-10px;left:0;right:0;pointer-events:none;margin:auto;}
/* Footer */
.copyright-statistic{border-top:solid 1px #daae75;}
.footer-slogan{font-size:24px;line-height:1.5;text-transform:uppercase;color:#ffffff;font-family:"Montserrat Bold";background:linear-gradient(to right,#DCAF76,#FAE2B4,#DCAF76);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.fanpage-photo{border-radius:25px;overflow:hidden;}
.tag-footer-items a:hover{text-decoration:underline;}
.footer-tag{background:rgba(0,0,0,0.50);}
.tags-title{color:#FFF;font-family:var(--f-b);font-size:20px;line-height:1.5;white-space:nowrap;}
.tag-footer-items a{line-height:1.5;white-space:nowrap;color:#FFF;font-family:var(--f-r);font-size:14px;}
.tag-footer-items:last-child span{display:none;}
.footer-cover{}
.footer-desc{color:#FFF;font-family:var(--f-b);font-size:18px;text-transform:uppercase;}
.bg-footer{background:url('../imgs/footer.jpg')no-repeat center/ cover;padding-top:130px !important;}
.footer-title{font-family:var(--f-m);line-height:1.5;text-transform:capitalize;color:#FFF;font-size:15px;}
.footer-name{font-size:18px;line-height:1.5;text-transform:uppercase;color:#daae75;font-weight:800;font-family:"Montserrat Bold";}
.footer-content{font-size:18px;line-height:2;color:#ffffff;font-family:var(--f-r);}
.info-footer{color:#fff;}
.footer-ul{padding-left:15px;}
.footer-ul li{padding:0px;color:#fff;}
.footer-ul li a{font-family:var(--f-r);line-height:2;color:#FFF;font-size:14px;}
.footer-ul li a:hover{text-decoration:underline;}
.footer-ul li.line{font-size:10px;}
.copyright,.statistic{font-size:15px;line-height:1.5;color:#daae75;font-weight:400;font-family:var(--f-r);}
.copyright span{}
/*Newsletter*/
.wrap-newsletter{background:url('../imgs/newsletter.jpg')no-repeat top 0 left 0;}
.newsletter-pakage{background:#FDFDFD;border-radius:15px;padding:50px 130px;position:relative;}
.newsletter-pakage::before{position:absolute;content:'';background:url('../imgs/line-newsletter.png')no-repeat;background-size:100% 100%;width:464px;height:6px;left:0;right:0;bottom:0;margin:auto;pointer-events:none;}
.newsletter-title{font-size:36px;line-height:1.5;text-transform:uppercase;color:#ffffff;font-family:"Montserrat Bold";background:linear-gradient(to right,#DCAF76,#FAE2B4,#DCAF76);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.btn-newsletter-set{padding:10px 15px;border:solid 1px var(--color-main-2);font-family:var(--f-b);line-height:1.5;border-radius:10px;background-image:linear-gradient(90deg,#644c34 0%,#dcaf76 100%);color:#FFF;font-size:16px;font-family:var(--f-r);}
.btn-newsletter-set:hover{background:var(--color-main);color:#fff;border-color:var(--color-main);}
.newsletter-input textarea{border-radius:0px;color:var(--TIU-EN,#4B3F35);font-family:var(--f-r);font-size:15px;line-height:1.5;height:45px;border:unset;border-bottom:solid 1px #ccc;}
.title-newsletter{text-align:center;font-family:var(--f-b);font-size:30px;line-height:1.5;text-transform:uppercase;background:var(--Linear,linear-gradient(270deg,#E1AA42 0%,#FDE386 27.5%,#E1AA42 57%,#FDE386 80%,#E1AA42 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.form-control option,#notes-newsletter{border-radius:10px;background:#F0E8DE;color:var(--TIU-EN,#4B3F35);font-family:var(--f-r);font-size:15px;line-height:1.5;height:45px;}
