.body-s{width:100%;background-color:rgb(247,238,218)}.navbar{position:relative;z-index:1}.nav-judul{color:#008000!important;margin-top:20px}.nav-judul span{font-weight:500}.jumbotron{background-image:url(images/mpp-bg.jpg);background-size:cover;text-align:center;height:350px;position:relative}.jumbotron .display-4{color:#fff;font-size:25px;margin-top:65px;font-weight:200;text-shadow:1px 1px 1px rgba(0,0,0,.7)}.jumbotron .display-4 span{font-weight:500}.button_img{max-width:30%}.jumbotron .container{z-index:1;position:relative}.jumbotron::after{content:'';display:block;width:100%;height:100%;background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));position:absolute;bottom:0}.h2{color:#ffff00!important}.slider-img{border-radius:30px;margin-right:20px}.info-panel{box-shadow:0 3px 20px rgb(0,0,0,.5);border-radius:20px;background-color:rgb(28,14,14);margin-top:-100px;text-align:center}.carousel-item{padding-bottom:10px;padding-top:10px;padding-left:5px;padding-right:5px}.workingspace{margin-top:25px}.iframe-video{max-width:100%;width:560px;height:315px;box-shadow:0 3px 20px rgb(0,0,0,.5);border-radius:20px}.span-wrkspc{font-weight:600}.h3-workingspace{text-align:center;font-size:23px;margin-top:30px;font-weight:350}.p-ws{font-size:15px;text-align:justify}.searchTerm{width:80%;border:3px solid green;border-right:none;padding:15px;height:20px;border-radius:25px 0 0 25px;outline:none;color:#fff}.searchButton{width:50px;height:36px;border:1px solid green;background:green;text-align:center;color:#fff;border-radius:0 25px 25px 0;cursor:pointer;font-size:20px;padding:11px}.info-search{margin-top:35px;max-width:100%;align-items:center;text-align:center}.bg-gold{color:#000;background-color:#ff0;border-radius:20px;border-color:#000}.icon-color{color:#ff0}.menu-c{margin-top:50px;margin-bottom:50px}.b-card{box-shadow:0 3px 20px rgb(0,0,0,.5);border-radius:35px;position:relative;background-image:url(images/bg-card.jpg)}.footer-c{padding:1rem;background-color:#fcddab;border-bottom-left-radius:2.2rem;border-bottom-right-radius:2.2rem;align-items:center;text-align:center;font-weight:700}.f-title{text-shadow:1px 1px 1px rgba(245,244,241,.7);color:rgb(100,74,42)}.img-menu{border-top-left-radius:2.2rem;border-top-right-radius:2.2rem}.pelayanan-icon img{max-width:100px;height:auto;align-self:center}.footer-top{padding:60px 0 0 0;position:relative;background-image:url(images/footer.jpg)}.footer-contact{text-align:center;margin-bottom:30px}.h3-fc{text-shadow:1px 1px 1px rgba(0,0,0,.7);color:#ff0;font-weight:300}.p-fc{text-shadow:1px 1px 1px rgba(0,0,0,.7);color:#ff0}.p-fc2{text-shadow:1px 1px 1px rgba(0,0,0,.7);color:#f0ddc7}.menu-d{margin-top:50px;margin-bottom:50px;text-align:center}.lbh-button{background-color:bisque;color:#6b522b;box-shadow:0 3px 20px rgb(0,0,0,.5);border-radius:35px;position:relative;max-width:100%;height:50px;border:none}.modal-lg{max-width:900px}#owl-demo .item img{display:block;width:100%;height:auto}.shortcuts{max-width:1000px;position:relative;margin-left:auto;margin-right:auto;padding-bottom:3rem}.boxes{display:flex;flex-wrap:wrap}.boxes-body{width:100%}.slider-item{margin-left:10px;margin-right:10px}.pelayanan-icon img{max-width:50px;height:auto;align-self:center}.pelayanan{width:100px;display:inline-block;position:relative;border-radius:1.2rem;background-image:url(images/bg-card.jpg);margin-bottom:2.5rem;transition:ease-in-out all .3s}.pelayanan-title{font-size:10px;color:#fff;padding:1rem;background-color:green;border-bottom-left-radius:1.2rem;border-bottom-right-radius:1.2rem;align-items:center}.pelayanan-icon{height:50px}.pelayanan-icon,.pelayanan-title{display:flex;flex-wrap:wrap;justify-content:center}.slider::after{clear:both;display:block;content:""}.slider .owl-nav button{position:absolute;top:calc(50% - 25px)}.slider .owl-nav button>span{display:none}.slider .owl-nav button.owl-next{right:-20px}.slider .owl-nav button.owl-prev{left:-20px;transform:rotate(180deg)}@media (min-width:992px){.info-panel{box-shadow:0 3px 20px rgb(0,0,0,.5);border-radius:20px;background-color:rgb(10,10,10);margin-top:-300px;text-align:center}.navbar-brand,.nav-link{color:#f0e7d4!important}.button_img{max-width:20%}.jumbotron{background-image:url(images/mpp-bg.jpg);background-size:cover;text-align:center;height:850px;margin-top:-190px}.jumbotron .display-4{color:#fff;font-size:50px;margin-top:170px;font-weight:200;text-shadow:1px 1px 1px rgba(0,0,0,.7)}.nav-link{text-transform:uppercase;margin-right:15px}.nav-link:hover::after{content:'';display:block;color:#ffffff!important;border-bottom:3px solid #ff0;margin:auto;padding-bottom:3px;margin-bottom:-6px}.carousel-item{padding-bottom:20px;padding-top:20px;padding-left:10px;padding-right:10px}.workingspace{margin-top:40px}.h3-workingspace{text-align:left;font-size:30px;margin-top:30px;font-weight:350}.p-ws{font-size:18px;text-align:justify}.footer-top{padding:60px 0 0 0;position:relative;background-image:url(images/footer.jpg)}.footer-contact{text-align:center;margin-bottom:30px}.h3-fc{text-shadow:1px 1px 1px rgba(0,0,0,.7);color:#ff0;font-weight:500}.p-fc{text-shadow:1px 1px 1px rgba(0,0,0,.7);color:#ff0}.p-fc2{text-shadow:1px 1px 1px rgba(0,0,0,.7);color:#f0ddc7}.b-card{box-shadow:0 3px 20px rgb(0,0,0,.5);border-radius:35px;position:relative;background-image:url(images/bg-card.jpg)}.wrapper{width:100%;position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background-attachment:fixed;background-size:cover;animation:fade 1.5s forwards}.wrapper::after{clear:both;display:block;content:""}@keyframes fade{from{opacity:0}to{opacity:1}}.shortcuts{max-width:1000px;position:relative;margin-left:auto;margin-right:auto;padding-bottom:3rem}.boxes{display:flex;flex-wrap:wrap}.boxes-header,.boxes-body,.boxes-footer{flex:0 0 100%;width:1000px;position:relative;color:#fff}.boxes-body-layanan{color:#fff;padding-top:20px;max-height:480px;overflow-y:scroll;overflow-x:hidden}.boxes-body h1{font-size:15rem;text-shadow:0 2px 3px rgba(0,0,0,.2)}.shortcut-holder{width:100%;margin-left:auto;margin-right:auto;justify-content:space-between;margin-top:5rem}.shortcut-holder-layanan{width:100%;margin-left:auto;margin-right:auto;justify-content:space-between;margin-top:20px}.shortcut{display:inline-block;width:300px;position:relative}.shortcut-square{display:flex;margin-left:auto;margin-right:auto;width:150px;height:150px;border-radius:20px;border:1px solid #fff;justify-content:center;align-items:center;background:linear-gradient(to bottom,#e0f4ff 0%,#fff 50%,#eee 50%,#ebeb 100%);transition:all ease-in-out .25s}.shortcut-square:hover{background:linear-gradient(to bottom,#febb4d 0%,#febf57 50%,#feac24 50%,#ff7002 100%)}.shortcut-square img{max-width:80px;height:auto}.shortcut-title{display:block;text-align:center;padding-top:1rem}.shortcut-title span{color:#fff;font-size:1.2rem;font-weight:700}.shortcut-menu{margin-top:2rem;background-color:rgba(0,0,0,.5);padding:2rem;border-radius:50px}.shortcut-menu::before{content:"";position:absolute;left:calc(50% - 4px);border-bottom:10px solid rgba(0,0,0,.5);border-left:8px solid transparent;border-right:8px solid transparent;top:-10px}.shortcut-menu .header-menu{display:block}.shortcut-menu .header-menu{margin-bottom:.4rem}.shortcut-menu .header-menu span{color:#feac24;font-size:1.1rem;font-weight:700}.shortcut-menu .list-menu{margin-left:1rem;list-style:decimal}.shortcut-menu .list-menu li{padding:.4rem 0 .2rem;color:#fff;font-size:1.1rem;font-weight:300}.title-header{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:1px;line-height:1.3;margin-top:30px;margin-bottom:20px}.pelayanan{width:150px;display:inline-block;position:relative;border-radius:1.2rem;background-image:url(images/bg-card.jpg);margin-bottom:2.5rem;transition:ease-in-out all .3s}.pelayanan:active,.pelayanan:hover,.pelayanan:focus{box-shadow:0 10px 20px -1px rgba(0,0,0,.5);background-color:#f7f7f7}.pelayanan-icon,.pelayanan-title{display:flex;flex-wrap:wrap;justify-content:center}.pelayanan-icon{height:150px}.pelayanan-icon img{max-width:100px;height:auto;align-self:center}.pelayanan-title{padding:1rem;color:#fff;background-color:green;border-bottom-left-radius:1.2rem;border-bottom-right-radius:1.2rem;align-items:center}.pelayanan-title span{color:#fff;font-size:.9rem;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.2);letter-spacing:.5px}.slider{width:100%;position:relative;margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:3rem}.slider::after{clear:both;display:block;content:""}.slider .owl-nav button{position:absolute;top:calc(50% - 25px)}.slider .owl-nav button>span{display:none}.slider .owl-nav button.owl-next,.slider .owl-nav button.owl-prev{display:inline-block;width:50px;height:50px;border-radius:50px;background:url(arrow.png) no-repeat;background-color:#ff0;background-position:center center;background-size:30px 30px;transition:all ease-in-out .25s}.slider .owl-nav button.owl-next:hover,.slider .owl-nav button.owl-prev:hover{background-color:rgb(216,157,31)}.slider .owl-nav button.owl-next{right:-20px}.slider .owl-nav button.owl-prev{left:-20px;transform:rotate(180deg)}.shortcut-layanan{display:inline-block;width:200px;position:relative;margin-bottom:20px}.shortcut-layanan-square{display:flex;margin-left:auto;margin-right:auto;width:120px;height:120px;border-radius:20px;border:1px solid #fff;justify-content:center;align-items:center;background:#fff;transition:all ease-in-out .25s}.shortcut-layanan-square:hover{background:linear-gradient(to bottom,#febb4d 0%,#febf57 50%,#feac24 50%,#ff7002 100%)}.shortcut-layanan-square img{width:64px;height:auto}.shortcut-layanan-title{display:block;text-align:center;padding-top:.5rem}.shortcut-layanan-title span{color:#fff;font-size:1rem;font-weight:700}}