.nav-wrapper{position: relative;float: none;}
.nav-wrapper ul{position:relative;list-style:none;margin:0;font-size:100%;font-weight:400;text-align:left;line-height:1.2;padding:0;}
.nav-wrapper ul li{list-style:none;margin:0 5px 0 0 !important;padding:0 !important;position:relative;display:inline-block;}
.nav-fullwidth{position:static !important}
.nav-wrapper li{position:relative;font-size:95%;display:inline-block;height:var(--h7vh) !important;line-height:var(--h7vh) !important;font-weight:bold;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-transition:all .27s cubic-bezier(0,0,.58,1);-moz-transition:all .27s cubic-bezier(0,0,.58,1);-o-transition:all .27s cubic-bezier(0,0,.58,1);-ms-transition:all .27s cubic-bezier(0,0,.58,1);transition:all .27s cubic-bezier(0,0,.58,1);}
.nav-sub{display:none;padding:0 !important;position:absolute;top:0;width:220px;margin-top:0;z-index:200 !important;border-radius:0 0 5px 5px;right:10px;background:#000;}
.nav-sub:after{content:"";position:absolute;left:20px;top:0;border-top:#000 8px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.nav-sub li{display:block;width:100%;margin:0 !important;padding:0;height:auto !important;line-height:1.2!important;}
.nav-wrapper ul li .nav-sub li a{border:none;display:block;height:auto !important;line-height:1.2!important;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 5px !important;cursor:pointer;text-align:left;color:#fff !important;font-weight:400;margin:0 10px;border-left:transparent 5px solid;}
.nav-sub li a:hover,.nav-wrapper ul li .nav-sub li a:hover,.nav-sub li a.active{border-left:#ffc000 5px solid;color:#fff !important;background:transparent;}
.nav-wrapper > ul > li:last-child .nav-sub,.nav-wrapper li .nav-sub.to-left{left: auto;right: 0;}
.nav-wrapper li:last-child .nav-sub li ul,.nav-wrapper li .nav-sub li ul.to-left{ left: auto; right: 100%;top: 0;border-left: none;border-right: 1px solid rgba(255,255,255, .07);}
.nav-wrapper ul li a{color:#000 !important;}
.nav-sub-inner{overflow:hidden;height:auto;max-height:84vh;overflow-y:auto;padding:15px 0 !important;scrollbar-width: thin;cursor:pointer;}
.nav-sub-inner::-webkit-scrollbar{width: 7px;}
.nav-sub-inner{scrollbar-width: thin;}
.nav-sub-inner::-webkit-scrollbar-track{background:transparent;}
.nav-sub-inner::-webkit-scrollbar-thumb {background:var(--bgwhite-trans2);}
.navstat .nav-wrapper ul{position:absolute;left:0;top:0;right:0;}
.navstat .nav-wrapper li{font-size:100%;display:block;height:55px !important;line-height:55px !important;font-weight:bold;float:left;width:25%;margin:0 !important;padding:0 0 !important;border-left:var(--bordergrey1) 1px solid;background:var(--bggrey2)!important;}
.navstat .nav-sub{top:56px !important;right:0;width:100%;}
.navstat .nav-sub li{display:block;width:100%;margin:0 !important;padding:0;height:auto !important;line-height:1.2!important;background:transparent !important;border:none;}
.navstat .nav-wrapper li:nth-child(1){border:none;}
.navstat .nav-sub:after{content:"";position:absolute;top:-8px;border-bottom:#000 8px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;border-top:none;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.navstat .nav-wrapper li:hover{background:var(--bgwhite);}
.navstat .nav-sub li:hover{background:transparent;}
.carouselcustom {background:transparent;position:relative;}
.lembaga .carouselcustom {margin:0 5px;text-align:center;}
.scrollheight .topmenu .carouselcustom:after{height:0;}
.carouselcustom-item {width: 100%;counter-increment: gallery-cell;}
.lembaga .carouselcustom-item {width:16.66666667%;}
.topmenu .carouselcustom-item {width:auto;margin:0 5px;height:var(--h6vh);}
.topmenu .carouselcustom-item:last-child{padding-right:200px;}
.topmenu .carouselcustom-item:first-child{padding-left:70px;}
.statistik .carouselcustom-item{width:20%;}
.aparatur-page .carouselcustom-item{width:33.33333333%;}
.statstyle .aparatur-page .carouselcustom-item{width:33.33333333%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;}
.personal .flickity-viewport, .imageinner .flickity-viewport, .statistik .flickity-viewport, .aparatur-page .flickity-viewport, .other-image .flickity-viewport{position: relative;height: 100%;overflow:hidden;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;top:0;width: 30px;height: 30px;border:none;background-color:transparent;background-size: 50% auto;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.statistik .flickity-prev-next-button, .aparatur-page .flickity-prev-next-button {width: 17px;height: 60px;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);border:var(--colorgrey1) 1px solid;background-color:var(--colorgrey2);background-size: 50% auto;}
.aparatur-page .flickity-prev-next-button{background-color:var(--colorblack-trans1) !important;border:none !important;background-size: 50% auto;background-position: center !important;}
.flickity-prev-next-button.previous {background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");z-index:2;}
.flickity-prev-next-button.next {background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");z-index:2;}
.aparatur-page .flickity-prev-next-button.previous {left:-16px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");z-index:2;border-radius:0 3px 3px 0;}
.aparatur-page .flickity-prev-next-button.next {right:-16px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");z-index:2;border-radius:3px 0 0 3px;}
.statistik .flickity-prev-next-button.previous{left:-9px;}
.statistik .flickity-prev-next-button.next {right:-9px;}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.topmenu .flickity-prev-next-button{display:none;}
.personal .flickity-prev-next-button, .imageinner .flickity-prev-next-button, .other-image .flickity-prev-next-button, .widgetstyle .flickity-prev-next-button{display:none;}
.imageinner .carousel-main2, .imageinner .carousel-main2b{margin-bottom:0 !important;}
.personal .carousel-main2 .flickity-prev-next-button, .personal .carousel-main2b .flickity-prev-next-button{display:none;}
.personal .carousel-cell, .imageinner .carousel-cell {width: 100%;}
.personal .carousel-main2 .carousel-cell, .personal .carousel-main2b .carousel-cell{width: calc(100% - 10px);margin:5px;}
.widgetstyle .carousel-cell {width: 20%;cursor:default;}
.widgetstyle .carouselcustom-item {width:33.33333333%;height:200px;}
.personal .carousel-nav2 .carousel-cell, .personal .carousel-nav2b .carousel-cell{height: 60px;cursor:pointer;width:33.33333333%;background:rgba(0,0,0,0.3);margin:0 0 5px;}
.carousel-main2, .carousel-main2b{background: linear-gradient(to bottom, var(--color2), var(--color1));}
.imageinner .carousel-nav2 .carousel-cell{height: 20vh;cursor:pointer;width:50%;}
.personal .carousel-nav2 .carousel-cell, .personal .carousel-nav2b .carousel-cell{opacity:0.4;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#greyscale");filter: gray;-webkit-filter: grayscale(1);}
.imageinner .carousel-nav2 .carousel-cell, .imageinner .carousel-navb .carousel-cell{background:transparent !important;}
.imagecrop-artikel-thumb img{opacity:0.5;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,#greyscale");filter: gray;-webkit-filter: grayscale(1);}
.personal .carousel-nav2 .carousel-cell.is-selected, .personal .carousel-nav2b .carousel-cell.is-selected, .imageinner .carousel-nav2 .carousel-cell.is-selected{opacity:1;filter: grayscale(0);-webkit-filter: grayscale(0);filter: none;filter: none;-webkit-filter: grayscale(0);}
.carousel-nav2, .carousel-nav2b{background:var(--color1);padding:0 5px 0;}
.imageinner .carousel-nav2{margin-top:8px;padding:0 12vh;background:transparent;}
.imageinner .carousel-nav2 .carousel-cell.is-selected .imagecrop-artikel-thumb img{opacity:0.6;filter: grayscale(0);-webkit-filter: grayscale(0);filter: none;filter: none;-webkit-filter: grayscale(0);}
.imageinner .carousel-nav2 .carousel-cell.is-selected:hover .imagecrop-artikel-thumb img{opacity:1;}
.imageinner .carousel-nav2 .carousel-cell.is-selected .imagecrop-artikel-thumb{background-color:var(--bgwhite);}
.imageinner .carousel-nav2 .flickity-prev-next-button {position:absolute;top:0;height:20vh;width:30px;display:block !important;background-size:40% auto;}
.imageinner .carousel-nav2 .flickity-prev-next-button.previous{left:0;background-position: center;z-index:5 !important;}
.imageinner .carousel-nav2:before{content:"";position:absolute;left:12vh;top:0;width:10%;height:100%;z-index:2;background:var(--colorgrey2);background:-moz-linear-gradient(90deg,var(--colorgrey2) 0%,transparent 100%);background:-webkit-linear-gradient(90deg,var(--colorgrey2) 0%,transparent 100%);background:linear-gradient(90deg,var(--colorgrey2) 0%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--colorgrey2)",endColorstr="transparent",GradientType=1)}
.imageinner .carousel-nav2:after{content:"";position:absolute;right:12vh;top:0;width:10%;height:100%;z-index:2;background:transparent;background:-moz-linear-gradient(90deg,transparent 0%,var(--colorgrey2) 100%);background:-webkit-linear-gradient(90deg,transparent 0%,var(--colorgrey2) 100%);background:linear-gradient(90deg,transparent 0%,var(--colorgrey2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="var(--colorgrey2)",GradientType=1)}
.imageinner .carousel-nav2 .flickity-prev-next-button.next {right:0;background-position: center;z-index:5 !important;}
.lembaga .flickity-prev-next-button{display:block;width: 25px;height: 25px;top:-40px;background-size:auto 60%;border:var(--bordergrey1) 1px solid;}
.lembaga .flickity-prev-next-button.previous{right:5px;margin-right:30px;}
.lembaga .flickity-prev-next-button.next{right:5px;}
.widgettop-margin .carousel{margin:0 0 8px;padding:0 16px;}
.widgetstyle .widgettop-margin .flickity-prev-next-button{display:block;background-color:var(--colorgrey2);width: 20px;height: 40px;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);border:none;background-size: 10px auto;border-radius:0;}
.widgetstyle .widgettop-margin .flickity-prev-next-button.previous {left:0;right:auto;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");z-index:2;}
.widgetstyle .widgettop-margin .flickity-prev-next-button.next {right:0;left:auto;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23919191'%2F%3E%3C%2Fsvg%3E");z-index:2;}
.form-control{display:block;width:100%;height:34px;padding:0 10px;font-size:85%!important;line-height:34px;color:var(--colorgrey3);background-color:var(--bgwhite);background-image:none;border:1px solid var(--colorgrey1);border-radius:4px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
.form-control:focus{border-color:var(--colorgrey3);outline:0;-webkit-box-shadow:none;box-shadow:none}
.form-control::-moz-placeholder{color:var(--colorgrey3);opacity:1}
.form-control:-ms-input-placeholder{color:var(--colorgrey3)}
.form-control::-webkit-input-placeholder{color:var(--colorgrey3)}
.modal-open {overflow-x: hidden;overflow-y: auto;}
.modal{z-index:9999999 !important;}
.modal-dialog{z-index:99999 !important;}
.modal-backdrop{z-index:3000 !important;background-color:var(--colordark)}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:1}
.modalcenter .modal-dialog {position: fixed;margin: auto;width: 100%;top:0;bottom:0;left:0;}
.modal.left .modal-dialog,.modal.right .modal-dialog {position: fixed;margin: auto;width: 25%;top:15px;bottom:15px;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.center .modal-dialog {position: fixed;margin: auto;left:50%;width: 60%;top:15px;bottom:15px;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.modal-dark .modal.center .modal-dialog {width: 30%;}
.itempengaduan .modal.center .modal-dialog {width: 30%;}
.modal.modsmall .modal-dialog {position: absolute;margin: auto;left:0;width: 100%;top:0;bottom:0;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);z-index:9 !important;}
.modal.left.fade .modal-dialog{left: -320px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.left .modal-dialog{top:0;bottom:0;}
.modal.left.fade.in .modal-dialog{left: 0;}
.modal.center.fade.in .modal-dialog{top: 15px;}
.modal.right.fade .modal-dialog {right: -320px;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.center.fade .modal-dialog {top: -320px;-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;-moz-transition: opacity 0.3s linear, top 0.3s ease-out;-o-transition: opacity 0.3s linear, top 0.3s ease-out;transition: opacity 0.3s linear, top 0.3s ease-out;}
.modal.right.fade.in .modal-dialog {right:15px;}
.modalhead{position:absolute;left:0;top:0;right:0;height:50px;}
.modalhead h1{font-size:110%;margin:0 15px;padding:0;line-height:1;font-weight:bold;color:#fff;text-transform:uppercase;text-shadow: 2px 2px 0px rgba(0,0,0,0.25);}
.modalfoot{position:absolute;left:0;bottom:0;right:0;height:40px;font-size:90%;font-weight:500;margin:0;padding:0;line-height:1;color:#fff;cursor:pointer}
.lapak .modalfoot{bottom:-4px !important;height:30px;}
.close-btn {width:5vh;height:7vh;position:relative;cursor:pointer;border-radius:0 5px 5px 0;}
#menu2 .close-btn {width:50px;}
.modalfoot .close-btn{width:26px;height:26px;border-radius:26px;background-color:rgba(0,0,0,0.3);}
.lapak .modalfoot .close-btn{background:var(--colorgrey3);}
.close-btn:before, .close-btn:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:40%;top:30%;background:#fff;}
.modalfoot .close-btn:before, .modalfoot .close-btn:after{height:50%;top:25%;}
.close-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.close-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.smallmodal .modal{position:absolute !important;top:0;right:0;bottom:0;left:0;z-index:9 !important;}
.slideshow1{position:relative;width:100%;height:calc(58vh - 30px);z-index:1;}
.widgettop-margin #map_canvas{display:none;}
@media (min-width: 768px) {
.modal-dialog {width: 600px;margin:0;}
}
.cnav, .cmain{width:175px;float:left;}
.cmain{width:calc(100% - 177px);overflow:hidden;margin:0 0 0 2px;}
.map-tab{position:relative;width:100%;text-align:center;}
.map-tab p{font-size:100%;margin:0 10px;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;}
.map-tab img{width:auto;height:50px;margin:0 auto 5px;}
.carouselvert-main .carousel-cell{width:100%;height:350px}
.carouselvert-nav{width:350px;position:relative;transform:rotate(90deg) translate(0,-100%);transform-origin:left top;z-index:9}
.carouselvert-nav .carousel-cell{position:relative;transform:rotate(-90deg);width:175px;height:175px;cursor:pointer;background:var(--bggrey2)}
.carouselvert-nav .carousel-cell:nth-child(1){border-bottom:var(--borderwhite) 1px solid;}
.carouselvert-nav .carousel-cell:nth-child(2){border-top:var(--borderwhite) 1px solid;}
.widget-map .flickity-prev-next-button {display:none;}
.carouselcustom-nav .carouselcustom-item{cursor:pointer;width:40%;background:transparent;color:var(--colorgrey2);background:transparent;}
.carouselcustom-nav .carouselcustom-item.is-selected{width:40%;color:var(--colorwhite);background:var(--gradvert2);}
.carouselcustom-nav .flickity-prev-next-button {width: 30px;height: 60px;border:none;background-color:var(--bg-greydark);background-size: 30% auto;}
.carouselcustom-main .carouselcustom-item{width: 100%;}
.carouselcustom-main .flickity-prev-next-button, .carouselcustom-nav .flickity-prev-next-button{display:none;}
.whead-body{position:relative;overflow:hidden;}
.whead-body .carouselcustom{padding:0 30px;background:var(--color1);border-bottom:var(--colordark) 1px solid;}
.whead-item{position:relative;height: 60px;font-size:90%;margin:0;padding:0 5px;line-height:1;font-weight:500;text-align:center;text-transform:uppercase;text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent;}
.wcontent-body{position:relative;overflow:hidden;z-index:1;margin:5px -5px 0;}