@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes skill-border-spin{to{--border-angle:360deg}}body{font-family:Muli,sans-serif;overscroll-behavior-y:contain}.nill-dark .pp-section{outline:1px solid #222}::-moz-selection{background:rgba(255,74,41,.3)}::selection{background:rgba(255,74,41,.3)}::-moz-selection{background:rgba(255,74,41,.3)}.full-screen{height:100vh}hr{border-top:1px solid gray}#comments{min-height:170px}@media only screen and (min-width:600px){.typed-text{font-size:2.5em}}header{height:64px}.logo{position:fixed}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;line-height:1.618}.base-color{color:#e24727!important}.bg-base-color{background-color:#e24727!important}.z-index{z-index:2}.w-40{width:40%!important}h2 span{font-weight:600}.pt-6,.py-6{padding-top:6rem}.pb-6,.py-6{padding-bottom:6rem}a:hover{text-decoration:none}a,button{outline:0!important}.max-width-365{max-width:365px;margin:0 auto}.pill-button{background-color:#e24727;border:2px solid #e24727;border-radius:25px;padding:10px 30px;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:16px;display:inline-block}.pill-button:hover{background-color:#b73c23;border-color:#b73c23;color:#fff}.display-table{display:table;width:100%;height:100%}.display-content{vertical-align:middle;display:table-cell;padding:5rem 0}.center-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#overlayer{width:100%;height:100%;position:fixed;z-index:9999;background:#222}.loader{position:fixed;top:calc(50% - 20px);left:calc(50% - 20px);z-index:99999;color:#e24727}header{padding:15px;width:100%;background-color:transparent;position:fixed;z-index:1030;top:0}#pp-nav li{margin:.75rem .5rem}#pp-nav li a{padding:.5rem}#pp-nav li span{width:20px;height:3px;background-color:#2a2a2b;border:none;border-radius:1rem;-webkit-transition:all .5s ease;transition:all .5s ease}#pp-nav li .active span{background-color:#e24727;width:30px;-webkit-transform:translateX(-10px);transform:translateX(-10px)}#pp-nav li .pp-tooltip{color:#222;font-size:10px;font-weight:500;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(-3px);transform:translateY(-3px)}#pp-nav li .active~.pp-tooltip{padding-right:.75rem}#pp-nav.right{right:2.5rem}.pp-slidesNav li{margin:.75rem .5rem}.pp-slidesNav span{width:20px;height:3px;background-color:#929292;border:none;border-radius:1rem;-webkit-transition:all .5s ease;transition:all .5s ease}.pp-slidesNav .active span{background-color:#9e6b2b;width:30px;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.title-small{position:sticky;top:calc(50vh - 12px);width:280px;margin-left:-7rem;z-index:2;height:0;overflow:visible}.title-small p{font-size:14px;color:#000;text-transform:uppercase;letter-spacing:.17em;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:relative;display:block;font-weight:700}.title-small p:before{content:'';width:32px;height:1px;background:#e24727;position:absolute;left:28px;top:12px}.title-small p:after{content:'';width:32px;height:1px;background:#e24727;position:absolute;top:12px;right:32px}.overlay-menu{background-color:#222;position:fixed;top:0;right:0;width:100%;height:100vh;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1030;opacity:0;visibility:hidden}.overlay-menu a:hover{color:#e24727!important}.overlay-menu a.active{color:#e24727!important}.overlay-menu .overlay-menu-list{width:100%}.overlay-menu .overlay-menu-list .overlay-nav>ul{width:50%;float:left}.overlay-menu .overlay-menu-list .overlay-nav a,.overlay-menu .overlay-menu-list .overlay-nav p,.overlay-menu .overlay-menu-list .overlay-nav span{color:#dbdbdb;font-size:14px;letter-spacing:2px;padding:.75rem;display:inline-block;font-family:Poppins,sans-serif;font-weight:500}.overlay-menu .overlay-menu-list .overlay-nav .contact-info li:first-child span{font-size:16px;color:#fff;font-weight:600}.overlay-menu .overlay-menu-list .overlay-nav .contact-info li span i{font-size:18px;position:relative;top:2px}.overlay-menu .overlay-menu-list .overlay-nav .contact-info .socials li i{font-size:20px;font-weight:400}.overlay-menu .overlay-menu-list .list-group-item{padding:0;margin:0;border:none;background-color:transparent!important;text-transform:uppercase}.overlay-menu.show{opacity:1;visibility:visible;cursor:url(../img/cursor-white.png),auto}.pilling-page .overlay-menu .overlay-menu-list .list-group-item{padding:0;margin:0;border:none;background-color:transparent!important;text-transform:uppercase}.overlay-menu-toggler{position:absolute;top:5px;color:#222!important;padding:10px;right:24px;z-index:1029;border-radius:0 4px 4px 0;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}.overlay-menu-toggler.move{opacity:0}.home .personal-item h1{font-size:2rem!important}.home .personal-item .personal-info p{font-weight:600}.home .personal-item .personal-info span{font-weight:300}.home .personal-img img{width:100%;background-color:rgba(255,255,255,.4);border:none}.home .social-icon .list-inline-item i{font-size:1.2rem}.home .social-icon .list-inline-item i:hover{color:#e24727!important}.home .social-icon .list-inline-item:not(:last-child){margin-right:1rem}.home-01{background:url("http://placehold.it/1920x1280") no-repeat center;background-size:cover;-webkit-box-shadow:inset 0 0 0 2000px rgba(255,255,255,.4);box-shadow:inset 0 0 0 2000px rgba(255,255,255,.4)}.home-02 .home-content{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;right:0}.home-02 .home-content p{max-width:500px}.home-02 #home-slider{opacity:.6}.home-02 .home-item1{background:url("../img/tanah_lot.webp") no-repeat center}.home-02 .home-item2{background:no-repeat center}.home-02 .home-item3{background:no-repeat center}.home-02 .home-slide{background-size:100%}.home-02 .home-slide.zoom{background-size:200%;-webkit-transition:background-size 20s ease;transition:background-size 20s ease}.home-02 .home-icon{text-align:center;position:absolute;bottom:40px;z-index:1;left:calc(50% - 12px);-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.home-03 .home-center{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.home-03 .home-content p{max-width:500px}.home-03 .home-icon{text-align:center;position:absolute;bottom:40px;z-index:1;left:calc(50% - 8px);-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.home-03 .video-overlay{position:absolute;top:0;left:auto;right:0;bottom:0;width:100%;opacity:.3;overflow:hidden}.home-04 .home-item-image{height:100vh;background-size:cover!important}.home-04 .swiper-container{width:100%;height:100%}.home-04 .swiper-button-next,.home-04 .swiper-button-prev{bottom:0;top:inherit;width:5rem;height:3.5rem;background-color:#2a2a2b;outline:0}.home-04 .swiper-button-next::after,.home-04 .swiper-button-prev::after{font-size:1.5rem;color:#fff;font-weight:700}.home-04 .swiper-button-next,.home-04 .swiper-container-rtl .swiper-button-prev{left:50%;right:inherit}.home-04 .swiper-button-prev,.home-04 .swiper-container-rtl .swiper-button-next{right:50%;left:inherit}.home-04 .swiper-slide{text-align:center;font-size:18px;background:#fff}.home-04 .swiper-slide .home-item-text{margin:auto;position:relative;height:100%;max-width:400px}.home-04 .swiper-slide .home-item-text .slider-content{position:relative;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.home-04 .swiper-slide .home-item-text .slider-content h2{font-size:4rem;font-weight:700;font-family:'Arima Madurai',cursive}.home-04 .swiper-slide .home-item-text .slider-number{position:absolute;display:inline-block;left:-10px;bottom:-60px}.home-04 .swiper-slide .home-item-text .slider-number span{font-family:'Arima Madurai',cursive;font-weight:900;font-size:12rem;opacity:.2}.home-04 .text-swiper{position:relative;height:100%}.count-number{font-size:1.5rem}.count-content{margin:10px 0}ul.timeline{list-style-type:none;position:relative}ul.timeline:before{content:' ';background:#929292;display:inline-block;position:absolute;left:9px;top:30px;width:2px;height:100%;z-index:400}ul.timeline>li:before{content:' ';background-color:#fff;display:inline-block;border-radius:50%;border:3px solid #e24727;left:-40px;width:20px;height:20px;z-index:400;top:29px;position:relative}.exp h3 i{padding-right:.75rem}.skill-categories{display:flex;flex-direction:column;gap:1.5rem}.skill-category{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.skill-category-label{font-family:Poppins,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#e24727;min-width:160px;margin-bottom:0}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{display:inline-block;padding:.35rem .85rem;font-size:13px;font-weight:500;font-family:Muli,sans-serif;color:rgba(226,71,39,.85);background:0 0;border:none;border-radius:50px;position:relative;transition:color .3s ease}.skill-tag::before{content:'';position:absolute;inset:0;border-radius:50px;padding:1px;background:conic-gradient(from var(--border-angle),rgba(226,71,39,.12),rgba(226,71,39,.5),rgba(226,71,39,.12));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:skill-border-spin 6s linear infinite}.skill-tag:hover{color:#e24727}.skill-tag:hover::before{background:conic-gradient(from var(--border-angle),rgba(226,71,39,.2),rgba(226,71,39,.7),rgba(226,71,39,.2))}.services .services-item{background-color:rgba(200,200,200,.05);border-radius:4px;padding:25px 10px;margin-bottom:30px}.services .services-item:hover .services-icon{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transition:.9s ease;transition:.9s ease}.services .services-content{padding-left:3rem}.contact .form-control::-moz-placeholder,.contact ::-moz-placeholder{color:#929292}.contact .form-item .form-control{background:rgba(255,255,255,.4);border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:44px;font-size:14px;position:relative;-webkit-transition:border .9s ease;transition:border .9s ease;border:none;border-bottom:1px solid #929292;color:#e24727}.contact .form-item .form-control:focus{border-bottom:1px solid #e24727}.contact .contact-form textarea{min-height:175px}.contact .contact-form h3{padding-right:2rem}.contact #message.toast{max-width:500px;padding:2px 0 1px;position:relative;top:18px;display:inline-block;left:20px}.contact .toast button span{position:relative;top:8px}#my-map{width:100%;height:350px}.footer{background:url("../img/jeff_at_tanah_lot_low_res.jpg") no-repeat center;background-size:cover;-webkit-box-shadow:inset 0 0 0 2000px rgba(255,255,255,.4);box-shadow:inset 0 0 0 2000px rgba(255,255,255,.4)}.footer .socials li i{font-size:20px;font-weight:400}.footer .socials li i:hover{color:#e24727!important}.color-scheme{position:fixed;z-index:999;right:31px;top:75px;padding:.5rem .75rem;border-radius:50%;-webkit-transition:all .5s ease;transition:all .5s ease}.color-scheme:hover{color:#fff}.color-scheme i{position:relative;top:1px}.page-404{position:relative}.error-404 h1{font-size:7rem;font-family:"Arima Madurai",cursive}.error-404 .error-content{margin-top:-30px}.error-404 .error-content h2{font-family:"Arima Madurai",cursive;font-size:2.5rem}.error-404 .error-content p{font-family:"Arima Madurai",cursive;font-size:1rem;text-align:center;margin:0 auto;max-width:600px}.right-social{position:fixed;right:25px;top:0;width:50px;bottom:0;z-index:5}.right-social ul{list-style:none;padding-left:0;width:100%;text-align:center;top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0}.right-social ul li{padding:5px}.right-social ul li a{font-size:1.25rem;padding:5px;display:block}.right-social ul li a:hover i{color:#e24727!important}.links .row{max-width:800px;margin-left:auto;margin-right:auto}.link-card{background:0 0;border:none;transition:transform .3s ease;flex-direction:column!important}.link-card:hover{transform:translateY(-3px)}.link-card i{transition:transform .3s ease}.link-card:hover i{transform:scale(1.15)}.link-card p{font-size:.85rem;line-height:1.5}body:not(.nill-dark) .link-card p{color:#555!important}body:not(.nill-dark) .link-card:hover p{color:#e24727!important}@media (max-width:767px){.right-social{position:initial;width:100%}.right-social ul{position:initial;-webkit-transform:none;transform:none}.right-social ul li{display:inline-block}.logo{margin-top:-17px}}body.nill-dark{background-color:#222;color:#fff}.nill-dark .footer,.nill-dark .home,.nill-dark .home-02 .home-item1,.nill-dark .home-02 .home-item2,.nill-dark .home-02 .home-item3{-webkit-box-shadow:inset 0 0 0 2000px rgba(0,0,0,.8);box-shadow:inset 0 0 0 2000px rgba(0,0,0,.8)}.nill-dark .home-03{-webkit-box-shadow:none;box-shadow:none}.nill-dark .home-04 .swiper-slide{background-color:#222}.nill-dark .home-04 .swiper-button-next,.nill-dark .home-04 .swiper-button-prev{background-color:#fff}.nill-dark .home-04 .swiper-button-next:after,.nill-dark .home-04 .swiper-button-prev:after{color:#222}.nill-dark .text-dark{color:#f4f4f4!important}.nill-dark a.text-dark:hover{color:#f4f4f4!important}.nill-dark a.text-dark:focus{color:#f4f4f4!important}.nill-dark .comment-info a{color:#f4f4f4!important}.nill-dark .comment-info a:hover{color:#e24727!important}.nill-dark .form-item .form-control{color:#f4f4f4!important;border-bottom:1px solid #eee;background:0 0}.nill-dark .form-item .form-control:focus{border-bottom:1px solid #e24727}.nill-dark .text-muted{color:#dbdbdb!important}.nill-dark .bg-dark,.nill-dark .bg-white{background-color:#222!important}.nill-dark .services-item{background-color:#2a2a2b!important}.nill-dark .img-thumbnail{background-color:transparent;border:1px solid rgba(255,255,255,.4)}.nill-dark #pp-nav li span,.nill-dark .pp-slidesNav span{background-color:#eee}.nill-dark #pp-nav li .active span,.nill-dark .pp-slidesNav .active span{background-color:#e24727}.nill-dark .pp-tooltip{color:#f4f4f4!important}.nill-dark .overlay-menu-toggler{color:#eee!important}.nill-dark .portfolio-filter li a{color:#dbdbdb!important}.nill-dark .portfolio .portfolio-item-content{border-color:rgba(27,30,33,.9)}.nill-dark .portfolio .portfolio-item-content:hover{background-color:rgba(27,30,33,.9)}.nill-dark .portfolio .portfolio-icon a{color:#222;background-color:#f4f4f4}.nill-dark .portfolio .portfolio-icon a:hover{background-color:#e24727;color:#f4f4f4}.nill-dark .testimonial .testimonial-item{background-color:#2a2a2b!important}.nill-dark .blog .blog-content{background-color:#2a2a2b!important}.nill-dark .blog .blog-link:hover{color:#f4f4f4}.nill-dark .blog .blog-item h5 a:hover{color:#e24727!important}.nill-dark .navbar a:hover,.nill-dark .navbar-nav .nav-item a:hover{color:#e24727!important}.nill-dark .navbar a:hover{color:#e24727!important}.nill-dark .testimonial .owl-dot span{background-color:#dbdbdb}.nill-dark .testimonial .owl-dot.active span{background-color:#e24727}.nill-dark .blog .blog-link button:hover{color:#dbdbdb!important}.nill-dark .pill-button:hover{color:#f4f4f4}.nill-dark.mono .base-color{color:#fff!important}.nill-dark.mono .bg-base-color{background-color:#fff!important}.nill-dark.mono .pill-button{background-color:#f0f0f0;border:2px solid #f0f0f0;color:#2a2a2b}.nill-dark.mono .pill-button:hover{background-color:#fff;border-color:#fff}.nill-dark.mono #pp-nav li .active span{background-color:#fff!important}.nill-dark.mono .title-small p:before{background:#fff}.nill-dark.mono .title-small p:after{background:#fff}.nill-dark.mono .home .social-icon .list-inline-item i:hover{color:#a8a8a8!important}.nill-dark.mono ul.timeline>li:before{border:3px solid #fff}.nill-dark .skill-tag{color:rgba(255,255,255,.85)}.nill-dark .skill-tag:hover{color:#fff}.nill-dark.mono .skill-tag{color:rgba(255,255,255,.7)}.nill-dark.mono .skill-tag::before{background:conic-gradient(from var(--border-angle),rgba(255,255,255,.08),rgba(255,255,255,.35),rgba(255,255,255,.08))}.nill-dark.mono .skill-tag:hover{color:#fff}.nill-dark.mono .skill-tag:hover::before{background:conic-gradient(from var(--border-angle),rgba(255,255,255,.15),rgba(255,255,255,.5),rgba(255,255,255,.15))}.nill-dark.mono .skill-category-label{color:#fff}.nill-dark.mono .portfolio .portfolio-filter a.active{background-color:#fff!important;color:#2a2a2b!important}.nill-dark.mono .portfolio .portfolio-filter a:hover{background-color:#fff!important;color:#2a2a2b!important}.nill-dark.mono .portfolio .img-overlay{background-color:rgba(0,0,0,.8)}.nill-dark.mono .portfolio .img-overlay-content a:hover{background-color:#a8a8a8}.nill-dark.mono .portfolio .portfolio-icon a:hover,.nill-dark.mono .portfolio .portfolio-icon button:hover{background-color:#a8a8a8}.nill-dark.mono .testimonial .owl-dot.active span{background-color:#a8a8a8}.nill-dark.mono .testimonial .owl-carousel .testimonial-item img{border:2px solid #fff}.nill-dark.mono .testimonial .owl-nav .owl-next span,.nill-dark.mono .testimonial .owl-nav .owl-prev span{background:#a8a8a8}.nill-dark.mono .blog .blog-item h5 a:hover{color:#f4f4f4!important}.nill-dark.mono .blog .blog-link button{color:#fff}.nill-dark.mono .blog .blog-link button:hover{color:#f4f4f4!important}.nill-dark.mono .footer .socials li i:hover{color:#919191!important}.nill-dark.mono .color-scheme i{color:#2a2a2b}.nill-dark.mono .right-social ul li a:hover i{color:#fff!important}@media (max-width:991px){.nill-dark .home-04 .swiper-slide{background-color:rgba(0,0,0,.8)!important}}@media (max-width:767px){.nill-dark header{background-color:#222!important;-webkit-box-shadow:0 1px 3px 0 rgba(255,255,255,.4);box-shadow:0 1px 3px 0 rgba(255,255,255,.4)}}@media (min-width:768px){.pl-md-6{padding-left:4rem}.testimonial .owl-nav{display:none}}@media (min-width:1200px){.pilling-page .container{max-width:1050px}#myVideo{width:100%}}@media (max-width:1199px){.section{padding-right:6rem;padding-left:6rem}#services h2{font-size:50px}.home-02 .home-slide{background-size:auto 100%}.home-02 .home-slide.zoom{background-size:auto 200%}.home-04{padding:0!important}.home-04 .swiper-slide .home-item-text{margin-left:90px}}@media (max-width:991px){body{padding-top:63px}body.pilling-page{padding-top:0}.personal-item{margin-top:1.5rem!important}.home-04{overflow:hidden}.home-04 .home-left-title{position:absolute;z-index:3;top:50%}.home-04 .text-swiper.bg-dark{background-color:transparent!important}.home-04 .home-text{position:absolute;z-index:2;height:100%;width:100%;padding:0}.home-04 .home-text .swiper-slide{background-color:rgba(255,255,255,.7);opacity:0!important}.home-04 .home-text .swiper-slide.swiper-slide-active{opacity:1!important}.home-04 .home-text .swiper-slide .home-item-text{max-width:500px;padding:0 15px;margin:0 auto}.home-04 .home-text .swiper-slide .home-item-text .slider-number{bottom:0;left:5px}.home-04 .swiper-buttons{display:none}.home-04 .swiper-button-next,.home-04 .swiper-container-rtl .swiper-button-prev{left:50%}.home-04 .swiper-button-prev,.home-04 .swiper-container-rtl .swiper-button-next{right:50%}}@media (max-width:767px){header{background-color:#fff;-webkit-box-shadow:0 1px 3px 0 #eee;box-shadow:0 1px 3px 0 #eee}.overlay-menu-toggler{right:.5rem}.overlay-menu .overlay-menu-list .overlay-nav a,.overlay-menu .overlay-menu-list .overlay-nav p,.overlay-menu .overlay-menu-list .overlay-nav span{font-size:12px;padding:.5rem}#pp-nav{display:none}.title-small{display:none}.section{padding-left:.5rem;padding-right:.5rem;padding-top:2rem}.fix-logo{display:none}#services h2{font-size:40px}.testimonial .owl-dot{display:none}.color-scheme{right:15px}.home-04 .swiper-slide .home-item-text .slider-content h2{font-size:3rem}}@media (max-width:575px){.comments img{width:85px}.comment-info{margin-left:100px}#message.toast{top:18px;left:inherit;font-size:12px;padding:3px 0}.overlay-nav a,.overlay-nav p,.overlay-nav span{padding:.5rem;letter-spacing:1px}.overlay-menu .overlay-menu-list .overlay-nav>ul{width:100%;float:none;margin-bottom:2rem}#services h2{font-size:30px}.testimonial .display-content,.testimonial .display-table{display:block}.testimonial .testimonial-item{padding:15px}.blog-single .modal-dialog,.portfolio-single .modal-dialog{max-width:100%}}