@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=DM+Serif+Display&family=Libre+Baskerville&family=Montserrat:wght@400;500;700&family=Oxanium&family=Kanit:wght@400;600&display=swap");.bg-black{background:rgba(255,255,255,0.7) !important;transition:.3s;backdrop-filter:blur(8px)}@media screen and (max-width: 766px){.bg-black{backdrop-filter:initial;background:#fff !important}}.d-flex{display:flex}@media screen and (max-width: 766px){.align-items-center{align-items:initial !important}}header .navbar-light .nav-link.active{color:#31a9e3 !important;font-weight:bold}@media screen and (max-width: 766px){header .navbar-light .nav-link.active{color:#31a9e3 !important}}header .navbar-light .navbar-nav .nav-link{color:#fff;font-family:"Montserrat";font-size:1rem}header .navbar-light .navbar-nav .nav-link:hover{color:#31a9e3}@media screen and (max-width: 766px){header .navbar-light .navbar-nav .nav-link{color:#fff;font-size:1.45rem}}.navbar-dark i{color:#000}@media screen and (max-width: 766px){.navbar-collapse{background:rgba(0,0,0,0.8) !important;backdrop-filter:blur(12px)}}@media screen and (max-width: 766px){.sosmed{margin-bottom:8px}}.sosmed i{font-size:28px;margin:0 8px;color:gray;transition:.3s}@media screen and (max-width: 766px){.sosmed i{float:left}}.sosmed .fa-facebook-square:hover{color:#4267B2}.sosmed .fa-instagram:hover{color:#fb3958}.sosmed .fa-whatsapp:hover{color:#25d366}.logo-header{position:absolute}.navbar-brand{position:fixed;width:100px;overflow:hidden;height:auto;top:3px}@media screen and (max-width: 766px){.navbar-brand{width:80px;right:0}}header{position:fixed;right:0;left:0;top:0;z-index:999}header .form-control{background-color:transparent;border-bottom:1px solid #fff}header .form-control:focus{background-color:transparent;color:#fff}header .btn-search{background-color:orange;color:#fff;font-size:14px}header .btn-search:focus,header .btn-search:hover{color:#fff}.bg-blur{position:absolute;width:100%;height:100%;z-index:-1;background:rgba(17,17,17,0.7);backdrop-filter:blur(12px)}@media screen and (max-width: 766px){.bg-blur{top:0}}.navbar-collapse{top:86px}.ismobile{display:none !important}@media screen and (max-width: 766px){.ismobile{display:block !important}}.isdekstop{display:block !important}@media screen and (max-width: 766px){.isdekstop{display:none !important}}.bg-dark{background-color:transparent !important}@media screen and (max-width: 766px){.bg-dark{background:transparent}}.bg-scroll{background:rgba(0,0,0,0.3);transition:.5s}.disable-flag{filter:grayscale(100%)}.flag{width:30px;height:30px;margin:0 8px;border-radius:50%;box-shadow:0 3px 6px #bbb}.flag img{width:100%;border-radius:50%;height:100%;object-fit:cover}.test{background:#000;position:absolute;top:50px;z-index:999;bottom:0}@media (max-width: 776px){.navbar-nav{margin-bottom:16px}.navbar-collapse{position:fixed;z-index:9999;top:50px;left:0;padding-left:15px;padding-right:15px;padding-bottom:15px;width:100%;height:100%;top:56px}.navbar-collapse.collapsing{left:-100%;transition:height 0s ease}.navbar-collapse.show{left:0;transition:left 300ms ease-in-out}.navbar-toggler.collapsed ~ .navbar-collapse{transition:left 500ms ease-in-out}}.logo{width:200px;height:auto;margin-right:16px}@media screen and (max-width: 766px){.logo.bottom{margin-right:auto;margin:0 auto;display:block}}.logo img{width:100%;height:100%;object-fit:contain}.w-top{width:50vw}@media screen and (max-width: 766px){.w-top{width:auto;padding-left:16px}}.pointer.search i{color:#4a4a4a !important;cursor:pointer;transition:.3s}.pointer.search i:hover{color:#000 !important}.search-wrap{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;background:rgba(255,255,255,0.8);backdrop-filter:blur(8px);display:none}.search-wrap .size{position:absolute;z-index:99999;width:60%;transform:translate(-50%, -50%);top:50%;left:50%}@media screen and (max-width: 766px){.search-wrap .size{width:90%}}.search-wrap .size .form-control-search{padding:0 72px 0 24px;font-size:40px;font-family:"Avenir";box-shadow:none;border:1px solid #4a4a4a}@media screen and (max-width: 766px){.search-wrap .size .form-control-search{font-size:32px;padding:0 60px 0 16px}}.search-wrap .search-click{position:absolute;right:16px;top:8px;font-size:40px;cursor:pointer}@media screen and (max-width: 766px){.search-wrap .search-click{top:0}}.search-wrap .close-click{position:absolute;right:48px;top:16px;font-size:40px;cursor:pointer}@media screen and (max-width: 766px){.search-wrap .close-click{right:16px}}.mobile-search.ismobile{position:absolute;right:13%}header .initial_{margin-left:120px}@media screen and (max-width: 766px){header .initial_{justify-content:initial !important;padding:24px;margin-left:16px}}.bottom-copy{display:none}@media screen and (max-width: 766px){.bottom-copy{display:block;font-family:"Kanit",sans-serif !important;color:#fff;position:absolute;left:11%;bottom:15vh}}.slick-slide{margin:0 16px}.slick-list{margin:0 -16px}.slick-next,.slick-prev{width:42px;backdrop-filter:blur(2px);height:42px;border-radius:50%}@media screen and (max-width: 766px){.slick-next,.slick-prev{top:90%}}.slick-next:hover,.slick-next:focus,.slick-next:active,.slick-prev:hover,.slick-prev:focus,.slick-prev:active{background:rgba(49,169,227,0.2)}.slick-next::before,.slick-prev::before{font-family:"FontAwesome";z-index:99;color:white}.slick-next{right:-16px;z-index:9}.slick-next::before{content:"\f054"}.slick-prev{left:-16px;z-index:9}@media screen and (max-width: 766px){.slick-prev{left:80%}}.slick-prev::before{content:"\f053"}.slick-dots li button::before{font-size:39px;content:"";width:20px;height:3px}section{position:relative;padding:72px 0 32px;background:#111;color:white;min-height:100vh;z-index:8}section h2{font-family:'DM Serif Display', sans-serif}.bar{width:30px;height:2px;margin-bottom:8px;background-color:white}main{font-family:'Montserrat', sans-serif;overflow-x:hidden;padding-bottom:100vh}.totop{position:relative;z-index:70}footer{background:#111;padding:8px;color:white}.banner{background:#111;padding:0;z-index:40}@media screen and (max-width: 766px){.banner{min-height:80vh}}.banner .slick-next{right:16px}@media screen and (max-width: 766px){.banner .slick-next{right:35%}}.banner .slick-prev{left:16px}@media screen and (max-width: 766px){.banner .slick-prev{left:35%}}.banner .text-title{position:absolute;width:65vw;z-index:9;left:50%;bottom:30%;transform:translate(-50%, 50%)}.banner .text-title h2{font-weight:400;color:#31a9e3;font-size:2.2rem;text-align:center}@media screen and (max-width: 766px){.banner .text-title h2{font-size:1.5rem;text-align:center}}.banner .text-title p{color:white;font-size:1.3rem;width:50vw;display:none;text-align:center;margin:0 auto}@media screen and (max-width: 766px){.banner .text-title p{font-size:1rem;text-align:center;width:auto;padding:8px}}.banner .text-title .logod{width:300px;height:auto;margin:0 auto}.banner .text-title .logod img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.banner .text-title{width:90vw;left:50%;bottom:35%;transform:translate(-50%, 50%)}}.banner .all{position:relative}.banner .all .img{width:auto;height:100vh;position:relative}.banner .all .img::before{content:"";position:absolute;left:0;right:0;bottom:0;height:80vh;background:linear-gradient(to top, #111, transparent)}@media screen and (max-width: 766px){.banner .all .img{height:100vh}}.banner .all .img img{width:100%;height:100%;object-fit:cover}.banner .all .text{position:absolute;width:70vw;left:50%;bottom:50%;transform:translate(-50%, 50%)}.banner .all .text .logod{width:150px;height:auto;margin:0 auto}.banner .all .text .logod img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 766px){.banner .all .text{width:90vw;left:50%;bottom:55%;transform:translate(-50%, 50%)}}.banner .all .text h2{font-weight:400;color:#d8ba72;font-size:4.2rem;text-align:center}@media screen and (max-width: 766px){.banner .all .text h2{font-size:2.5rem;text-align:center}}.banner .all .text p{color:white;font-size:1.3rem;width:50vw;display:none;text-align:center;margin:0 auto}@media screen and (max-width: 766px){.banner .all .text p{font-size:1rem;text-align:center;width:auto;padding:8px}}.usp{z-index:9;padding:32px 0}.usp .cardx{background:#23262b;padding:16px;border-radius:8px;position:relative;margin-bottom:16px}.usp .cardx .bg{position:absolute;inset:0;width:100%;height:100%;opacity:.1;border-radius:8px}.usp .cardx .bg img{width:100%;border-radius:8px;height:100%;object-fit:cover}.usp .cardx__img{width:90px;height:auto;margin:0 auto}.usp .cardx__img img{width:100%;height:100%;object-fit:contain}.usp .cardx__numb{text-align:center;font-size:4.5rem;font-weight:700}.usp .cardx__title{font-size:1.4rem;font-family:'Kanit', sans-serif;line-height:1.8rem;text-align:center;margin:4px 0 12px}.usp .cardx__desc p{margin-bottom:0;font-size:.93rem;color:#ccc}.about{background:#111}.about .bg{position:absolute;inset:0;width:100%;height:auto;opacity:.07}.about .bg::before{content:"";position:absolute;inset:0;background:linear-gradient(to top, #111, rgba(17,17,17,0.5), #111)}.about .bg img{width:100%;height:100%;object-fit:cover}.about h2{font-size:3rem;color:#31a9e3}@media screen and (max-width: 766px){.about h2{font-size:2.5rem}}.about h3{font-family:'Montserrat', sans-serif;font-size:1.4rem;font-weight:400;color:#31a9e3}.about p{color:#ccc}.about .cardx{position:relative;height:360px;margin-bottom:16px;border-radius:16px}.about .cardx::before{position:absolute;content:"";z-index:2;inset:0;border-radius:16px;background:linear-gradient(to top, #000, transparent)}.about .cardx .img{position:absolute;inset:0;width:100%;height:100%;border-radius:16px}.about .cardx .img img{width:100%;border-radius:16px;height:100%;object-fit:cover}.about .cardx .content{position:absolute;left:8px;bottom:8px;z-index:8}.about .slick-about .data{padding:12px}.about .slick-about .data__title{font-size:1.8rem;color:#31a9e3;font-weight:500}.about .slick-slide{margin:0 16px}.about .slick-list{margin:0 -16px}.about .slick-next,.about .slick-prev{width:42px;backdrop-filter:blur(2px);height:42px;border-radius:50%}@media screen and (max-width: 766px){.about .slick-next,.about .slick-prev{top:100%}}.who .slick-about .data{padding:12px;margin:0 auto}.who .slick-about .data__title{display:inline-block;color:#31a9e3;font-weight:500;width:30%;font-size:2.1rem}@media screen and (max-width: 766px){.who .slick-about .data__title{font-size:1.8rem;width:100%}}.who .slick-about .data p{display:inline-block;width:65%;margin-left:16px;vertical-align:middle}@media screen and (max-width: 766px){.who .slick-about .data p{width:100%;margin-left:8px}}.services h2{font-size:3rem;color:#31a9e3}@media screen and (max-width: 766px){.services h2{font-size:2.5rem}}.services h3{font-family:'Montserrat', sans-serif;font-size:1.4rem;font-weight:400;color:#31a9e3}.services .bg{width:100%;height:100%;position:absolute;inset:0;opacity:.05}.services .bg::before{content:"";position:absolute;inset:0;background:linear-gradient(to top, #111, rgba(17,17,17,0.6), #111)}.services .bg img{width:100%;height:100%;object-fit:cover}.services .cardx{width:100%;height:120px;border-radius:16px;margin-bottom:8px;text-align:center;position:relative;transition:1s;cursor:pointer}.services .cardx:hover .img::before{content:"";position:absolute;inset:0;background:rgba(17,17,17,0.9)}.services .cardx .img{position:absolute;inset:0;width:100%;transition:1s;height:100%;border-radius:16px}.services .cardx .img::before{content:"";position:absolute;transition:.2s;inset:0;background:rgba(17,17,17,0.7)}.services .cardx .img img{border-radius:16px;width:100%;height:100%;object-fit:cover}.services .cardx .datas{text-align:center;position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%, -50%)}.services .cardx .datas h4{font-size:1.3rem;text-shadow:2px 2px black}.testi h2{font-family:'DM Serif Display', sans-serif;color:#31a9e3;font-size:3rem}.testi h3{font-family:'DM Serif Display', sans-serif;font-size:1.5rem;font-weight:400;color:#31a9e3}.testi blockquote{position:relative}.testi blockquote .quotes{position:absolute;left:-8px;top:-26px;width:100px;height:auto;z-index:5;opacity:.06;transform:rotate(180deg)}.testi blockquote .quotes.rights{left:initial !important;right:8px;top:initial;bottom:0}@media screen and (max-width: 766px){.testi blockquote .quotes{top:-36px;opacity:.1}}.testi blockquote .quotes img{width:100%;height:100%;object-fit:contain}.testi blockquote .padd{padding:16px}@media screen and (max-width: 766px){.testi blockquote .padd{padding:16px 8px}}.testi blockquote p{color:#e2e2e2;position:relative;z-index:9;font-size:1.1rem}@media screen and (max-width: 766px){.testi blockquote p{font-size:1rem}}.testi .img{width:150px;margin:16px 0;height:150px;display:inline-block;border:4px solid white;border-radius:50%}.testi .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.testi .rights{display:inline-block;margin-left:12px;width:40%;vertical-align:middle}.testi .rights .name{font-weight:700;font-size:1.3rem}@media screen and (max-width: 766px){.testi .rights .name{font-size:1rem}}.testi .rights .job{font-size:.875rem;font-weight:500}.contact{position:fixed;left:0;right:0;bottom:0;z-index:1}.contact .btn-primary{margin-top:16px;background:#ececec !important;color:#111;border-radius:16px;border-color:transparent;font-weight:700;font-size:.875rem;transition:.3s}.contact .btn-primary:hover{background:#8b8b8b !important}.contact .cops{position:absolute;bottom:0;left:50%;bottom:5%;width:80%;transform:translate(-50%, 0)}.contact .cops .img{width:140px;margin:0 auto;height:auto}.contact .cops .img img{width:100%;height:100%;object-fit:contain}.contact h2{font-size:3rem;color:#31a9e3}.contact .faa{font-size:2rem;display:inline-block;width:60px;height:60px;background:#333;border-radius:50%;text-align:center;padding:4px;vertical-align:middle}.contact .yes{width:100%}.contact .righ{display:inline-block;width:75%;margin-left:8px;vertical-align:middle}.contact .righ .name{color:#31a9e3}.contact .bgbg{position:absolute;right:0;top:0;bottom:0;width:100vw;height:100vh}.contact .bgbg::before{content:"";position:absolute;inset:0;background:linear-gradient(to top, #111, rgba(17,17,17,0.9), #111)}@media screen and (max-width: 766px){.contact .bgbg::before{background:linear-gradient(to top, #111, rgba(17,17,17,0.7), #111)}}.contact .bgbg img{width:100%;height:100%;object-fit:cover}.contact h5{margin-bottom:0;color:#d8ba72}.contact a{color:white}.contact .font-12{font-size:1.4rem}
/*# sourceMappingURL=style.css.map */