.printonly{display:none;}
#regrohil{display:none;}
.header{background:var(--bgsoft1);}
.header-top{border-bottom:var(--c1) 3px solid;background:var(--bgsoft2);}
.header-top-left{background:var(--c1);padding:0 35px 0 15px;}
.header-top-left p, .header-top-icon p, #tanggal, #waktu{font-size:95%;margin:0;padding:0;line-height:1;font-weight:normal;color:var(--cwhite);}
#tanggal, #waktu{color:var(--cdefault);}
#tanggal{margin:0 5px 0 0;}
#waktu{margin:0 0 0 5px;}
.header-top-left:after{content:"";position:absolute;width:20px;right:0;top:0;bottom:0;background:var(--bgsoft2);border-radius:0 0 0 20px;}
.header-top-left img{width:auto;height:4.5vh;margin:0 5px 0 0;animation: mirrorflip 3s 0s linear infinite;}
.header-date{margin:0 auto 0 0;float:left;}
.header-top-right{margin:0 0 0 auto;float:right;}
.header-top-icon{width:auto;height:5vh;border:var(--brdgrey) 1px solid;border-radius:4px;padding:0 5px;margin:0 0 0 7px;cursor:pointer;background:rgba(255,255,255,0.55);}
.header-top-icon img{width:auto;height:3vh;}
.header-top-icon svg{width:auto;height:3.5vh;fill:var(--bgsoft1);}
.search .form-control{line-height:1;height:5vh;border-radius:4px;border:var(--brdgrey) 1px solid;padding:0 5vh 0 10px;width:200px;font-size:85%;background-color:rgba(255,255,255,0.4)}
.search .form-control:focus, .search .form-control.active{box-shadow:none;background-color:var(--bgwhite);border:var(--brdgrey) 1px solid;width:300px;}
.searching{position:absolute;right:0;top:0;bottom:0;width:5vh;box-shadow:none;outline:none;background:transparent;border:none;}
.searching svg{width:auto;height:3vh;fill:var(--c1);}
.headerbg2{position:absolute;top:0;bottom:0;left:0;width:100%;background:linear-gradient(to top, var(--c1), transparent 60%);z-index:3;opacity:0.25;}
.headerbg:before, .headerbg:after{content:"";position:absolute;top:0;bottom:0;width:90%;z-index:2;}
.headerbg:before{left:-1px;background:linear-gradient(to right, var(--bgsoft1), transparent);}
.headerbg:after{right:-1px;background:linear-gradient(to left, var(--bgsoft1), transparent);}
.headerbg h1{font-family: 'Manifold-ExtraBold', Arial !important;font-size:750%;margin:0;padding:0;line-height:1;text-transform:uppercase;color:var(--cwhite);font-weight:bold;opacity:0.2;animation: marquee 30s linear infinite;white-space: nowrap;}
.header-marquee{position:absolute;left:0;top:3vh;right:0;bottom:0;overflow:hidden;}
.motif-left{position:absolute;left:0;top:0;bottom:0;width:60%;background:url(../../images/ukir.svg) center;background-size:8vh;z-index:4;opacity:0.07;-webkit-mask-size: 100% 100%;
-webkit-mask-image: -webkit-gradient(linear, right center, left center, color-stop(0, rgba(0,0,0,0)),color-stop(50%,  rgba(0,0,0,1)));}
.motif-right{position:absolute;right:0;top:0;bottom:0;width:15%;background:url(../../images/ukir.svg) fixed center;background-size:8vh;z-index:4;opacity:0.07;-webkit-mask-size: 100% 100%;
-webkit-mask-image: -webkit-gradient(linear, left center, right center, color-stop(0, rgba(0,0,0,0)),color-stop(70%,  rgba(0,0,0,1)));}
.logo{width:14vh;}
.logo img{width:100%;display:block;height:auto;}
.title-web{width:calc(100% - 14vh);display:grid;box-sizing: border-box;}
.title-web h1{font-family: 'Manifold-ExtraBold', Arial !important;font-size:150%!important;float:none;line-height:1;letter-spacing:-1px;margin:2px 0 0 8px;padding:0px;font-weight:700!important;text-transform:uppercase;background-size: auto auto;background-clip: border-box;background-size: 200% auto;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation:textclip 6s linear infinite;background-image: linear-gradient(-225deg,var(--c1) 0%,var(--c2) 29%,var(--c1) 67%,var(--cblack) 100%);}
.title-web p{font-size:95%;margin:5px 0 2px 10px;padding:0;line-height:1;font-weight:normal;color:var(--cblack);}
.title-web h3{font-size:95%;margin:2px 0 2px 10px;padding:0;line-height:1;font-weight:bold;color:var(--cblack);text-transform:uppercase;}
.noborder{border:none;}
.petapage{position:relative;z-index:200 !important;}
.headerright{float:right;margin:0 0 0 auto;}
.tohome{width:6vh;height:6vh;background:var(--c1);position:absolute;left:5%;top:1vh;z-index:100;border-radius:4px;}
.tohome svg{width:3vh;height:3vh;fill:var(--cwhite);opacity:0.7;}
.mainmenu-area{width:100%;background:linear-gradient(to right, var(--c2), var(--c1), var(--c2));border-bottom:var(--c2) 1px solid;}
.mainmenu{width:100%;background:linear-gradient(to right, var(--c2), var(--c1), var(--c2));min-height:8vh;}
.mainmenu-area:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5%;background:var(--c2);z-index:30;}
.mainmenu-area:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5%;background:var(--c2);z-index:30;}
.main-menu {list-style: none;padding:0;margin:0;}
.main-menu>li{width:auto;display:inline-block;position:relative;line-height:8vh;height:8vh;padding:0!important;font-weight:400;transition:0.2s linear all;color:var(--cwhite)!important;cursor:pointer;font-size:95%;user-select:none;}
.main-menu > li:hover {color: var(--cwhite) !important;}
.main-menu > li a, .main-menu a{color: var(--cwhite) !important;}
.main-menu > li:hover:not(.active), .main-menu > li:hover a {color: var(--cwhite) !important;}
.main-menu > li:active:not(.active), .main-menu > li:active:not(.with-submenu){color: var(--cwhite) !important;}
.main-menu .active {color: var(--cwhite) !important;cursor: default;}
.submenu{border-top:transparent 8px solid;display:none;position:absolute;z-index:10;list-style:none;margin:0;width:220px;border-radius:0 0 5px 5px;text-align:left;padding:10px 5px;background:transparent;left:-10px}
.submenu:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:var(--c1);border-radius:5px;}
.submenu:after{content:"";position:absolute;left:30px;top:-7px;border-bottom:var(--c1) 8px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.with-submenu:hover .submenu{display:block}
.submenu>li{position:relative;z-index:2;padding:6px 10px 6px 10px;transition:0.3s all linear;display:block;font-weight:500;line-height:1.1;color:var(--cwhite);opacity:.8;height:auto;}
.submenu > li:hover {color:var(--cwhite)!important;opacity:1;}
.submenu > li:active {color:var(--cwhite)!important;opacity:1;}
.main-menu li{margin:0 15px 0 0!important;}
.submenu li{margin:0!important;}
.main-menu .caret{margin-left:5px;opacity:.4;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.mainmenu .carousel {background:transparent;padding-left:8vh;}
.carousel {background:transparent;}
.carousel-absolute{position:absolute;left:35%;bottom:0;right:35%;padding:0 0 6px;}
.aparatur-home .carousel {padding:0 0 0 11px;}
.icon .carousel {position:relative;}
.icon .carousel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9vh;background:linear-gradient(to right, var(--bggrey1) 15%, transparent);z-index:3;}
.icon .carousel:after{content:"";position:absolute;right:0;top:0;bottom:0;width:9vh;background:linear-gradient(to left, var(--bggrey1) 15%, transparent);z-index:3;}
.carousel-cell {width: 100%;counter-increment: gallery-cell;cursor:default;}
.nav-image .carousel-cell {width:50%;padding:0 3px;margin:0 1px;cursor:pointer;}
.mainmenu .carousel-cell:last-child{padding-right:100px;}
.aparatur-home .carousel-cell {width: calc(33.33333333% - 10px);margin:0 5px;background:var(--c2);border-radius:5px;overflow:hidden;border:var(--brdgrey) 2px solid;text-align:center;}
.gallery .carousel-cell {width:50%;margin:0;padding:0 7px;}
.widget .carousel-cell {width:33.33333333%;margin:0;padding:0 10px;}
.icon .carousel-cell {width:16.66666667%;margin:0;padding:0 5px;margin:5px 0;text-align:center;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;}
.leader-area .flickity-viewport, .aparatur-home .flickity-viewport, .gallery .flickity-viewport, .widget .flickity-viewport, .icon .flickity-viewport, .lapakstyle .flickity-viewport, .article-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-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
.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;}
.flickity-prev-next-button{background-repeat:no-repeat !important;}
.mainmenu .flickity-prev-next-button{position: absolute;top:0;width: 20px!important;height:8vh;border:none;background-color:var(--c2);background-size: 10px auto;background-position:right;background-repeat:no-repeat;}
.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'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.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'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.mainmenu .flickity-prev-next-button.previous{left:auto !important;right:10px;margin:0;background-position: left center;z-index:15;}
.mainmenu .flickity-prev-next-button.next{ right: 0;background-position: right center;margin:0;border-left:var(--c2) 20px solid;z-index:10;}
.mainmenu .flickity-prev-next-button.next:before{content:"";position:absolute;right:25px;top:0;bottom:0;width:70px;background:linear-gradient(to right, transparent, var(--c2));}
.leader-area .flickity-prev-next-button{display:none;}
.sliderstyle .flickity-prev-next-button, .aparatur-home .flickity-prev-next-button, .gallery .flickity-prev-next-button, .widget .flickity-prev-next-button, .icon .flickity-prev-next-button, .cmain-image .flickity-prev-next-button{width: 30px;height:30px;border-radius:30px;background-color:rgba(0,0,0,0.4);top:50%;background-position: center;background-size:30% auto;-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);}
.widget .flickity-prev-next-button{opacity:0.3;}
.sliderstyle .flickity-prev-next-button.previous, .lapakstyle .flickity-prev-next-button.previous, .cmain-image .flickity-prev-next-button.previous{left:5px;}
.sliderstyle .flickity-prev-next-button.next, .lapakstyle .flickity-prev-next-button.next, .cmain-image .flickity-prev-next-button.next{right:5px;}
.aparatur-home .flickity-prev-next-button.previous{left:0;}
.aparatur-home .flickity-prev-next-button.next{right:0;}
.gallery .flickity-prev-next-button.next{right:10px;}
.gallery .flickity-prev-next-button.previous{left:10px;}
.widget .flickity-prev-next-button.next{right:-4px;}
.widget .flickity-prev-next-button.previous{left:-4px;}
.icon .flickity-prev-next-button{width: 30px;height:12vh;border-radius:3px;background-size:40% auto;background-color:var(--bgwhite);border:var(--brdgrey) 1px solid;opacity:1;}
.icon .flickity-prev-next-button.previous{left:0;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");}
.icon .flickity-prev-next-button.next{right:0;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");}
.lapakstyle .flickity-prev-next-button{width: 30px;height:30px;border-radius:30px;background-color:rgba(0,0,0,0.4);top:50%;background-position: center;background-size:30% auto;-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);}
.carousel-absolute .flickity-prev-next-button{display:none;}
.running-text{border:var(--brdgrey) 1px solid;border-radius:4px;overflow:hidden;margin:5px 0 0;background:var(--bggrey1);}
.running-text marquee, .running-text a{line-height:36px;height:36px;margin:0;padding:0;font-size:100%;color:var(--cblack)}
.running-text span{padding:0 40px 0 0;line-height:36px!important;}
.running-head{position:absolute;left:0;top:0;height:36px;padding:0 10px;background:var(--c1);z-index:2;margin:0;font-size:95%;color:#ffd966;line-height:36px;font-weight:normal;}
.running-head:after{content:"";position:absolute;top:0;right:-10px;border-left:var(--c1) 10px solid;border-top:transparent 18px solid;border-bottom:transparent 18px solid;}
.col-leader{position:relative;width:calc(50% - 10px);margin:0 5px;border-radius:5px;overflow:hidden;}
.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:50%;right:100%;font-size:80%;min-width:120px;line-height:1.1;margin:0 6px 0 0;-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)}
.tooltipbot .tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;text-align:center;font-size:80%;border-radius:3px;padding:10px 15px;position:absolute;z-index:1;top:100%;left:50% !important;min-width:100px;margin:1.2vh 0 0;-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)}
.tooltip2 .tooltip2text:after{content:"";position:absolute;left:100%;border-left:#000 6px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;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);}
.tooltipbot .tooltip2 .tooltip2text:after{left:50%;border-left:transparent 6px solid;border-right:transparent 6px solid;border-top:none;border-bottom:#000 6px solid;top:-6px;-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)}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.image-leader, .image-slider, .image-article, .image-headline, .image-gallery, .image-small, .image-aparatur, .video-box, .video-upload, .image-gallery-page, .image-pemb, .image-lapak, .image-pemerintahan, .small-photo, .image-article2, .mandiri-latar{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-leader{height:35vh;background:var(--bggrey1);overflow:hidden;}
.image-aparatur{height:32vh;}
.image-article{height:30vh;border-radius:5px;}
.image-slider{height:65vh;border-radius:5px;overflow:hidden;}
.image-headline{height:40vh;}
.image-gallery{height:30vh;border-radius:5px;}
.image-small{height:11vh;border-radius:5px;}
.image-lapak{height:27vh;border-radius:5px;}
.image-pemb{height:35vh;}
.image-pemerintahan{height:48vh;}
.image-article2{height:70vh;border-radius:5px;}
.thumb-article.image-article2{height:10vh;}
.mandiri-latar{height:100%;}
.thumb-article.image-article2:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:var(--bgblack) 2px solid;border-radius:5px;opacity:0.4;}
.col-doc .image-pemb{height:18vh;border-radius:5px;}
.video-box, .video-upload{padding-bottom: 56.25%;border-radius:5px;}
.image-gallery-page{height:35vh;}
.imagecrop img, .imagefull img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.hometop{position:relative;overflow:hidden;padding:10px;border-radius:5px;background:var(--bggrey1);border:var(--brdgrey) 1px solid;}
.leader-area{text-align:center;position:relative;overflow:hidden;border-radius:5px;}
.leader1, .leader2, .slider{border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.55);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.55);box-shadow:0 0 5px 0 rgba(0,0,0,.55)}
.slider{overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;margin-left:10px;margin-right:10px;}
.leader1, .leader2{background:var(--c2);margin-left:10px;margin-right:10px;}
.position{position:absolute;left:0;right:0;bottom:0;padding:40px 10px 10px;background:linear-gradient(to top, var(--bgblack), transparent);}
.position h3{font-size:95%;margin:0;padding:0;line-height:1;color:var(--cwhite);font-weight:normal;opacity:0.7;}
.leader-title h2, .leader-title p, .leader-title h3{font-size:95%;margin:0 0 5px;padding:0;line-height:1;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.leader-title h3{margin:0;font-weight:normal;}
.leader-title h2{text-transform:uppercase;}
.leader-title p{margin:0;font-weight:normal;}
.leader-title{position:relative;overflow:hidden;padding:0 12px;height:11vh;background:var(--c2);}
.aparatur-home .leader-title{padding:0 10px;height:9vh;}
.leader-title:after{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--bgsoft1);}
.slider-title{position:absolute;left:0;right:0;bottom:0;padding:40px 25px 25px;background:linear-gradient(to top, var(--bgblack), transparent);}
.slider-title h2{font-size:120%;margin:0;padding:0 0 0 7px;line-height:1;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-left:var(--yellow) 5px solid;}
.sliderstyle{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;min-height:65vh;}
.video-item, .video-view{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);border-radius:5px;}
.emandiri{margin:0 5px;background-color:var(--bgwhite);border-radius:5px;overflow:hidden;}
.slideshow{margin:0 5px;border-radius:5px;overflow:hidden;}
.identitas{position:relative;width:calc(33.33333333% - 20px);margin-left:10px;margin-right:10px;background:var(--c2);border-radius:5px;border:var(--brdgrey) 1px solid;}
.emandiri-bg{position:absolute;left:0;right:0;height:100%;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);background-repeat:no-repeat;background-position:right bottom;background-size:cover;}
.identitas-inner{position:relative;z-index:2;padding:15px 20px 0;}
.identitas-inner h2{font-size:100%;margin:0 auto;text-align:center;padding:0;line-height:1.1;color:var(--cwhite);font-weight:normal;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;}
.homeintro{position:relative;overflow:hidden;border-radius:5px;border:var(--brdgrey) 1px solid;background:var(--bggrey1);}
.homeintro-inner{position:relative;overflow:hidden;margin:0 10px;padding:10px 0;}
.homeintro-left{position:relative;width:16%;}
.homeintro-center{position:relative;width:68%;}
.homeintro-right{position:relative;width:16%;}
.homeintro-absolute{position:absolute;top:0;bottom:0;left:16%;right:16%;display:grid;box-sizing: border-box;background:linear-gradient(to right, var(--bggrey1) 15%, var(--bgwhite), var(--bggrey1) 85%);display:grid;box-sizing: border-box;padding:5px 0;}
.icon-area{align-self: end;margin:15px 15px 0;}
.profile{align-self: start;margin:10px 15px 0;position:relative;z-index:10;}
.profile h3{font-size:100%;margin:5px auto 0;padding:0;line-height:1.2;font-weight:normal;color:var(--c2);text-align:center;}
.profile-title{text-align:center;margin:0 auto 15px;}
.profile-title p{font-size:95%;margin:0 10%;padding:0;line-height:1.1;}
.profile-head{text-align:center;}
.profile-head span{font-family:"Arial";font-size:200%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-1px;animation:flipflip 3s infinite;animation-delay:calc(.2s * var(--i))}
.sikoncang{position:absolute;top:5px;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);opacity:0.5;}
.sikoncang h1{font-family: 'Arial';font-weight: 800;font-size: 570%;text-transform: uppercase;background: linear-gradient(90deg, transparent, var(--bgsoft1), transparent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-size: 80%;animation: shine 5s linear infinite;position: relative;}
.stickyside-top{top:18vh;}
.statstyle .stickymain{border-right:var(--brdgrey) 1px solid;}
.latest{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;margin:0 20px 0 0;}
.latest-inner{position:relative;overflow:hidden;padding:0 14px 14px;}
.populer-inner{position:relative;overflow:hidden;padding:0 7px 14px;}
.heading-center{position:relative;background:var(--c1);padding:0 15px;height:40px;margin:-6px auto 0;border-radius:0 0 5px 5px;}
.heading-center svg{width:auto;height:24px;fill:var(--bgsoft1);margin:0 5px 0 0;}
.heading-center h1{font-size:110%;margin:0;padding:0;line-height:1;color:var(--cwhite);font-weight:bold;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;text-transform:uppercase;}
.heading-center:before{content:"";position:absolute;top:0;left:-7px;border-bottom:var(--c2) 6px solid;border-left:transparent 7px solid;}
.heading-center:after{content:"";position:absolute;top:0;right:-7px;border-bottom:var(--c2) 6px solid;border-right:transparent 7px solid;}
.headmodule{position:relative;padding:7px 10px;background:linear-gradient(to right, var(--c1) 20%, var(--c2));-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.45);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.45);box-shadow:0 0 5px 0 rgba(0,0,0,.45);}
.latest .headmodule, .populer .headmodule, .module-map .headmodule{background:var(--bggrey1);box-shadow:none;border-bottom:var(--brdgrey) 1px solid;border-radius:5px 5px 0 0;}
.headmodule-icon{width:5vh;height:5vh;border-radius:4px;margin:0 5px 0 0;}
.headmodule-icon svg{width:4vh;height:4vh;fill:var(--cwhite);opacity:0.65;}
.headmodule h1{font-size:110%;margin:0;padding:0;line-height:1;text-transform:uppercase;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.latest .headmodule h1, .populer .headmodule h1, .module-map .headmodule h1{font-size:120%;color:var(--c1);text-shadow:0px 1px 0px rgba(0,0,0,0.8);-webkit-text-stroke:1px transparent}
.latest .headmodule-icon, .populer .headmodule-icon, .module-map .headmodule-icon{background:var(--c1);}
.populer{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;}
.box-article{position:relative;width:calc(50% - 14px);margin:14px 7px 0;display:grid;box-sizing: border-box;border-radius:5px;padding:0;background:var(--bgwhite);}
.box-article:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border:var(--brdgrey) 1px solid;border-radius:5px;}
.box-article-inner{margin:10px;}
.box-article-title{position:relative;overflow:hidden;padding:10px;border-radius:0 0 5px 5px;}
.box-article h2{display:block;font-size:100%;margin:0 0 10px;line-height:1.1;padding:0;font-weight:bold;color:var(--cblack);}
.box-article p{display:block;font-size:95%;margin:0;line-height:1.1;padding:0;font-weight:normal;color:var(--cblack);}
.article-intro{position:relative;width:calc(100% - 55px);margin:0 0 0 10px;}
.meta{margin:0 10px 0 0;}
.meta p, .onhover-item p{font-size:90%;margin:0;line-height:1;padding:0;font-weight:normal;}
.article-style .meta p, .article-style .onhover-item p{font-size:95%;}
.onhover-item p{color:var(--cgrey1);}
.meta svg{width:22px;margin:0;padding:0;line-height:1;opacity:0.6;}
.article-style .meta svg{opacity:1;fill:var(--bgsoft1);}
.publish-absolute .meta p, .headline .meta p{color:var(--cgrey1);margin:0 0 0 5px;}
.publish-absolute .meta svg, .headline .meta svg{fill:var(--cwhite);width:20px;}
.headline .meta p{color:var(--cgrey1);margin:0 0 0 5px;}
.headline .meta svg{fill:var(--cwhite);width:20px;}
.bottom-box-article .meta svg{margin:0 3px 0 0;opacity:0.4;}
.box-article:hover {background:var(--bggrey1);}
.publish-absolute{position:absolute;left:0;right:0;bottom:0;padding:5px 15px;background:rgba(0,0,0,0.5);}
.bottom-box-article{align-self: end;border-top:var(--brdgrey) 1px solid;padding:0 15px;height:34px;}
.image-onhover{position:absolute;left:0;top:0;right:0;background:rgba(0,0,0,0.6);height:0;border-radius:5px;overflow:hidden;}
.box-article:hover .image-onhover{height:100%;}
.onhover-item{border-radius:4px;height:36px;padding:0 10px;background:var(--c1);margin:5px 0;}
.onhover-item svg{width:24px;height:auto;fill:var(--cwhite);margin:0 5px 0 0;opacity:0.5;}
.pagingrow svg{height:24px;width:auto;fill:var(--cgrey4);margin:3px 0 0;}
.page-link{padding:0 2px !important;}
.pagination{margin:0 auto!important;}
.pagination>li>a,.pagination>li>span{padding:0 8px;margin-left:-1px;line-height:1.1;color:var(--c1);height:30px;font-size:95%;background-color:var(--bgwhite);border:1px solid var(--brdgrey);display:flex!important;justify-content:center;align-items:center}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:var(--c1);background-color:var(--bggrey1);border-color:var(--brdgrey)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:var(--c1);border-color:var(--c1)}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:var(--cdefault);border-color:var(--brdgrey)}
.headline{position:relative;overflow:hidden;border-radius:5px;background:var(--c1);}
.headline-head{position:absolute;left:0;top:0;margin:10px;}
.headline-head svg{width:auto;height:5vh;fill:var(--yellow);filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.5));}
.headline:hover{background:var(--c2);}
.headline-image{position:relative;width:60%;}
.headline-image:after{content:"";position:absolute;right:0;left:0;top:0;bottom:0;background:linear-gradient(to right, transparent 40%, var(--c1));}
.headline:hover .headline-image:after{background:linear-gradient(to right, transparent 40%, var(--c2));}
.headline-title{position:relative;width:40%;}
.headline-title-inner{margin-left:-60px;padding:0 15px 0 0;}
.headline-title h2{display:block;font-size:120%;margin:5px 0;line-height:1.1;padding:0;font-weight:bold;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;opacity:0.7;}
.headline:hover .headline-title h2{opacity:1;}
.headline-title h3{display:block;font-size:90%;margin:0;line-height:1.1;padding:0;font-weight:normal;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;opacity:0.7;}
.statistik{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;padding:0;}
.head-population{width:100%;text-align:center;border-bottom:var(--brdgrey) 1px solid;padding:10px 0;background:linear-gradient(to right, var(--bggrey1), var(--bgwhite), var(--bggrey1));border-radius:5px 5px 0 0;}
.head-population h1{font-family:"Arial";font-size:140%;font-weight:800;margin:0 0 0 5px;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-1px;}
.head-population span{font-family:"Arial";font-size:140%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-1px;animation:flip 3s infinite;animation-delay:calc(.2s * var(--i))}
.statleft{position:relative;width:calc(33.33333333% - 14px);margin:0 7px;display:grid;box-sizing: border-box;overflow:hidden;padding:14px 0;}
.statcenter{position:relative;width:calc(33.33333333% - 14px);margin:0 7px;display:grid;box-sizing: border-box;overflow:hidden;padding:14px 0;}
.statright{position:relative;width:calc(33.33333333% - 14px);margin:0 7px;}
.gender-box{position:relative;width:20vh;height:20vh;}
.gender{position:relative;width:20vh;height:20vh;margin:0;border-radius:50%;overflow:hidden;animation: rotate-animation 10s infinite linear;}
.gender:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;}
.female{float:right;margin:0 0 0 auto;}
.male .gender:before{background-image: conic-gradient(var(--blue) 50%, var(--bggrey1) 0);}
.female .gender:before{background-image: conic-gradient(var(--pink) 50%, var(--bggrey1) 0);}
.gender-inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18vh;height:18vh;background:var(--bgwhite);border-radius:50%;-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.60);-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.60);box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.60);text-align:center;}
.gender-inner p{font-size:90%;line-height:1;font-weight:500;letter-spacing:-1px;}
.gender-inner h2{font-size:120%;line-height:1;}
.total-populasi p, .total-populasi2 p{font-size:90%;line-height:1;font-weight:500;margin:0 10px;}
.total-populasi h2, .total-populasi2 h2{font-size:150%;line-height:1;margin:3px 10px;}
.total-populasi2 h2, .total-populasi2 p{font-size:95%;}
.gender-inner img{width:auto;height:5vh;margin:-7px 0 3px;}
.gender-inner svg{width:auto;height:6vh;margin:-10px 0 -7px;}
.male .gender-inner svg{fill:var(--blue);}
.female .gender-inner svg{fill:var(--pink);}
.total-populasi{position:relative;overflow:hidden;text-align:center;margin-top:10px;}
.home-chart{height:32vh;}
.statgraph .highcharts-root {max-width:calc(100% - 5px) !important;margin:0 auto !important;}
.statgraph .highcharts-background, .statgraph .widget-height .highcharts-background{fill: transparent;stroke:transparent;}
.statgraph .highcharts-title {text-transform: uppercase !important;font-size:120% !important;letter-spacing:5px;font-weight:bold;font-family:"Arial";}
.statgraph .highcharts-grid path {stroke: var(--brdgrey);stroke-dasharray: 1 1;}
.statgraph .highcharts-xaxis path {stroke: var(--brdgrey);stroke-width: 1px;}
.statgraph .highcharts-yaxis path {stroke: var(--brdgrey);stroke-width:1px;}
.statgraph .highcharts-contextbutton {display:none;}
.statgraph .highcharts-color-1 {fill: #CDABEB;stroke: transparent;}
.statgraph .highcharts-color-2 {fill: #B9E357;stroke: transparent;}
.statgraph .highcharts-color-0 {fill: #23C0D3;stroke: transparent;}
.statgraph{position:relative;overflow:hidden;align-self: end;}
.mandiri{position:relative;width:calc(50% - 20px);margin-left:10px;margin-right:10px;background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;}
.mandiri-cartoon img{width:100%;height:auto;}
.mandiri-notif{position:absolute;left:0;top:0;right:0;padding:15px;height:32vh;text-align:center;margin:0;border-radius:5px 5px 0 0;display:grid;box-sizing: border-box;z-index:5;}
.mandiri-cover{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--c1);opacity:0.3;z-index:2;}
.mandiri-notif p{font-size:90%;line-height:1;font-weight:500;margin:0;color:var(--cwhite);padding:0;font-weight:normal;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.mandiri-cartoon{width:60%;position:absolute;bottom:0;left:50%;bottom:0;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);z-index:10;}
.mandiri-login{position:absolute;left:0;bottom:0;right:0;height:40px;background:rgba(255,255,255,0.55);z-index:11;}
.mandiri-login-btn{height:30px;padding:0 10px;background:var(--c2);border-radius:4px;margin:0;line-height:1;font-size:90%;color:#fff;cursor:pointer;border:none;box-shadow:none;outline:none;}
.mandiri-login-btn svg{width:20px;height:20px;fill:#fff;margin:0 5px 0 0;}
.gallery{position:relative;width:calc(66.66666667% - 20px);margin-left:10px;margin-right:10px;border-radius:5px;border:var(--bggrey3) 1px solid;background:var(--c2);}
.gallery-head{margin:0 auto 15px;}
.gallery-head h1{font-size:110%;margin:0;padding:0;line-height:1;text-transform:uppercase;color:var(--cwhite);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.gallery-data{position:relative;width:100%;}
.gallery-title {position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;margin:15px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:5px;}
.gallery-data-inner{position:relative;overflow:hidden;margin:15px 10px;min-height:26vh;}
.gallery-data .carousel-cell:hover h3{color:var(--cwhite);opacity:1;}
.modal .scrollbar{height:100%;width: 100%;overflow-y: scroll;}
.widget-box .scrollbar{height:50vh;width: 100%;overflow-y: scroll;}
.modal .widget-box .scrollbar{height:auto;}
.widget-box2 .scrollbar{height:45vh;width: 100%;overflow-y: scroll;}
.apbdbottom .scrollbar{height:40vh;width: 100%;overflow-y: scroll;}
#style-3::-webkit-scrollbar-track{background-color:transparent;}
#style-3::-webkit-scrollbar{width: 8px;background-color:transparent;}
#style-3::-webkit-scrollbar-thumb{background-color:var(--bggrey2);}
.modalpenting #style-3::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.15);}

@-moz-document url-prefix() { 
#style-3 {scrollbar-width: thin;} 
#style-3{scrollbar-color: var(--bggrey2) transparent;}
.modalpenting #style-3{scrollbar-color: rgba(255,255,255,0.15) transparent;}
}

.widget-shadow{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;margin:5px 0;}
.scrollbar-pd{padding:10px 10px 10px 10px;}
.widget-box .scrollbar-pd, .widget-box2 .scrollbar-pd{padding:10px 10px 40px;}
.modal .scrollbar-pd{padding:0;}
.statnav-box .scrollbar-pd{padding:15px 15px 40px;}
.arsipsmall-image{position:relative;width:calc(30% - 10px);margin:0 5px;border-radius:4px;overflow:hidden;}
.arsipsmall-text{position:relative;width:calc(70% - 10px);margin:0 5px;}
.arsipsmall{position:relative;overflow:hidden;margin:10px 0 0;}
.arsipsmall-text p{font-size:100%;margin:0;line-height:1;padding:0;}
.forhover a{color:var(--cdefault);}
.forhover a:hover{color:var(--c2);}
.w-arsip .nav-tabs > li, .w-arsip .nav-tabs > li > a{height:5vh;padding:0;margin:0!important;line-height:5vh;text-align:center;font-weight:bold;border:none;}
.w-arsip .nav-tabs > li > a{padding:0;border-bottom:transparent 3px solid;color:var(--cdefault);}
.w-arsip .nav-tabs > li > a:hover{border: none;border-bottom:var(--c2) 3px solid;color:var(--c2);background-color:transparent;}
.w-arsip .nav-tabs > li.active > a:hover, .w-arsip .nav-tabs > li.active > a:focus, .w-arsip .nav-tabs > li.active a {background-color:transparent;border: none;border-bottom:var(--c1) 3px solid;color:var(--c1)!important;}
.w-arsip .nav-tabs{border:none;background:var(--bggrey1);margin:0 !important;border-radius:0;padding:0 10px 0;}
.menu-category li, .menu-category ul{list-style:none;margin:0 0 0 5px;padding:0;position:relative;line-height:1.2;}
.menu-category li{padding:0 0 0 17px;margin:10px 0;font-weight:bold;}
.menu-category li:first-child{margin:0 0 10px;}
.sub-category li, .sub-category li:first-child{margin:5px 0;padding:0 0 0 15px;}
.menu-category li:after{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:10px;background:var(--c1);opacity:0.5;}
.sub-category li:after{position:absolute;left:0;top:5px;width:10px;height:12px;border-radius:0;background:transparent;border-left:var(--bggrey3) 10px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;opacity:1;}
.agenda-small{margin:10px 0 0;}
.agenda-small h3{font-size:100%;margin:0 0 5px;line-height:1.1;padding:0;font-weight:bold;}
.agenda-title{border-left:var(--bggrey2) 3px solid;padding:0 0 0 7px;}
.agenda-area h2{position:relative;font-size:100%;margin:0;line-height:1;padding:0 0 0 18px;font-weight:bold;color:var(--c1);}
.agenda-area h2:after{content:"";position:absolute;left:0;top:4px;background:transparent;border-top:var(--yellow) 10px solid;border-left:transparent 7px solid;border-right:transparent 7px solid;}
.today{font-weight:bold;color:var(--c2);}
.comment-small{margin:15px 5px 0;}
.comment-small:first-child{margin:0;}
.comment-icon{position:relative;width:5vh;padding:2px 0 0;}
.comment-title{position:relative;width:calc(100% - 7vh);margin:0 0 0 1vh;}
.comment-icon svg, .comment-icon img {width:100%;height:auto;fill:var(--yellow);}
.comment-title h2, .comment-title h3{font-size:100%;margin:0;line-height:1.1;padding:0;font-weight:bold;}
.comment-title h3{font-weight:normal;font-size:95%;}
.comment-title p, .sosmed p{font-size:95%;margin:3px 0 0;line-height:1.1;padding:0;}
.comment-content{padding:5px 10px;}
.comment-content-buble{width:42px;min-width:42px;height:auto;float:left;margin:0 5px 0 0;}
.comment-content-buble img{width:100%;}
.comment-content h2{font-size:100%;margin:0 0 3px;padding:0;line-height:1.2;font-weight:bold;}
.comment-content h3, .comment p{font-size:95%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.comment-content h3{margin:0 0 3px;}
.comment-content p{color:var(--cdefault)}
.comment-content-text{margin:0 0 0;}
.sosmed p{margin:0;font-size:100%;}
.sosmed{margin:5px 0;}
.sosmed img{width:auto;height:5vh;margin:0 5px 0 0;}
.comment-notif{position:relative;overflow:hidden;padding:10px 10px;background:linear-gradient(to right, var(--bggrey3), var(--bgwhite), var(--bggrey3));border-radius:3px;text-align:center;}
.form-left{position:relative;width:calc(65% - 10px);margin:0 5px;}
.form-right{position:relative;width:calc(35% - 10px);margin:0 5px 5px;border: 1px solid var(--brdgrey);padding:10px;display:grid;box-sizing: border-box;border-radius:4px;}
.imagecaptha{position:relative;width:calc(65% - 10px);margin:0 5px;}
.imagecaptha img{width:100%;height:auto;border-radius:4px;}
.changecaptha{position:relative;width:calc(35% - 10px);margin:0 5px;background:var(--bggrey5);border-radius:3px;line-height:1.1;font-size:70%;font-weight:normal;padding:0 5px 0 0;}
.changecaptha svg{width:auto;height:30px;margin:0 0;fill:var(--c1);}
.form-left .form-control{height:35px;line-height:35px;margin:0 0 5px;}
.textarea, .textarea:focus{border: 1px solid var(--brdgrey);outline:none;box-shadow:none;min-height:80px;border-radius:4px;max-width:100%;}
.agenda-table td{padding:0;height:auto;font-size:100%;margin:2px 0;line-height:1.1;vertical-align:top;}
.agenda-table svg{width:30px;height:auto;fill:var(--c1);}
.icon-agenda{width:35px;text-align:left;}
.agenda-table p{margin:4px 0 0;}
.table-intro{margin:10px 0 0!important;padding:0!important;}
.table-medium td, .table-intro td{font-size:100%;padding:5px 0;line-height:1.1;margin:0;vertical-align:top;}
.detail-pemb .table-medium td{padding:10px 0;}
.table-intro td{font-size:95%;color: var(--cgrey2);padding:3px 0;}
#identitas .table-medium td{padding:2px 0;}
.table-agenda td{font-size:95%;padding:0 0;line-height:1.1;margin:0;vertical-align:top;}
.table-sinergi td{vertical-align:top;padding:10px 0;}
.table-sinergi p{font-size:95%;padding:0 0;line-height:1.1;margin:3px 0 0;}
.table-identitas{margin:15px 0 0;}
.table-identitas td{vertical-align:top;font-size:95%;margin:0;padding:5px 0;line-height:1.1;color:var(--cgrey2);}
.tablesmall td{font-size:90%;padding:1px 0;vertical-align:top;line-height:1.1;height:auto;}
.table-stat td{font-size:95%;padding:7px 7px!important;vertical-align:top;line-height:1.1!important;height:auto!important;}
.table-pemb td{font-size:100%;padding:2px 0!important;vertical-align:top;line-height:1.1!important;height:auto!important;}
.table-border td{padding:8px;vertical-align:top;border:var(--brdgrey) 1px solid;font-size:95%;}
.table-border th{padding:10px 8px;border:var(--brdgrey) 1px solid;font-size:95%;font-weight:bold;}
.table-kerja{width:calc(100% - 8px);margin:5px 0 0 8px;}
.table-kerja th{padding:5px 4px;border:var(--brdgrey) 1px solid;font-size:95%;font-weight:bold;background:var(--bggrey1)}
.table-kerja td{padding:4px;vertical-align:top;border:var(--brdgrey) 1px solid;font-size:95%;}
.apbdbottom{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;}
.apbd-col{position:relative;width:calc(33.33333333% - 14px);margin:0 7px;}
.apbd-inner{position:relative;overflow:hidden;padding:0 14px 14px;}
.headarrow{position:relative;overflow:hidden;background:var(--bggrad-lr1);padding:0 0 10px;margin:15px 0 0;border-radius:5px 5px 0 0;}
.headarrow h1{position:relative;font-size:100%;margin:0;line-height:1;padding:0 0 0 20px;font-weight:bold;color:var(--c1);}
.headarrow h1:after{content:"";position:absolute;top:3px;left:0;border-top:var(--yellow) 13px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.anggaran-box{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;border-radius:0 0 5px 5px;background:var(--bgwhite);padding:0;}
.anggaran-row{position:relative;overflow:hidden;padding:0 0 10px;}
.anggaran-detail h3{font-size:100%;margin:0 0 5px;line-height:1;padding:0;font-weight:bold;}
.progress-bar {background: transparent !important;height:8px!important;}
.progress {height: 8px !important;margin-bottom: 0;border-radius: 0;}
.progress-apbd{padding:0 55px 0 0!important;height:8px!important;line-height:8px!important;position:relative;margin:0!important;}
.progress-apbd:before{content:"";position:absolute;left:0;right:0;top:2px;height:8px;border-radius:8px;background:linear-gradient(to right, var(--bggrey2) 70%, transparent)!important;}
progress[value]{appearance:none;border:none;width:100%;height:8px;background-color:transparent;box-shadow:none;color:transparent;position:relative;margin:0;animation: geser 3s linear infinite 1s;border-radius:8px}
progress[value]::-webkit-progress-bar{background-color:transparent;border-radius:8px;box-shadow:none;}
progress[value]::-webkit-progress-value{position:relative;background-size:35px 20px,100% 100%,100% 100%;border-radius:8px}
progress[value]::-moz-progress-bar{background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--yellow),var(--yellow));background-size:35px 20px,100% 100%,100% 100%;border-radius:8px;}
.progress-bar span{border-radius:8px;display:block;text-indent:-9999px;}
.progress-apbd p[data-value]{position:relative;font-size:90%;margin:-12px 0 0 auto;padding:0;line-height:1;}
.progress-apbd p[data-value]:after{content:attr(data-value) '%';position:absolute;font-size:90%;margin:0;padding:1px 0 1px 0!important;line-height:1;right:-55px;}
.php::-webkit-progress-value{background-image:-webkit-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-webkit-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-webkit-linear-gradient(left,var(--yellow),var(--yellow))}
.php::-moz-progress-bar{background-image:-moz-linear-gradient(135deg,transparent,transparent 33%,rgba(0,0,0,.1) 33%,rgba(0,0,0,.1) 66%,transparent 66%),-moz-linear-gradient(top,rgba(255,255,255,.25),rgba(0,0,0,.2)),-moz-linear-gradient(left,var(--yellow),var(--yellow));}
@keyframes geser{
0%{width:0;}
100%{width:100%;}
}
.statnav .panel{background:var(--bggrey1);margin:15px 0 0!important;border-radius:4px;border:var(--brdgrey) 1px solid;}
.statnav .panel-box{background:var(--bgwhite);border-top:var(--brdgrey) 1px solid;padding:10px;}
.headpanel a{display:block;position:relative;font-weight:700;width:100%;margin:0 0 10px;}
.statnav .headpanel a{margin:0;}
.headpanel a::after{content:"";border:solid var(--bggrey3);border-width:0 2px 2px 0;display:inline-block;padding:5px;position:absolute;right:10px!important;top:1px;float:right;transform:rotate(45deg)}
.statnav .headpanel a::after{top:20px;}
.headpanel a[aria-expanded=true]::after{transform:rotate(-135deg);top:8px}
.statnav .headpanel a[aria-expanded=true]::after{top:26px}
.jadwalshalat{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;}
.jadwalshalat .headpanel a {margin:0 0 0 10px;font-weight:500;}
.panelopen{border-top:var(--bggrey3) 1px solid;padding:5px 0;margin:0 0 0;}
.jadwalshalat-inner{overflow:hidden;border-radius:5px;}
.jadwalshalat-left{position:relative;width:72%;height:80px;padding:0 10px;}
.jadwalshalat-left-icon1{position:relative;width:60px;height:60px;background:var(--bggrey2);margin:0 10px 0 0;border-radius:4px;z-index:2;}
.jadwalshalat-left-icon2{position:absolute;left:0;top:0;bottom:0;right:0;}
.jadwalshalat-left-icon1 svg, .jadwalshalat-left-icon2 svg{width:auto;height:50px;margin-top:-5px;fill:var(--cwhite);}
.jadwalshalat-left-icon2 svg{fill:var(--c1);margin-top:12px;}
.jadwalshalat-right{position:relative;width:28%;text-align:center;border-left:var(--brdgrey) 1px solid;}
.jadwalshalat-left h2, .jadwalshalat-left h3{position:relative;font-size:100%;font-weight:bold;margin:0;line-height: 1.2;padding:0;}
.jadwalshalat-left h3, .jadwalshalat-left span{font-weight:500;}
.scroller{height:40px;line-height:40px;position:relative;overflow:hidden;width:100%;border-bottom:var(--brdgrey) 1px solid}
.scroller p{position:absolute;height:40px;font-size:100%;color:var(--color2);line-height:40px;top:0;left:0;width:100%;text-align:center;margin:0 auto;animation:scroller 20s infinite;font-weight:700}
@keyframes scroller{0%{top:0}15%{top:-40px}30%{top:-80px}45%{top:-120px}60%{top:-160px}75%{top:-200px}}
.jadwalshalat-full-title{position:relative;overflow:hidden;width:28%;float:right;height:40px;margin-top:-40px;text-align:left;font-size:95%;}
.jadwalshalat .panelopen{padding:5px 10px;}
.shalat-col{position:relative;width:calc(16.66666667% - 10px);margin:5px;text-align:center;border-radius:4px;overflow:hidden;}
.shalat-box{background:var(--bggrey1);height:60px;}
.shalat-box span{font-weight:bold;}
.shalat-icon{height:42px;}
.shalat-icon svg{width:auto;height:30px;fill:var(--cwhite);}
.imsak{background:#16776c;}
.subuh{background:#28aaab;}
.isya{background:#4d3569;}
.ashar{background:#e7941f;}
.dzuhur{background:#f6b530;}
.magrib{background:#ff8000;}
.mycountdown{text-align:center;}
.box-time{text-align:center;margin:0 2px;border-radius:4px;color:#fff;line-height:1;padding:7px 0;opacity:0.55;width:54px;}
.box-time span{font-size:105%;text-align:center;margin:0 0 2px;color:#fff;line-height:1;padding:0;}
.box-time p{font-size:80%;text-align:center;margin:0;color:#fff;line-height:1;padding:0;}
.mycountdown h2{font-size:110%;margin:0 0 2px;padding:0;line-height:1;color:var(--c2);font-weight:bold;}
.mycountdown h3{font-size:95%;margin:0 0 7px;padding:0;line-height:1.1;font-weight:normal;color:var(--cblack);}
.banner{background:var(--bgwhite);border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.55);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.55);box-shadow:0 0 5px 0 rgba(0,0,0,.55);}
.banner-box{position:relative;overflow:hidden;background: var(--c2);border:var(--brdgrey) 1px solid;padding:25px 10px;border-radius:5px;}
.bannerlogo{position:relative;width:100%;text-align:center;margin:0 0 10px;z-index:2;}
.bannerlogo-item{margin:0 20px;}
.bannerlogo-item img{width:auto;height:10vh;}
.banner-title{position:relative;width:100%;text-align:center;z-index:2;}
.banner-title h1{font-size:150%;font-weight:bold;margin:5px 0;line-height:1.1;padding:0;color:#ffe57e;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.arabic h1{font-family: 'arabic';font-size:170%;}
.banner-title p, .banner-title h2{font-size:110%;font-weight:500;margin:0 0 5px;line-height:1.1;padding:0;color:var(--cwhite);text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.nasional-container, .islami-container, .standar-container{position:absolute;left:0;top:0;right:0;bottom:0;}
.standar-container{background:var(--bgblack);}
.nasional-container{background: rgb(175,0,0);
background: -moz-radial-gradient(circle, rgba(175,0,0,1) 19%, rgba(68,0,0,1) 100%);
background: -webkit-radial-gradient(circle, rgba(175,0,0,1) 19%, rgba(68,0,0,1) 100%);
background: radial-gradient(circle, rgba(175,0,0,1) 19%, rgba(68,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af0000",endColorstr="#440000",GradientType=1);}
.islami-container{background-color: rgba(0,0,0,0.3);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23000000' fill-opacity='0.2'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.standar-container img{width:100%;height:auto;}
.corner-left{position:absolute;left:0;top:0;width:32%;}
.corner-right{position:absolute;right:0;top:0;width:32%;}
.islami-container .corner-left, .islami-container .corner-right{width:22%;}
.corner-left img, .corner-right img{display:block;height:auto;width:100%;}
.corner-left{transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.nasional-container .corner-left img, .nasional-container .corner-right img{opacity:0.6;}
.icon-box{position:relative;overflow:hidden;background:var(--bgwhite);border-radius:5px;border:var(--brdgrey) 1px solid;}
.icon-box:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);}
.icon-image{background:var(--bggrey1);height:9vh;border-bottom:var(--brdgrey) 1px solid;}
.icon-image img{width:auto;height:5vh;margin:0 auto;}
.icon-title{position:relative;overflow:hidden;height:8vh;padding:0 10px;background:radial-gradient(var(--bggrey1), var(--bgwhite), var(--bggrey1));}
.icon-title p{font-size:90%;margin:0;padding:0;line-height:1;font-weight:bold;}
.aparatur-module, .mandiri-module{position:relative;margin-left:10px;margin-right:10px;background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;}
.aparatur-module{width:calc(50% - 20px);}
.aparatur-module-inner{margin:0 7px 14px;}
.maphome{height:40vh;border-radius:0 0 5px 5px;}
.module-map{position:relative;width:calc(50% - 20px);margin-left:10px;margin-right:10px;background:var(--bgwhite);border-radius:5px;border:var(--brdgrey) 1px solid;}
.leaflet-touch{z-index:900;}
.category-page{padding:5px 15px 0;}
.page-box{border-radius:5px;border:var(--brdgrey) 1px solid;background:var(--bgwhite);}
.headingpage{position:relative;overflow:hidden;border-radius:5px 5px 0 0;border-bottom:var(--brdgrey) 1px solid;background-color:var(--bgsoft2);}
.headingpage:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(../../images/ukir.svg) repeat;background-size:40px;opacity:0.1;}
.headingpage-inner{position:relative;height:44px;font-size:110%;margin:0;line-height:1;font-weight:bold;text-transform:uppercase;color:var(--c1);z-index:2;}
.leftstyle .headingpage-inner{padding:0 40% 0 15px;background:linear-gradient(to right, var(--bgwhite), transparent);}
.headingpage-inner svg{width:auto;height:30px;margin:0 5px 0 0;fill:var(--bgsoft1);}
.page-padding{position:relative;padding:0 30px 30px;}
.galstyle .page-padding{padding:15px;}
.page-inner{position:relative;z-index:2;}
.title-content{padding:20px 10% 20px;position:relative;overflow:hidden;}
.title-content-bg{position:absolute;left:0;top:0;right:0;bottom:0;font-family: 'Arial';font-weight: 800;font-size: 700%;text-transform: uppercase;background: linear-gradient(90deg, transparent, var(--bgsoft1), transparent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-size: 80%;animation: shine 4s linear infinite;opacity:0.5;}
.title-content h1, .title-content h2{font-size:150%;margin:0;line-height:1.1;font-weight:bold;color:var(--c1);letter-spacing:-0.5px;position:relative;z-index:2;}
.title-content h2{color:var(--cblack);}
.title-content h3{font-size:120%;margin:10px 0 0;line-height:1.1;font-weight:bold;color:var(--cblack);}
.switchgraph{margin:0 0 20px;}
.title-content img{width:auto;height:16vh;margin:0 15px 0 0;position:relative;z-index:2;}
.statnav{padding:0 15px 30px;}
.statnav i.fa{width:60px;height:60px;color:transparent!important;font-size:0;overflow:hidden;margin:0 10px 0 0;border-right:var(--brdgrey) 1px solid;} 
.statnav-sub a{color:var(--cblack);}
.stat-select{color:var(--c1) !important;}
.title-statnav p{font-size:110%;margin:0;padding:0;line-height:1;}
.title-statnav a{color:var(--c2);}
.statnav-sub h3{position:relative;font-size:100%;margin:5px 0;padding:0 0 0 20px;line-height:1.1;font-weight:normal;}
.statnav-sub h3:after{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:10px;background:var(--bggrey3);}
.statnav-sub .stat-select h3:after{background:var(--yellow);}
.iconpenduduk{background:url(../../images/pngicon/statpenduduk.png) no-repeat center;background-size:70% 70%;color:transparent !important;}
.iconkeluarga{background:url(../../images/pngicon/statkeluarga.png) no-repeat center;background-size:70% 70%;color:transparent !important;}
.iconbantuan{background:url(../../images/pngicon/statbantuan.png) no-repeat center;background-size:70% 70%;color:transparent !important;}
.iconlainnya{background:url(../../images/pngicon/statlainnya.png) no-repeat center;background-size:70% 70%;color:transparent !important;}
.statnav-home{position:absolute;left:0;top:0;right:0;bottom:0;margin:15px 0;}
.statnav-item{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;cursor:pointer;border-radius:4px;margin:5px 0;}
.statnav-item-icon{width:50px;height:46px;border-right:var(--brdgrey) 1px solid;margin:0 10px 0 0;}
.statnav-item-icon img{width:36px;height:auto;}
.statnav-item p{font-size:100%;margin:0;padding:0;line-height:1;font-weight:bold;color:var(--cblack);}
.statnav-item:hover{color:var(--c1);background:var(--bggrey1)}
.statnav-item:hover p{color:var(--c1);}
.statnav-box{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--bgwhite);border:var(--brdgrey) 1px solid;border-radius:4px;padding:0;}
.statnav-box p{position:relative;font-size:100%;margin:5px 0;padding:0 0 0 20px;line-height:1.1;font-weight:normal;}
.statnav-box p:after{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:10px;background:var(--bggrey3);}
.statnav-close{position:absolute;left:0;right:0;bottom:0;height:40px;z-index:10;background:linear-gradient(to top, var(--bgwhite) 20%, transparent);}
.statnav-close-inner{width:30px;height:30px;border-radius:30px;background:var(--bgwhite);border:var(--brdgrey) 1px solid;cursor:pointer;}
.statnav-close svg{width:22px;height:22px;fill:var(--c1);}
.head-gallery{position:relative;overflow:hidden;background:var(--c2);}
.head-gallery:after{content:"";position:absolute;left:35%;top:0;bottom:0;right:0;margin:0 0 0 -2px;background:linear-gradient(to right, var(--c2), transparent);}
.head-gallery h1{font-family:"Arial";font-size:500%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:800;letter-spacing:-1px;color:var(--cwhite);opacity:0.2;}
.head-gallery h2{font-size:140%;margin:60px 0 0 -100px;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--yellow);}
.head-gallery-title{left:0;top:0;bottom:0;padding:0 25px;z-index:2;}
.head-gallery-image{position:relative;overflow:hidden;height:30vh;margin:0 0 0 auto;float:right;}
.column2-gal{position:relative;width:calc(50% - 20px);margin:10px;}
.framefoto{margin:0 auto;padding:10px;background:var(--bggrey1);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.55);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.55);box-shadow:0 0 5px 0 rgba(0,0,0,.55)}
.inner-foto{border-top:10px solid rgba(0,0,0,.13);border-left:10px solid rgba(0,0,0,.1);border-right:10px solid rgba(0,0,0,.08);border-bottom:10px solid rgba(0,0,0,.05);box-shadow:-1px -1px 1px rgba(0,0,0,.3),1px 1px 2px rgba(255,255,255,1)}
.mat{position:relative;overflow:hidden;border-top:3px solid rgba(0,0,0,.3);border-left:3px solid rgba(0,0,0,.3);border-bottom:3px solid rgba(0,0,0,.1);border-right:3px solid rgba(0,0,0,.05);margin:auto;padding:0;background-color:var(--bggrey1)}
.title-subgallery{position:absolute;left:0;bottom:0;right:0;padding:30px 10px 10px;background:linear-gradient(to top, #000, transparent);text-align:center;}
.title-subgallery h3, .title-subgallery h2{font-size:100%;padding:0;margin:0;font-weight:500;line-height:1.1;color:var(--cgrey1);}
.title-subgallery h2{font-weight:bold;margin:0 0 5px;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;text-transform:uppercase;line-height:1;}
.framefoto:hover .title-subgallery{padding:10px;top:0 !important;background:rgba(0,0,0,0.7);}
.framefoto:hover .title-subgallery h3{color:var(--cwhite);}
.pemb-image{position:relative;width:55%;}
.pemb-title{position:relative;width:45%;background:linear-gradient(to right, var(--bggrey1), var(--bgwhite));}
.pemb-row{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;border-radius:5px;background:var(--bggrey1);margin:0 0 10px;}
.col-pemb, .lapak-col{position:relative;width:calc(50% - 20px);margin:5px 10px;}
.lapak-col{border:var(--brdgrey) 1px solid;border-radius:5px;width:calc(50% - 14px);margin:15px 7px 0;}
.mappemb-area{position:relative;overflow:hidden;border:var(--brdgrey) 1px solid;border-radius:5px;margin:5px 0 0;}
.map-pemb{width:100%;height:40vh!important;position:relative;z-index:400!important;}
.graph1, .graph2, .graph3{position:absolute;right:-2px;top:0;width:auto;height:100%;z-index:1;}
.graph1{z-index:3;}
.graph2{z-index:2;}
.graph1 svg{width:auto;height:100%;fill:var(--c1);}
.graph2 svg{width:auto;height:100%;fill:var(--c2);}
.graph3 svg{width:auto;height:100%;fill:var(--bggrey1);}
.pemb-title h1{display:block;font-size:120%;padding:0;margin:0 0 10px;font-weight:bold;line-height:1.1;color:var(--cblack);}
.pemb-title-inner{position:relative;overflow:hidden;padding:0 10px;}
.image-pemb-detail {position:relative;overflow:hidden;border-radius:5px;margin:0 0 15px;}
.image-pemb-detail:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:5px;-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.6);-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.6);box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.6);}
.image-pemb-detail img{display:block;width:100%;margin:0;padding:0;display:block;border-radius:5px;}
.col-doc{position:relative;width:calc(33.33333333% - 10px);margin:5px;border:var(--brdgrey) 1px solid;border-radius:5px;text-align:center;}
.col-doc p{font-size:95%;margin:5px 0;padding:0;line-height:1.1;}
.box-doc p{font-size:100%;margin:5px 0;padding:0;line-height:1.1;}
.head-clean{position:relative;overflow:hidden;padding:15px;background:var(--bggrey1);border-bottom:var(--brdgrey) 1px solid;}
.head-clean img{position:relative;z-index:2;width:auto;height:14vh;margin:0 10px 0 0;}
.datastyle .head-clean img{height:10vh;}
.head-clean h1{font-family:"Arial";position:relative;z-index:2;display:block;font-size:220%;padding:0;margin:0;font-weight:800;line-height:1;color:var(--cblack);text-transform:uppercase;letter-spacing:-1px;}
.head-clean h2{position:relative;z-index:2;display:block;font-size:180%;padding:0;margin:0;font-weight:bold;line-height:1.1;color:var(--cblack);}
.head-clean-bg{position:absolute;left:0;top:0;right:0;bottom:0;font-family: 'Arial';font-weight: 800;font-size: 520%;text-transform: uppercase;background: linear-gradient(90deg, transparent, var(--bgsoft1), transparent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-size: 80%;animation: shine 5s linear infinite;text-align:center;opacity:0.4;}
.head-small{position:relative;margin:0 0 5px;padding:0 0 5px 20px;line-height:1;font-size:100%;color:var(--cblack);text-transform: uppercase;font-weight: bold;color:var(--c2);border-bottom:var(--brdgrey) 1px solid;}
.head-small:after{content:"";position:absolute;left:0;top:3px;border-top:var(--c1) 12px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.btshare{width:32px;height:32px;margin:0 2px;border-radius:4px;}
.btshare svg{width:20px;height:20px;fill:var(--cwhite);}
.facebook{background:#00499a;}
.twitter{background:#0095b4;}
.whatsapp{background:#00a610;}
.facebook{background:#00499a;}
.telegram{background:#0067a1;}
.email{background:#ff8106;}
.print{background:#c4004c;}
.to-filter{margin:0 20% 15px;}
.pengaduanstyle .to-filter{margin:0 12% 15px;}
.filter-select{position:relative;width:calc(40% - 10px);margin:5px;}
.filter-search1{position:relative;width:calc(60% - 10px);margin:5px;}
.filter-search2{position:relative;width:calc(35% - 10px);margin:5px;}
.filter-all{position:relative;width:calc(25% - 10px);margin:5px;}
.filter-create{position:relative;width:calc(20% - 10px);margin:5px;}
.pengaduanstyle .filter-select{width:calc(35% - 10px);}
.pengaduanstyle .filter-search1{width:calc(45% - 10px);}
.pengaduanstyle .filter-search2{width:calc(25% - 10px);}
.pengaduanstyle .filter-all{width:calc(20% - 10px);}
.to-filter .form-control{line-height:1;height:34px;border-radius:4px;border:var(--brdgrey) 1px solid;padding:0 10px;width:100%;font-size:95%;}
.search .form-control:focus, .search .form-control.active{box-shadow:none;background-color:var(--bgwhite);border:var(--brdgrey) 1px solid;width:300px;}
#info_publik .btn{line-height:34px!important;height:34px;padding:0 10px!important;height:34px;}
.lapak-top{padding:5px;}
.lapak-image, .lapak-title{position:relative;width:50%;margin:0;}
.lapak-title h2{font-size:100%;margin:0 10px 20px;padding:0;line-height:1;font-weight:bold;text-align:center;}
.lapak-bottom{position:relative;overflow:hidden;padding:5px;border-top:var(--brdgrey) 1px solid;}
.lapak-bottom i.fa{font-size:110%;margin:0 5px 0 0;}
.detail-produk h1{font-size:120%;margin:0 0 20px;padding:0;line-height:1.1;font-weight:bold;}
.pengaduan-row{position:relative;overflow:hidden;padding:0 0 15px;border-bottom:var(--brdgrey) 1px solid;border-radius:5px;margin:15px 0 0;}
.pengaduan-row:last-child{border:none;}
.pengaduan-left{position:relative;width:calc(55% - 10px);margin:5px;}
.pengaduan-right{position:relative;width:calc(45% - 10px);margin:5px;display:grid;box-sizing: border-box;}
.pengaduan-icon{position:relative;width:8vh;height:8vh;}
.pengaduan-icon img{display:block;width:100%;}
.pengaduan-title{position:relative;width:calc(100% - 10vh);margin:0 0 0 2vh;}
.pengaduan-title h2{font-size:100%;margin:5px 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.pengaduan-title h3{font-size:100%;margin:0;padding:0;line-height:1;font-weight:normal;}
.pengaduan-title h1{font-size:120%;margin:10px 0 0;padding:0;line-height:1.1;font-weight:bold;cursor:pointer;}
.pengaduan-title p{font-size:100%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:normal;}
.pengaduan-more{align-self: end;margin:10px 0 0;}
.pengaduan-right .btn-custom{margin:0 0 0 5px;}
.pengaduan-more{position:relative;font-size:100%;margin:0;padding:0 15px 0 0;line-height:1;font-weight:bold;cursor:pointer;}
.pengaduan-more:after{content:"";position:absolute;top:0;right:0;border-left:var(--yellow) 12px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid;}
.tanggapan{margin:15px 0 0;}
.tanggapan h3{font-size:100%;margin:0;padding:0;line-height:1;font-weight:normal;color:var(--c1);}
.tanggapan svg{width:40px;height:auto;fill:var(--cgrey3);margin:0 5px 0 0;}
.tanggapan p{font-size:100%;margin:0 0 0 45px;padding:0;line-height:1;font-weight:normal;}
.form-custom .form-group{margin:5px 0 0!important;padding:0 !important;}
.idm-col{position:relative;width:calc(25% - 10px);margin:5px;border-radius:5px;}
.idm-col:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:#000 4px solid;border-radius:5px;opacity:0.1;}
.idmtop{height:16vh;text-align:center;border-radius:5px 5px 0 0;padding:0 0 20px;}
.idmvalue{height:16vh;text-align:center;background:var(--bggrey1);padding:20px 0 0;border-radius:0 0 5px 5px;}
.idmtop p{font-size:100%;margin:0 10px;padding:0;line-height:1.1;color:var(--cwhite);}
.idmvalue h2{font-size:120%;margin:0;padding:0;line-height:1.1;;}
.idmicon, .idmicon-inner{position:absolute;top:50%;left:50%;width:50px;height:50px;z-index:2;border-radius:100%;-webkit-transform: translate3d( -50%, -50%, 0);-moz-transform: translate3d( -50%, -50%, 0);-ms-transform: translate3d( -50%, -50%, 0);-o-transform: translate3d( -50%, -50%, 0);transform: translate3d( -50%, -50%, 0);}
.idmicon-inner{background:rgba(255,255,255,0.3);}
.idmicon-inner svg{width:28px;height:auto;fill:var(--cwhite);}
.idmicon:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;;z-index:1;border:var(--bggrey3) 3px solid;margin:-3px;border-radius:100%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}
.sdgs-col{position:relative;width:calc(33.33333333% - 10px);margin:5px;border-radius:10px;background:var(--bggrey2);}
.sdgs-item{position:relative;overflow:hidden;padding:5px;}
.sdgs-icon{position:relative;width:30%;}
.sdgs-icon img{width:100%;}
.sdgs-title{position:relative;width:70%;text-align:center;}
.sdgs-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;}
.sdgs-title h2{font-size:140%;font-weight:bold;margin:5px 0 0;padding:0;line-height:1;}
.sdgs-box{background:linear-gradient(to right, var(--bgwhite), transparent 80%);border-radius:10px;border:var(--bgwhite) 2px solid;}
.head-sdgs h2{font-size:110%;margin:0;padding:0;line-height:1;font-weight:bold;}
.scoring{font-size:200%;margin:0 0;padding:0;line-height:1;font-weight:bold;}
.head-sdgs h3{font-size:100%;margin:0;padding:0;line-height:1;font-weight:500;}
.head-sdgs svg{width:auto;height:60px;margin:0 -10px;fill:var(--yellow);}
.col-pemerintah{width:calc(25% - 14px);margin:5px 7px;}
.absensi{margin:10px 0 5px;}
.absensi-box{padding:5px 10px;border-radius:2px;margin:5px 0 5px;opacity:0.8;}
.midaparatur-title .absensi{margin:30px 0 0;}
.absensi svg{width:auto;height:14px;margin:0 5px 0 0;}
.absensi-box p{font-size:11px !important;margin:0;padding:0;line-height:1.1;color:var(--cwhite) !important;}
.absensi p{font-size:80%;margin:0;padding:0;line-height:1.1;color:var(--cwhite) !important;}
.hadir{fill:#a7fb45;}
.tdkhadir{fill:#ff7800;}
.mini-foto svg{width:auto;height:24px;fill:var(--cgrey4);line-height:1;padding:0;margin:0;}
.foto-table{width:80px;max-width:80px;min-width:80px;}
.small-photo{height:70px;border-radius:4px;}
.article-head h1{display:block;font-size:200%;margin:0;padding:0;line-height:1.1;color:var(--cblack);font-weight:bold;}
.image-box{position:relative;overflow:hidden;border-radius:5px;border:var(--brdgrey) 5px solid;}
.standar-image img{display:block;width:100%;height:auto;}
.article-content, .article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content p {line-height:1.4;display:block;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content p{margin:0 0 5px;}
.article-content ul{margin:0 0 5px 40px;line-height:1.3;padding:0;}
.article-content li{margin:0 0 10px 0;line-height:1.3;padding:0;}
.article-content .box-tools{display:none;}
.article-content table{font-size:90% !important;}
.article-content .table, .article-content table{width:100% !important;}
.article-content .box-header{display:flex !important;justify-content: center;align-items: center;}
.article-content .box-header h3{font-size:120%;padding:0 0 5px;margin:0 auto 5px;text-align:center;border-bottom:var(--brdgrey) 1px solid;}
.article-content .box{padding:0 0 10px !important;}
.article-content hr {margin-top: 5px !important;margin-bottom: 5px !important;border:none !important;}
.article-content .progress-group{font-size:90% !important;}
.article-content .progress-bar{background-color:var(--bgsoft1) !important;}
.article-content .progress-bar-striped {background-color: var(--bggrey2) !important;}
.article-content .progress {height: 10px !important;border-radius:10px !important;margin:5px 0 15px !important;}
.article-content .progress-bar {line-height: 10px !important;border-radius:10px !important;}
.article-content img{margin:0 auto !important;min-width:50% !important;max-width:100% !important;text-align:center;}
.download-file{position:relative;overflow:hidden;padding:15px 10px;background:linear-gradient(to right, var(--bggrey1), var(--bgwhite), var(--bggrey1));border-radius:3px;text-align:center;}
.download-file h2{font-size:120%;padding:0;margin:0 0 10px;line-height:1.1;}
.menucanvas{position:fixed;top:0;right:0;width:7vh;height:7vh;background:var(--c1);z-index:5555;cursor:pointer;}
.menucanvas.difle-c{display:none!important;}
.menucanvas svg{width:4vh;height:4vh;fill:var(--cwhite);}
.mobile-menu{margin:10px 0 0;}
.mobile-menu a{color:#000;margin:0;padding:0;font-weight:bold;display:block;}
.mobile-menu li a{color:#000;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:#000;}
.mobile-menu li ul{margin:0 0;padding:10px 0;color:#000;}
.mobile-menu li{font-size:16px !important;margin:5px 0;padding:7px 10px;line-height:1.2;background:var(--bgwhite);list-style:none;color:#000;border-radius:3px;border:var(--brdgrey) 1px solid;}
.mobile-menu li.active, .mobile-menu li:focus{color:#000;}
.mobile-menu p{font-size:16px !important;position:relative;margin:0;padding:5px 0 5px 15px;line-height:1.2;list-style:none;color:#000;}
.mobile-menu p:after{content:"";position:absolute;left:0;top:12px;width:10px;height:10px;border-radius:10px;}
.mobile-menu li ul li{margin:0;padding:0 0;line-height:1.2;color:#000;}
.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%;}
.mobile-menu .dropdown-menu{font-size:16px !important;position:relative;float:none;background:transparent !important;padding:5px 0 !important;border-radius:0 !important;border:none;box-shadow:none !important;}
.caret2{position:absolute;opacity:.4;right:10px;top:14px;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.admin-menu{position:relative;width:calc(50% - 6px);margin:3px;}
.admin-menu-inner{height:36px;border-radius:4px;border:var(--brdgrey) 1px solid;margin:0;padding:0;line-height:1;font-size:95%;font-weight:bold;}
.searched{position:relative;}
.changecolor-box{position:relative;width:calc(50% - 10px);margin:5px;height:34px;border-radius:4px;}
.menumob .changecolor-box{width:calc(33.33333333% - 6px);margin:3px;}
.menumob .mlr-min-5{margin-left:-3px;margin-right:-3px;}
.changecolor-box p{font-size:95%;margin:0;padding:0;line-height:1;font-weight:normal;color:#fff;}
.menumob .changecolor-box p{font-size:90%;}
.style1{background:linear-gradient(to right, #148000, #00484a);color:#fff;}
.style2{background:linear-gradient(to right, #035da4, #742f83);color:#fff;}
.style3{background:linear-gradient(to right, #8f3921, #00484a);color:#fff;}
.style4{background:linear-gradient(to right, #c20000, #fe3f00);color:#fff;}
.style5{background:linear-gradient(to right, #db8000, #184374);color:#fff;}
.style6{background:linear-gradient(to right, #00665b, #718624);color:#fff;}
.mainfooter{position:relative;background:var(--bggrey1);margin:50px auto 0;padding:5vh 0;border-top:var(--bgsoft1) 2px solid;}
.logo-bottom{position:absolute;top:-4vh;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)}
.logo-bottom img{width:auto;height:9vh;margin:0 auto;}
.footer-column{position:relative;width:calc(33.33333333% - 20px);margin-left:10px;margin-right:10px;padding:10px 0;display:grid;box-sizing: border-box;}
.footer-center{text-align:center;}
.footer-center img{width:auto;height:4vh;margin:0 10px 0 0;}
.mainfooter h2{font-size:100%;margin:0 0 20px;padding:0;line-height:1;font-weight:bold;}
.mainfooter p{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.contact-foot svg{width:24px;height:auto;margin:0 3px 0 0;fill:var(--c1);}
.social-bottom img{margin:0 5px 0 0;width:28px;height:28px;border:var(--brdgrey) 1px solid;padding:2px;}
.copyright{text-align:center;position:relative;overflow:hidden;padding:15px 0;background:var(--c2);}
.copyright p{font-size:95%;margin:0;padding:0;line-height:1;font-weight:normal;color:var(--cgrey1);}
.copyright a{color:var(--cgrey1);}
.modalcenter .modal {position: fixed;margin: auto;width: 100%;top:0;bottom:0;left:0;z-index:9999999 !important;}
.modal-open {overflow-x: hidden;overflow-y: auto;}
.modal{z-index:9999999 !important;}
.statnav-home .modal {position: absolute;margin: auto;width: 100%;top:0;bottom:0;left:0;z-index:99 !important;}
.modal-dialog{z-index:99999 !important;}
.statnav-home .modal-dialog{z-index:98 !important;}
.modal-backdrop{z-index:3000 !important;background:#000;}
.modal-backdrop.in{filter:alpha(opacity=100);opacity:0.85}
.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);}
.statnav-home .modal.right .modal-dialog {position: absolute;width:100%;top:0;bottom:0;}
.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.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;border-radius:5px;overflow:hidden;}
.modal.right.fade.in .modal-dialog {right:15px;}
.statnav-home .modal.right.fade.in .modal-dialog {right:0;}
.modal.center .modal-dialog {position: fixed;margin: auto;left:50%;width: 35%;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);z-index:99999 !important;}
.modal.center2 .modal-dialog {position: fixed;margin: auto;left:50%;width: 25%;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);z-index:99999 !important;}
.modalhead{position:absolute;left:0;top:0;right:0;height:50px;background:var(--c1)}
.modalhead h1{font-size:110%;margin:0 15px;padding:0;line-height:1;font-weight:bold;color:var(--cwhite);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:var(--cwhite);cursor:pointer;background:var(--c1);z-index:5;}
.close-btn {width:5vh;height:7vh;position:relative;cursor:pointer;border-radius:0 5px 5px 0;}
.modalfoot .close-btn{width:26px;height:26px;border-radius:26px;background-color:var(--c2);}
.close-btn:before, .close-btn:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:40%;top:30%;background:var(--cwhite);}
.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);}
.inner-modal{position:absolute;overflow:hidden;left:0;right:0;top:50px !important;bottom:40px !important;background:var(--bgwhite);}
.modalpenting{position:absolute;overflow:hidden;left:0;top:40px;right:0;bottom:0;}
.modal-dialog .widget-height{height:auto !important;}
.modal-padding{padding:10px 15px;}
.modal .headmodule{display:none;}
.modal .widget-shadow{box-shadow:none!important;border:none!important;}
.modal .panelopen svg{fill:var(--c1);}
.ttan{display:inline-flex;cursor:pointer;transition:all 1s;position:absolute;top:0;line-height:1;padding:0 10px;margin:0;color:#fff;background:var(--c1);font-weight:normal;border-radius:4px;font-size:90%;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);height:30px;}
.ttan svg{width:24px;height:24px;fill:#fff;}
#dtan{display:none}
.hitung{color:#fff;font-size:95%;line-height:1;padding:0 15px;min-width:200px;margin:0;border-radius:4px;font-weight:normal;position:absolute;top:0;left:50%;-webkit-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);height:30px;background:var(--c1);}
.angka{font-size:120%;margin:0 5px;}
.banner-utama{margin:0;}
.banner-utama img{display:block;width:100%;height:auto;}
.imagebanner img{display:block;width:100%;height:auto;border-radius:5px;}
.stage{height:auto;width:100%;margin:auto;position:absolute;top:15px;right:0;bottom:0;left:0;perspective:9999px;transform-style:preserve-3d;z-index:2}
.layer{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:ayun 5s infinite alternate ease-in-out -7.5s;animation-fill-mode:forwards;transform:rotateY(15deg) rotateX(33deg) translateZ(0)}
.layer:after{font-size:220%;content:"Layanan\a Mandiri";white-space:pre;text-align:center;font-weight:bold;height:100%;width:100%;position:absolute;top:0;line-height:1.3;color:#b0b0b0;letter-spacing:-.2px;text-shadow:4px 0 10px rgba(0,0,0,.25)}
.layer:nth-child(1):after{transform:translateZ(0)}.layer:nth-child(2):after{transform:translateZ(-1.5px)}.layer:nth-child(3):after{transform:translateZ(-3px)}.layer:nth-child(4):after{transform:translateZ(-4.5px)}.layer:nth-child(5):after{transform:translateZ(-6px)}.layer:nth-child(6):after{transform:translateZ(-7.5px)}.layer:nth-child(7):after{transform:translateZ(-9px)}.layer:nth-child(8):after{transform:translateZ(-10.5px)}.layer:nth-child(9):after{transform:translateZ(-12px)}.layer:nth-child(10):after{transform:translateZ(-13.5px)}.layer:nth-child(11):after{transform:translateZ(-15px)}.layer:nth-child(12):after{transform:translateZ(-16.5px)}.layer:nth-child(13):after{transform:translateZ(-18px)}.layer:nth-child(14):after{transform:translateZ(-19.5px)}.layer:nth-child(15):after{transform:translateZ(-21px)}.layer:nth-child(16):after{transform:translateZ(-22.5px)}.layer:nth-child(17):after{transform:translateZ(-24px)}.layer:nth-child(18):after{transform:translateZ(-25.5px)}.layer:nth-child(19):after{transform:translateZ(-27px)}.layer:nth-child(20):after{transform:translateZ(-28.5px)}.layer:nth-child(n+10):after{-webkit-text-stroke:3px rgba(0,0,0,.25)}
.layer:nth-child(n+11):after{-webkit-text-stroke:13px var(--c1)}
.layer:nth-child(n+12):after{-webkit-text-stroke:13px var(--bgsoft1);opacity:0.25;}
.layer:last-child:after{-webkit-text-stroke:17px rgba(0,0,0,.1)}
.layer:first-child:after{color:#fff;text-shadow:none}
.empty{position:relative;overflow:hidden;margin:30px 20px;text-align:center;}
.bigempty .empty img{display:block;width:25%;height:auto;margin:0 auto;}
.smallempty .empty img{width:45%;}
.empty p{font-size:100%;margin:20px 0 0;padding:0;line-height:1.2;font-weight:bold;color:var(--cblack);}
.smallempty .empty p{font-weight:normal;}
.fixed{position: fixed;top:7vh;z-index:700;background:var(--c1);}
.fixed, .fixed .mainmenu-area, .fixed .mainmenu, .fixed .mainmenu-area:before, .fixed .mainmenu-area:after{background:var(--c1);}
.fixed .flickity-prev-next-button.next:before{background:linear-gradient(to right, transparent, var(--c1));}
.fixed .flickity-prev-next-button{background-color: var(--c1);}
.fixed .flickity-prev-next-button.next{border-left:var(--c1) 20px solid;background-color: var(--c1);}
.fixed .main-menu a{opacity:0.85;}
.fixed .tohome{background: var(--c2);}
#changecolor .dropdown-menu{position:absolute;top:100%;left:auto;right:0!important;background-color:var(--bgsoft2);float:none;width:200px;margin:0;padding:10px;border-radius:none;border:none!important;border-radius:5px!important;margin-top:0;z-index:1090!important;box-shadow:rgba(0,0,0,1) 0 20px 30px -10px!important}

@-webkit-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-moz-keyframes flip{0%,80%{transform:rotateY(360deg)}}@keyframes flip{0%,80%{transform:rotateY(360deg)}}@-ms-keyframes flip{0%,80%{transform:rotateY(360deg)}}@-o-keyframes flip{0%,80%{transform:rotateY(360deg)}}

@-webkit-keyframes flipflip{0%,80%{transform:rotateY(360deg)}}@-moz-keyframes flipflip{0%,80%{transform:rotateY(360deg)}}@keyframes flipflip{0%,80%{transform:rotateY(360deg)}}@-ms-keyframes flipflip{0%,80%{transform:rotateY(360deg)}}@-o-keyframes flipflip{0%,80%{transform:rotateY(360deg)}}

@-webkit-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-moz-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-o-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-ms-keyframesrotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

@-webkit-keyframes textclip{to{background-position:200% center}}@-moz-keyframes textclip{to{background-position:200% center}}@keyframes textclip{to{background-position:200% center}}@-ms-keyframes textclip{to{background-position:200% center}}@-o-keyframes textclip{to{background-position:200% center}}

.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(10%);transform:translateY(10%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(10%);transform:translateY(10%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes marquee {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}
@-moz-keyframes marquee {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}
@keyframes marquee {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}
@-ms-keyframes marquee {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}
@-o-keyframes textclip {0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}

@-webkit-keyframes shine {0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@-moz-keyframes shine {0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@keyframes shine {0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@-ms-keyframes shine {0% {background-position-x: -500%;}100% {background-position-x: 500%;}}
@-o-keyframes shine {0% {background-position-x: -500%;}100% {background-position-x: 500%;}}

.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}

.scriptmati{position: fixed;top:0;left:0;right:0;text-align:center;bottom:0;background:#000;color:#fff;z-index:99999999999;padding:0 20%;}
.scriptmati h2, .scriptmati p{margin:0 20px;padding:0;line-height:1.1;font-weight:bold;}
.scriptmati h2{font-size:120%;color:#f6b530;margin:0;}
.scriptmati p{margin:10px 20px 0;font-weight:500;font-size:95%;color:var(--cgrey1);}
.loadpage{position:fixed;background:var(--c2);z-index:9999999997;top:0;right:0;width:100%;height:100%;-o-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-webkit-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-moz-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;animation: open 0.4s linear forwards, transpage1 1.5s linear 0.5s forwards;}
.loading-pusako, .loading-logo{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);text-align:center;width:100%;}
.loading-pusako h1{font-size:140%;margin:15px auto 0 !important;}
.loading-pusako p{font-size:90%;margin:40px auto 0;padding:0;line-height:1.1;color:#dbdbdb;}
.loading-logo{width:18vh;height:18vh;border-radius:50%;background:var(--c2);}
.loading-logo img{width:12vh;margin:0 auto;}
.circleload{position:relative;width:20vh;height:20vh;margin:0 auto;border-radius:50%;overflow:hidden;animation: rotate-animation 10s infinite linear;}
.circleload:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background-image: conic-gradient(var(--c1) 50%, var(--c2) 0);opacity:0.6;}

@-webkit-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-moz-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-o-keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-ms-keyframesrotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

@-webkit-keyframes transpage1{0%{opacity:1;}100%{opacity:0;overflow:hidden;z-index:-100;}}
@-moz-keyframes transpage1{0%{opacity:1;}100%{opacity:0;overflow:hidden;z-index:-100;}}
@keyframes transpage1{0%{opacity:1;}100%{opacity:0;overflow:hidden;z-index:-100;}}
@-ms-keyframes transpage1{0%{opacity:1;}100%{opacity:0;overflow:hidden;z-index:-100;}}
@-o-keyframes transpage1{0%{opacity:1;}100%{opacity:0;overflow:hidden;z-index:-100;}}

@-webkit-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-moz-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-ms-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}
@-o-keyframes ayun {100%{transform:rotateY(-15deg) rotateX(-15deg)}}

#totop{display:inline-block;background-color:var(--c1);width:34px;height:34px;text-align:center;border-radius:4px;position:fixed;bottom:6px;right:6px;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}
#totop:hover{cursor:pointer;background-color:#000}
#totop:active{background-color:var(--c1)}
#totop.show{opacity:1;visibility:visible}
#totop svg{width:24px;height:24px;fill:#fff}
.regist{position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;}
.regist:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:var(--bggrey1) url(../../images/ukir.svg) center repeat;background-size:10vh;opacity:0.1;}
.regist img{position:relative;z-index:2;display:block;width:auto;height:42vh;margin:0 auto 15px;}
.regist h1, .regist p{position:relative;z-index:2;font-size:120%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:var(--c1);}
.regist h1{font-size:170%;margin:0 0 10px;color:var(--cblack);}

@-webkit-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-moz-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-ms-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-o-keyframes mirrorflip{0%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}50%{transform:scale(-1,1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);-ms-transform:scale(-1,1)}100%{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}


.fancybox-bg{background:#000!important;}
.fancybox-is-open .fancybox-bg{opacity:.75!important;}
.page-link{padding:0 4px !important;}

.kadesonly .single-leader{display:none;}
.kadesonly .single-leader:nth-child(1){display:block;}

.topmenu{width:100%;background:linear-gradient(to right, var(--c2), var(--c1), var(--c2));border-bottom:var(--c2) 1px solid;}
.menuweb .nav.navbar-nav{background:var(--bgdark) !important;width:100%;padding:5px 0!important;margin:0!important;line-height:1.1!important;-webkit-transition:height .10s cubic-bezier(0,0,.58,1);-moz-transition:height .10s cubic-bezier(0,0,.58,1);-o-transition:height .10s cubic-bezier(0,0,.58,1);-ms-transition:height .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.menuweb li{background:transparent !important;font-size:95%!important;padding:0!important;margin:0!important;line-height:1.1!important;}
.menuweb li a{background:transparent !important;padding:7px 0!important;margin:0 20px 0 0!important;line-height:1.1!important;color:var(--cgrey1);text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent;border-bottom:transparent 1px solid;}
.menuweb li a:hover{border-bottom:var(--yellow) 1px solid;color:var(--cwhite)!important;}
.menuweb li a:focus, .menuweb li a.active{color:var(--cwhite)!important;}
.menuweb .dropdown-menu{background:var(--bgblack);display:none;margin:0!important;z-index:1000;left:0!important;top:100%;border-radius:0!important;padding:5px 0!important;box-shadow:none!important;}
.menuweb .dropdown-menu li{font-size:100%!important;}
.menuweb .dropdown-menu{background:var(--bgblack)!important;margin:0!important;z-index:1900;}
.menuweb .dropdown-menu li{font-size:100%!important;padding:0!important;margin:0!important;}
.menuweb .dropdown-menu li a{margin:0 5px!important;padding:8px 10px!important;color:var(--cgrey1)!important;}
.menuweb .dropdown-menu li a:hover{background:var(--bgdark)!important;color:var(--cwhite)!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu{margin-left:0!important;height:0!important;overflow:hidden!important;border-top:none!important;padding:0!important;opacity:0!important;border-radius:0!important;top:-6px!important;left:100%!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu li a{margin:0!important;}
.menuweb .dropdown-menu:nth-child(2) li:hover .dropdown-menu, .menuweb .dropdown-menu:nth-child(2):focus .dropdown-menu, .menuweb .dropdown-menu:nth-child(2).active .dropdown-menu{height:auto!important;overflow:hidden!important;opacity:1!important;padding:5px!important;display:block!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu{opacity:1!important;top:100%!important;left:0!important;position:relative!important;padding:0!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a{position:relative;padding:0!important;margin:0 0 0 10px!important;padding:5px 10px 5px 13px!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:hover{background:transparent!important;}
.menuweb .dropdown-menu:nth-child(2) .dropdown-menu ul.dropdown-menu li a:after{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:#919191;border-radius:8px;}

.motif-left{position:absolute;left:0;top:0;bottom:0;width:60%;background-size:8vh;z-index:4;opacity:0.07;-webkit-mask-size: 100% 100%;
-webkit-mask-image: -webkit-gradient(linear, right center, left center, color-stop(0, rgba(0,0,0,0)),color-stop(50%,  rgba(0,0,0,1)));}

.motif-right{position:absolute;right:0;top:0;bottom:0;width:15%;background-size:8vh;z-index:4;opacity:0.07;-webkit-mask-size: 100% 100%;
-webkit-mask-image: -webkit-gradient(linear, left center, right center, color-stop(0, rgba(0,0,0,0)),color-stop(70%,  rgba(0,0,0,1)));}
.ifscroll .topmenu{position:fixed;top:7vh;left:0;right:0;z-index:900 !important;}
.stickyside-top{top:20vh!important;}

.stunting-icon{min-width:50px;max-width:50px;height:50px;border-radius:5px;background:rgba(0,0,0,0.2);margin:0 10px 0 0;}
.stunting p{font-size:95%;margin:0;padding:0;line-height:1;}
.stunting h2{font-size:220%;margin:0;padding:0;line-height:1;font-weight:normal;}

.lapak-bottom{position:relative;overflow:hidden;padding:5px;border-top:none!important;margin-top:0!important;}
.lapak-top{border-bottom:var(--brdgrey) 1px solid!important;}
.lapakdesk{position:relative;overflow:hidden;padding:10px 5px 5px;border-top:var(--brdgrey) 1px solid!important;margin:5px -5px 0;}
.lapakdesk p{font-size:95%;margin:0;padding:0;line-height:1.1;}

.sotk h4{font-size:100%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}
.sotk p{font-size:90%!important;margin:0%!important;padding:0%!important;line-height:1.1!important;}

.gendermale .gender-box{display:none;}
.gendermale .gender-box:nth-child(1){display:block;}
.genderfemale .gender-box{display:none;}
.genderfemale .gender-box:nth-child(2){display:block;}
.genderfemale{margin:0 0 0 auto;float:right;}
.total-penduduk{display:none;}
.total-penduduk:last-child{display:block;}

.mobile-menu li{padding:0px 10px!important;}
.mobile-menu li.active, .mobile-menu li a.active, .mobile-menu li:focus, .mobile-menu li a:focus, .mobile-menu li:hover, .mobile-menu li a:hover{background:none!important;}
.mobile-menu .dropdown-menu li, .mobile-menu .dropdown-menu li a, .mobile-menu .dropdown-menu li.active, .mobile-menu .dropdown-menu li a.active, .mobile-menu .dropdown-menu li:focus, .mobile-menu .dropdown-menu li a:focus{border:none!important;}

.home-video .headmodule-left{position:relative;width:30%;background:rgba(0,0,0,0.4);border:none;}
.home-video .home-aparatur-inner{position:relative;width:calc(70% - 14px);margin:0 7px;padding:15px 0;}
.home-video .headmodule-left h1, .home-video .headmodule-left h2{color:#fff;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.home-aparatur{background:var(--bgwhite);border-radius:5px;border:var(--bggrey3) 1px solid;padding:0;}
.headmodule-left{position:relative;width:20%;margin:0;text-align:center;background:var(--bggrey1);border-right:var(--bggrey3) 1px solid;border-radius:5px 0 0 5px;}
.headmodule-left-inner{text-align:center;padding:15px 10px;}
.headmodule-left h1, .headmodule-left h2{font-family:"Arial";font-size:140%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-0.5px;}
.headmodule-left h1{color:var(--c1);margin:0 0 10px;}
.headmodule-left img{width:60%;height:auto;display:block;margin:30px auto 0;}
.home-video .headmodule-left img{width:30%;margin:20px auto 0;}
.home-aparatur-inner{position:relative;width:calc(80% - 14px);margin:0 7px;padding:15px 0;}
.home-aparatur .flickity-viewport, .home-video .flickity-viewport{position: relative;height: 100%;overflow:hidden;}
.home-aparatur .carousel-cell {width:20%;min-height:100%;text-align:center;}
.aparatur-personal{padding:0 5px;}
.aparatur-personal h1, .aparatur-personal h2{font-family:"Arial";font-size:100%;font-weight:bold;margin:5px 0 0;line-height:1.1;padding:0;}
.aparatur-personal h2{font-weight:normal;font-size:90%;}
.home-aparatur .flickity-prev-next-button, .home-video .flickity-prev-next-button{width: 30px;height:30px;border-radius:30px;background-color:rgba(0,0,0,0.4);top:50%;background-position: center;background-size:30% auto;-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);}
.home-aparatur .flickity-prev-next-button.previous, .home-video .flickity-prev-next-button.previous{left:0;}
.home-aparatur .flickity-prev-next-button.next, .home-video .flickity-prev-next-button.next{right:0;}

.home-video{background:var(--c2);border-radius:5px;border:var(--bggrey3) 1px solid;padding:0;}
.home-video .carousel-cell {width:50%;min-height:100%;text-align:center;}


.fulled{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;border:none;outline:none;background-size:cover;background-position:center;background-repeat:no-repeat;}
.pusako-top{position:absolute;bottom:50%;left:0;right:0;text-align:center;padding:0 15px;margin-bottom:15vh;color:#bdbdbd;}
.pusako-top h1{font-size:120%;margin:0 0 10px;padding:0;line-height:1;text-transform:uppercase;}
.pusako-top h2, .pusako-bot h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:normal;}
.pusako-bot{position:absolute;top:50%;left:0;right:0;text-align:center;padding:0 15px;margin-top:15vh;color:#bdbdbd;}
.asap1{width:30vh;height:auto;position:absolute;bottom:-8px;left:0;animation:asap1 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s}
.asap2{width:30vh;height:auto;position:absolute;bottom:5%;left:20px;animation:asap2 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 1s}
.asap1 img,.asap2 img{display:block;width:100%}
.o-main{float:left}
.c-rocket{width:auto;transform:rotate(-45deg);position:absolute;bottom:0;left:5vh;width:25vh;animation:moverocket 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s;}

@-webkit-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-moz-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-ms-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}
@-o-keyframes asap1{0%{opacity:.2;bottom:-5px}7%{opacity:1;Transform:scale(1);bottom:-5px}100%{opacity:0;Transform:scale(.6);bottom:-20px;right:0}}

@-webkit-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@-moz-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@-ms-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
@-o-keyframes asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}

@-webkit-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@-moz-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@-ms-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}
@-o-keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}