#feed{ /*display: none;*/ }
html {margin: 0;padding: 0;}
body{background-color:#fff; color:#313131; overflow-x:hidden !important;font-size:20px !important;margin: 0;padding: 0;font-family: 'Roboto-Regular';}
h1, h2, h3, h4{margin:0;padding:0;line-height:1.2;font-weight:bold;}
p{font-size:100%;line-height:1.2;margin:0;padding:0;}
a{text-decoration:none; color:#064500;}
a:hover{color:#000; text-decoration:none !important;}
a:focus{outline:none; text-decoration:none !important ;color:#007b17 !important;}
.mob-v, .mobflex-v{display:none !important;}
.trans-h{-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;}
.trans-w{-webkit-transition:width .10s cubic-bezier(0,0,.58,1);-moz-transition:width .10s cubic-bezier(0,0,.58,1);-o-transition:width .10s cubic-bezier(0,0,.58,1);-ms-transition:width .10s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.trans-def{transition:all 0.2s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s;-moz-transition:all 0.1s linear 0.1s;-o-transition:all 0.1s linear 0.1s}
.relative{position:relative;}
.relative-100{width:100%;position:relative;}
.relhid{position:relative;overflow:hidden;}
.gradient-white1{background:var(--bgwhite);background:-moz-linear-gradient(90deg,var(--bgwhite) 20%,rgba(255,255,255,0.6) 50%,var(--bgwhite) 100%);background:-webkit-linear-gradient(90deg,var(--bgwhite) 20%,rgba(255,255,255,0.6) 50%,var(--bgwhite) 100%);background:linear-gradient(90deg,var(--bgwhite) 20%,rgba(255,255,255,0.6) 50%,var(--bgwhite) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="var(--bgwhite)",GradientType=1)}
.colfle{display:flex;justify-content: space-between center;flex-flow: row wrap;}
.difle-c{display:flex !important;justify-content: center;align-items: center;}
.difle-l{display:flex !important;justify-content: left;align-items: center;}
.difle-r{display:flex !important;justify-content:right;align-items: center;}
.marginpage{margin:0 4%;}
.pagetop{background:var(--bggrey2);-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);z-index:1300 !important;}
.menuside{width:auto;height:var(--h7vh);border-right:var(--bordergrey1) 1px solid;z-index:11;background:var(--bggrey2);padding:0 10px;cursor:pointer;float:left;display:none !important;}
.menuside svg{width:auto;height:4vh;fill:var(--color2);}
.mainlogo-cont{position:relative;z-index:10;min-width:25%;max-width:25%;background:var(--bgwhite);background:-moz-linear-gradient(90deg,var(--bgwhite) 0%,var(--bggrey2) 100%);background:-webkit-linear-gradient(90deg,var(--bgwhite) 0%,var(--bggrey2) 100%);background:linear-gradient(90deg,var(--bgwhite) 0%,var(--bggrey2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="var(--bggrey2)",GradientType=1)}
.mainlogo{border-right:var(--bordergrey1) 1px solid;padding:0 15px;position:relative;}
.mainlogo img{position:relative;z-index:5;animation: mirrorflip 4s 0s linear infinite;width:auto;height:50%;margin:0 7px 0 0;}
.mainlogo h2{position:relative;z-index:5;font-size:90%;line-height:1.2 !important;font-weight:500;margin:0 !important;padding:0 !important;}
.mainlogo h1{position:relative;z-index:5;font-size:90%;line-height:1.2 !important;font-weight:bold;margin:0 !important;padding:0 !important;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(--color1) 0%,#000 29%,var(--color2) 67%,#000 100%);}
.mainlogo-cont:before, .mainlogo-cont:after, .mainlogo-backg, .mainlogo-backg:before, .mainlogo-backg:after{-webkit-transition:width .5s cubic-bezier(0,0,.58,1);-moz-transition:width .5s cubic-bezier(0,0,.58,1);-o-transition:width .5s cubic-bezier(0,0,.58,1);-ms-transition:width .5s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.mainlogo-cont:before{content:"";position:absolute;left:0;bottom:0;border-left:var(--color2) 40px solid;border-top:transparent 40px solid;z-index:1;opacity:0.5;}
.mainlogo-cont:after{content:"";position:absolute;left:-10px;top:0;border-top:var(--bordergrey1) 50px solid;border-left:transparent 50px solid;border-right:transparent 45px solid;z-index:1;opacity:0.3;}
.mainlogo-backg{position:absolute;left:0;top:0;bottom:0;width:100%;z-index:2;overflow:hidden;}
.mainlogo-backg:before{content:"";position:absolute;left:0;bottom:0;border-left:var(--color1) 50px solid;border-top:transparent 50px solid;opacity:0.2;}
.mainlogo-backg:after{content:"";position:absolute;left:0;top:0;border-left:var(--color1) 65px solid;border-bottom:transparent 65px solid;opacity:0.2;}
.topright{margin:-1px 0 0 auto;border-bottom:var(--bordergrey1) 1px solid;}
.topmenu{width:100%;position:relative;margin:0;height:var(--h7vh);}
.topmenu-home{position:relative;float:left;width:50px;height:var(--h7vh);border-right:var(--bordergrey1) 1px solid;z-index:10;background:var(--bggrey2);margin-right:20px;}
.topmenu-home svg{width:20px;height:auto;fill:var(--colorgrey1);}
.othermenu{position:absolute;top:0;right:0;float:right;height:var(--h7vh);padding:0 15px 0 0;margin:0;z-index:15;background:var(--bggrey2);cursor:pointer;}
.othermenu:after{content:"";position:absolute;right:100%;top:0;bottom:0;width:100px;background:transparent;background:-moz-linear-gradient(90deg,transparent 0%,var(--bggrey2) 90%);background:-webkit-linear-gradient(90deg,transparent 0%,var(--bggrey2) 90%);background:linear-gradient(90deg,transparent 0%,var(--bggrey2) 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="var(--bggrey2)",GradientType=1)}
.othermenu svg{width:20px;height:auto;}
.othermenu img{width:auto;height:8px;}
.othermenu p{font-size:100%;margin:0 0 0 5px;padding:0;line-height:1.2;font-weight:bold;color:var(--color1);}
.pageheader{margin-top:var(--h14vh);background:var(--color1);background:-moz-linear-gradient(90deg,var(--color1) 50%,var(--color2) 90%);background:-webkit-linear-gradient(90deg,var(--color1) 50%,var(--color2) 90%);background:linear-gradient(90deg,var(--color1) 50%,var(--color2) 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--color1)",endColorstr="var(--color2)",GradientType=1)}
.pageheader-cover{position:absolute;left:0;right:0;top:0;height:0;z-index:20;}
.pageheader-body{margin:0 4%;}
.maincenter{height:58vh;}
.mainright{z-index:21;}
.mainright-inner{position:absolute;top:0;right:7vh;bottom:0;left:0;background:rgba(0,0,0,0.2);margin:15px 0 15px 15px;border-radius:7px;}
.mainright-inner-cont{width:90%;}
.mainright .tooltip-inner, .mainright .tooltip-arrow{display:none;}
.iconside .tooltip.left {margin-left: -5px;width:200px;min-height:50px;}
.iconside .tooltip-inner{min-height:50px;display:flex !important;justify-content: center;align-items: center;}
.left-absolute{z-index:33;}
.logo {width:100% !important;min-width:100% !important;margin:0 0;}
.logo div{width:100% !important;min-width:100% !important;margin:0 0;}
.logo img{width:14vh;height:auto;margin:0 10px 0 0;}
.logo h2{font-family: 'ManifoldCF-Medium';font-size:140%;margin:0 0 2px !important;line-height:1.2 !important;padding:0 !important;font-weight:bold;text-transform:uppercase;color:var(--colorgrey2);letter-spacing:5px;text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent}
.logo h1, .video-logo h1{font-family:"Arial";font-size:200%;float:none;line-height:1 !important;margin:0 10% 0 0!important;padding:0 !important;font-weight:700;text-transform:uppercase;color:var(--colorwhite);text-shadow:1px 1px 1px #717171,1px 2px 1px #717171,1px 3px 1px #717171,1px 4px 1px #717171,1px 12px 6px rgba(16,16,16,.4),1px 12px 10px rgba(16,16,16,.2),1px 15px 25px rgba(16,16,16,.2),1px 10px 40px rgba(16,16,16,.4)}
.video-logo h1{font-size:160%;margin:0 !important;line-height:1.1 !important;}
.video-logo img{width:auto;height:12vh;margin:0 0 10px;}
.bottom-logo{position:relative;overflow:hidden;margin-top:0;padding:0 0 0 10px;margin-left:14vh;}
.pageview .bottom-logo{margin-top:-10px;}
.bottom-logo h2{font-size:90%;line-height:1.2 !important;font-weight:500;color:var(--colorgrey2);text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent;margin:0 !important;padding:0 !important;}
.maincenter-backg{position:absolute;top:15px;left:0;right:0;bottom:15px;border-radius:0 7px 7px 0;overflow:hidden;}
.iconside{width:0;z-index:10;}
.iconside .samegrid-icon{display:block !important;}
.icon-cont {background:rgba(0,0,0,0.1);padding:0 7px;border-radius:4px;margin:0 0;position:relative;cursor:pointer;border:rgba(0,0,0,0.3) 1px solid;height:5vh;}
.iconside .icon-cont {background:transparent;padding:7px 0;width:0;border-radius:0;margin:0 0;border:none;}
.iconside .icon-cont.difle-l{display:flex !important;justify-content: center;align-items: center;}
.icon-cont:hover {background:rgba(0,0,0,0.3);color:var(--colorwhite);}
.stickyside-right2 .icon-cont:hover {background:none;}
.icon-cont img{width:auto;height:22px;margin:0 6px 0 0;}
.iconside .icon-cont img{width:0;height:0;margin:0;}
.icon-cont p{font-size:80%;color:#bdbdbd;text-align:left;line-height:1.1 !important;margin:0 !important;padding:0 !important;}
.iconside .icon-cont p{display:none;}
.icon-cont:hover p{color:var(--colorwhite);}

.topright-item{width:auto;height:var(--h7vh);padding:0 15px;cursor:pointer;}
.lastright.topright-item{padding:0;width:30px;margin-right:5px;}
.menumobhid.topright-item{width:0;border-left:none;}
.thinstyle.topright-item{border:none;padding:0 7px;}
.topright-item img, .topright-item svg{width:3vh;height:3vh;}
.lastright .topright-item img, .lastright .topright-item svg{width:auto;height:4vh !important;}
.topright .dropdown-menu, #kategori .dropdown-menu{position:absolute;top:100%;left:auto;right:-7px!important;float:none;width:200px;margin:0;padding:10px 20px;border-radius:none;border:none!important;border-radius:0 0 5px 5px!important;margin-top:1px;z-index:1090!important;background:var(--bgwhite);box-shadow:rgba(0,0,0,1) 0 20px 30px -10px!important}
#kategori .dropdown-menu{box-shadow:none !important;}
#kategori .dropdown-menu li, #kategori .dropdown-menu ul{list-style:none;padding:2px 0;margin:0;}
.artikel #kategori .dropdown-menu li, .artikel #kategori .dropdown-menu ul{padding:0;}
#kategori .dropdown-menu{right:-205px !important;margin-top:0;background:var(--bgwhite);border-radius:0 !important;padding:10px 10px;top:5px;}
#changecolor .dropdown-menu{width:220px;right:0 !important;padding:10px 10px;}
#toollogin p{position:relative;padding:5px 0 5px 15px !important;margin:0 !important;line-height:1.2 !important;}
#toollogin p:after{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:8px;background:var(--color2);}
.topsearch{position:relative;margin:0 auto 0 10px;float:left;}
.topsearch .form-control{height:4vh;line-height:4vh;border-radius:4vh;}
.search-submit{width:4vh;height:4vh;position:absolute;right:5px;top:0;border:none;outline:none;background:transparent;}
.search-submit svg{width:auto;height:2.5vh;fill:var(--colorgrey3)}
.runtext{background:var(--bggrey2);border:var(--bordergrey1) 1px solid;padding:0 0 0 5px;margin:16px 0 0;}
.runtext-head, .runtext-content{height:34px;}
.runtext-head{position:relative;height:28px;background:var(--colorsky);padding:0 10px;color:var(--colorwhite);z-index:1;font-size:95%;margin:0;line-height:1;}
.runtext-content, .runtext-content marquee{line-height:34px;height:34px;}
.runtext-content p{position:relative;font-size:90%;margin:0;line-height:34px;height:34px;padding:0;color:var(--colordark);float:left;}
.run-isi{position:relative;padding:0 0 0 20px ;margin:0 0 0 10px;font-size:100%;line-height:34px;height:34px;}
.run-isi:after{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:10px;background:var(--bggrey1);}
.run-isi:nth-child(1):after{display:none;}
.runtext-head:after{content:"";position:absolute;left:100%;top:0;border-left:var(--colorsky) 14px solid;border-top:transparent 14px solid;border-bottom:transparent 14px solid;}
.runtext-head svg{width:auto;height:20px;fill:#ffd94b;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);}
.popin{animation: popin 1s linear infinite 1s;}
@-webkit-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-moz-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-ms-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@-o-keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
@keyframes popin{0%{opacity: 0.3;}1%{opacity: 1;}99%{opacity: 0;}100%{opacity: 0;}}
.popin2{animation: popin2 1s linear infinite 1s;}
@-webkit-keyframes popin2{0%{opacity: 0.7;}1%{opacity: 1;}99%{opacity: 0.4;}100%{opacity: 0.4;}}
@-moz-keyframes popin2{0%{opacity: 0.7;}1%{opacity: 1;}99%{opacity: 0.4;}100%{opacity: 0.4;}}
@-ms-keyframes popin2{0%{opacity: 0.7;}1%{opacity: 1;}99%{opacity: 0.4;}100%{opacity: 0.4;}}
@-o-keyframes popin2{0%{opacity: 0.7;}1%{opacity: 1;}99%{opacity: 0.4;}100%{opacity: 0.4;}}
@keyframes popin2{0%{opacity: 0.7;}1%{opacity: 1;}99%{opacity: 0.4;}100%{opacity: 0.4;}}
.container-sticky {background:var(--bgwhite);border-bottom:var(--bordergrey1) 1px solid;}
.stickymain, .stickymainbig {min-height:94vh;}
.mainbody{margin:0 4%;}
.stickymain{border-right:var(--bordergrey1) 1px solid;}
.stickyside-left {min-height:94vh;padding-bottom:8px;border-right:var(--bordergrey1) 1px solid;border-left:var(--bordergrey1) 1px solid;}
.stickypage-left{min-height:94vh;border-right:var(--bordergrey1) 1px solid;}
.stickyside-right {min-height:94vh;padding-bottom:8px;}
.stickyside-right2 {min-height:94vh;background:var(--gradvert);z-index:10;}
.pageset .stickyside-right2 {min-height:calc(94vh - 32px);margin:16px 0;}
.stickyside-top{top: var(--h7vh);}
.stickymain-body{background:var(--bgwhite);min-height:94vh;padding-bottom:8px;}
.homestyle .stickymain-body{padding-bottom:0;}
.stickyside-left .centeronly{display:none;}
.homestyle .stickyside-right .centeronly{display:none;}
.stickymainbig {flex: 0 0 75% !important;}
.stickyside-right {flex: 0 0 25% !important;}
.scrollheight .stickyside-right {flex: 0 0 calc(25% - 48px) !important;}


.video-area {width:100%;position:relative;padding:15px 0;z-index:100;}
.video-col{position:relative;width:70%;}
.video-col-inner{padding:10px;background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.2) 1px solid;border-radius:5px;}
.video-logo{position:absolute;left:0;top:0;bottom:0;right:10px;background:rgba(0,0,0,0.2);border:rgba(0,0,0,0.2) 1px solid;border-radius:5px;text-align:center;padding:10% 15px;display:grid;box-sizing: border-box;overflow:hidden;}
.video-logo-bottom p{font-size:100%;margin:0 auto;padding:0;line-height:1.2;color:var(--colorwhite);}
.video-tohome{position:absolute;bottom:5px;right:5px;z-index:12;}
.video-tohome-item{padding:3px;background:rgba(0,0,0,0.5);margin:0;border-radius:4px;cursor:pointer;}
.video-tohome-item svg{width:auto;height:22px;fill:var(--colorgrey3);}
.form-control{display:block;width:100%;height:34px;padding:0 12px;font-size:100%;line-height:1.2;color:var(--colorgrey4);background-color:var(--bgwhite);background-image:none;border:1px solid var(--bordergrey1);border-radius:4px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;-o-transition:none;transition:none}
.form-control:focus{border-color:var(--bordergrey3);outline:0;-webkit-box-shadow:none;box-shadow:none}
.form-control::-moz-placeholder{color:var(--colorgrey4)}.form-control:-ms-input-placeholder{color:var(--colorgrey4)}.form-control::-webkit-input-placeholder{color:var(--colorgrey4)}
.sidepadding{padding:16px 0;}
.sidepadding-8{padding:8px 0;}
.sidepadding-all-16{padding:16px;}
.personal{padding:0 16px !important;margin:8px 0 0;}
.stickyside-right .personal{padding:0 0 0 16px !important;}
.scrollheight .stickyside-right .personal{padding:0 16px !important;}
.stickyside-right .personal{margin:4px 0 0;}
.personal img{display:block;width:100%;height:auto;}
.personal-inner{padding:5px;background-image: linear-gradient(to bottom right, var(--color2),  var(--color1));}
.box-border-5{border:var(--bordergrey1) 5px solid;}
.foto-table{width:80px;}
.mini-foto svg{width:auto;height:24px;fill:var(--colorgrey3);line-height:1;padding:0;margin:0;}
.imagecrop-personal, .imagecrop-personal-thumb, .imagecrop-artikel, .imagecrop-full, .imagecrop-small, .imagecrop-pemb1, .imagecrop-pemb2, .imagecrop-pemb3, .imagecrop-lapak, .imagecrop-artikel-page, .imagecrop-artikel-thumb, .imagecrop-aparatur, .imagecrop-headline, .video-box, .video-upload, .small-photo, .imagecrop-lembaga{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.imagecrop-personal{height:36vh;}
.pemerintah .imagecrop-personal{height:auto;padding-bottom:120%;}
.imagecrop-personal-thumb{height:60px;}
.imagecrop-artikel{height:30vh;}
.arsip .imagecrop-artikel{padding-bottom:75%;}
.imagecrop-artikel-thumb{height:20vh;}
.imagecrop-artikel-page{height:70vh;}
.imagecrop-full{height:100%;}
.imagecrop-small{padding-bottom:100%;border-radius:4px;}
.imagecrop-pemb1{padding-bottom:80%;}
.arsip .imagecrop-pemb1{padding-bottom:90%;}
.imagecrop-pemb2{height:100%;}
.imagecrop-pemb3{padding-bottom:60%;}
.imagecrop-lapak{padding-bottom:80%;}
.imagecrop-gallery{padding-bottom:50%;}
.imagecrop-aparatur{height:40vh;}
.imagecrop-headline{padding-bottom:45%;}
.video-box{padding-bottom: 56.25%;border-radius:5px;}
.video-upload{padding-bottom: 50%;border-radius:5px;}
.small-photo{padding-bottom: 120%;border-radius:4px;}
.imagecrop-lembaga{padding-bottom: 125%;border-radius:4px;background:var(--bggrey2);}
.imagecrop-personal img, .imagecrop-personal-thumb img, .imagecrop-artikel img, .imagecrop-full img, .imagecrop-small img, .footer-backg-image img, .galeri-image img, .imagehead-page img, .gallery-absolute img, .imagecrop-gallery img, .imagecrop-pemb1 img, .imagecrop-pemb2 img, .imagecrop-pemb3 img, .image-link-hover img, .imagecrop-lapak img, .imagecrop-artikel-page img, .imagecrop-artikel-thumb img, .carousel-isi img, .carousel-navigasi img, .imagecrop-aparatur img, .other-image-small img, .imagecrop-headline img, .link-box-image img, .graystyle img, .small-photo img, .imagecrop-lembaga img, .video-view, .video-item{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);}
.imagecrop-pemb2-cover{position:absolute;left:0;top:0;right:0;bottom:0;-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.6);
box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.6);}
.imagecrop-personal:after, .imagecrop-aparatur:after, .imagecrop-lembaga:after{content:"";position:absolute;bottom:0;left:0;right:0;top:0;background:#000;background:-moz-linear-gradient(0deg,#000 0%,transparent 50%);background:-webkit-linear-gradient(0deg,#000 0%,transparent 50%);background:linear-gradient(0deg,#000 0%,transparent 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="transparent",GradientType=1)}
.logo-no-image img{display:block;width:15%;height:auto;position: absolute;top: 50%;left: 50%;margin:0 auto;-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);}
.headline .logo-no-image img{margin-left:-15% !important;}
.artikel .logo-no-image img{margin-top:-15px !important;}
.artikel .newarticle-image .logo-no-image img{margin-top:0 !important;}
.arsip .logo-no-image img, .catestyle .logo-no-image img{width:25%;}
.heading-long{width:100%;padding:12px 10px;}
.heading-long h1{font-size:100%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--colorwhite);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.heading-plus{position:relative;float:left;margin-bottom:-48px;z-index:10 !important;width:55%;}
.heading-plus-item{height:44px;margin:0 10px 0 0;}
.heading-plus-item svg{width:auto;height:24px;fill:var(--colorgrey3);}
.heading-plus-item p{font-size:90%;margin:0 0 0 0;padding:0;line-height:1;letter-spacing:-0.5px;}
.heading-plus .single-link, .heading-plus .subsingle-link{font-size:100%;}
.heading-1, .heading-2{width:100%;margin:0 0 8px;}
.heading-2{background:var(--bggrey2);margin:0 0 4px;}
.stickyside-right .heading-2{margin:0 0 0;}
.heading-1{margin:0 0 4px;padding:0;}
.personal .heading-2{margin:0 0 8px;}
.stickyside-right .personal .heading-2{margin:0 0 4px;}
.newarticle .heading-2{background:none;background-image:var(--gradientwhite);}
.artikel .heading-2{background:none;background-image:var(--gradientwhite);}
.heading-icon{float:left;height:78%;padding:0 6px;margin:0 10px 0 0;background:var(--colorblack-trans1);border-radius:4px;}
.heading-1 .heading-icon{position:relative;padding:0 0 0 6px;float:left;height:44px;margin:0 0 0 0;background:var(--color1);border-radius:0;border-right:var(--colorblack-trans0) 4px solid;}
.heading-1 .heading-icon:after{content:"";position:absolute;left:100%;top:0;border-left:var(--color1) 12px solid;border-top:transparent 22px solid;border-bottom:transparent 22px solid;}
.heading-1 .heading-icon:before{content:"";position:absolute;left:calc(100% + 4px);top:0;border-left:var(--colorblack-trans0) 24px solid;border-bottom:transparent 44px solid;}
.heading-icon svg{width:auto;height:20px;fill:var(--colorwhite);}
.personal .heading-icon svg{height:22px;}
.heading-1 h1, .heading-2 h1{font-size:100%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--colorwhite);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.heading-1 h1{margin:0 0 0 25px;}
.heading-box{padding:0 20px 0 5px;position:relative;height:44px;}
.heading-box:before{content:"";position:absolute;top:0;left:100%;border-left:var(--color2) 30px solid;border-top:transparent 44px solid;opacity:0.3;margin:0 0 0 -1px;}
.heading-box:after{content:"";position:absolute;top:0;left:100%;border-left:var(--color1) 30px solid;border-bottom:transparent 44px solid;margin:0 0 0 -1px;}
.heading-box-support{position:relative;overflow:hidden;border-top:rgba(0,0,0,0.2) 44px solid;border-left:transparent 30px solid;border-right:transparent 30px solid;margin:0 0 0 -1px;}
.heading-content{position:relative;overflow:hidden;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;margin:0 0;}
.heading-content-icon{width:auto;height:44px;padding:0 10px;border-right:var(--bordergrey1) 1px solid;margin:0 10px 0 0;}
.heading-content-icon svg{width:auto;height:24px;fill:var(--colorgrey3)}
.heading-content-icon img{width:auto;height:24px;}
.heading-content h1{font-size:110%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;color:var(--color2);}
.title-abs-bottom{position:absolute;bottom:0;left:0;right:0;padding:10px;top:auto;text-align:center;z-index:1;}
.box-border-5:hover .title-abs-bottom{top:0;background:rgba(0,0,0,0.7);}
.title-abs-bottom h2, .title-abs-bottom h3{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;color:var(--colorwhite);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.pemerintah .title-abs-bottom h2{font-size:100%;}
.pemerintah .title-abs-bottom h3{font-size:95%;margin:3px 0 0;color:var(--colorgrey2);}
.box-border-5:hover .title-abs-bottom h2, .box-border-5:hover .title-abs-bottom h3{font-size:110%;}
.box-border-5:hover .imagecrop-personal:after{background:transparent;}
.padding-tb-8{padding-top:8px;padding-bottom:8px;}
.padding-tb-4{padding-top:4px;padding-bottom:4px;}
.padding-tb-15{padding-top:15px;padding-bottom:15px;}
.padding-all-10{padding:10px;}
.padding-all-5{padding:5px;}
.margin-all-10{margin:10px;}
.margin-all-8{margin:8px;}
.margin-t-8{margin-top:8px;}
.margin-t-4{margin-top:4px;}
.margin-b-8{margin-bottom:8px !important;}
.margin-b-4{margin-bottom:4px;}
.margin-t-16{margin-top:16px;}
.margin-tb-16{margin-top:16px;margin-bottom:16px;}
.margin-b-10{margin-bottom:10px;}
.margin-b-16{margin-bottom:16px !important;}
.padding-all-8{padding:8px;}
.padding-lr16{padding-left:16px;padding-right:16px;}
.padding-lr4{padding-left:4px !important;padding-right:4px !important;}
.stickyside-right .padding-lr4{padding-left:16px !important;padding-right:0 !important;}
.scrollheight .stickyside-right .padding-lr4{padding-left:16px !important;padding-right:16px !important;}
.marginmin-lr-4{margin-left:-4px;margin-right:-4px;}
.marginmin-lr-8{margin-left:-8px;margin-right:-8px;}
.marginmin-lr-3{margin-left:-3px;margin-right:-3px;}
.marginmin-lr-5{margin-left:-5px;margin-right:-5px;}
.padding-lr-8{padding-left:8px;padding-right:8px;}
.twin-column{position:relative;width:calc(50% - 8px);margin:4px 4px;border:var(--bordergrey1) 1px solid;}
.triple-column{position:relative;width:calc(33.33333333% - 8px);margin:4px 4px;border:var(--bordergrey1) 1px solid;}
.quartet-column{position:relative;width:calc(25% - 8px);margin:4px 4px;border:var(--bordergrey1) 1px solid;}
.artikel-title{position:relative;overflow:hidden;margin:10px 15px;}
.arsip .artikel-title{position:relative;overflow:hidden;margin:5px;}
.arsip .artikel-title .relative-hid.difle-l{display:block !important;}
.artikel-title h2{font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;color:var(--colorblack)}
.info-artikel{width:100%;position:relative;overflow:hidden;}
.komen-front{margin:0 10px 0 0;float:left;}
.komen-front h3{font-size:90%;margin:0;padding:0;line-height:1;font-weight:500;}
.artikel-title-isi, .artikel-title-isi h1, .artikel-title-isi h2, .artikel-title-isi h3, .artikel-title-isi h4, .artikel-title-isi p, .artikel-title-isi ul, .artikel-title-isi li{font-size:90% !important;margin:5px 0 0;padding:0;line-height:1.2;font-weight:500;}
.meta-front{position:absolute;bottom:0;left:0;right:0;border-top:var(--borderwhite) 2px solid;}
.meta-front-date{width:40px;min-width:40px;height:40px;padding:0;background:var(--color1);border-right:var(--borderwhite) 2px solid;}
.meta-front-date h2{font-size:100%;margin:0;padding:0;line-height:1;font-weight:500;color:var(--colorwhite);}
.meta-front-year{height:40px;padding:0 30px 0 5px;}
.meta-front-year p{font-size:90%;margin:0;padding:0;line-height:1;font-weight:500;}
.artikel-title svg{width:auto;height:20px;margin:0 2px 0 0;fill:var(--colorgrey3);}
.other-image{position:absolute;right:0;bottom:0;height:40px;width:70px;}
.newarticle-image .other-image{right:5px;bottom:5px;height:60px;width:80px;}
.other-image-small{width:70px;height:40px;position:relative;overflow:hidden;}
.newarticle-image .other-image-small{width:80px;height:60px;border-radius:4px;border:var(--bordergrey2) 1px solid;}
.twin-column:hover .artikel-title h2, .triple-column:hover .artikel-title h2, .quartet-column:hover .artikel-title h2{color:var(--color1);}
.twin-column:hover .artikel-title-isi, .triple-column:hover .artikel-title-isi{color:var(--colorgrey2);}
.link-artikel{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;}
.newarticle .link-artikel{padding-bottom:0;}
.twin-column:hover .link-artikel, .triple-column:hover .link-artikel, .quartet-column:hover .link-artikel, .newarticle:hover .link-artikel{height:15vh;background:rgba(0,0,0,0.6);opacity:1;}
.headline:hover .link-artikel{height:100%;background:rgba(0,0,0,0.6);}
.newarticle :hover .link-artikel{height:100%;}
.link-box{width:0;height:0;border:none;opacity:0.7;border-radius:4px;overflow:hidden;margin:0 3px;padding:0;line-height:1.2;font-size:0;}
.link-box svg{width:auto;height:0;fill:var(--colorgrey1);}
.link-box-image{position:relative;overflow:hidden;width:50px;height:0;margin:2px;}
.link-box:hover{opacity:1;}
.artikel-title-intro{position:absolute;top:30vh;left:0;right:0;bottom:0;margin:5px 5px;overflow:hidden;}
.artikel-title-introinner{position:absolute;left:0;bottom:0;right:0;height:0;background:var(--bggrey2);overflow:hidden;padding:0 15px;color:var(--colordark);}
.twin-column:hover .artikel-title-intro, .triple-column:hover .artikel-title-intro, .quartet-column:hover .artikel-title-intro{position:absolute;top:15vh;}
.twin-column:hover .artikel-title-introinner, .triple-column:hover .artikel-title-introinner, .quartet-column:hover .artikel-title-introinner{height:100%;background:var(--colordark);color:var(--colorgrey2);}
.twin-column:hover .link-box, .triple-column:hover .link-box, .quartet-column:hover .link-box, .newarticle:hover .link-box, .headline:hover .link-box{width:46px !important;height:46px !important;border:var(--bordergrey1) 1px solid;font-size:12px;color:var(--colorgrey2);}
.headline:hover .link-box{width:auto;height:50px !important;}
.twin-column:hover .link-box svg, .triple-column:hover .link-box svg, .quartet-column:hover .link-box svg, .newarticle:hover .link-box svg{height:22px;}
.headline:hover .link-box svg{height:25px;padding:0 5px;}
.twin-column:hover .link-box-image, .triple-column:hover .link-box-image, .quartet-column:hover .link-box-image, .newarticle:hover .link-box-image{height:50px;}
.emandiri, .artikel, .statistik, .galerihome, .aparatur-page, .covid-custom, .jadwalshalat, .mycountdown, .headline, .bannerevent, .lembaga{margin:0 16px;}
.newarticle-cont{background:var(--bggrey2);}
.newarticle-image{position:relative;width:45%;padding:5px;z-index:1;}
.newarticle-title{position:relative;width:55%;min-height:20vh;z-index:2;}
.newarticle-title:after{content:"";position:absolute;top:50%;right:-14px;border-left:var(--bordergrey2) 15px solid;border-top:transparent 20px solid;border-bottom:transparent 20px solid;-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);}
.newarticle-padding{padding:30px 20px;}
.newarticle-title h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;}
.head-newarticle{background:var(--bgwhite);padding:0 15px 5px 0;}
.head-newarticle svg{width:auto;height:24px;margin:0 3px 0 0;}
.head-newarticle h1{font-family:"Arial";font-size:140%;margin:0;padding:0;line-height:1;font-weight:bold;letter-spacing:-1px;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,#000 0%,var(--color1) 29%,var(--color2) 67%,#000 100%);}
.newarticle-meta-cont{margin:5px 0 5px;}
.newarticle-meta{margin:2px 15px 2px 0;}
.newarticle-meta svg{width:auto;height:18px;margin:0 3px 0 0;fill:var(--colorgrey3)}
.newarticle-meta h3{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.headline-cont{background:var(--colordark);position:relative;overflow:hidden;}
.headline-image{position:relative;width:55%;}
.headline-title{position:relative;width:45%;background:var(--gradientgrey2);color:var(--colorgrey2);}
.headline-title h2{font-size:110%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:500;text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent;color:var(--colorwhite);}
.headline-padding{padding:0 15px;}
.headline-title a, .headline-title a:focus{color:var(--colorgrey2) !important;}
.headline-title:hover a{color:var(--colorwhite);}
.headline-title svg{fill:var(--colorgrey2);}
.headline-head{font-family:"Arial";position:absolute;left:10px;top:10px;font-size:180%;margin:0;padding:0;line-height:1;font-weight:800;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(--bgwhite) 0%,var(--bggrey1) 29%,var(--bgwhite) 67%,var(--bggrey1) 100%);}
.emandiri-cont{position:relative;overflow:hidden;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;padding:8px;}
.lembaga-box{position:relative;overflow:hidden;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;}
.emandiri .form-control{display:block;font-size:15px !important;width:100%;position:relative;height:36px;padding:0 10px;font-size:15px !important;color:#313131;line-height:36px;background-color:rgba(255,255,255,0.5) !important;background-image:none;margin:5px auto !important;border:var(--bordergrey1) 1px solid;border-radius:4px}
.emandiri .form-control:focus, .emandiri .form-control.active{color: #313131;box-shadow:none;background-color:var(--bgwhite) !important;font-size:15px !important;}
.emandiri .form-control::-moz-placeholder {color: #313131;}
.emandiri .form-control:-ms-input-placeholder {color: #313131;}
.emandiri .form-control::-webkit-input-placeholder {color: #313131;}
.emandiri input{font-size:15px !important;}
.emandiri-submit{border:none;border-radius:4px;outline:none;margin:0;padding:0 10px;line-height:1;font-size:90%;color:var(--colorwhite);font-weight:500;background:var(--color1);height:36px;}
.emandiri-submit svg{width:auto;height:18px;fill:var(--colorwhite);margin:0 5px 0 0;}
.emandiriflex{position:relative;width:100%;overflow:hidden;}
.emandiriflex-left{position:relative;width:25%;height:20vh;}
.emandiriflex-right{height:20vh;}
.emandiriflex-right img{width:auto;height:12vh;margin:0 5px 0 0;}
.emandiriflex-right h1{font-size:120%;margin:0 25% 0 0;padding:0;line-height:1.1;font-weight:bold;}
.emandiriflex-right h2{font-size:90%;margin:0 25% 0 0;padding:0;line-height:1.1;font-weight:500;}
.emandiri-cartoon{width:35%;position:relative;text-align:center;}
.emandiri-login{width:30%;position:relative;}
.emandiri-info{width:35%;position:relative;}
.emandiri-info-inner{position:absolute;bottom:0;left:10%;right:0;height:50px;}
.emandiri-info p{font-size:95%;margin:0;padding:0;line-height:1.1;font-weight:500;}
.emandiri-info img{width:auto;height:34px;margin:0 0 0 0;}
.emandiri-cartoon img{width:100%;height:auto;margin:0 auto;}
.emandiri-cartoon-inner{display:block;width:70%;position: absolute;bottom: -8px;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);}
.emandiri-backg{position:absolute;top:0;left:0;right:0;bottom:10vh;background:var(--bggrey2);overflow:hidden;}
.emandiri-backg img{display:block;width:100%;height:auto;position: absolute;bottom: 0;left: 50%;margin:0 auto;object-fit: cover;-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);}
.emandiri-backg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: var(--bgwhite);
background: -moz-radial-gradient(circle, var(--bgwhite) 20%, transparent 90%);
background: -webkit-radial-gradient(circle, var(--bgwhite) 20%, transparent 90%);
background: radial-gradient(circle, var(--bgwhite) 20%, transparent 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="transparent",GradientType=1);}
.emandiribottom{position:relative;z-index:2;}
.stage{height:auto;width:100%;margin:auto;position:absolute;top:5px;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(40deg) rotateX(33deg) translateZ(0)}
.layer:after{font-size:280%;content:"layanan\a  mandiri";white-space:pre;text-align:center;font-weight:700;height:100%;width:100%;position:absolute;top:0;line-height:1.2;color:whitesmoke;letter-spacing:-.5px;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(--color2)}
.layer:nth-child(n+12):after{-webkit-text-stroke:13px var(--color4)}
.layer:last-child:after{-webkit-text-stroke:17px rgba(0,0,0,.1)}
.layer:first-child:after{color:#fff;text-shadow:none}
@keyframes ayun{100%{transform:rotateY(-15deg) rotateX(-15deg)}}
.visitor-bottom{padding:16px;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;border-top:none;}
.home-visitor-left p{margin:0 10px 0 0;}
.home-visitor-right{margin:0 0 0 auto !important;text-align:right;}
.console-container{font-size:100%;display:block;height:30px;line-height:30px;padding:0;margin:0;}
.console-underscore{color:#ff0000;float:left;}
.keuangan{margin:8px 0;}
.headsub-keuangan{width:100%;height:40px;background:var(--bggrey2);border-bottom:var(--bordergrey1) 1px solid;}
.headsub-keuangan h1{font-size:100%;margin:0 0 0;padding:0;line-height:1.2;font-weight:bold;}
.height-anggaran{height:53vh;}
.wrap-apbd{padding:4px 8px;}
.wrap-apbd h3{font-size:95%;margin:0 0 5px;padding:0;line-height:1.2;font-weight:bold;}
.wrap-circles{display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 0 0 auto!important;float:right;}
.circle{position:relative;width:15vh;height:15vh;margin:0;border-radius:50%;overflow:hidden}
.circle .inner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:13vh;height:13vh;background:var(--bggrey2);border-radius:50%;font-size:100%;font-weight:700;border:var(--colorwhite) 2px solid;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,.1),inset -4px -4px 6px -1px rgba(0,0,0,.2),.5px .5px 0 rgba(0,0,0,.15),0 12px 10px -10px rgba(0,0,0,.05)}
.wrap-apbd td{padding:0;margin:0;line-height:1.2;vertical-align:top;font-size:95%;}
.anggaran{color:var(--color2);}
.realisasi{color:var(--color1);font-weight:bold;}
.highcharts-background{fill: transparent;stroke:none;}
.statistik{background:var(--bgwhite)}
.catestyle .statistik{display:none;}
.statis-padding{padding:0 3%;}
.twinstat{position:relative;width:50%;}
.stat-top{position:relative;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;padding:8px 8px;}
.home-chart{height:27vh;}
.population-count{position:relative;overflow:hidden;padding:0;margin:15px 0 0 0;text-align:center;}
.population-count h3{font-size:100%;margin:0 0 5px;padding:0;line-height:1.2;font-weight:500;}
.population-count h2{font-size:160%;margin:0;padding:0;line-height:1;font-weight:bold;}
.countright{margin:0 0 0 auto !important;}
.statgraph .highcharts-root {margin:0 auto !important;}
.pageset .highcharts-root {padding:0 0 !important;width:100%;}
.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(--colorgrey3);stroke-dasharray: 1 1;}
.statgraph .highcharts-xaxis path {stroke: var(--colorgrey3);stroke-width: 1px;}
.statgraph .highcharts-yaxis path {stroke: var(--colorgrey3);stroke-width:0;}
.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:absolute;bottom:10px;left:5%;right:0;border:var(--bordergrey1) 1px solid;padding:5px;}
.population-padding{margin:0 0 0 5%;}
.inner-modal .population-padding{margin:0;}
#tanggalwaktu{float:right !important;margin:0 10px 0 10px !important;margin:0;padding:0;line-height:1;font-size:90%;font-weight:500;}
.head-population{width:100%;text-align:center;}
.head-population h1{font-family:"Arial";font-size:200%;font-weight:800;margin:0 0 0 5px;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-2px;}
.head-population span{font-family:"Arial";font-size:200%;font-weight:800;margin:0;line-height:1;padding:0;text-transform:uppercase;letter-spacing:-2px;animation:flip 3s infinite;animation-delay:calc(.2s * var(--i))}
.gendermale, .genderfemale{width:calc(50% - 6px);margin:0 3px;position:relative;text-transform:lowercase !important;border:var(--bordergrey1) 1px solid;padding:5px 3px;border-radius:4px;}
.inner-modal .gendermale, .inner-modal .genderfemale{padding:10px;border:var(--colorgrey3) 1px solid;}
.gendermale img{width:auto;height:34px;margin:0 5px 0 0;}
.genderfemale img{width:auto;height:34px;margin:0 0 0 5px;}
.otherstat{position:relative;overflow:hidden;margin:5px 0;padding:10px;border:var(--colorgrey3) 1px solid;text-align:center;}
.otherstat:hover{background:#000;}
.otherstat p{font-size:95%;margin:0;padding:0;line-height:1.2;color:var(--colorgrey2)}
.people{position:absolute;top: 50%;left: 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);width:34px;height:34px;}
.people svg{fill:var(--bggrey1);width:auto;height:34px;}
@keyframes flip {
0%,80% {transform: rotateY(360deg)}
}
.colscroll{width:100%;float:left;overflow-y: scroll;scrollbar-width: thin;height:100%;}
.colscroll::-webkit-scrollbar{width: 7px;}
.colscroll{scrollbar-width: thin;}
.colscroll::-webkit-scrollbar-track{background:transparent;}
.colscroll::-webkit-scrollbar-thumb {background:var(--bggrey1);}
.modal-dark .colscroll::-webkit-scrollbar-thumb {background:var(--colorwhite-trans3);}
.nav-sub .colscroll::-webkit-scrollbar-thumb {background:var(--colorwhite-trans3);}
.box-content-small .colscroll::-webkit-scrollbar-thumb {background:var(--colorblack-trans1);}
.colscroll-padding{padding:10px 10px 10px 15px;}
.sekilas .colscroll-padding{padding:0;}
.tentang{margin-top:10px;margin-bottom:15px;}
.sekilas .tentang{font-size:95%;line-height:1.2;margin:0;}
.sekilas td{vertical-align:top !important;font-size:95%;line-height:1.2;}
.tentang svg{width:auto;height:24px;margin:0 10px 0 0;fill:var(--colorgrey3);}
#identitas .nomodal {display:none;}
.inner-modal{position:absolute;top:50px;left:0;right:0;bottom:40px;overflow:hidden;z-index:99999;background:var(--bgwhite);}
.modal-dark .inner-modal{background:var(--colorblack-trans0);color:#e0e0e0;}
.inner-modal-small{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:9;background:var(--bggrey2);border-radius:5px;overflow:hidden;}
.inner-modal-big{position:absolute;top:0;left:0;right:0;bottom:0;z-index:99999;background:var(--bgwhite);}
.canvas-effect{position:absolute;top:0;width:30%;bottom:0;right:0;z-index:2;}
.leftmenu-cont{position:absolute;top:0;left:0;right:50px;bottom:0;z-index:99999;background:var(--bggrey2);overflow:hidden;border-radius:4px;}
.leftmenu-head{position:absolute;top:0;left:0;right:0;height:12vh;}
.leftmenu-logo{height:12vh;padding:0 15px;}
.leftmenu-logo img{width:auto;height:8vh;margin:0 10px 0 0;}
.leftmenu-logo h1{font-size:90%;font-weight:bold;margin:0;line-height: 1;padding:0;text-transform:uppercase;color:var(--colorwhite);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.leftmenu-inner{position:absolute;top:12vh;left:0;bottom:0;right:0;}
.leftmenu-padding{padding:0 15px;}
.searchmob{position:relative;overflow:hidden;width:100%;margin:10px 0 10px;}
.searchmob .form-control{height:34px;line-height:34px;border-radius:4px;display:block;width:calc(100% - 40px);margin-right:40px !important;}
.searchmob .search-submit{width:34px;height:32px;position:absolute;right:0;top:1px;border:none;outline:none;background:var(--color2);border-radius:4px;}
.searchmob .search-submit svg{width:auto;height:16px;fill:var(--colorwhite)}
.leftmenu-tombol{position:absolute;top:12vh;right:0;}
.menuclose{width:45px;height:45px;background:var(--color1);border-radius:4px;}
.tombolmenu-m{width:45px;height:auto;margin:5px 0 0;text-align:center;padding:6px 0 5px;border-radius:4px;}
.tombolmenu-m svg{width:18px;height:auto;fill:var(--colorwhite)}
.tombolmenu-m p{font-size:11px;margin:0;padding:0;line-height:1;font-family: "Arial Narrow", Arial, sans-serif;color:var(--colorwhite);}
#info .visitor-top{display:none;}
#flip {height:25px;overflow:hidden;}
#flip > div > div {padding:0;margin:0;height:25px;display:inline-block;}
#flip div:first-child {animation: show 5s linear infinite;}
@keyframes show{0%{margin-top:-100px}5%{margin-top:-50px}33%{margin-top:-50px}38%{margin-top:-25px}66%{margin-top:-25px}71%{margin-top:0}99.99%{margin-top:0}100%{margin-top:-100px}}
.widget-height{height:306px;}
.inner-modal .widget-height{height:auto;}
.stickyside-right .widget-height{height:65vh;}
.box-grey-grad{padding:10px;background:var(--bgwhite);
background: -moz-radial-gradient(circle, var(--bgwhite) 35%, var(--bggrey2) 100%);
background: -webkit-radial-gradient(circle, var(--bgwhite) 35%, var(--bggrey2) 100%);
background: radial-gradient(circle, var(--bgwhite) 35%, var(--bggrey2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="var(--bggrey2)",GradientType=1);}
.box-grey-border{background:var(--bggrey2);border:var(--bordergrey1) 1px solid;border-top:none;}
.box-grey{background:var(--bggrey2);}
.box-white-border{background:var(--bgwhite);border:var(--bordergrey1) 1px solid;}
.inner-modal .box-white-border{border:none;}
.box-grey-border2{background:var(--bggrey2);border:var(--bordergrey1) 1px solid;border-top:none;}
.widget-social{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;padding:10px;}
.widget-social svg{padding:5px;width:auto;height:36px;margin:0 2px;border:var(--colorgrey3) 1px solid;border-radius:4px;background:var(--colorwhite-trans1);fill:var(--color2);}
.widget-social svg:hover{background:var(--bgwhite);fill:var(--color1);}
.widget-social p{display:block;padding:0;font-size:100%;margin:0 0 15px;line-height:1.2;}
.agenda{padding:4px 8px !important;}
.agenda-jadwal{position:relative;float:left;width:50px;text-align:center;margin:0 5px 0 0;}
.agenda-jadwal h1, .hari-ini h1{display:block;padding:9px 10px;font-size:100%;font-weight:bold;margin:0;line-height:1;}
.hari-ini1{position:relative;left:0;top:0;right:0;background:var(--color1);}
.hari-ini2{position:absolute;left:0;top:0;right:0;}
.agenda-jadwal h1{color:#fff;}
.agenda-jadwal h3{font-size:95%;font-weight:500;display:block;padding:5px 5px;margin:0;line-height:1;background:var(--bggrey2);}
.agenda-title{position:relative;overflow:hidden;}
.agenda-title h2{display:block;padding:0;font-size:95%;font-weight:bold;margin:0 0 2px;line-height:1.2;}
.agenda-title p{display:block;padding:0;font-size:95%;font-weight:500;margin:0;line-height:1.1;}
.agenda-title td{font-size:95%;vertical-align:top;padding:0 !important;margin:0 !important;line-height:1.1;}
.more-small{position:absolute;font-size:95%;margin:0;padding:0;bottom:10px;background:var(--bggrey2);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);cursor:pointer;}
.more-small svg{width:auto;height:20px;margin:0 3px 0 0;fill:var(--colorgrey3);}
.maphome-height{height:350px;}
.comment{padding:5px 10px;}
.article-single .comment{padding:10px 0;margin:}
.comment-buble{width:42px;min-width:42px;height:auto;float:left;margin:0 5px 0 0;}
.comment-buble img{width:100%;}
.comment h2{font-size:100%;margin:0 0 3px;padding:0;line-height:1.2;font-weight:bold;}
.comment h3, .comment p{font-size:95%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.comment h3{margin:0 0 3px;}
.comment p{margin-left:45px;}
.comment-text{margin:0 0 0;}
.article-single .comment-text{margin:0 0 0 50px;}
.empty-content{margin:4px 10%;}
.empty-image{width:60%;min-width:60%;margin:0 auto 10px;text-align:center;}
.empty-image img{width:100%;height:auto;display:block;}
.empty-title{position:relative;overflow:hidden;text-align:center;}
.empty-title p{font-size:90%;margin:0;padding:0;line-height:1.1;}
.tabs{width:100%;height:auto;overflow:hidden;background:var(--gradvert2)}
.tabshead{margin:0 0 10px;}
.tabshead svg{width:auto;height:20px;fill:var(--colorgrey2);margin:0 5px 0 0;filter: drop-shadow(2px 2px 2px rgb(0,0,0,0.2));}
.tabshead h1{font-size:100%;margin:0;padding:0;line-height:1.1;color:var(--colorgrey2);text-shadow:-1px -1px 0 rgba(0,0,0,0.3), 1px -1px 0 rgba(0,0,0,0.3), -1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(0,0,0,0.3);}
.row-small{margin:0 8px 8px 0;padding:0 0 8px;border-bottom:var(--bordergrey1) 1px solid;}
.row-small-image{width:20%;float:left;}
.row-small-title{width:80%;float:right;}
.box-content-small{height:290px;}

.row-small-title p{font-size:95%;margin:0 0 0 8px !important;padding:0;line-height:1.1;color:var(--colorgrey2);}
.stickyside-right .row-small-title p{color:var(--colorblack);}
.samewidth-col2{display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(50% - 8px), 1fr));grid-gap: 4px;text-align:center;}
.sinergi-col{padding:4px;}
.sinergi-col img{width:auto;height:10vh;margin:0 0 5px;}
.sinergi-col p, .sinergi-other p{font-size:90%;margin:0;padding:0;line-height:1.1;}
.sinergi-other img{width:8vh;height:auto;margin:0 5px 0 0;}
.visitor td{vertical-align:top;font-size:95%;padding:4px 0;margin:0;line-height:1.2;}
.visitor2 td{vertical-align:top;font-size:100%;padding:5px 0;margin:0;line-height:1.2;}
.visitor-top{margin:0 0 20px;}
.global-info h1, .visitor-top h2{font-size:100%;margin:15px 0 0 0;padding:0 0 5px;line-height:1.2;font-weight:bold;border-bottom:var(--bordergrey1) 1px solid;text-transform:uppercase;}
.global-info h1{margin:15px 0 10px;}
.margin-pop{margin:0 10px 0 15px;}
.tombol-custom{padding:0;border-radius:3px;border:none;outline:none;box-shadow:none;cursor:pointer;border-radius:3px;background:var(--bggrey2);overflow:hidden;}
.tombol-icon{height:30px;width:30px;background:var(--colorblack-trans2);opacity:0.3;}
.tombol-custom:hover .tombol-icon{opacity:0.8;}
.tombol-icon svg{width:auto;height:20px;fill:var(--colorwhite);}
.tombol, .tombol2, .tombol-block, .tombol-block2{padding:0 10px;height:34px;border-radius:3px;background:var(--color2);border:none;outline:none;box-shadow:none;cursor:pointer;}
.tombol-block, .tombol-block2{display:block;position:relative;overflow:hidden;}
.tombol2, .tombol-block2{background:var(--color1);}
.tombol svg, .tombol2 svg, .tombol-block svg, .tombol-block2 svg{width:auto;height:24px;margin:0 3px 0 0;fill:var(--colorwhite);}
.tombol p, .tombol2 p, .tombol-block p, .tombol-block2 p, .tombol-custom p{font-size:90%;margin:0;padding:0;line-height:1.1;color:var(--colorwhite);}
.tombol-custom p{color:var(--colorwhite);padding:0 10px;}
table.custom-table, table.jamkerja-table{width:100%;background-color:var(--bggrey2);}
.analisis table.custom-table{background-color:var(--bgwhite);}
.custom-table td{padding:8px;vertical-align:top;border:var(--bordergrey1) 1px solid;font-size:95%;}
.custom-table th{padding:10px 8px;border:var(--bordergrey1) 1px solid;font-size:95%;font-weight:bold;}
.idm .custom-table td, .idm .custom-table th{padding:5px;font-size:90%;}
.custom-table > tbody > tr:nth-child(odd), .jamkerja-table > tbody > tr:nth-child(odd) {background-color:var(--bgwhite);}
table.custom2-table{width:100%;background-color:var(--bgwhite);}
table.agenda-table{width:calc(50% - 2px) !important;float:left;margin:1px;}
.custom2-table td{padding:10px;border:var(--bordergrey1) 1px solid;font-size:100%;vertical-align:top;}
.agenda-table td{padding:10px;border:var(--bordergrey1) 1px solid;font-size:100%;vertical-align:top;margin:1px 0 !important;}
table.custom-small{width:100%;}
.jamkerja-table td{padding:5px;vertical-align:top;border:var(--bordergrey1) 1px solid;font-size:95%;}
.jamkerja-table th{padding:7px 5px;border:var(--bordergrey1) 1px solid;font-size:95%;font-weight:bold;}
.custom-small td{padding:5px 10px;border:var(--bordergrey1) 1px solid;font-size:100%;vertical-align:top;background-color:var(--bgwhite-trans1);}
.lapak .custom-small td{padding:5px 8px;font-size:95%;}
.head-table h2{font-size:120%;margin:0;padding:0 0 5px;line-height:1.2;font-weight:bold;color:var(--color1);border-bottom:var(--color2) 1px solid;}
.agenda-artikel h2{font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;color:var(--color1);}
.agenda-artikel svg{width:30px;height:auto;margin:0 5px 0 0;fill:var(--colorgrey3);}
.cover-graph1, .cover-graph2, .cover-graph3{position:absolute;left:-2px;top:-3%;right:0;bottom:-3%;}
.cover-graph1 svg, .cover-graph2 svg, .cover-graph3 svg{width:auto;height:106%;}
.cover-graph2{left:-2px;}
.cover-graph1 svg{filter: drop-shadow(2px 2px 2px rgb(0,0,0,0.2));}
.cover-graph2 svg{filter: drop-shadow(-5px 0 3px rgb(0,0,0,0.2));}
.maincenter .cover-graph1 svg{fill:var(--colorgrap1);}
.maincenter .cover-graph3 svg{fill:var(--colorgrap1);opacity:0.5;}
.pemb-title-bottom svg{width:25px;height:auto;margin:0 5px 0 0;fill:var(--colorgrey3);opacity:0.8;}
.pemb-title-bottom h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;}
.pemb-title-bottom p{font-size:100%;margin:0 0 0 30px;padding:0;line-height:1.2;font-weight:500;}
.footer-area{padding-top:8px;}
.copyright{background:rgba(0,0,0,0.5);height:60px;width:100%;text-align:center;padding:0;margin:0;line-height:1.2;color:var(--colorwhite);position:absolute;left:0;right:0;bottom:0;z-index:6;}
.main-footer{position:relative;overflow:hidden;padding:60px 0 120px;}
.main-footer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--color1);z-index:1;}
.main-footer:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:var(--color2);z-index:1;}
.copyright p{margin:0 !important;padding:0 !important;line-height:1.2 !important;}
.copyright a, .copyright a:hover, .copyright:focus, .copyright a:focus{color:var(--colorwhite);}
.main-footer, .main-footer a, .main-footer a:hover, .main-footer a:focus{color:var(--colorwhite);}
.footer-inner{z-index:5;position:relative;}
.footer-title{max-width:60%;margin:0 auto 0 0 !important;float:left;}
.pusstop{position:fixed;top:0;left:0;right:0;bottom:-100px;background:#000;z-index:999999999999999;text-align:center;overflow:hidden;}
.pusstop svg{width:75%;height:auto;margin-top:-100px;}
.pusstop p{font-size:100%;margin:0;padding:0;line-height:1.1;color:#fff;}
.footer-right{max-width:35%;margin:0 0 0 auto !important;}
.footer-title img{width:50px;height:auto;margin:0 5px 0 0;}
.footer-title h2{margin:0 !important;padding:0 !important;line-height:1.1 !important;font-weight:500;}
.footer-title h1{font-size:110%;margin:0 !important;padding:0 !important;line-height:1.1 !important;font-weight:bold;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);}
.footer-title h3, .footer-address h3, .footer-right h3{margin:0 !important;padding:0 !important;line-height:1.1 !important;font-weight:500;}
.footer-title p{margin:5px 0 0 55px !important;font-size:90%;opacity:0.8;padding:0 !important;}
.footer-title h3{margin:0 0 0 55px !important;}
.footer-right h3{margin:0 0 5px !important;}
.footer-contact{margin:5px 10px 0 0;}
.footer-contact i.fa{margin:0 3px 0 0;line-height:1;}
.footer-social{margin:5px 0 0 0;}
.footer-contact p{padding:0 !important;margin:0 !important;line-height:1.2 !important;}
.footer-social svg{fill:var(--colorwhite);width:auto;height:22px;margin:0;padding:0;opacity:0.7;}
.footer-backg{position:absolute;top:0;bottom:0;width:40%;z-index:2;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);}
.footer-backg-image{position:absolute;top:0;left:0;right:0;bottom:0;}
.footer-backg:before, .footer-backg:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;}
.footer-backg:before{left:-2px;background:var(--gradsingle1)}
.footer-backg:after{right:-2px;background:var(--gradsingle2)}
.main-footer h2, .main-footer h3, .main-footer p{font-size:90%!important;}
.scrollheight .pagetop{z-index:1999 !important;}
.scrollheight .mainlogo{height:var(--h7vh);border-color:transparent;}
.scrollheight .mainlogo h2{font-size:0;}
.scrollheight .mainlogo h1{font-size:95%;}
.scrollheight .mainlogo img{height:5vh;animation: none;}
.scrollheight .menuside svg{height:4vh;}
.scrollheight .topmenu{height:0;overflow:hidden;opacity:0;}
.scrollheight .topright{border-bottom:transparent 1px solid;}
.scrollheight .topmenu-home{overflow:hidden;height:0;width:0;}
.scrollheight .mainlogo-cont{background::var(--bgwhite);}
.scrollheight .mainlogo-cont:before{bottom:0;border-left:transparent 0px solid;border-top:transparent 0px solid;z-index:1;}
.scrollheight .mainlogo-cont:after{border-top:transparent 0px solid;border-left:transparent 0px solid;border-right:transparent 0px solid;}
.scrollheight .mainlogo-backg{width:0;}
.scrollheight .mainlogo-backg:before{border-left:transparent 0px solid;border-top:transparent 0px solid;}
.scrollheight .mainlogo-backg:after{border-left:transparent 0px solid;border-bottom:transparent 0px solid;}
.scrollheight .menumobhid.lastright.topright-item{width:40px;margin:0;}
.scrollheight .othermenu{background:transparent;height:0 !important;overflow:hidden;}
.scrollheight .othermenu img{width:auto;height:0;}
.scrollheight .othermenu p{font-size:0;}
.scrollheight .othermenupanel{height:0 !important;top:7vh;}
.scrollheight .menuside{height:var(--h7vh);}
.scrollheight .topright-item{height:var(--h7vh);}
.scrollheight .iconside{width:48px;}
.scrollheight .iconside .icon-cont img{width:22px;height:auto;margin:0;}
.scrollheight .iconside .icon-cont{width:48px;}
.scrollheight .forhidden, .scrollheight .forhidden .toplink{width:0;height:0;overflow:hidden;margin:0 !important;}
.scrollheight .topsearch{position:relative;margin:0 0 0 auto;float:right;}
.pageset .newarticle, .pageset .emandiri, .pageset .artikel, .pageset .statistik, .pageset .galerihome{margin:0 0;}
.pageset .highcharts-root {width:94%;margin:0 3% !important;}
.maincenter-backg img, .slide2 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);}
.bell{-webkit-animation:ring 4s .7s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 4s .7s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:ring 4s .7s ease-in-out infinite;transform-origin:50% 4px}
@keyframes textclip {
to {background-position: 200% center;}
}
@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)}}
@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-transform:rotateZ(0)}}
@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}
@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}100%{transform:rotate(0)}}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
.galeri-head{width:calc(25% - 8px);margin:0 8px 0 0;padding:5px 0;position:relative;border-radius:5px;text-align:center;}
.galeri-head h2{color:var(--colorwhite);font-size:100%;margin:0 0 0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px -1px 0 rgba(0,0,0,0.2), -1px 1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.2);}
.galeri-head h1{font-family:"Arial";color:var(--colorwhite);font-size:200%;margin:0;padding:0;line-height:1;font-weight:800;text-transform:uppercase;opacity:0.4;letter-spacing:-2px;}
.galeri-head svg{width:40%;height:auto;margin:5px 0;fill:var(--colorwhite);opacity:0.4;}
.galeri-head p{color:var(--colorwhite);font-size:90%;margin:0 10% 0;padding:5px 10px;line-height:1;font-weight:500;border:var(--borderwhite-trans) 1px solid;}
.galeri-head a{color:var(--colorwhite);opacity:0.6;}
.galeri-head a:hover{opacity:1;}
.galeri-isi{width:75%;position:relative;}
.galeri-image{position:absolute;top:0;left:0;bottom:0;right:0;}
.credit{position:absolute;bottom:20px;left:20px;color:inherit}
.options{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;min-width:100%;max-width:100%;width:calc(100% - 100px);height:35vh}
.options .option{position:relative;overflow:hidden;min-width:60px;margin:0 4px;background-size:cover!important;background-position:center;cursor:pointer;background-repeat:no-repeat;transition:0.5s cubic-bezier(.05,.61,.41,.95)}
.options .option.active{flex-grow:10000;transform:scale(1);margin:0 4px;border-radius:5px;background-size:auto 100%;cursor:default}
.options .option.active .label{bottom:10px;left:0}
.options .option.active .label .info>div{left:0;opacity:1}
.options .option:not(.active){flex-grow:1;border-radius:5px}
.options .option:not(.active) .shadow{background:rgba(0,0,0,.4)}
.options .option:not(.active) .shadow:hover{background:rgba(0,0,0,.1)}
.options .option:not(.active) .label{bottom:10px;left:5px}
.options .option:not(.active) .label .info>div{left:20px;opacity:0}
.options .option .shadow{position:absolute;bottom:0;left:0;right:0;height:100%;transition:0.5s cubic-bezier(.05,.61,.41,.95)}
.options .option .label{display:flex;position:absolute;right:0;height:36px;transition:0.5s cubic-bezier(.05,.61,.41,.95)}
.options .option .label .icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:36px;max-width:36px;height:36px;border-radius:100%;background-color:var(--bgwhite-trans1);color:var(--colorwhite)}
.options .option .label .icon svg{width:auto;height:20px;fill:var(--colorwhite)}
.options .option .label .info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:var(--colorgrey1);text-align:left}
.options .option .label .info>div{position:relative;transition:0.5s cubic-bezier(.05,.61,.41,.95),opacity 0.5s ease-out}
.options .option .label .info .main{font-weight:500;font-size:16px}
.options .option .label .info .main p{font-size:100%;margin:3px 0 0;padding:0;line-height:1.2;white-space: normal;word-wrap: break-word;}
.link-galeri{position:absolute;right:5px;padding:10px 10px;background:var(--colorblack-trans2);top:5px;border-radius:4px;}
.options .option:not(.active) .link-galeri {display:none;}
.link-galeri p{font-size:90%;margin:0;padding:0;line-height:1.2;color:var(--colorgrey2);}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0;height:0;}99%{opacity:0;height:0;}100%{opacity:1;height:auto;}}@keyframes fadeIn{0%{opacity:0;height:0;}99%{opacity:0;height:0;}100%{opacity:1;height:auto;}}
.mobile-menu{margin:15px 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(--colorwhite-trans1);list-style:none;color:#000;border-radius:3px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.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;}
.m-kat li, .m-kat ul{list-style:none;padding:0;margin:0;}
.single-link{position:relative;margin:5px 0;padding:0 0 0 10px;line-height:1.2;font-size:100%;}
.single-link:after{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--bggrey1);}
.single-link:hover{padding:0 0 0 15px;}
.single-link:hover:after{content:"";position:absolute;top:0;left:0;width:0;border-left:var(--bordergrey1) 10px solid;border-top:transparent 8px solid;border-bottom:transparent 8px solid;background:transparent;}
.subsingle-link{margin:4px 0 4px 20px;padding:0;line-height:1.2;font-size:100%;}
.widgetstyle .single-link{position:relative;margin:10px 0;}
.headimage-page{overflow:hidden;position:relative;width:100%;height:calc(63vh - 30px);z-index:1;}
.headtitle-page{margin-left:14vh;}
.headtitle-page-inner{margin:0 0 0 10px;}
.headtitle-page h1{font-family: 'ManifoldCF-Regular';font-size:240%;margin:0;padding:0;line-height:1.2;font-weight:bold;color:var(--colorsoft2);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.headtitle-page h2{font-family: 'ManifoldCF-Regular';font-size:140%;margin:0 20px 0 0;padding:0;line-height:1.2;font-weight:bold;color:var(--colorsoft2);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.headtitle-page h3{font-size:100%;margin:30px 0 5px !important;padding:0 !important;line-height:1;font-weight:500;letter-spacing:10px;text-transform:uppercase;color:var(--colorgrey2);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.headtitle-page p{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:500;color:var(--colorgrey2);text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent}
.headtitle-margin{margin-top:30px !important;}
.headstat-margin{margin:0;}
.headstat-column{width:100%;float:left;}
.headstat-padding{padding:0;}
.panel-group + .panel-collapse > .panel-body, .panel-group + .panel-collapse > .list-group {border:none !important;}
.heading-stat{position:relative;padding:0;font-size:100%;margin:0;line-height:1.1;font-weight:bold;}
.navstat-head{margin-top:10px;}
.navstat-head i.fa{font-size:0;margin:0 5px 0 0 !important;padding:0 !important;line-height:1 !important;width:36px;height:36px;}
.iconpenduduk{background:url(../../images/statpenduduk.png) no-repeat center;background-size:100% auto;color:transparent !important;}
.iconkeluarga{background:url(../../images/statkeluarga.png) no-repeat center;background-size:100% auto;color:transparent !important;}
.iconbantuan{background:url(../../images/statbantuan.png) no-repeat center;background-size:100% auto;color:transparent !important;}
.iconlainnya{background:url(../../images/statlainnya.png) no-repeat center;background-size:100% auto;color:transparent !important;}
.stickypage-left{z-index:9;}
.headstat-big{padding:10px;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;border-bottom:none;}
.headstat-big svg{width:35%;margin:0;height:auto;fill:var(--colorgrey1);}
.headstat-big h1{font-size:140%;font-weight:bold;margin:0 0 0 15px;padding:0;line-height:1.2;}
.color1{color:var(--color1);}
.color2{color:var(--color2);}
.panel-group{margin-bottom:8px !important;padding:0;}
.panel-default{border:var(--bordergrey1) 1px solid !important;padding:4px 8px !important;margin:0 !important;}
.panel-box{padding:8px 0;}
.stat-sub {position:relative;font-size:100%;margin:0;padding:2px 0 2px 12px;line-height:1.2;}
.stat-sub:after{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:8px;background:var(--bggrey1);}
.statnav-active{position:relative;}
.statnav-active2{color:var(--color1);font-weight:bold;}
.gallerystyle .pagingrow{margin:16px 0 0;}
.pagination {margin: 0 0 !important;float:none;}
.box-stat{background:var(--bgwhite);border:var(--bordergrey1) 1px solid;}
.content-cont{padding:16px;background:var(--bgwhite);border:var(--bordergrey1) 1px solid;}
.content-title{font-size:220%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.content-isi {line-height:1.4;display:block;}
.content-isi h1,.content-isi h2,.content-isi h3,.content-isi h4,.content-isi h5,.content-isi h6,.content-isi p{margin:0 0 5px;}
.content-isi ul{margin:0 0 5px 40px;line-height:1.3;padding:0;}
.content-isi li{margin:0 0 10px 0;line-height:1.3;padding:0;}
.content-isi .box-tools{display:none;}
.content-isi table{font-size:90% !important;}
.content-isi .box-header{display:flex !important;justify-content: center;align-items: center;}
.content-isi .box-header h3{font-size:100%;padding:0 0 5px;margin:0 auto 5px;text-align:center;border-bottom:var(--bordergrey1) 1px solid;}
.content-isi .box{padding:0 0 10px !important;}
.content-isi hr {margin-top: 5px !important;margin-bottom: 5px !important;border:none !important;}
.content-isi .progress-group{font-size:90% !important;}
.content-isi .progress-bar{background-color:var(--colorsoft3) !important;}
.content-isi .progress-bar-striped {background-color: var(--bggrey2) !important;}
.content-isi .progress {height: 15px !important;border-radius:15px !important;}
.content-isi .progress-bar {line-height: 15px !important;border-radius:15px !important;}
.content-isi img{margin:0 auto !important;max-width:50% !important;}
.content-meta{margin:0 10px 3px 0;}
.content-meta svg{width:auto;height:22px;margin:0 3px 0 0;fill:var(--colorsoft1)}
.content-meta p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:500;}
.lampiran{width:100%;float:left;position:relative;overflow:hidden;margin:10px 0 20px;}
.lampiran h2{font-size:100%;position:relative;overflow:hidden;margin:0;padding: 0 0;line-height:1.2;font-weight:bold;background:var(--bgwhite);min-width:120px;}
.lampiran-line{position:relative;overflow:hidden;width:100%;height:1px;border-top:var(--colorgrey3) 1px dotted;margin:0 10px;}
.headingbig-title{width:100%;position:relative;overflow:hidden;}
.headingbig-title h1{font-size:120%;padding:0 0 5px;margin:0;color:var(--color1);border-bottom:var(--bordergrey1) 1px solid;}
.pilih-analisis{position:relative;background:var(--color2);margin:0 15px 0 0;padding:0 15px;line-height:1;border-radius:3px;font-size:100%;height:34px;color:var(--colorwhite);}
.analisis-pilihan{width:50%;}
.indikator{position:relative;padding:0 0 0 20px;}
.indikator:after{content:"";position:absolute;top:2px;left:0;border-top:var(--color2) 12px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;}
.indikator p{font-size:100%;padding:0;margin:0;color:var(--color1);font-weight:bold;line-height:1;}
.gallery-col{position:relative;background:var(--bggrey2);}
.gallery-col a{color:var(--colordark);}
.gallery-title{position:absolute;top:25px;left:25px;bottom:25px;right:40%;padding:10px 30px 10px 10px;z-index:5;border:var(--colorwhite) 2px solid;background:var(--colorblack-trans1);}
.gallery-col:hover .gallery-title{top:20px;left:20px;bottom:20px;right:20px;}
.gallery-title h3{font-size:100%;padding:0;margin:0;font-weight:500;line-height:1.2;color:var(--colorwhite);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.gallery-absolute{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border:var(--bordergrey1) 1px solid;}
.gallery-absolute:before{content:"";position:absolute;height:100%;left:0;right:0;bottom:0;z-index:2;background-color: var(--colorwhite-trans1);
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
.gallery-col:hover .gallery-absolute:before{height:0;}
.gallery-absolute:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:var(--bggrey2);background:-moz-radial-gradient(right top,ellipse cover,transparent 40%,var(--bggrey2) 85%);background:-webkit-radial-gradient(right top,ellipse cover transparent 40%,var(--bggrey2) 85%);background:radial-gradient(ellipse at right top,transparent 40%,var(--bggrey2) 85%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top_color',endColorstr='$bottom_color',GradientType=1);z-index:3;border:var(--bggrey2) 5px solid;}
.gallery-absolute img{opacity:1;-webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);z-index:1;}
.gallery-col:hover .gallery-absolute img{opacity:1;-webkit-filter: blur(0px);-moz-filter: blur(0px);-ms-filter: blur(0px);-o-filter: blur(0px);filter: blur(0px);}
.gallery-album{margin:0 5vh 0 auto;float:right;position:relative;z-index:6;}
.gallery-scale{-webkit-transform:scale(0.75);-moz-transform:scale(0.75);-ms-transform: scale(0.75);-o-transform: scale(0.75);transform:scale(0.75);}
.gallery-col:hover .gallery-scale{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform:scale(0);}
.book{width:30vh;height:40vh;margin-top:-6vh;position:relative;transform:perspective(60em) rotateX(48deg) rotateZ(-24deg) skewY(-4deg);box-shadow:-1.4em 1.7em .3em -.3em rgba(0,0,0,.4),-1.6em 1.8em .9em -.2em rgba(0,0,0,.4),.3em 1.9em 1.3em rgba(0,0,0,.2);border-top-right-radius:.4em}
.book img{border-top-right-radius:.4em;box-sizing:border-box;clip:rect(0vh,30vh,39.5vh,0vh);display:block;filter:saturate(90%);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)}
.book:before,.book:after{content:'';position:absolute;top:0}
.book:before{width:105%;height:105%;left:-5%;z-index:-1;background-repeat:no-repeat;background-image:linear-gradient(115deg,transparent 2.8%,var(--color1) 3%,var(--color1) 16%,transparent 16%),linear-gradient(125deg,transparent 10%,var(--color1) 10%,var(--color1) 17%,var(--colordark) 46.8%,transparent 47%),linear-gradient(125deg,transparent 46%,rgba(0,0,0,.5) 46.5%,rgba(0,0,0,.25) 49%,transparent 53%),linear-gradient(to right,var(--colordark),var(--color1)),linear-gradient(var(--colordark),var(--colordark)),linear-gradient(126deg,transparent 45%,var(--colordark) 20%,var(--bgwhite) 96.8%,rgba(170,170,170,0) 97%);background-size:100% 100%,100% 100%,100% 100%,100% .4em,94% .2em,100% 100%;background-position:0 0,0 0,0 0,0 95.8%,0 100%,0 0}
.book:after{width:100%;height:100%;background-repeat:no-repeat;background-image:linear-gradient(to right,transparent 2%,rgba(0,0,0,.1) 3%,rgba(0,0,0,.1) 4%,transparent 5%),linear-gradient(-50deg,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(-50deg,rgba(0,0,0,.2) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.1) 20%,transparent 100%);background-size:100% 100%,2% 20%,1% 20%,2% 20%,1% 20%;background-position:0 0,2.2% 100%,3% 100%,2.2% 0,3% 0}
.framefoto{margin:0 auto;padding:10px;background:var(--bggrey2);-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)}
.aparatur-page .framefoto{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)}
.imagecrop-50{position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;border-right:3px solid rgba(0,0,0,.15)}
.title-gallery{position:absolute;right:10px;top:10px;bottom:10px;left:60%;overflow:hidden;background: var(--colorblack-trans1);border:var(--bordergrey2) 1px solid;}
.title-gallery h3{font-size:100%;padding:0;margin:5px;font-weight:500;line-height:1.2;color:var(--colorwhite);}
.mat:hover .title-gallery{position:absolute;right:10px;top:70%;bottom:10px;left:10px;overflow:hidden;background: var(--colorblack-trans1);border:var(--bordergrey2) 1px solid;}
.heading-big{width:100%;float:left;}
.heading-big h1{font-size:160%;padding:0;margin:0;font-weight:bold;line-height:1.2;}
.heading-big p{font-size:100%;padding:0;margin:5px 0 0;font-weight:500;line-height:1.2;color:var(--color2);}
.statisstyle .box-header{display:flex !important;justify-content: center;align-items: center;margin:0 auto 16px;}
.statisstyle .box-header h3{font-size:160%;padding:0 0 5px;font-weight:bold;text-align:center;border-bottom:var(--bordergrey1) 1px solid;color:var(--color1)}
.twin-col-pemb{position:relative;width:calc(50% - 8px);margin:4px 4px;border:var(--bordergrey1) 1px solid;}
.twin-col-pemb:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:var(--bordergrey2) 5px solid;}
.col-pemb-title{width:50%;position:relative;background:var(--bggrey2);text-align:center;}
.col-pemb-image{width:50%;position:relative;}
.col-pemb-title h2{font-size:100%;padding:0;margin:0 10px;font-weight:bold;line-height:1.2;position:relative;z-index:2;}
.col-pemb-title svg{width:auto;height:20px;margin:0 3px 0 0;}
.absolute-bottom{position:absolute;bottom:0;left:0;right:0;text-align:center;}
.pemb-title{width:55%;position:relative;background:var(--bggrey2);}
.col-pemb-title2{position:absolute;top:0;right:0;bottom:0;width:0;width:100%;}
.boxtitle-hover{position:absolute;left:0;right:0;bottom:0;height:0;overflow:hidden;}
.col-pemb-title2 h2, .boxtitle-hover h2{font-size:0;}
.tohover-image:hover .col-pemb-title2 h2, .tohover-image:hover .boxtitle-hover h2{font-size:100%;color:var(--colorgrey2);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.arsip .tohover-image:hover .col-pemb-title h2, .catestyle .tohover-image:hover .col-pemb-title h2{color:var(--colorgrey2);}
.tohover-image:hover .col-pemb-title2{width:100%;background:var(--colordark);}
.tohover-image:hover .boxtitle-hover{height:100%;background:var(--colordark);}
.pemb-image{width:45%;position:relative;overflow:hidden;}
.pemb-title-padding{padding:15px}
.pemb-title-padding div{width:100%;}
.pemb-title h1{font-size:120%;padding:0;margin:0 0 10px;font-weight:bold;line-height:1.2;}
.dokumentasi-head img{width:25px;height:auto;margin:0 10px 0 0;}
.dokumentasi-head{font-size:100%;padding:0;margin:0;font-weight:bold;line-height:1.2;}
.dokumentasi-col{width:calc(33.33333333% - 8px);margin:4px 4px;position:relative;text-align:center;}
.dokumentasi-col h3{font-size:100%;padding:0;margin:3px 0 0;font-weight:bold;line-height:1.25;}
.dokumentasi-col p{font-size:90%;padding:0;margin:3px 0 0;font-weight:500;line-height:1.1;}
.image-frame{position:absolute;top:0;left:0;right:0;height:100%;border-top:5px solid var(--colorgrey3);border-left:5px solid var(--bordergrey1);border-right:5px solid var(--bordergrey1);border-bottom:5px solid var(--colorgrey3);box-shadow:-1px -1px 1px rgba(0,0,0,.6),1px 1px 2px rgba(255,255,255,1);}
.image-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:var(--colorwhite-trans2) 5px solid;}
.image-frame:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:var(--colorblack-trans1) 2px solid;}
.image-link-hover{position:absolute;top:0;left:0;bottom:0;width:100%;font-size:0;margin:0;padding:0;line-height:1.2;text-align:center;opacity:0;}
.image-link-hover2{position:absolute;top:0;left:0;height:0;right:0;font-size:0;margin:0;padding:0;line-height:1.2;text-align:center;}
.image-link-hover img, .image-link-hover svg{width:0;height:auto;z-index:2;}
.image-link-hover2 img{width:auto;height:0;z-index:2;}
.imagecrop-pemb2 .image-link-hover img{margin-left:10% !important;}
.image-link-hover:after, .image-link-hover2:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:var(--colorblack);opacity:0.5;}
.tohover-image:hover .image-link-hover{opacity:1;font-size:12px;color:var(--colorwhite);}
.tohover-image:hover .image-link-hover2{height:100%;font-size:12px;color:var(--colorwhite);}
.tohover-image:hover .image-link-hover img{width:25px;fill:var(--colorwhite)}
.tohover-image:hover .image-link-hover svg{width:25px;fill:var(--colorwhite);}
.headline .tohover-image:hover .image-link-hover svg{width:34px;fill:var(--colorwhite);border:1px solid;margin-right:15%;opacity:0.5;}
.headline .tohover-image:hover .image-link-hover:hover svg{opacity:1;}
.tohover-image:hover .image-link-hover2 img{height:25px;}
.map-pemb{height:50vh !important;}
.right-print{float:right;margin:0 10px 0 auto;}
.social-icon{margin:0 2px;padding:7px 7px;border-radius:3px;}
.heading-content .social-icon{padding:5px 7px;}
.social-icon p{width:0;overflow:hidden;}
.social-icon:hover p{font-size:90%;padding:0;margin:0 0 0 5px;font-weight:500;line-height:1;color:var(--colorwhite);width:auto;}
.social-icon svg{width:auto;height:18px;margin:0 0 0 0;fill:#fff;}
.heading-content .social-icon svg{height:15px;}
.custom-filter-col{width:36%;float:left;margin-bottom:8px;}
.pengaduan .custom-filter-col{width:27%;}
.custom-filter-small1{width:28%;float:left;margin-bottom:8px;}
.custom-filter-small4{width:22%;float:right;margin-bottom:8px;margin:0 0 0 auto !important;}
.pengaduan .custom-filter-small1{width:12%;}
.custom-filter-small2{width:10%;float:left;margin-bottom:8px;}
.custom-filter-small3{width:18%;float:left;margin-bottom:8px;}
.pengaduan .custom-filter-small3{width:18%;}
.custom-filter button{width:100% !important;}
.lapak-col-image{width:60%;position:relative;border-radius:5px 0 0 5px;}
.lapak-col-title{width:40%;position:relative;border-radius:0 5px 5px 0;text-align:center;background:var(--bgwhite-trans2)}
.lapak{padding:0 0 !important;margin:0;}
.lapak-col{position:relative;width:calc(50% - 10px);margin:5px;border:var(--bordergrey1) 1px solid;background:var(--bgwhite);border-radius:5px;}
.lapak-col-padding{padding:8px;border-radius:5px 5px 0 0;background:var(--bggrey2);border-bottom:var(--bordergrey1) 1px solid;}
.lapak h2{font-size:100%;padding:0;margin:10px;font-weight:bold;line-height:1.2;}
.harga-produk p, .harga-produk h3{font-size:90%;padding:0;margin:2px 10px;font-weight:500;line-height:1.2;}
.harga-produk h3{color:var(--color3);}
.lapak-link{padding:8px;}
.to-detail{margin:0 0 0 auto !important;cursor:pointer;}
.to-detail p{font-weight:bold;font-size:90%;padding:0;margin:0 3px 0 0;line-height:1.1;}
.to-detail svg{width:auto;height:24px;fill:var(--colorgrey3);}
.to-detail:hover svg{fill:var(--color1);}
.to-detail:hover p{color:var(--color3);}
.lapak-detail{position:absolute;left:0;right:0;bottom:0;top:0;margin:8px 8px 8px 10px;z-index:99 !important;}
.lapak h1{font-size:140%;padding:0;margin:0 0 10px;font-weight:bold;line-height:1.2;color:var(--color3)}
.speak {padding:0 0 0 30px;min-height:22px;margin:0 0 10px;}
.speak-icon{width:22px;height:22px;position:absolute;top:0;left:0;}
.speak-icon svg{width:22px;height:auto;fill:var(--colorgrey3);}
.speak p{font-weight:500;font-size:95%;padding:0;margin:1px 0 0;line-height:1.2;position:relative;overflow:hidden;}
.speak h1{font-weight:bold;font-size:100%;padding:0;margin:1px 0 0;line-height:1.2;color:var(--color1);}
.carousel-control.left {background-image:none;background-repeat:no-repeat;}
.carousel-control-leftarrow{border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:30% auto;background-color:rgba(0,0,0,0.5);width:25px;height:25px;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");}
.carousel-control-rightarrow{border-radius:3px;background-repeat:no-repeat;background-position:center;background-size:30% auto;background-color:rgba(0,0,0,0.5);width:25px;height:25px;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");}
.carousel-control.right {background-image:none;background-repeat:no-repeat;}
.bodypaging{background:var(--bgwhite);border:var(--bordergrey1) 1px solid;border-radius:5px;padding:8px;}
.pengaduan-notif{width:100%;float:left;position:relative;overflow:hidden;margin:15px 0 !important;}
.alertpengaduan{margin:0 0;padding:8px;border-radius:4px;background:var(--bggrey2);}
.alertpengaduan p{font-weight:bold;font-size:95%;padding:0;margin:0;line-height:1.2;color:var(--color1);}
.row-bullet{width:100%;float:left;margin:8px 0;}
.row-bullet-inner{position:relative;border-left:var(--bordergrey1) 1px solid;margin:0 0 0 8px;padding:0 0 0 15px;}
.row-bullet-circle{content:"";position:absolute;background:var(--bgwhite);left:-8px;top:50%;width:16px;height:16px;border-radius:16px;border:var(--bordergrey1) 2px solid;-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);}
.row-bullet-circle:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:8px;background:var(--color2);-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);}
.row-bullet-inner h2{font-weight:500;font-size:100%;padding:0;margin:0 0 0 30px;line-height:1.2;}
.pengaduan-1{width:calc(60% - 8px);margin:0 4px;position:relative;}
.pengaduan-2, .pengaduan-3{width:calc(20% - 8px);margin:0 4px;position:relative;}
.row-bullet-inner h3{font-weight:500;font-size:100%;padding:0;margin:0;line-height:1.2;}
.pengaduan-3 svg{width:auto;height:24px;margin:4px 0 0;fill:var(--colorgrey1)}
.status{width:24px;height:24px;margin:0 5px 0 0;border-radius:2px;}
.status svg{width:auto;height:14px;fill:var(--colorwhite);}
.status img{width:auto;height:4px;}
.image-pengaduan img{display:block;max-width:100%;margin:0 0 10px;height:auto;}
.detail-pengaduan h3, .detail-pengaduan h2, .detail-pengaduan p{font-weight:500;font-size:100%;padding:2px 0;margin:0;line-height:1.2;}
.detail-pengaduan p{margin-right:5px;}
.detail-pengaduan h2{font-weight:bold;margin:20px 0 10px 0;padding:0 0 3px;border-bottom:var(--bordergrey1) 1px solid;}
.captha-left{width:60%;position:relative;}
.captha-right{width:40%;position:relative;text-align:center;}
.article-single .captha-left img{width:60%;}
.captha-right .form-control{height:50px;text-align:center;}
.col-comment-left{position:relative;width:60%;}
.col-comment-right{position:relative;width:40%;text-align:center;}
.col-comment-padding{margin:0 0 0 16px;}
.box-idm{position:relative;width:calc(25% - 16px);margin:8px 8px;}
.box-idm-backg{position:absolute;top:20px;bottom:0;left:0;right:0;border-radius:5px;-webkit-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 17px 0px rgba(0,0,0,0.4);}
.greenstyle .box-idm-backg{background:var(--color2);}
.yellowstyle .box-idm-backg{background:#f6b530;}
.bluestyle .box-idm-backg{background:var(--color1);}
.violetstyle .box-idm-backg{background:#C26991;}
.box-idm-arrow{position:absolute;right:0;bottom:-23px;border-right:transparent 40px solid;}
.box-idm-arrow:after{content:"";position:absolute;right:-40px;bottom:0;border-right:transparent 40px solid;border-top:rgba(0,0,0,0.4) 25px solid;}
.greenstyle .box-idm-arrow{border-top:var(--color2) 25px solid;}
.yellowstyle .box-idm-arrow{border-top:#f6b530 25px solid;}
.bluestyle .box-idm-arrow{border-top:var(--color1) 25px solid;}
.violetstyle .box-idm-arrow{border-top:#C26991 25px solid;}
.idm-title{position:relative;margin:0 20px;padding:0 10px;height:20vh;text-align:center;border-radius:5px;z-index:3;box-shadow:none;background:var(--bgwhite);-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)}
.idm-title p{font-weight:bold;font-size:90%;padding:0;margin:0;line-height:1;}
.idm-value{position:relative;overflow:hidden;z-index:1;text-align:center;padding:25px 0 30px;}
.idm-value h2{font-weight:bold;font-size:140%;padding:0;margin:0;line-height:1;color:var(--colorwhite);text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.idm-title svg{width:auto;height:40px;margin:0 auto 3px;fill:var(--colorgrey3);}
.content-isi h1, .content-isi h2, .content-isi h3, .content-isi h4, .content-isi h5, .content-isi h6, .content-isi p{line-height:1.2;margin:0 0 15px;}
.content-isi p{line-height:1.4;}
.content-isi img{max-width:100% !important;width:auto;height:auto;margin:5px auto !important;}
.multi-image{padding:10px;background:var(--bggrey2) !important;margin:0 0 16px;}
.image-standar{position:relative;vertical-align:text top;float:right;width:50%;margin:0 0 0 16px;border:var(--bordergrey1) 5px solid;}
.image-standar-inner img{display:block;width:100% !important;min-width:100% !important;height:auto;}
.aparatur-page-inner{padding:16px 25px;}
.emptydata{padding:20px 0 0;position:relative;width:100%;float:left;margin:0 0 0;color:var(--colorgrey2);}
.emptydata-character{width:15%;margin:15px 5% 0 auto;z-index:3;}
.emptygallery-home{position:relative;overflow:hidden;padding:10px;border-radius:4px;border:var(--bordergrey1) 1px solid;background:var(--bggrey2);}
.emptygallery-home .emptydata-character, .emptygallery .emptydata-character{width:25%;}
.emptydata-character img{width:100%;height:auto;margin:0;}
.emptydata-latar{position:absolute;left:0;top:0;right:0;bottom:35px;overflow:hidden;background:var(--colordark);}
.notfound-item-medium p{font-size:100%;padding:15px 0;margin:0;line-height:1.2;}
.emptydata-text{position:relative;z-index:3;text-align:center;}
.form-komentar h3{font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:500;}
.form-komentar .form-control{display:block;position:relative;padding:0 10px;font-size:90%;color:var(--colorgrey4);margin:0 0 10px!important;border:var(--bordergrey1) 1px solid;border-radius:0;box-shadow:none!important}
.form-komentar .form-control:focus, .searchtool .form-control:hover, .searchtool .form-control.active{color:#313131;box-shadow:none;}
.form-komentar .form-control::-moz-placeholder {color:var(--colorgrey4);}
.form-komentar .form-control:-ms-input-placeholder {color:var(--colorgrey4);}
.form-komentar .form-control::-webkit-input-placeholder {color:var(--colorgrey4);}
.komentar-notif{margin:10px 0;border-radius:4px;padding:8px 10px 10px;}
.komentar-notif p{margin:0;padding:0;font-size:100%;line-height:1.1;color:var(--color2);}
.textarea {border:var(--bordergrey1) 1px solid !important;}
.form-komentar textarea{outline:none;}
.backto{position:relative;width:30px;height:30px;cursor:pointer;margin:0 !important;border-radius:3px;}
.homestyle .backto{display:none !important;}
.backto svg{fill:#fff;width:20px;height:20px;}
.bottom-tombol{position:fixed;z-index:999;bottom:10px;right:10px;}
#ScrollToTop{width:30px;height:0;cursor:pointer;margin-top:0 !important;border-radius:3px;}
#ScrollToTop svg{width:20px;height:0;fill:#fff;}
.scrollheight #ScrollToTop{height:30px;margin-top:5px !important;}
.scrollheight #ScrollToTop svg{height:20px;}
.preloader{position:absolute;height:110px;width:110px;margin-top:-30px;left:50%;text-align:center;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)}
.preloader svg{width:110px;height:110px}
.preloader path{stroke:var(--bordergrey1);stroke-width:.25;fill:#fff}
#cloud{position:relative;z-index:2}
#cloud path{fill:var(--colorgrey4)}
#sun{margin-left:-10px;margin-top:6px;opacity:0;width:60px;height:60px;position:absolute;left:45px;top:15px;z-index:1;animation-name:rotate;animation-duration:16000ms;animation-iteration-count:infinite;animation-timing-function:linear}
#sun path{stroke-width:.18;fill:#f6b530;stroke:#f6b530}
@keyframes rotate{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}
.rain{position:absolute;width:60px;height:60px;margin-top:-32px;margin-left:25px}
.drop{opacity:1;background:var(--colorgrey3);display:block;float:left;width:5px!important;height:10px!important;margin-left:4px;border-radius:5px;animation-name:drop;animation-duration:350ms;animation-iteration-count:infinite}
.loading-text{font-size:95%;font-weight:500;line-height:1;margin:20px 0 0 -5px !important;padding:0;color:var(--colorwhite);letter-spacing:10px;}
.drop:nth-child(1){animation-delay:-130ms}.drop:nth-child(2){animation-delay:-240ms}.drop:nth-child(3){animation-delay:-390ms}.drop:nth-child(4){animation-delay:-525ms}.drop:nth-child(5){animation-delay:-640ms}.drop:nth-child(6){animation-delay:-790ms}.drop:nth-child(7){animation-delay:-900ms}.drop:nth-child(8){animation-delay:-1050ms}.drop:nth-child(9){animation-delay:-1130ms}.drop:nth-child(10){animation-delay:-1300ms}
@keyframes drop{50%{height:50px;opacity:0}51%{opacity:0}100%{height:1px;opacity:0}}
.tooltip2{position:relative;display:inline-block}
.tooltip2 .tooltip2text{visibility:hidden;background-color:#000;color:#fff;border-radius:3px;padding:15px 15px;position:absolute;z-index:1;top:50%;right:100%;font-size:90%;min-width:25vh;line-height:1.1;margin:0 12px 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)}
.thinstyle.tooltip2 .tooltip2text{padding: 7px 10px;min-width:90px;height:auto;margin:10px auto 0;background-color: var(--colorgrey3);font-size:80%;left:50%;top:100%;-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);text-align:center;}
.lastright.tooltip2 .tooltip2text {padding: 7px 10px;min-width:90px;height:auto;margin:10px auto 0;background-color: var(--colorgrey3);font-size:80%;left:auto;right:-5px;top:100%;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);text-align:center;}
.tooltip2 .tooltip2text:after{content:"";position:absolute;left:100%;border-left:#000 10px solid;border-top:transparent 8px solid;border-bottom:transparent 8px 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);}
.thinstyle.tooltip2 .tooltip2text:after{border-left:transparent 9px solid;border-right:transparent 9px solid;border-bottom:var(--colorgrey3) 10px solid;border-top:none;top:-9px;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);}
.lastright.tooltip2 .tooltip2text:after{border-left:transparent 9px solid;border-right:transparent 9px solid;border-bottom:var(--colorgrey3) 10px solid;border-top:none;top:-9px;left:auto;right:10px;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.tooltip2:hover .tooltip2text {visibility: visible;z-index:999;}
.mainright .tooltip2 .tooltip2text{display:none;}
.center{fill:var(--colorwhite);stroke:var(--bordergrey2);stroke-width:10;filter:drop-shadow(0 0 18px rgba(0,0,0,.5))}
.pointer{fill:var(--color2);stroke:var(--bordergrey3);stroke-width:2}
.nav-copy{fill:#fff;fill-opacity:1;transition:all 250ms ease-in}.nav-copy.changing{fill-opacity:0}.service{cursor:pointer;fill:var(--color1);}
.service.active{fill:var(--color2)}
.service:hover{fill:var(--color2)}
.service.active text{animation:popin2 0.7s linear infinite 0.7s;}
.service text{font-size:120%;text-anchor:middle}
.service .icon-wrapper{transform-origin:50% 50%;}
.service .icon-wrapper,.service .icon-wrapper>*{transition:all 250ms ease-in}
.service circle.shadow{fill-opacity:0;}
.service use{fill:#fff;}
.service text{fill:#313131}.service.active .icon-wrapper,.service.active .icon-wrapper>*,.service:hover .icon-wrapper,.service:hover .icon-wrapper>*{transition:all 250ms ease-out}
.service.active .icon-wrapper circle.shadow,.service:hover .icon-wrapper circle.shadow{fill-opacity:.8}.service.active text,.service:hover text{font-weight:700}
.service:hover text{fill:#000}
.link-circle{font-size:90% !important;}
.widgetstyle{margin:0;position:relative;overflow:hidden;}
.widgettop-margin{position:relative;overflow:hidden;margin:0 auto;}
.widget-judul{margin:0 4px 0;position:relative;overflow:hidden;}
.widget-title{position:relative;overflow:hidden;padding:0 5px;height:40px;background:var(--bgwhite);}
.widget-title p{position:relative;line-height:1;text-transform:uppercase;font-weight:bold;font-size:80%;}
.widget-title p:after{content:"";position:absolute;left:0;top:2px;border-top:var(--colorgrey3) 10px solid;border-left:transparent 8px solid;border-right:transparent 8px solid;display:none;}
.widget-cover1{position:absolute;left:0;top:0;bottom:0;width:10%;}
.widget-cover2{position:absolute;right:0;top:0;bottom:0;width:10%;}
.widget-cover1{background:var(--bggrey2);background:-moz-linear-gradient(90deg,var(--bggrey2) 0%,transparent 100%);background:-webkit-linear-gradient(90deg,var(--bggrey2) 0%,transparent 100%);background:linear-gradient(90deg,var(--bggrey2) 0%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bggrey2)",endColorstr="transparent",GradientType=1);}
.widget-cover2{background:transparent;background:-moz-linear-gradient(90deg,transparent 0%,var(--bggrey2) 100%);background:-webkit-linear-gradient(90deg,transparent 0%,var(--bggrey2) 100%);background:linear-gradient(90deg,transparent 0%,var(--bggrey2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="var(--bggrey2)",GradientType=1);}
.forarticle .aparatur-page{display:none;}
.navstat{width:100%;position:relative;margin:0;height:56px;border:var(--bordergrey1) 1px solid;border-bottom:none;}
table{width:100% !important;}
.mapstyle{margin:15px 0;}
.mapstyle .btn-social.btn-sm, .mapstyle .btn-social.btn-sm {text-align:center;padding: 5px 10px 5px 15px!important;color:#fff !important;}
.mapstyle .leaflet-popup-content-wrapper .btn-social.btn-sm, .mapstyle .leaflet-popup-tip .btn-social.btn-sm {text-align:center;padding: 5px 20px !important;color:#fff !important;margin: 0 !important;}
.mapstyle .box-body{margin:0 !important;}
.mapstyle .leaflet-popup-content-wrapper .btn, .mapstyle .leaflet-popup-tip .btn{display:block !important;width:100% !important;}
.mapstyle .btn{display:block !important;width:100% !important;margin:0 !important;}
.mapstyle .leaflet-popup-content {margin: 10px 10px !important;line-height: 1.2 !important;}
.mapstyle .btn-sm, .btn-social{margin: 0 !important;}
.mapstyle .box-body{padding:0 !important;}
.mapstyle .card li{position:relative;list-style:none !important;padding:0 0 0 15px !important;}
.mapstyle .card li:after{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:6px;background:var(--bggrey1);}
#bodyContent p{line-height:1 !important;}
.mapstyle .modal-dialog {padding:15px 0!important;width:100% !important;margin:0 !important;position:absolute;left:0;top:0;right:0;min-height:100vh;}
.mapstyle .modal-content {margin:0 15%;}
.mapstyle .modal-header{background:var(--colordark);}
.mapstyle .modal-header h4{font-size:100%;margin:0;padding:0;line-height:1.2;color:#fff;}
.mapstyle .modal-header .close{background:var(--color1);opacity:1;color:#fff;text-shadow:none;font-size:160%;padding:0 8px;border-radius:4px;}
.mapstyle hr{margin:10px 0 !important;padding:0 !important;}
.mapstyle .progress-group{font-size:90% !important;line-height:1.2;}
.mapstyle .box h4{font-size:100%;margin:0;padding:0;line-height:1.2;}
.mapstyle .progress{margin-top:3px;background-color:var(--colorgrey3) !important;height:14px;margin-bottom:15px;}
.mapstyle .progress-bar-success{background-color:var(--color1) !important;}
.mapstyle .progress-bar span{font-size:11px;color:#fff;font-weight:500;margin:0;padding:0;line-height:14px;}
.mapstyle .container{padding-left:0 !important;padding-right:0 !important;}
.mapstyle .modal .btn{display:inline-block !important;width:auto !important;margin:0 !important;}
.covid-container{position:relative;overflow:hidden;border:var(--bordergrey1) 1px solid;padding:8px;background-color:var(--bggrey2)}
.covidtitle{position:relative;width:calc(25% - 8px);margin:0 4px;background:var(--color1);text-align:center;}
.covidtitle h3{position:relative;z-index:1;font-size:110%;margin:0;padding:0;line-height:1.2;font-weight:500;color:#fff;text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent}
.covidtitle h2{position:relative;z-index:1;font-size:140%;margin:5px 0 0;padding:0;line-height:1;font-weight:bold;color:#fff;text-shadow:2px 1px 3px #000;-webkit-text-stroke:1px transparent}
.coviddata{position:relative;width:calc(75% - 8px);margin:0 4px;}
.covid-item{position:relative;width:calc(14.28% - 8px);margin:0 4px;background-color:var(--bgwhite)}
.head-covid{padding:0 5px;height:44px;background:var(--color2);text-align:center;}
.head-covid p{font-size:90%;margin:0;padding:0;line-height:1.2;color:#fff;}
.covid-inner{text-align:center;padding:8px 5px 10px;}
.covid-inner h2{font-size:120%;margin:0 0 2px;padding:0;line-height:1;font-weight:bold;}
.covid-inner p{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.virus{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;opacity:0.3;}
.virus img{width:auto;height:90%;}
.widget-group{position:relative;width:calc(50% - 16px);margin:8px 8px;}
.widget-map{position:relative;width:calc(50% - 16px);margin:8px 8px;border:var(--bordergrey1) 1px solid;padding:10px;}
.widget-map .heading-1, .inner-modal .heading-1{display:none !important;}
.cslider{background-color:var(--bggrey2);max-width:100%;grid-template-columns:50% 50%;position:relative;display:grid;border:var(--bordergrey1) 1px solid}
.cslider .slides{overflow-y:auto;max-height:370px;scrollbar-width:none}
.cslider .slides::-webkit-scrollbar{display:none}
.cslider .slides .cslide{height:100%;overflow:hidden;border:transparent 10px solid;border-left:none}.cslider .slides .cslide:nth-child(even){background-color:transparent}
.cv-carousel{display:block;height:360px;z-index:1}
.cv-carousel.cv-grab{cursor:move;cursor:grab}
.cv-carousel .cv-stage-outer{position:relative;overflow:hidden;height:100%;-webkit-transform:translate3d(0,0,0)}.cv-carousel .cv-stage{transition:all 0.25s ease;position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}
.cv-carousel,.cv-carousel .cv-item2{-webkit-tap-highlight-color:transparent;position:relative}.cv-carousel .cv-item2,.cv-carousel .cv-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.cv-carousel .cv-item2{min-height:1px;padding:0;line-height:1;width:100%;position:relative;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.cv-carousel.cv-drag .cv-item2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cv-carousel.cv-drag .cv-item2 .item2{height:100%}
.cv-nav{float:left;clear:left;position:relative;top:50%;transform:translateY(-50%)}
.cv-nav .cv-prev,.cv-nav .cv-next{margin:5px;width:30px;height:30px;cursor:pointer}
.cv-nav .cv-prev{background-color: var(--color2);background-repeat:no-repeat;background-position:center;background-size:70% auto;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E" );}
.cv-nav .cv-next{background-color: var(--color1);background-repeat:no-repeat;background-position:center;background-size:70% auto;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E" );}
.slide_navigation{padding:5px 5px;}
.w-head{position:absolute;top:0;left:0;right:0;bottom:0;padding:0 10px;margin:5px;border:var(--bordergrey1) 1px solid;background: var(--bgwhite-trans1);}
.w-head h2{font-size:95%;padding:0;margin:0;font-weight:bold;text-transform:uppercase;line-height:1;}
.w-head p{font-size:95%;padding:0;margin:0;font-weight:500;}
.w-head-icon{width:38px;height:38px;margin:0 5px 0 0;border:var(--bordergrey1) 1px solid;background: var(--bgwhite);}
.w-head svg{width:24px;height:auto;}
.item2 a:focus .w-head {background: var(--bgwhite);}
.item2 a:hover .w-head {background: var(--bgwhite);}
.cv-carousel .cv-item2 h3{font-size:15px;padding:0;margin:0;font-weight:bold;line-height:1.2;}
.slick_slider,.cycle-slideshow{display:block;position:relative;overflow:hidden;width:35%;margin:0 auto!important}
.cycle-overlay{background:#000 !important;}
.othermenupanel{height:0;position: fixed;top: 14vh;left:0;right:0;overflow: hidden;background:rgba(0,0,0,0.8);z-index:999;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition: 0.5s;}
.othermenupanel-inner{position:absolute;right:15px;top:0;height:50vh;width:22%;background: var(--bggrey2);padding-bottom:20px;border-radius:0 0 7px 7px;}
.othermenu-list h2{position:relative;font-size:100%;font-weight:bold;margin:0;line-height: 1.2;padding:5px 0 5px 15px;border-top:var(--bordergrey1) 1px solid;}
.othermenu-list h2:nth-child(1){border:none;}
.othermenu-list p{position:relative;font-size:100%;font-weight:bold;margin:0 0 0 15px;line-height: 1.2;padding:5px 0 5px 12px;}
.othermenu-list p:after{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:7px;background:var(--bggrey1);}
.othermenu-list h2:after{content:"";position:absolute;left:0;top:9px;border-left:var(--bordergrey1) 10px solid;border-top:transparent 6px solid;border-bottom:transparent 6px solid;}
.close-menu{position:absolute;left:-35px;top:0;width:35px;height:35px;}
.jadwalshalat-inner{background:var(--bgwhite);border:var(--bordergrey1) 1px solid;}
.jadwalshalat-left{position:relative;width:70%;height:70px;padding:0 10px;}
.jadwalshalat-left-icon1{position:relative;width:50px;height:50px;background:var(--bggrey2);margin:0 10px 0 0;}
.jadwalshalat-left-icon2{position:absolute;left:0;top:0;bottom:0;right:0;}
.jadwalshalat-left-icon1 svg, .jadwalshalat-left-icon2 svg{width:auto;height:45px;margin-top:7px;fill:var(--colorgrey1);}
.jadwalshalat-left-icon2 svg{fill:var(--color2);margin-top:12px;}
.jadwalshalat-right{position:relative;width:30%;text-align:center;border-left:var(--bordergrey1) 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:36px;line-height:35px;position:relative;overflow:hidden;width:100%;border-bottom:var(--bordergrey1) 1px solid}
.scroller p{position:absolute;height:35px;font-size:100%;color:var(--color2);line-height:35px;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:-35px}30%{top:-70px}45%{top:-105px}60%{top:-140px}75%{top:-175px}}
.jadwalshalat-full-title{position:relative;overflow:hidden;width:30%;float:right;height:35px;margin-top:-35px;text-align:center;font-size:95%;}
.panel-heading a{display:block;position:relative;font-weight:500;width:100%}
.panel-heading a::after{content:"";border:solid var(--colorgrey3);border-width:0 2px 2px 0;display:inline-block;padding:4px;margin:0 0 2px 10px;transform:rotate(45deg)}
.panel-heading a[aria-expanded=true]::after{transform:rotate(-135deg);margin:0 0 -4px 10px}
.panelopen{border-top:var(--bordergrey1) 1px solid;padding:10px 15px;}
.shalat-col{position:relative;width:calc(16.66666667% - 8px);margin:4px;text-align:center;}
.shalat-box{background:var(--bggrey2);height:60px;}
.shalat-box span{font-weight:bold;}
.shalat-icon{height:42px;}
.shalat-icon svg{width:auto;height:30px;fill:var(--colorwhite);}
.countdown-box{background:var(--bggrey2);border:var(--bordergrey1) 1px solid;}
.countdown-time{margin:0 5px;}
.countdown-title{margin:0 0 0 15px;text-align:center;}
.countdown-title h2{font-family:"Arial";font-size:120%;font-weight:800;margin:0;line-height:1;padding:0;color:var(--color1);text-transform:uppercase;letter-spacing:-1px;}
.hexagon-wrapper{margin:0 -1px;display:flex;text-align:initial;width:80px;height:80px;}
.hexagon{position:relative;width:46%;height:80%;margin:auto;background:linear-gradient(-180deg,var(--colorwhite),var(--colorgrey5));display:flex;align-content:center;justify-content:center;transition:0.5s;z-index:2;}
.hexagon:before,.hexagon:after{position:absolute;content:"";background:inherit;height:100%;width:100%;border-radius:0;transition:0.5s;transform-origin:center}
.hexagon:before{transform:rotateZ(60deg)}
.hexagon:after{transform:rotateZ(-60deg)}
.hexagon svg{width:auto;height:4vh;z-index:1;}
.hexagon-absolute{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-align:center;}
.hexagon-absolute span{font-weight:bold;}
.hexagon-absolute p{font-size:75%;font-weight:500;margin:0;line-height: 1;padding:0;text-transform:uppercase;}
.triangle-graph1, .triangle-graph2, .triangle-graph3, .triangle-graph4{position:absolute;right:100%;top:-1px;bottom:-1px;overflow:hidden;margin-right:-1px;}
.triangle-graph1 svg, .triangle-graph2 svg, .triangle-graph3 svg, .triangle-graph4 svg{width:auto;height:100%;fill:var(--colorwhite);}
.triangle-graph2 svg{opacity:0.2;}
.triangle-graph3 svg{opacity:0.4;}
.triangle-graph4 svg{fill:var(--colorgrey3);}
.idm-item{position:relative;width:calc(25% - 8px);margin:14px 4px 0;background:var(--bggrey2);text-align:center;border:var(--bordergrey1) 1px solid;padding:5px 5px;}
.idmname{position:relative;padding:0 10px 0;height:60px;background:var(--colordark);}
.idmname p{font-size:95%;margin:0;padding:0;line-height:1.2;font-weight:500;color:var(--colorwhite);}
.idm-line{width:100%;height:30px;background:var(--colordark);margin-bottom:-1px;}
.idm-icon{position:absolute;top:0;left:0;right:0;z-index:1;}
.idm-icon-item{width:50px;height:50px;border-radius:50px;margin-top:-15px;border:var(--bordergrey2) 3px solid;}
.idm-icon-item svg{width:26px;height:26px;fill:var(--colorwhite);}
.idm-data{margin:0 5px;height:70px;}
.idm-data h3{font-size:120%;font-weight:bold;margin:0;line-height:1.1;padding:0;}
.idm-heading{text-align:center;width:100%;margin:0 0 30px;}
.idm-heading h1, .idm-heading h2{font-size:160%;font-weight:bold;margin:0 5px;line-height:1.1;padding:0;}
.idm-heading p{font-size:95%;font-weight:bold;margin:0 5px;line-height:1.1;padding:0;}
.idm-heading h2{margin:5px 0 0;text-transform:uppercase;}
.idm-table{width:calc(50% - 8px);margin:4px;}
.tablesmall td, .tablesmall th{font-size:90%;}
.tablesmall td{vertical-align:top;}
.toplink{height:4vh;padding:0 10px;margin:0 0 0 5px;line-height:1.1;font-size:80%;color:var(--colorwhite);border-radius:4vh;opacity:0.7;}
.forhidden .toplink{margin:0 5px 0 5px;}
.toplink:hover{opacity:1;}
.caret{margin-left:5px;opacity:.6;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.caret2{position:absolute;opacity:.4;right:10px;top:14px;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent;}
.carouselcustom .caret{opacity:0.2;margin:0 0 0 5px;}
.leftmenu-inner .caret{opacity:0.2;margin:7px 0 0 5px;}
.bannerevent-box{position:relative;overflow:hidden;background: var(--color2);border:var(--bordergrey1) 1px solid;padding:25px 10px;}
.bannerlogo{position:relative;width:100%;float:left;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(--colorwhite);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:#000;}
.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;}
.changecolor-box{position:relative;width:calc(33.33333333% - 8px);margin:4px 4px;text-align:center;}
.changecolor-item{width:100%;height:30px;margin:0 0 3px;border-radius:3px;}
.changecolor-item p{font-size:11px;font-weight:500;margin:0;line-height:1;padding:0;text-transform:uppercase;color:var(--colorwhite);}
.sdgs-item{position:relative;width:calc(33.33333333% - 8px);margin:8px 4px 0;padding:10px;text-align:center;background:var(--bggrey2);border-radius:5px;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.4);}
.sdgs-item-icon{width:35%;float:left;}
.sdgs-item-icon img{width:100%;height:auto;}
.sdgs-item-title{width:65%;float:left;text-align:center;}
.sdgs-item-title p, .sdgs-item-title h2{font-size:100%;margin:5px 0;line-height:1.2;padding:0;}
.sdgs-item-title h2{font-size:140%;font-weight:bold;}
.o-main{float:left}
.c-rocket{width:auto;transform:rotate(-45deg);position:absolute;bottom:0;left:35px;width:120px;animation:moverocket 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s}
.asap1{width:180px;height:auto;position:absolute;bottom:-5px;left:0;animation:asap1 8s ease;animation-iteration-count:infinite;animation-timing-function:linear 8s}
.asap2{width:180px;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%}
.c-rocket__flame{transform-origin:20% 20%}
@-webkit-keyframes fe30-anime{0%{opacity:0}100%{opacity:1}}@keyframes fe30-anime{0%{opacity:0}100%{opacity:1}}@keyframes moverocket{0%{bottom:0}10%{bottom:5%}100%{bottom:100%}}@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 asap2{0%{opacity:0}70%{opacity:.7}100%{opacity:0;Transform:scale(.3)}}
.printonly{display:none;}
#regpusako{display:none;}
.regpusako-main{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;background-repeat:no-repeat;background-position:center;background-size:cover;}
.regpusako-cover{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.regpusako-cover 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);}
.regpusako-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,0.6);text-align:center;padding:0 33%;}
.regpusako-title img{width:auto;height:15vh;margin:0 0 10px;}
.regpusako-title h1{font-family: 'ManifoldCF-Medium';font-size:180%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;color:#fff;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.regpusako-title h2{font-size:100%;margin:0 0;padding:0;line-height:1.2;font-weight:500;color:#fff;}
.regpusako-box h3{font-size:100%;margin:0 0;padding:0;line-height:1.2;font-weight:500;color:#ffc000;}
.regpusako-box{position:relative;overflow:hidden;padding:25px;border-radius:10px;border:#919191 1px solid;background:rgba(0,0,0,0.3);}
.regpusako-info{position:relative;overflow:hidden;padding:15px;border-radius:5px;margin:10vh 0 0;background:rgba(0,0,0,0.5);}
.regpusako-kontak{margin:15px 0 0;}
.regpusako-kontak svg{width:auto;height:28px;margin:0 5px 0 0;padding:5px;border-radius:4px;background:#25c216;fill:#fff;}
.regpusako-kontak-inner p{font-size:100%;margin:0 0;padding:0;line-height:1.2;font-weight:500;color:#3dff00;}
.flip-cover{position:absolute;left:0;top:0;right:0;bottom:0;background:transparent;margin:5px;opacity:0;z-index:3;color:var(--colorgrey2);padding:10px 20px;}
.thearticle:hover .flip-cover{-webkit-animation: flip-horizontal-bottom 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;animation: flip-horizontal-bottom 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;opacity:1;background: var(--colordark);background: -moz-linear-gradient(0deg, var(--colordark) 60%, var(--colordark) 70%, rgba(0,0,0,0.2) 100%);background: -webkit-linear-gradient(0deg, var(--colordark) 60%, var(--colordark) 70%, rgba(0,0,0,0.2) 100%);
background: linear-gradient(0deg, var(--colordark) 60%, var(--colordark) 70%, rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--colordark)",endColorstr="rgba(0,0,0,0.2)",GradientType=1);}
.thearticle:hover .artikel-title{opacity:0;}
.thearticle:hover .meta-front{height:0;overflow:hidden;}
.thearticle .padding-all-5{position:relative;z-index:2;}
.thearticle:hover .imagecrop-artikel{height:25vh;z-index:2;}
.thearticle.triple-column:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:var(--colorwhite);z-index:1;margin:5px;}
.thearticle:hover.triple-column:after{background:var(--colordark);}
.thearticle:hover .meta-front{height:0;font-size:0;border:none;}
.thearticle:hover .artikel-title{color:transparent !important;fill:transparent !important;background:transparent !important;}
.flip-cover:hover .link-box-image{height:40px !important;width:40px !important;}
.smallthumb{margin:0 0 10px;}
.support img{width:auto;height:20px;margin:0 10px;}
@-webkit-keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}
@keyframes flip-horizontal-bottom{0%{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}
.bg-anim{position:absolute;left:0;top:0;bottom:0;width:30%;z-index:22;overflow:hidden;}
.bgcircle{position: absolute;border-radius: 50%;animation: ripple 15s infinite;}
.small{width: 10vw;height: 10vw;left: -5vw;bottom: -5vw;background: var(--bgwhite);}
.medium{width: 16vw;height: 16vw;left: -8vw;bottom: -8vw;background: var(--bgwhite-trans3);border:var(--borderwhite-trans) 1px solid;}
.large{width: 24vw;height: 24vw;left: -12vw;bottom: -12vw;background:var(--bgwhite);}
.xlarge{width: 34vw;height: 34vw;left: -17vw;bottom: -17vw;background: var(--bgwhite);}
.xxlarge{width: 50vw;height: 50vw;left: -25vw;bottom: -25vw;background: var(--bgwhite);
background: -moz-radial-gradient(circle, var(--bgwhite) 0%, transparent 80%);
background: -webkit-radial-gradient(circle, var(--bgwhite)) 0%, transparent 70%);
background: radial-gradient(circle, var(--bgwhite) 0%, transparent 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgwhite)",endColorstr="transparent",GradientType=1);}
.shade1{opacity:.6}.shade2{opacity:.05}.shade3{opacity:.1}.shade4{opacity:1}.shade5{opacity:1}
@keyframes ripple{0%{transform:scale(.8)}50%{transform:scale(1.2)}100%{transform:scale(.8)}}
#loadingpusako {position:fixed;width:100%;left:0;top:0;bottom:0;z-index: 9999999999;background:var(--gradvert2);text-align:center;}

.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(--colorgrey2);}
@keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}
@keyframes load{0%{opacity:.08;filter:blur(5px);letter-spacing:3px}}
.animate{display:flex;justify-content:center;align-items:center;height:100%;margin:auto;font-family:Arial,Helvetica,sans-serif;font-weight:800;color:#fff;animation:load 1.2s infinite 0s ease-in-out;animation-direction:alternate;text-shadow:0 0 1px #000;text-transform:uppercase;font-size:250%}
#masihloading{position:fixed;bottom:0;left:20px;text-align:center;z-index:9999999999;}
.loadercartoon{position:absolute;left:0;bottom:0;}
.loadercartoon-title{position:absolute;left:-10px;top:0;background:#616161;padding:10px 25px 30px 12px;border-radius:5px;font-size:14px;margin:0;line-height:1;color:#fff;text-align:left;animation:tada 1s linear infinite}
.loadercartoon-title:after{content:"";position:absolute;left:15px;bottom:-14px;border-right:#616161 15px solid;border-bottom:transparent 15px solid;}
.loadercartoon img{position:relative;z-index:2;width:auto;height:90px;margin:45px 0 0;}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

.loader-grid{display: flex;flex-flow: row wrap;justify-content: space-between center;}

.absensi{margin:5px 0 0;}
.absensi svg{width:auto;height:14px;margin:0 5px 0 0;}
.absensi p{font-size:80%;margin:0;padding:0;line-height:1.1;color:var(--colorgrey1);}
.hadir{fill:#a7fb45;}
.tdkhadir{fill:#ff7800;}
.widget-m{margin:0 0;}

.bgload{position:absolute;left:0;top:0;height: 50vh;width:100%;border-bottom:var(--colorgrey1) 2px solid;}
.loading-pusako{position:absolute;width: 40%;height: 70vh;top: 50%;left: 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);overflow:hidden;background:rgba(0,0,0,0.4);border-radius:10px;border:var(--colorgrey1) 2px solid;-o-animation: open 0.4s linear forwards, squeeze 2s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, squeeze 2s linear 0.5s forwards;-webkit-animation: open 0.4s linear forwards, squeeze 2s linear 0.5s forwards;-moz-animation: open 0.4s linear forwards, squeeze 2s linear 0.5s forwards;-ms-animation: open 0.4s linear forwards, squeeze 2s linear 0.5s forwards;animation: open 0.4s linear forwards, squeeze 2s linear 0.5s forwards;}
.bgload-center{position:relative;z-index:3;}
.bgload-center img{width:auto;height:12vh;margin:0 0 10px;}
.bgload-center h2, .bgload-center h1{font-size:120%;margin:0 0;padding:0;line-height:1.2;font-weight:bold;color:#fff;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(0,0,0,0.5), 1px -1px 0 rgba(0,0,0,0.5), -1px 1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.5);}
.loading-text{position:absolute;left:0;bottom:0;width:100%;height:20vh;margin:0;padding:0;line-height:1;font-size:160%;letter-spacing:-0.5px;}
.lembaga-inner{position:relative;overflow:hidden;margin:5px;}

@-webkit-keyframes squeeze{
0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes squeeze{
0%{opacity:1;}
100%{opacity:0;}
}
@keyframes squeeze{
0%{opacity:1;}
100%{opacity:0;}
}
@-ms-keyframes squeeze{
0%{opacity:1;}
100%{opacity:0;}
}
@-o-keyframes squeeze{
0%{opacity:1;}
100%{opacity:0;}
}