.animate-fade-in.scrolled{animation:fade-in 3s ease-in-out both}.animate-slide-left.scrolled{animation:slide-in-left 3s ease-in-out both}@keyframes slide-in-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@font-face{font-family:roboto;src:url(/build/assets/Roboto-Regular-16466ef6.ttf)}@font-face{font-family:roboto bold;src:url(/build/assets/Roboto-Bold-24571503.ttf)}@font-face{font-family:MontserratRegular;src:url(/build/assets/MontserratRegular-e771ab4b.ttf)}@font-face{font-family:MontserratBold;src:url(/build/assets/MontserratBold-5d5caff8.ttf)}@font-face{font-family:MontserratExtBold;src:url(/build/assets/MontserratExtrabold-e3873b06.ttf)}@font-face{font-family:MontserratSemBold;src:url(/build/assets/MontserratSemibold-e8dc4981.ttf)}@font-face{font-family:OpenSansBold;src:url(/build/assets/OpenSans-Bold-5894a364.ttf)}:root{--clr-primary: #1d3c59;--clr-secondary: #fdb839;--ff-opensansbold: OpenSansBold;--ff-opensansextbold: MontserratExtBold;--ff-opensansreg: MontserratRegular;--ff-montserratreg: MontserratRegular}body{background-color:#f2f1f0;font-size:1rem;font-family:roboto,sans-serif;overflow-x:hidden;color:#333}p,span{font-family:lato reg,sans-serif}.ff-opensans-bold{font-family:OpenSansBold}.ff-montserrat{font-family:MontserratRegular}.ff-montserrat-bold{font-family:MontserratBold}.ff-montserrat-extBold{font-family:MontserratExtBold!important}.ff-montserrat-semBold{font-family:MontserratSemBold}.clr-primary{color:var(--clr-primary)}.btn-more{padding:10px 25px;background:rgb(247,107,66);background:linear-gradient(95deg,rgba(247,107,66,1) 0%,rgba(239,123,74,1) 85%,rgba(246,126,90,.9023984593837535) 100%);font-family:var(--ff-opensansbold);border-radius:12px;color:#fff}.head-title{position:relative;color:#1d3c59;z-index:4}header .logo{max-width:100%}header .fa-bars{color:var(--clr-primary)}header a,.navbar-nav .nav-link{font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;color:var(--clr-primary);text-transform:uppercase;text-align:center}header a:hover,.navbar-nav .nav-link:hover,header a.active,.navbar-nav .nav-link.active{color:#727679}.hero-home{width:100%}.vector-header{position:absolute;top:0;right:0;bottom:0;display:block}.hero-title-child{letter-spacing:3px;color:var(--clr-primary)}.hero-home .hero-title{font-family:var(--ff-opensansextbold),sans-serif;font-weight:700;color:var(--clr-primary)}.hero-home .hero-title span{color:var(--clr-secondary)}.hero-caption{font-family:var(--ff-opensansreg)}.photo-product .hero-title{color:var(--clr-primary)}.photo-product .hero-title span{color:var(--clr-secondary)}.product-item img{max-height:150px}.services{margin-bottom:1rem;background-color:#fff}.services .nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding:20px 0}.services .nav-pills .nav-link.active,.nav-pills .show>.nav-link,.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{background-color:transparent;color:#000;font-weight:700}.services .nav-pills .nav-link .icon-title{font-size:13px;font-family:MontserratRegular;color:var(--clr-primary)}.services .nav-pills .nav-link.active .icon-title{color:var(--clr-secondary)}.services .nav-pills .nav-link:after{content:"";display:block;width:80%;height:2px;margin:0 auto;background-color:var(--clr-primary)}.services .nav-pills .nav-link.active:after{background-color:var(--clr-secondary)}.services .tab-content img{display:block;max-width:100%}.services .fas:before{font-size:2rem;color:var(--clr-secondary)}.services .services-icon{background-color:var(--clr-primary);width:70px;text-align:center}.services-icons{background:url(/build/assets/services-icon-208a45ba.png) no-repeat;display:block;margin:auto}.services .web-icon{background-image:url(/build/assets/web-mobile-1eaf4674.png);background-size:contain;background-position:50%;width:110px}.services .foto-produk-icon{background-image:url(/build/assets/fotography-d890b333.png);background-size:contain;background-position:50%;width:110px}.services .seo-icon{background-image:url(/build/assets/seo-63753fee.png);background-size:contain;background-position:50%;width:80px}.services .social-media-icon{background-image:url(/build/assets/social-media-cc865466.png);background-size:contain;background-position:50%;width:80px}.services .nav-pills .nav-link.active .web-icon{background-image:url(/build/assets/web-mobile-active-d444f970.png)}.services .nav-pills .nav-link.active .foto-produk-icon{background-image:url(/build/assets/fotography-active-bd481663.png)}.services .nav-pills .nav-link.active .seo-icon{background-image:url(/build/assets/seo-active-0bbf6833.png)}.services .nav-pills .nav-link.active .social-media-icon{background-image:url(/build/assets/social-media-active-c0fd76af.png)}.recent-portfolio{background-color:#fff}.header-service-detail.photo-product .vector-header-2,.header-service-detail.photo-product .vector-header-1{position:absolute;display:block}.service-detail.photo-product .gallery img{display:block;width:80%;height:350px;-o-object-fit:cover;object-fit:cover;margin:0 auto;border-radius:15px}.recent-portfolio .vector-buble-home{left:0;height:200px;z-index:2}.recent-portfolio .vector-buble-home.scrolled{animation:fade-in 2s ease-in-out both}.recent-portfolio .vector-line-home.scrolled{animation:slide-in-left 2s ease-in-out both}.recent-portfolio .vector-line-home{left:0;width:50vw;z-index:1}.recent-portfolio .item{position:relative;padding:10px}.recent-portfolio .item img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transform-origin:0 10;transition:transform .25s,visibility .25s ease-in}.recent-portfolio .item:hover img{transform:scale(1.3);z-index:1}.recent-portfolio .badge{background-color:var(--clr-secondary);color:#fff}.recent-portfolio .item.scrolled{animation:fade-in 2s ease-in-out both}.recent-product .card-img-overlay{color:#fff;background:rgb(29 60 89 / 45%)}.recent-product a{color:inherit;font-weight:700}#hubungi a{color:var(--clr-primary)}footer .btn-icon-sosmed{background-color:var(--clr-primary)}footer .btn-icon-sosmed i{color:var(--clr-secondary)}footer .nav-link{color:var(--clr-primary)}footer .nav-link:hover{color:var(--clr-secondary)}.animate-scroll{opacity:0;transition:opacity .5s}.animate-scroll.scrolled{opacity:1}.about-vector-header-1{z-index:-1;position:absolute;top:6%;right:1%;width:60%}.header-about .heder-title-1{position:absolute;top:10%;right:58%;font-size:4.5rem;color:#000;text-align:left}.header-about .vector-header-1,.header-about .vector-header-2{position:absolute;height:450px}.header-about .hero-title{font-size:1.5rem;font-weight:700;color:var(--clr-primary)}.header-about .hero-title span{color:var(--clr-secondary)}.header-about .vector-header-1{top:0;right:10%}.header-about .vector-header-2{top:45%;right:5%}@media (max-width: 575.98px){header .fa-bars{font-size:1.5rem}header .logo{height:50px}.recent-portfolio .item img{height:180px}.hero-home .hero-text{margin:5vh 0;background:rgb(50 50 50 / 58%);color:#fff;padding:10px;text-align:center}.hero-home .hero-title{font-size:1.5rem;color:#fff}.hero-home .hero-title-child,.hero-home .hero-caption{font-size:13.5px;color:#fff}.hero-home .vector-header{height:100%;z-index:-1}.services .nav-pills .nav-link.active,.nav-pills .show>.nav-link,.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:230px}.services .tab-content img{height:240px;margin:0 auto 1.5rem}.web-icon,.foto-produk-icon,.seo-icon,.social-media-icon{width:60px!important;height:70px}.services .icon-title{font-size:12px}.recent-portfolio .vector-line-home{top:1.9vh;height:45px}.recent-portfolio .vector-buble-home{top:-9vh;height:113px}.header-service-detail.photo-product .vector-header-1{top:20%;right:27%;height:25%}.header-service-detail.photo-product .vector-header-2{top:0;right:3%;bottom:0;height:20%}#product{margin:0 0 5rem}.header-about .vector-header-1,.header-about .vector-header-2{height:240px}.header-about .heder-title-1{top:0;left:3%;font-size:2rem}.header-about .text-1{padding-top:15rem}.header-about .header-image{height:220px}.header-about .vector-header-1{top:12%;right:10%}.about-vector-header-1{top:15%;width:95%}.header-about .vector-header-2{top:38%;right:-1%}.teams-gallery img{max-width:50%}}@media (min-width: 768px){.hero-home .hero-text,.photo-product .hero-text{margin:5vh 0}.hero-home .hero-title,.photo-product .hero-title{font-size:3rem}.photo-product .hero-title{font-size:5rem;letter-spacing:10px}.vector-header{height:100%}.web-icon,.foto-produk-icon,.seo-icon,.social-media-icon{height:70px}header a{margin:0 1rem}.head-title{font-size:2rem}.services .nav-pills .nav-link .icon-title{font-size:12px}.recent-portfolio .vector-buble-home{top:-5vh;height:130px}.recent-portfolio .vector-line-home{top:1vh;height:70px}.recent-portfolio .item img{height:300px}#product{margin:0 0 10rem}.header-about .header-image{height:850px}.header-about .text-1{padding-top:14rem}.teams-gallery img{max-width:100%}}@media (min-width: 992px){header .fa-bars{font-size:2rem}.hero-home .carousel-item{min-height:500px}.hero-home .hero-text,.photo-product .hero-text{margin:16vh 0 5vh}.services .tab-content img{float:right;height:350px}.services .btn-more{width:40%}}@media (min-width: 1200px){.vector-header{height:80%}.services .nav-pills .nav-link.active,.nav-pills .show>.nav-link,.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:260px}.web-icon,.foto-produk-icon,.seo-icon,.social-media-icon{height:90px}.recent-portfolio .vector-line-home{top:1vh;height:80px}.recent-portfolio .vector-buble-home{top:-20vh;height:180px}.header-service-detail.photo-product .vector-header-1{top:0;right:0;height:750px}.header-service-detail.photo-product .vector-header-2{top:0;right:3%;bottom:0;height:40%}.header-about .header-image{height:850px}.header-about .text-1{padding-top:18rem}}