@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@100;400;500;700&display=swap");body{background:#fff;color:#000;font-family:"Kanit",sans-serif}a{color:#000;transition:.5s}a:hover,a:active,a:focus{color:#000;outline:none;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:"Kanit",sans-serif;font-weight:400;margin:0 0 20px;padding:0}.back-to-top{position:fixed;display:none;background:#d8d8d8;color:#888;width:44px;height:44px;text-align:center;line-height:1;font-size:16px;border-radius:50%;right:15px;bottom:15px;transition:background .5s;z-index:11}.back-to-top i{padding-top:12px;color:#888}@media (max-width:768px){.back-to-top{bottom:15px}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #f2f2f2;border-top:6px solid #18d26e;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}@-webkit-keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#header{transition:all .5s;z-index:997;padding:18px 0;background:rgba(0,0,0,.9)}#header.header-transparent{background:0 0}#header.header-scrolled{background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 52%,rgba(0,0,0,.7455357142857143) 78%,rgba(0,0,0,0) 100%);padding:18px 0}#header .logo{font-size:34px;margin:0;padding:0;line-height:1;font-family:"Kanit",sans-serif;font-weight:700;letter-spacing:3px;padding-left:10px}#header .logo a{color:#fff}#header .logo img{max-height:60px}@media (max-width:992px){#header .logo{font-size:28px}}.nav-menu ul{margin:0;padding:0;list-style:none}.nav-menu>ul{display:flex}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a{display:block;position:relative;padding-top:.8rem;padding-bottom:.8rem;padding-left:20px;padding-right:20px;color:#fff;transition:.3s;font-size:14px;font-family:"Kanit",sans-serif;text-transform:uppercase;z-index:0}.nav-menu .drop-down a{padding:12px 20px}.nav-menu a:hover,.nav-menu .active>a,.nav-menu li:hover>a{color:#ff0;font-weight:600}.nav-menu a:hover:before,.nav-menu li:hover>a:before,.nav-menu .active>a:before{opacity:1}.nav-menu>ul>li>a:before{position:absolute;bottom:16px;left:0;right:0;width:70%;height:6px;content:"";margin:0 auto;opacity:0;z-index:-1;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.nav-menu>ul>li.drop-down>a:before{position:absolute;bottom:16px;left:0;right:0;width:0;height:0;content:"";background:#ff0;margin:0 auto;opacity:0;z-index:-1;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}.nav-menu .drop-down ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#fff;box-shadow:0px 0px 30px rgba(127,137,161,.25);transition:.3s;margin:10px;right:-40px}.nav-menu .drop-down:hover>ul{opacity:1;top:100%;visibility:visible}.nav-menu .drop-down:hover>ul:before{border-top:1px solid #dfe3e7;border-left:1px solid #dfe3e7;content:"";position:absolute;top:-1px;left:1.2rem;width:.75rem;height:.75rem;display:block;background:#fff;-webkit-transform:rotate(45deg) translate(-7px);-ms-transform:rotate(45deg) translate(-7px);transform:rotate(45deg) translate(-7px);z-index:10;box-sizing:border-box}.nav-menu .drop-down li{min-width:180px;position:relative}.nav-menu .drop-down ul a{padding:10px 20px;font-size:13px;text-transform:none;color:#333}.nav-menu .drop-down>a:after{font-family:"Font Awesome 5 Free";content:"\f078" !important;padding-left:5px}.nav-menu .drop-down .drop-down ul{top:0;left:calc(100% - 30px)}.nav-menu .drop-down .drop-down:hover>ul{opacity:1;top:0;left:100%}.nav-menu .drop-down .drop-down>a{padding-right:35px}.nav-menu .drop-down .drop-down>a:after{content:"\eaa0";font-family:IcoFont;position:absolute;right:15px}@media (max-width:1366px){.nav-menu .drop-down .drop-down ul{left:-90%}.nav-menu .drop-down .drop-down:hover>ul{left:-100%}.nav-menu .drop-down .drop-down>a:after{content:"\ea9d"}}.mobile-nav-toggle{position:fixed;right:15px;top:25px;z-index:9999999999;border:0;background:0 0;font-size:24px;transition:all .4s;outline:none !important;line-height:1;cursor:pointer;text-align:right}.mobile-nav-toggle i{color:#fff}.mobile-nav{position:fixed;top:55px;right:15px;bottom:15px;left:15px;z-index:99999999999;overflow-y:auto;background:#fff;transition:ease-in-out .2s;opacity:0;visibility:hidden;border-radius:10px;padding:10px 0}.mobile-nav *{margin:0;padding:0;list-style:none}.mobile-nav a{display:block;position:relative;color:#333;padding:10px 20px;font-weight:500;outline:none}.mobile-nav a:hover,.mobile-nav .active>a,.mobile-nav li:hover>a{color:#fcd307;text-decoration:none}.mobile-nav .drop-down>a:after{content:"\ea99";font-family:IcoFont;padding-left:10px;position:absolute;right:15px}.mobile-nav .active.drop-down>a:after{content:"\eaa1"}.mobile-nav .drop-down>a{padding-right:35px}.mobile-nav .drop-down ul{display:none;overflow:hidden}.mobile-nav .drop-down li{padding-left:20px}.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(26,26,26,.6);overflow:hidden;display:none;transition:ease-in-out .2s}.mobile-nav-active{overflow:hidden}.mobile-nav-active .mobile-nav{opacity:1;visibility:visible}.mobile-nav-active .mobile-nav-toggle i{color:#fff}#intro{width:100%;height:100vh;background:#000;overflow:hidden;position:relative;z-index:2}@media (max-height:500px){#intro{height:150vh}}#intro .carousel,#intro .carousel-inner,#intro .carousel-item,#intro .carousel-item:before{position:absolute;top:0;right:0;left:0;bottom:0}#intro .carousel-item{background-size:cover;background-position:center;background-repeat:no-repeat}#intro .carousel-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:70px;left:0;right:50px}@media (max-width:425px){#intro .carousel-container{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;top:70px;left:-25px;right:50px}}#intro .container{text-align:center}#intro h2{color:#fff;margin-bottom:30px;font-size:48px;font-weight:700}@media (max-width:768px){#intro h2{font-size:28px}}#intro p{width:80%;margin:0 auto 30px auto;color:#fff}@media (min-width:1024px){#intro p{width:60%}}#intro .carousel-fade{overflow:hidden}#intro .carousel-fade .carousel-inner .carousel-item{transition-property:opacity}#intro .carousel-fade .carousel-inner .carousel-item,#intro .carousel-fade .carousel-inner .active.carousel-item-left,#intro .carousel-fade .carousel-inner .active.carousel-item-right{opacity:0}#intro .carousel-fade .carousel-inner .active,#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right{opacity:1;transition:.5s}#intro .carousel-fade .carousel-inner .carousel-item-next,#intro .carousel-fade .carousel-inner .carousel-item-prev,#intro .carousel-fade .carousel-inner .active.carousel-item-left,#intro .carousel-fade .carousel-inner .active.carousel-item-right{left:0;transform:translate3d(0,0,0)}#intro .carousel-control-prev,#intro .carousel-control-next{width:10%}@media (min-width:1024px){#intro .carousel-control-prev,#intro .carousel-control-next{width:5%}}#intro .carousel-control-next-icon,#intro .carousel-control-prev-icon{background:0 0;font-size:32px;line-height:1}#intro .carousel-indicators li{cursor:pointer}#about{background-size:cover;padding:0;position:relative;height:auto;background-color:#272727;overflow:hidden;padding:5%}#about .container-fluid{position:relative}#about .about-cols .a-1{padding-right:5%}#about .title{background-size:contain !important;background-position:left !important;padding:25px;height:auto;display:flex;justify-content:center;align-items:center;width:261px;height:88px}#about .title h2{color:#000;text-transform:uppercase;margin:0;font-weight:700}#about .content-about{padding-top:10%;height:auto;position:relative}#about .content-about h2{color:#848484;text-transform:uppercase;font-size:32px}#about .content-about p{color:#fff}#about .product{position:absolute;overflow:hidden;width:100%;top:60%;padding-left:20%;padding-right:2%}#about .product .modal-header .close{padding:0 1rem;margin:-1rem -1rem -1rem auto;background-color:#ff0;opacity:1}@media (max-width:1199px){#about .product{position:relative;padding-left:2%}}@media (max-width:992px){#about{height:auto;padding-top:10%;padding-bottom:10%;padding-left:5%}#about .product{position:relative;padding-left:2%}#about .container-fluid{position:relative;padding-right:0}#about .title{width:100%;height:auto;text-align:center;background-position:center !important}}@media (max-width:575px){#about .title h2{font-size:24px}}#wheretoget{padding:0;position:relative;height:auto;background-color:#000}#wheretoget .pd-t{padding-top:5%;padding-bottom:5%}#wheretoget .title-text{background-size:contain !important;background-position:center !important;padding:20px;height:auto;display:flex;justify-content:center;align-items:center;width:calc(100% + 20px);position:relative;left:-15px}@media (max-width:768px){#wheretoget .title-text{width:calc(100% + 36px);position:relative;left:-15px}}#wheretoget .title-text h2{font-size:32px;color:#000;text-transform:uppercase;margin:0;font-weight:700}.wheretoget-content{padding-left:5%;color:#fff}.faq-contact{padding-right:5%}#faq-list{padding:10px 0;list-style:none;margin:0}#faq-list .faq{padding:10px;display:block;position:relative;font-family:"Kanit",sans-serif;line-height:1;font-weight:400 !important;background-color:#fff;margin-top:10px;border-radius:40px;font-weight:700;position:relative;z-index:2}#faq-list a img{width:24px;height:24px}#faq-list i{font-size:24px;position:absolute;right:40px;top:10px}#faq-list p{margin-bottom:0}#faq-list .faq-detail{padding:40px 20px 20px 25px;color:#fff;background:#191919;border-radius:6px;position:relative;top:-20px;z-index:1}@media (max-width:768px){#faq-list .faq{font-size:18px}}#faq-list .faq.collapsed{color:#000}#faq-list .faq.collapsed i:before{content:"\f067" !important}@media (max-width:767px){#wheretoget{height:auto;padding-top:10%;padding-bottom:10%;padding-left:5%;padding-right:5%}.faq-contact{padding:0 !important}.wheretoget-content{padding:0}}@media (max-width:576px){#wheretoget .title-text h2{font-size:24px}}#news{background-size:cover;padding:0;position:relative;background-color:#000;padding-bottom:40px}#news .container-fluid{position:relative}#news .pd-t{padding-top:5%;padding-left:5%;padding-right:5%}#news .title-text{background-size:contain !important;background-position:left !important;padding:20px;margin-bottom:60px;padding-left:140px;height:auto;display:flex;justify-content:flex-start}#news .title-text h2{font-size:32px;color:#000;font-weight:700;margin:0;text-transform:uppercase}#news .news-list{margin-bottom:30px;display:none}#news .news-list.left{padding-left:5%}#news .news-list.right{padding-right:5%}#news .news-content{padding:0 15px;color:#848484}#news .news-content a{color:#ff0}#news .news-content a i{font-size:12px;margin-left:5px;border:1px solid #ff0;padding:5px 8px;border-radius:50%}#news .bt a{background-color:#ff0;text-transform:uppercase;border-radius:40px;padding:10px 20px;text-decoration:none}#news .news-content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;margin-bottom:10px}#news .news-detail{height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}#news .news-detail h4{color:#000;font-weight:700;font-size:40px}#news .modal-header .close{padding:0 1rem;margin:-1rem -1rem -1rem auto;background-color:#ff0;opacity:1}@media (max-width:992px){#news .news-list.left{padding-right:5%}#news .news-list.right{padding-left:5%}}@media (max-width:767px){#news .title-text{padding-left:5%;padding-right:0;background-position:center !important;justify-content:center}}@media (max-width:576px){#news .news-content{margin-top:20px;padding:0}#news .title-text{padding-top:5%;margin-bottom:0;text-align:center}#news .title-text h2{font-size:24px}}@media (max-width:425px){#news .modal-header .close{padding:0 .5rem;margin:-1rem -1rem -1rem auto;background-color:#ff0;opacity:1}#news .modal-header{padding-bottom:0 !important}#news .modal-header span{font-size:32px !important}#news .news-detail h4{font-size:28px;margin-top:10px;margin-bottom:0}#news .modal-body{padding-top:0 !important}}@media (max-width:1440px){#news .img img{height:275px}}@media (max-width:1199px){#news .img img{height:auto}}#retail{background-size:cover;padding:0;height:100vh;position:relative;background-color:#000}#retail.change{margin-bottom:632px}#retail .container-fluid{position:relative;z-index:10}#retail .retail-detail{padding-left:10%;padding-right:10%}#retail .title{width:100%;background-size:contain !important;background-position:center !important;padding:20px 74px;text-align:center}#retail .title h2{margin:0;font-weight:700;color:#000;text-transform:uppercase}@media (max-width:767px){#retail{height:auto}#retail .retail-detail{padding-top:10%;padding-bottom:10%;padding-left:5%;padding-right:5%}}@media (max-width:575px){#retail .title h2{font-size:24px}#retail .title{padding:20px 50px;width:100%;text-align:center}}@media (max-width:390px){#retail .title{padding:20px 29px}}#contact{z-index:-1}.footer-area{display:flex;align-items:end;justify-content:end;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-pack:end;-ms-flex-pack:end;background-image:url(/frontend/assets/img/bg-contact.jpg);background-size:contain;background-repeat:no-repeat;background-position:left bottom;background-color:#000}.footer-area .footer-caption{width:68%;background:#ff0;padding:70px 60px 0 100px;margin-top:150px}@media (max-width:1199px){.footer-area{background-image:none}.footer-area .footer-caption{margin-top:0}}@media (max-width:767px){.footer-area .footer-caption.footer-caption2{margin-top:0}}@media (max-width:767px){.footer-area .footer-caption{padding:50px 15px 0}}@media only screen and (min-width:576px) and (max-width:767px){.footer-area .footer-caption{padding:50px 15px 0}}@media only screen and (min-width:768px) and (max-width:991px){.footer-area .footer-caption{padding:50px 15px 0}}@media only screen and (min-width:1200px) and (max-width:1440px){.footer-area .footer-caption{padding:50px 60px 0 100px}}@media only screen and (min-width:768px) and (max-width:991px){.footer-area .footer-caption{padding:50px 60px 0 100px}}@media only screen and (min-width:992px) and (max-width:1199px){.footer-area .footer-caption{padding:50px 100px 0}}@media (max-width:1199px){.footer-area .footer-caption{width:100%}}.footer-area .footer-caption .footer-menu .single-menu .single-footer-caption .footer-tittle h4{color:#fff;font-size:25px;margin-bottom:29px;font-weight:400;text-transform:capitalize}.footer-area .footer-caption .footer-menu .single-menu .single-footer-caption .footer-tittle .footer-pera p{color:#fff}.footer-area .footer-caption .footer-menu .single-menu .single-footer-caption .footer-tittle ul li{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;margin-bottom:7px;font-size:16px}.footer-area .footer-caption .footer-menu .single-menu .single-footer-caption .footer-tittle ul li:hover{padding-left:5px}.footer-area .footer-caption .footer-menu .single-menu .single-footer-caption .footer-social a{color:#fff;padding:0 6px;font-size:14px}.footer-area .footer-caption .footer-menu .single-menu .single-footer-caption .footer-social a:hover{color:#0b1416}.map iframe{width:100%;height:160px;box-shadow:7px 7px #000}.form-control{border:none;border-bottom:2px solid #000;border-radius:0;background:0 0;color:#000;padding-left:0;padding-right:0}.form-control:focus{color:#000;background:0 0;-webkit-box-shadow:none;box-shadow:none;outline:none;border-color:#000}.label{color:#000;font-size:16px;margin:0;line-height:16px}input:-internal-autofill-selected{background-color:#ff0 !important}#contact .btn{color:#fff;background-color:#000;border-color:#000;box-shadow:0px 3px 6px rgba(0,0,0,.3)}#contact .btn:hover{color:#fff;background-color:#000;border-color:#000}.btn.btn-md{padding:10px 30px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}#contact .btn{border-radius:30px}#contact .social{margin:0 auto;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;height:auto;justify-content:flex-start !important}.dbox{text-transform:uppercase;font-size:14px;line-height:25px;text-transform:uppercase;text-align:center;margin:0;padding-right:10px;padding-bottom:10px}.dbox .icon{width:30px;height:30px;border-radius:50%;border:2px solid rgba(0,0,0,.2)}.dbox .text{width:calc(100% - 50px)}.contact-detail .title-text{position:relative}.contact-detail .title-text h1{color:#fff;position:relative;z-index:0;font-weight:700;font-size:32px}.contact-detail .title-text h1:before{background-image:url(/frontend/assets/img/bg/bg-6.png);background-size:contain;background-repeat:no-repeat;background-position:left;position:absolute;width:790px;height:92px;content:"";top:-30px;left:-340px;z-index:-1}@media (max-width:1361px){.contact-detail .title-text h1:before{left:-390px}}@media (max-width:1199px){.contact.appear{position:relative !important}#retail.change{margin-bottom:0}}@media (max-width:767px){.contact-detail .title-text h1:before{width:100%;left:-20px}#contact .social{justify-content:center !important}}@media (max-width:575px){.contact-detail .title-text h1{font-size:24px}.contact-detail .title-text h1:before{left:-7px;top:-30px}}.contact-detail h3{font-size:24px}@media (max-width:575px){.contact-detail h3{font-size:20px}}