body{font-family:"League Spartan",serif;font-optical-sizing:auto;font-style:normal}#spinner{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility 0s linear .5s;z-index:99999}#spinner.show{transition:opacity .5s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}#spinner.hide {opacity: 0;pointer-events: none;}@keyframes shake{0%{transform:translate(0,0)}20%{transform:translate(-6px,6px)}40%{transform:translate(6px,-6px)}60%{transform:translate(-6px,6px)}80%{transform:translate(6px,-6px)}100%{transform:translate(0,0)}}.animate-shake{animation:shake 0.5s ease}.back-to-top{position:fixed;right:30px;bottom:55px;transition:0.5s;background-color:var(--bs-white);z-index:1000}.back-to-top:hover{background-color:var(--bs-yellow);color:var(--bs-primary)}.btn{font-weight:600;transition:.5s}.btn-square{width:32px;height:32px}.btn-sm-square{width:34px;height:34px}.btn-md-square{width:44px;height:44px}.btn-lg-square{width:56px;height:56px}.btn-xl-square{width:66px;height:66px}.btn-square,.btn-sm-square,.btn-md-square,.btn-lg-square,.btn-xl-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400}.btn.btn-primary{color:var(--bs-white);border:none}.btn.btn-primary:hover{background:var(--bs-dark);color:var(--bs-white)}.btn.btn-light{color:var(--bs-primary);border:none}.btn.btn-light:hover{color:var(--bs-white);background:var(--bs-dark)}.btn.btn-dark{color:var(--bs-white);border:none}.btn.btn-dark:hover{color:var(--bs-primary);background:var(--bs-light)}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-family:"League Spartan",serif;font-weight:500;line-height:1.2;color:#16243d}.topbar .dropdown-toggle::after{border:none;content:"\f107";font-family:"Font Awesome 5 Free";font-weight:600;vertical-align:middle;margin-left:8px;color:var(--bs-primary)}.topbar .dropdown .dropdown-menu a:hover{background:var(--bs-primary);color:var(--bs-white)}.topbar .dropdown .dropdown-menu{transform:rotateX(0deg);visibility:visible;background:var(--bs-light);padding-top:10px;border:0;transition:.5s;opacity:1}.navbar-light .navbar-nav .nav-link{position:relative;margin-right:25px;color:var(--bs-white);font-size:12px;font-weight:400;outline:none;transition:.5s;letter-spacing:2px}.logo{width:170px}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:0;padding-left:0}}.sticky-top.navbar-light .navbar-nav .nav-link{padding:20px 0;color:var(--bs-yellow)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active{color:var(--bs-yellow);display:inline-block;border-bottom:1px solid #cdde00}.navbar-light .navbar-brand img{max-height:60px;transition:.5s}.sticky-top.navbar-light .navbar-brand img{max-height:45px}.navbar .dropdown-toggle::after{border:none;font-family:"Font Awesome 5 Free";font-weight:600;vertical-align:middle;margin-left:8px}.dropdown .dropdown-menu a:hover{background:var(--bs-primary);color:var(--bs-white)}.navbar .nav-item:hover .dropdown-menu{transform:rotateX(0deg);visibility:visible;background:var(--bs-light);transition:.5s;opacity:1}@media (max-width:991.98px){.navbar{background-color:#243E3F!important}.nav-link{color:#ffffff!important}.nav-item{color:#ffffff!important}.sticky-top.navbar-light{position:relative;background:var(--bs-white)}.navbar.navbar-expand-lg .navbar-toggler{padding:10px 20px;color:#328087}.navbar-light .navbar-collapse{margin-top:15px;border-top:1px solid rgb(0 0 0 / .08)}.navbar-light .navbar-nav .nav-link,.sticky-top.navbar-light .navbar-nav .nav-link{padding:10px 0;margin-left:0;color:var(--bs-dark)}.navbar-light .navbar-brand img{max-height:45px}}@media (min-width:992px){.navbar .nav-item .dropdown-menu{display:block;visibility:hidden;top:100%;transform:rotateX(-75deg);transform-origin:0% 0%;border:0;border-radius:10px;transition:.5s;opacity:0}.navbar-light{position:absolute;width:100%;height:100px;top:0;left:0;border-top:0;border-right:0;border-left:0;z-index:999;background-image:url(../img/gradient-header.png);background-repeat:repeat-x}.navbar-wrapper{display:flex;position:absolute;top:-10px}.sticky-top.navbar-light{position:fixed;background:var(--bs-light);border:none}.navbar-light .navbar-nav .nav-item::before{position:absolute;width:0;height:2px;bottom:-1px;left:50%;background:var(--bs-primary);transition:.5s}.sticky-top.navbar-light .navbar-nav .nav-item::before{bottom:0}.navbar-light .navbar-nav .nav-item::after{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);border:10px solid;border-color:#fff0 #fff0 var(--bs-primary) #fff0;opacity:0;transition:0.5s;display:none}.navbar-light .navbar-nav .nav-item:hover::after,.navbar-light .navbar-nav .nav-item.active::after{bottom:1px;opacity:1}.navbar-light .navbar-nav .nav-item:hover::before,.navbar-light .navbar-nav .nav-item.active::before{width:calc(100% - 2px);left:1px}.navbar-light .navbar-nav .nav-link.nav-contact::before{display:none}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease;z-index:5}.carousel-image::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0 0%,rgb(38 61 63 / .2) 45%,rgb(38 61 63 / .3) 50%,#263d3f 100%);z-index:1}.carousel-caption{z-index:2}}@media (min-width:1024px) and (max-width:1366px){.logo{width:80%}.navbar-light .navbar-nav .nav-link{position:relative;margin-right:10px;color:var(--bs-white);font-size:9px;font-weight:400;outline:none;transition:.5s;letter-spacing:2px}}.text-wraps-breadcrumbs{text-align:left;padding-top:7%}.text-breadcrumbs{font-size:50px}.carousel-header{position:relative;overflow:hidden}.carousel-indicators{position:absolute;left:20px;bottom:20px;margin:0;padding:0;display:flex;justify-content:flex-start}.carousel-indicators li{width:60px!important;height:5px!important;border-radius:0!important;background-color:#fff!important;margin-right:8px!important;cursor:pointer}.carousel-indicators li.active{background-color:#cdde00!important;width:60px!important;height:5px!important;border-radius:5px!important}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid #fff0;border-bottom:10px solid #fff0;opacity:1;transition:opacity .6s ease}.carousel .carousel-control-prev,.carousel .carousel-control-next{width:0}.carousel .carousel-control-prev .carousel-control-prev-icon,.carousel .carousel-control-next .carousel-control-next-icon{position:absolute;top:50%;transform:translateY(-50%);padding:25px 25px;display:flex;align-items:center;justify-content:center;background:var(--bs-primary);transition:0.5s}.carousel .carousel-control-prev .carousel-control-prev-icon{left:0;border-left:0;border-top-left-radius:0;border-top-right-radius:50px;border-bottom-left-radius:0;border-bottom-right-radius:50px}.carousel .carousel-control-next .carousel-control-next-icon{right:0;border-right:0;border-top-left-radius:50px;border-top-right-radius:0;border-bottom-left-radius:50px;border-bottom-right-radius:0}.carousel .carousel-control-prev .carousel-control-prev-icon:hover,.carousel .carousel-control-next .carousel-control-next-icon:hover{background:var(--bs-yellow)}.carousel .carousel-inner .carousel-item{position:relative}.carousel-caption-type1{top:60%;transform:translate(75%,-50%)}.carousel-caption-type2{top:70%;left:0;transform:translate(13%,0%)}.carousel-caption-type3{left:0;transform:translate(10%,-20%)}.carousel-caption-type4{top:55%;left:0;transform:translate(45%,-40%)}.bg-breadcrumb{position:relative;overflow:hidden;padding:60px 0 60px 0;transition:0.5s}.bg-breadcrumb .breadcrumb{position:relative}.bg-breadcrumb .breadcrumb .breadcrumb-item a{color:var(--bs-white)}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:left;padding:10px 0}.page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}.page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}.page-item:first-child .page-link-2{border-top-left-radius:0;border-bottom-left-radius:0}.page-item:last-child .page-link-2{border-top-right-radius:0;border-bottom-right-radius:0}.page-item:first-child .page-link-4{border-top-left-radius:0;border-bottom-left-radius:0}.page-item:last-child .page-link-4{border-top-right-radius:0;border-bottom-right-radius:0}.page-item.active .page-link{z-index:3;color:var(--bs-primary);background-color:#fff;border:2px solid var(--bs-primary);margin-right:7px;font-weight:700}.page-item.active .page-link-2{z-index:3;color:#cdde00;background-color:#0f2828;border:1px solid #cdde00;margin-right:7px;font-weight:700}.page-item.active .page-link-3{z-index:3;color:#cdde00;background-color:#0f2828;border:1px solid #cdde00;margin-right:0;font-weight:700}.page-item.active .page-link-4{z-index:3;color:#0f2828;background-color:#cdde00;border:1px solid #cdde00;margin-right:0;font-weight:700}.page-link{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:var(--bs-primary);background-color:#fff;border:1px solid #dee2e6;margin-right:7px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-2{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#0f2828;border:1px solid #fff;margin-right:7px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-3{padding:.375rem .75rem;position:relative;display:block;color:#fff;background-color:#0f2828;border:1px solid #CDDD00;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-4{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:#243E3F;border:1px solid #0f2828;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.batik-your-inspiration{background-image:url(../img/batik-your-inspiration.png);background-repeat:no-repeat;background-size:cover;background-position:center}.map-wraps{height:560px;width:100%}.icon-store-location{padding:1px}.text-title-store-list{background-color:var(--bs-primary);height:65px;width:100%}.list-group-item:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;background-color:#fff;border:none}.background-lp1{background-image:url(../img/element2.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;height:130vh;overflow:hidden;position:static;margin-top:-100px}.background-lp2{background-image:url(../img/element6.webp);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;position:static;overflow:hidden}.gallery{display:flex;width:100%;height:400px;overflow:hidden}.gallery-item{flex:1;position:relative;background-size:cover;background-position:center;transition:all 0.5s ease;filter:brightness(50%)}.gallery-item:hover{flex:1.5;filter:brightness(100%)}.gallery:hover .gallery-item{filter:brightness(30%)}.gallery:hover .gallery-item:hover{filter:brightness(100%)}.gallery-item .caption{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);color:#fff;font-size:22px;font-weight:700;opacity:100;transition:opacity 0.3s ease;pointer-events:none;text-shadow:0 2px 8px rgb(0 0 0 / .8)}.gallery-item:hover .caption{opacity:1}.background-lp6{background:#263d40 center/cover no-repeat;width:100%;overflow:hidden}.white-box-our-story{position:relative;width:450px;left:62%;top:100px;background-color:#fff;z-index:10;margin-bottom:60px;text-align:left;padding:4%;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.image-our-story{position:absolute;width:100%;max-width:1000px;min-width:250px;left:5vw;z-index:1;height:auto;will-change:transform}.about-illustration-1{position:relative;background:url(../img/illustration8.webp) center/cover no-repeat;min-height:600px}.about-illustration-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff0 10%,#243E3F 100%)}.about-content{padding:60px 70px;min-height:600px;color:#fff;display:flex;flex-direction:column;justify-content:center;background-color:#243E3F}.about-content-inner{position:relative;right:35%;width:120%;z-index:10}.txt-proyek{text-align:left}.background-lp7{background:url(../img/illustration6.webp) center/cover no-repeat;width:100%;min-height:100vh}.text-find-us{width:35%;margin-top:150px;line-height:1.6}.background-lp5{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#E8E8E8;width:100%;position:static;margin-top:-100px;height:170vh;overflow:hidden}.col-5-custom{width:20%;max-width:20%;flex:0 0 20%}.product__item{position:relative;overflow:hidden;height:480px;width:100%;box-shadow:0 12px 30px rgb(0 0 0 / .6)}.product__item__pic{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.5s ease}.product__item:hover .product__item__pic{transform:scale(1.1)}.product__hover{position:absolute;left:0;right:0;bottom:-100%;height:100%;background-color:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;opacity:0;transition:bottom 0.5s ease,opacity 0.5s ease}.product__item:hover .product__hover{bottom:0;opacity:1}.product__hover h3{color:#fff;font-size:24px;font-weight:700;margin:0}.text-product{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,50%);color:#fff;padding:10px;text-align:center}.text-product h2{margin:0;font-size:30px;font-weight:700;white-space:nowrap}.product__item:hover .text-product{display:none}.virtual_item{position:relative;overflow:hidden;height:390px;width:100%}.virtual_item__pic{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.5s ease}.virtual_item:hover .virtual_item__pic{transform:scale(1.1)}.virtual_hover{position:absolute;left:0;right:0;bottom:-100%;height:100%;background-color:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;opacity:0;transition:bottom 0.5s ease,opacity 0.5s ease}.virtual_item:hover .virtual_hover{bottom:0;opacity:1}.virtual_hover h3{color:#fff;font-size:24px;font-weight:700;margin:0}.text-virtual{position:absolute;bottom:10px;left:0;width:100%;background-color:#cdde00;color:#fff;padding:10px;text-align:center}.text-virtual h2{margin:0;font-size:30px;font-weight:700;white-space:nowrap}.virtual_item:hover .text-virtual{display:none}.dropdown-toggle img{height:40px;width:auto}.dropdown-item img{height:30px;width:auto;margin-right:10px}.scroll-area::-webkit-scrollbar{width:8px;height:8px}.scroll-area::-webkit-scrollbar-thumb{background-color:#cdde00;border-radius:4px}.background-lp4{background-image:url(../img/element5.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;overflow:hidden}.checkbox-group{display:flex;flex-wrap:wrap;align-items:center;gap:30px;padding:15px}.checkbox-item{display:flex;flex:1 1 auto;min-width:200px;align-items:center;gap:10px;font-size:18px;color:#fff;font-weight:600;letter-spacing:3px}.checkbox-item input{appearance:none;width:18px;height:18px;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.checkbox-item input:checked{background-color:#c7d300;border-color:#c7d300}.highlight{color:#c7d300;font-weight:700;letter-spacing:3px}.filter-sidebar{max-width:300px;padding:20px}.search-box{border:1px solid #fff;background:#fff0;color:#fff}.search-box-m{border:1px solid #fff;background:#fff0;color:#fff}.form-control-search{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;background-clip:padding-box;border:1px solid #fff;appearance:none;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-box::placeholder{color:rgb(255 255 255 / .5)}.search-container{position:relative}.search-container i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fff}.filter-title{font-size:20px;color:#fff;letter-spacing:3px;margin-top:50px;margin-bottom:10px}.filter-item{display:flex;align-items:center;margin-bottom:8px;color:#fff;letter-spacing:3px}.filter-item input{width:18px;height:18px;margin-right:10px;cursor:pointer;appearance:none;border:2px solid #fff;accent-color:#c4d82e;color:#c7d300}.filter-item input:checked{background-color:#c4d82e;border-color:#c7d300}.product-info{padding:20px;border-radius:8px}.text-custom{font-size:18px;text-transform:uppercase;letter-spacing:3px;color:#fff;font-weight:600}.box-image-product{object-fit:contain;height:250px}.wrap-category{justify-content:flex-start}#mobileFilterTray{display:none;position:fixed;top:230px;left:0;right:0;bottom:0;background:rgb(0 0 0 / .9);z-index:9999;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.brand-button{width:100%;padding:10px 20px;font-weight:700;font-size:1.2rem;border:2px solid #fff;background-color:#fff0;border-radius:2px;transition:all 0.3s;cursor:pointer}.brand-button.active{background-color:#fff;color:#203d3d}.brand-button:hover{opacity:.9}.textCatName1{color:#fff}.textCatName1.active{color:#203d3d}.textCatName2{color:#fff}.textCatName2.active{color:#d5e521}.background-lp3{background-image:url(../img/element4.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#eaecec;width:100%;overflow:hidden}.pattern-box-about{position:absolute;border:1px solid #cdde00;width:600px;height:980px;transform:translate(-5%,-4%);z-index:1}.section-about-2{height:90vh}.text-illustration-about1{transform:translate(0%,120%)}.text-illustration-about2{transform:translate(2%,-30%)}.image-illustration-about2{transform:translate(0%,-30%)}.ornamen-about{position:absolute;height:500px;width:400px;z-index:20;right:0;background-image:url(../img/batik-our-story.png);background-repeat:no-repeat;background-size:cover;background-position:center}.main-image{aspect-ratio:16 / 9;object-fit:cover;width:100%}.thumbnail-image{aspect-ratio:8 / 3;object-fit:cover;width:100%}.text-custom-inspirasi{font-size:18px;text-transform:uppercase;letter-spacing:3px;color:#000;font-weight:600}.calculator-section{height:100vh}.ceiling-diagram{display:flex;flex-direction:column;align-items:center}.ceiling-box{width:85%;display:flex;justify-content:center;align-items:center;height:100%}.displayCeilingText{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100px;border:1px solid #000;padding:10px}.text-ceiling{float:left;position:relative;top:50%;margin-right:10px;height:100%}.panel-line{flex:1;border-right:1px solid #000}.panel-line:last-child{border-right:none}.overlay-image{z-index:1}.active_ruang_virtual{font-weight:700;text-decoration:underline #c4d82e;text-decoration-thickness:2px;text-underline-offset:5px}.list-virtual-mask{object-fit:cover;height:150px}.article-button-top{text-align:right}.thumbnail-article{object-fit:cover;height:200px;border-top-right-radius:9px;border-top-left-radius:9px}.readmore-artcile{float:right;width:35%}.form-search-article{max-width:350px;float:right}.your-article-img{padding-left:1%;padding-right:1%}.your-article-item{padding:3%}.contact-section{height:105vh}.background-contact{background-image:url(../img/contact.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:850px}.text-contact-greeting{z-index:0;position:absolute;font-size:40px;top:30%;left:10%;width:550px}.icon-contact{position:relative;top:-20%}.form-contact{position:relative;top:-10%}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#787878;background-color:#fff;background-clip:padding-box;border:1px solid #fff;appearance:none;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.box-contact{height:100%;width:100%;text-align:center;border-top:5px #cdde00 solid;background-color:#eaecec}@keyframes image-efects{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}25%{border-radius:35% 65% 27% 73% / 71% 25% 75% 29%}50%{border-radius:41% 59% 45% 55% / 32% 21% 79% 68%}75%{border-radius:69% 31% 39% 61% / 70% 83% 17% 30%}100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}}.contact .contact-img .contact-img-inner{position:relative;z-index:9}.footer{background:#263d3f;background-image:url(../img/footer-illustrator.png);background-repeat:no-repeat;background-size:cover;background-position:center}.footer .footer-item{display:flex;flex-direction:column}.footer .footer-item a{line-height:35px;color:var(--bs-body);transition:0.5s}.footer .footer-item p{line-height:35px}.footer .footer-item a:hover{color:#96aeaf}.footer .footer-item .footer-btn a,.footer .footer-item .footer-btn a i{transition:0.5s}.footer .footer-item .footer-btn a:hover{background:var(--bs-white)}.footer .footer-item .footer-btn a:hover i{color:var(--bs-primary)}.footer .footer-item .footer-instagram{position:relative;overflow:hidden}.footer .footer-item .footer-instagram img{transition:0.5s}.footer .footer-item .footer-instagram:hover img{transform:scale(1.2)}.footer .footer-item .footer-instagram .footer-search-icon{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:0.5s;opacity:0}.footer .footer-item .footer-instagram:hover .footer-search-icon{opacity:1;background:rgb(0 0 0 / .6)}.footer .footer-item .footer-btn a{background:var(--bs-light);color:var(--bs-primary)}.footer .footer-item .footer-btn a:hover{background:#96aeaf}.footer .footer-item .footer-btn a:hover i{color:var(--bs-white)}.copyright{background:#263d40;border-top:1px solid rgb(255 255 255 / .08)}a:focus,button:focus{outline:2px solid #06c;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;z-index:100}.skip-link:focus{top:0}@media (max-width:768px){.text-wraps-breadcrumbs{text-align:left;padding-top:5%;padding-left:5%}.text-breadcrumbs{font-size:30px}.page-link{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:var(--bs-primary);background-color:#fff;border:1px solid #dee2e6;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-2{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#0f2828;border:1px solid #fff;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-3{padding:.375rem .75rem;position:relative;display:block;color:#fff;background-color:#0f2828;border:1px solid #CDDD00;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-item.active .page-link-2{z-index:3;color:#cdde00;background-color:#0f2828;border:1px solid #cdde00;margin-right:0;font-weight:700}.page-item.active .page-link-3{z-index:3;color:#cdde00;background-color:#0f2828;border:1px solid #cdde00;margin-right:0;font-weight:700}.carousel-image{mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.element8{position:absolute;bottom:-80px;left:70%;width:30%;height:50%;pointer-events:none;background-image:url(../img/element8.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.3}.carousel .carousel-inner .carousel-item{margin-top:0}.carousel .carousel-inner .carousel-item img{height:450px;object-fit:cover}.carousel-caption-type1{top:50%;left:-10%;transform:translate(50%,-50%)}.carousel-caption-type2{top:65%;left:0;;transform:translate(10%,-50%)}.carousel .carousel-control-prev .carousel-control-prev-icon,.carousel .carousel-control-next .carousel-control-next-icon{display:none}.carousel-inner{position:relative;width:100%;overflow:hidden;height:500px;background-color:#263d40}.carousel-indicators{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.carousel-indicators li{width:60px!important;height:3px!important;border-radius:0!important;background-color:#fff!important;margin-right:8px!important;cursor:pointer}.carousel-indicators li.active{background-color:#cdde00!important;width:60px!important;height:3px!important;border-radius:3px!important}.carousel-caption{position:absolute;right:10%;bottom:1.25rem;left:10%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.background-lp1{background-image:url(../img/element2.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;height:auto;overflow:hidden}.background-lp2{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;position:static;height:auto;overflow:hidden}.background-lp6{background:#263d40 center / cover no-repeat;width:100%;overflow:hidden}.white-box-our-story{position:relative;width:70%;left:55px;top:50px;background-color:#fff;z-index:10;margin:30px auto 30px auto;text-align:left;padding:6% 5%;box-shadow:0 2px 8px rgb(0 0 0 / .08);font-size:13px}.img-our-story{height:450px;width:80%}.image-our-story{width:100%;max-width:100%;min-width:0;left:0;z-index:1;height:500px;margin-bottom:20px;will-change:transform}.txt-proyek{text-align:center}.gallery{flex-direction:column;height:auto}.gallery-item .caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:700;opacity:1;transition:none;pointer-events:none;text-shadow:0 2px 8px rgb(0 0 0 / .8)}.gallery-item{width:100%;height:130px;flex:none;filter:brightness(100%)}.gallery-item:hover{flex:none;filter:brightness(100%);transform:scale(1.03)}.background-lp7{position:relative;background:linear-gradient(to right,rgb(15 40 40 / .8),#fff0 60%),url(../img/illustration6.webp) center/cover no-repeat;width:100%;min-height:400px;background-size:cover;background-position:center}.text-find-us{position:relative;top:100px;width:90%;margin:40px auto 0 auto;line-height:1.5;text-align:left}.pattern-box-about{display:none}.text-illustration-about1{transform:translate(0%,0%)}.section-about-2{height:100%}.image-illustration-about2{display:flex;justify-content:center;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.about-illustration-1{position:relative;background:url(../img/illustration8.webp) center/cover no-repeat;min-height:600px}.about-illustration-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0 50%,#243E3F 100%)}.about-content{padding:20px 30px;height:400px;min-height:100px;color:#fff;display:flex;flex-direction:column;justify-content:center;background-color:#243E3F}.about-content-inner{position:relative;right:0%;width:100%;z-index:10;bottom:90px}.calculator-section{height:100%}.ceiling-box{width:80%;height:100%;display:flex}.wrap-category{justify-content:center}.box-image-product{object-fit:cover;height:160px}.search-wrapper{position:relative;z-index:10}.tray-inner{padding-left:20px!important;padding-right:20px!important}#mobileFilterTray{display:none;position:fixed;top:230px;left:0;right:0;bottom:0;background:rgb(0 0 0 / .9);z-index:9999;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.filter-title{font-size:12px;color:#CDDD00;letter-spacing:3px;margin-top:0;margin-bottom:0}.brand-button{width:100%;font-size:.75rem;padding:3px 3px;font-weight:400;text-align:center;border:1px solid #fff;color:#fff;background-color:#fff0;transition:all 0.3s;cursor:pointer}.brand-button.active{background-color:#fff;color:#203d3d}.brand-button:hover{opacity:.9}.virtual-mask-right-side{margin-top:0}.image-ruang-virtual{min-height:375px}.gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .7) 40%,rgb(255 255 255) 100%);z-index:3}.vr-title{position:absolute;bottom:30px;left:40px;z-index:4;color:#2a3d40;text-transform:uppercase}.vr-title h1{font-size:40px;letter-spacing:4px;margin:0}.vr-title p{font-size:18px;margin-top:5px;text-transform:none;letter-spacing:1px;color:#333}.list-virtual-mask{object-fit:cover;height:90px}.text-virtual-mask{font-size:10px}.map-wraps{height:260px;width:100%}.icon-store-location{padding:0}.article-button-top{text-align:center}.thumbnail-article{object-fit:cover;height:250px}.readmore-artcile{float:right;width:50%}.content-footer-article{display:flex;justify-content:center;align-items:center}.form-search-article{max-width:100%}.your-article-img{position:relative;display:inline-block;width:100%;padding-left:0;padding-right:0}.article-image{width:100%;height:auto;display:block}.your-article-img::after{content:"";position:absolute;height:30%;width:100%;top:auto;bottom:-1px;pointer-events:none;background:linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .5) 50%,rgb(255 255 255) 100%)}.your-article-content{padding-left:5%;padding-right:5%}.your-article-item{padding:0%}.your-article-text{width:100%;overflow-x:hidden}.your-article-text table{display:block;overflow-x:auto;width:100%}.your-article-text th,.your-article-text td{font-size:13px;padding:6px 8px!important}.background-contact{background-image:url(../img/contact.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:850px}.text-contact-greeting{z-index:-1;position:absolute;font-size:20px;top:30%;width:250px;z-index:1}.icon-contact{position:relative;top:-20%}.contact-section{height:100%}.form-contact{position:relative;top:-10%;padding:20px}.colom-company{min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}}@media (min-width:768px) and (max-width:1024px){.text-wraps-breadcrumbs{text-align:left;padding-top:0%}.text-breadcrumbs{font-size:30px}.page-link{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:var(--bs-primary);background-color:#fff;border:1px solid #dee2e6;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-2{width:40px;height:40px;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#0f2828;border:1px solid #fff;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-link-3{padding:.375rem .75rem;position:relative;display:block;color:#fff;background-color:#0f2828;border:1px solid #CDDD00;margin-right:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-item.active .page-link-2{z-index:3;color:#cdde00;background-color:#0f2828;border:1px solid #cdde00;margin-right:0;font-weight:700}.page-item.active .page-link-3{z-index:3;color:#cdde00;background-color:#0f2828;border:1px solid #cdde00;margin-right:0;font-weight:700}.carousel-image{mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.element8{position:absolute;bottom:-80px;left:70%;width:30%;height:50%;pointer-events:none;background-image:url(../img/element8.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;opacity:.3}.carousel-inner{position:relative;width:100%;overflow:hidden;height:500px;background-color:#263d40}.carousel-indicators{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.carousel-indicators li{width:60px!important;height:3px!important;border-radius:0!important;background-color:#fff!important;margin-right:8px!important;cursor:pointer}.carousel-indicators li.active{background-color:#cdde00!important;width:60px!important;height:3px!important;border-radius:3px!important}.carousel-caption{position:absolute;right:10%;bottom:1.25rem;left:10%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-caption-type1{top:50%;left:-10%;transform:translate(15%,-50%)}.carousel-caption-type2{top:65%;left:0;;transform:translate(10%,-50%)}.carousel .carousel-control-prev .carousel-control-prev-icon,.carousel .carousel-control-next .carousel-control-next-icon{display:none}.background-lp1{background-image:url(../img/element2.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;height:auto;overflow:hidden}.background-lp2{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;position:static;height:auto;overflow:hidden}.white-box-our-story{position:relative;width:70%;left:110px;top:50px;background-color:#fff;z-index:10;margin:30px auto 30px auto;text-align:left;padding:6% 5%;box-shadow:0 2px 8px rgb(0 0 0 / .08);font-size:13px}.img-our-story{height:450px;width:80%}.image-our-story{width:100%;max-width:100%;min-width:0;left:0;z-index:1;height:500px;margin-bottom:20px;will-change:transform}.gallery{display:flex;flex-direction:row;height:250px;gap:12px;width:100%}.gallery-item .caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:19px;font-weight:700;opacity:1;transition:none;pointer-events:none;text-shadow:0 2px 8px rgb(0 0 0 / .8)}.gallery-item{width:33.33%;height:100%;flex:1 1 0%;filter:brightness(65%);transition:filter 0.3s,transform 0.3s}.gallery-item:hover{filter:brightness(100%);transform:scale(1.04);z-index:2}.background-lp7{background:url(../img/illustration6.webp) center / cover no-repeat;width:100%;min-height:auto}.text-find-us{width:60%;margin-top:150px;line-height:1.6}.background-lp4{background-image:url(../img/element5.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;overflow:hidden}.search-wrapper{position:relative;z-index:10}.tray-inner{padding-left:20px!important;padding-right:20px!important}#mobileFilterTray{display:none;position:fixed;top:230px;left:0;right:0;bottom:0;background:rgb(0 0 0 / .9);z-index:9999;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.filter-title{font-size:14px;color:#CDDD00;letter-spacing:3px;margin-top:0;margin-bottom:0}.brand-button{width:100%;font-size:.75rem;padding:7px 7px;font-weight:400;text-align:center;border:1px solid #fff;color:#fff;background-color:#fff0;transition:all 0.3s;cursor:pointer}.brand-button.active{background-color:#fff;color:#203d3d}.brand-button:hover{opacity:.9}.pattern-box-about{display:none}.text-illustration-about1{transform:translate(0%,0%)}.section-about-2{height:100%}.image-illustration-about2{display:flex;justify-content:center;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.about-illustration-1{position:relative;background:url(../img/illustration8.webp) center/cover no-repeat;min-height:600px}.about-illustration-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0 50%,#243E3F 100%)}.about-content{padding:20px 30px;height:400px;min-height:100px;color:#fff;display:flex;flex-direction:column;justify-content:center;background-color:#243E3F}.about-content-inner{position:relative;right:0%;width:100%;z-index:10;bottom:90px}.calculator-section{height:100%}.ceiling-box{width:85%;height:100%;display:flex}.wrap-category{justify-content:center}.box-image-product{object-fit:cover;height:215px}.virtual-mask-right-side{margin-top:0}.image-ruang-virtual{min-height:65vh}@media (max-width:1180px) and (min-width:820px){.image-ruang-virtual{min-height:60vh}}.gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .7) 40%,rgb(255 255 255) 100%);z-index:3}.vr-title{position:absolute;bottom:30px;left:40px;z-index:4;color:#2a3d40;text-transform:uppercase}.vr-title h1{font-size:40px;letter-spacing:4px;margin:0}.vr-title p{font-size:18px;margin-top:5px;text-transform:none;letter-spacing:1px;color:#333}.list-virtual-mask{object-fit:cover;height:150px}.text-virtual-mask{font-size:14px}.icon-store-location{padding:2px}.thumbnail-article{object-fit:cover;height:225px}.readmore-artcile{float:right;width:50%}.your-article-img{position:relative;display:inline-block;width:100%;padding-left:0;padding-right:0}.article-image{width:100%;height:auto;display:block}.your-article-img::after{content:"";position:absolute;height:30%;width:100%;top:auto;bottom:-1px;pointer-events:none;background:linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .5) 50%,rgb(255 255 255) 100%)}.your-article-content{padding-left:5%;padding-right:5%}.your-article-item{padding:0%}.your-article-text{width:100%;overflow-x:hidden}.your-article-text table{width:100%!important;table-layout:fixed!important}.your-article-text td,.your-article-text th{word-break:break-word!important;white-space:normal!important}.icon-contact{position:relative;top:-20%}.contact-section{height:100%}.form-contact{position:relative;top:-10%;padding:20px}.colom-company{min-height:120px;display:flex;flex-direction:column;justify-content:flex-start}}@media (min-width:1024px) and (max-width:1336px){.text-wraps-breadcrumbs{text-align:left;padding-top:10%}.text-breadcrumbs{font-size:30px}.carousel .carousel-inner .carousel-item{height:700px;margin-top:-100px}.carousel .carousel-inner .carousel-item img{height:700px;object-fit:cover}.carousel-caption-type1{top:50%;left:-80%;transform:translate(50%,-50%)}.carousel-caption-type2{top:65%;left:0;;transform:translate(10%,-50%)}.carousel .carousel-control-prev .carousel-control-prev-icon,.carousel .carousel-control-next .carousel-control-next-icon{display:none}.background-lp1{background-image:url(../img/element2.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;height:auto;overflow:hidden}.background-lp2{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#263d40;width:100%;position:static;overflow:hidden}.white-box-our-story{position:relative;width:70%;left:110px;top:50px;background-color:#fff;z-index:10;margin:30px auto 30px auto;text-align:left;padding:6% 5%;box-shadow:0 2px 8px rgb(0 0 0 / .08);font-size:13px}.img-our-story{height:450px;width:80%}.image-our-story{width:100%;max-width:100%;min-width:0;left:0;z-index:1;height:500px;margin-bottom:20px;will-change:transform}.background-lp7{background:url(../img/illustration6.webp) center/cover no-repeat;width:100%;min-height:400px;background-size:cover;background-position:center}.text-find-us{width:90%;margin:40px auto 0 auto;line-height:1.6;text-align:left}.text-illustration-about1{transform:translate(0%,60%)}.image-illustration-about2{width:100%;display:flex;justify-content:center;align-items:center;margin-top:0%}.about-illustration-1{position:relative;background:url(../img/illustration8.webp) center/cover no-repeat;min-height:600px}.about-illustration-1::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff0 10%,#243E3F 100%)}.about-content{padding:60px 70px;min-height:600px;color:#fff;display:flex;flex-direction:column;justify-content:center;background-color:#243E3F}.about-content-inner{position:relative;right:10%;width:120%;z-index:10;bottom:0}.calculator-section{height:100%}.ceiling-box{width:85%;height:100%;display:flex}.filter-title{font-size:14px;color:#CDDD00;letter-spacing:3px;margin-top:20px;margin-bottom:10px}.filter-item{display:flex;align-items:center;margin-bottom:8px;color:#fff;letter-spacing:2px}.wrap-category{justify-content:left}.brand-button{width:100%;padding:10px 20px;font-weight:400;font-size:1rem;border:1px solid #fff;color:#fff;background-color:#fff0;border-radius:6px;transition:all 0.3s;cursor:pointer}.box-image-product{object-fit:cover;height:215px}.virtual-mask-right-side{margin-top:0}.image-ruang-virtual{min-height:885px}.gradient-bottom{position:absolute;bottom:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,#fff0 0%,rgb(255 255 255 / .7) 40%,rgb(255 255 255) 100%);z-index:3}.vr-title{position:absolute;bottom:30px;left:40px;z-index:4;color:#2a3d40;text-transform:uppercase}.vr-title h1{font-size:40px;letter-spacing:4px;margin:0}.vr-title p{font-size:18px;margin-top:5px;text-transform:none;letter-spacing:1px;color:#333}.list-virtual-mask{object-fit:cover;height:170px}.text-virtual-mask{font-size:16px}.icon-store-location{padding:2px}.thumbnail-article{object-fit:cover;height:300px}.readmore-artcile{float:right;width:30%}.icon-contact{position:relative;top:-20%}.contact-section{height:100%}.form-contact{position:relative;top:-10%;padding:20px}}