#feed{ /*display: none;*/ }
html {margin: 0;padding: 0;}
body{background-color:#fff; color:#313131; overflow-x:hidden !important;font-size:16px !important;margin: 0;padding: 0;font-family: 'Roboto-Regular';}
h5{font-size:100% !important;margin:10px 0;padding:0;line-height:1.1;}
ul{padding:0; margin:0; list-style:none}
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;}
.bgpage{background:#e0e0e0;}
.relative{position:relative !important;}
.relative-hid{position:relative !important;overflow:hidden;width:100%;}
.relative-hid2{position:relative !important;overflow:hidden;}
.static{position:static !important;}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.stick-fixed{position: fixed !important;top: 0;left: 0;}
.article-single .stick-fixed{position: relative !important;top: 0;left: 0;}
.transition-height{-webkit-transition:height .17s cubic-bezier(0,0,.58,1);-moz-transition:height .17s cubic-bezier(0,0,.58,1);-o-transition:height .17s cubic-bezier(0,0,.58,1);-ms-transition:height .17s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.main-nav{position:relative;top:auto;z-index:999 !important;overflow:hidden;}
.box-container{padding:0;position:relative;overflow:hidden;}
.with-border2{border:1px solid;border-radius:5px;padding:20px;}
.container-page{margin-left:5% !important;margin-right:5% !important;}
.limit-footer{margin-left:5% !important;margin-right:5% !important;}
.body-absolute{position:absolute;top:0;left:0;right:0;}
.withscroll, .widgetscroll, .withscrollbig {width:100%;float:left;overflow-y: scroll;scrollbar-width: thin;height:100%;}
.withscroll::-webkit-scrollbar, .widgetscroll::-webkit-scrollbar {width: 7px;}
.withscroll{scrollbar-width: thin;}
.withscroll {scrollbar-width: thin;}
.withscrollbig::-webkit-scrollbar{width: 10px;}
.withscrollbig{scrollbar-width: thin;}
.withscroll::-webkit-scrollbar-track, .widgetscroll::-webkit-scrollbar-track, .withscrollbig::-webkit-scrollbar-track {background:transparent;}
.menu-left-container .withscroll::-webkit-scrollbar-thumb{background:#919191;}
.bottom-gradient{position:absolute;left:0;top:0;right:0;bottom:0;background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent 40%, transparent 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent 40%, transparent 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, transparent) 40%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="transparent",GradientType=1);}
.gradient-white-bottom{position:absolute;bottom:0;left:0;right:0;height:30px;background: #fff;background: -moz-linear-gradient(0deg, #fff 0%, transparent 100%);background: -webkit-linear-gradient(0deg, #fff 0%, transparent 100%);background: linear-gradient(0deg, #fff 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="transparent",GradientType=1);}
.gradient-grey-bottom{position:absolute;bottom:0;left:0;right:0;height:100%;}
.headline-hover{transition: all 1s linear 2s;-webkit-transition: all 1 linear 2s;-moz-transition: all 1s linear 0s;-o-transition: all 1s linear 2s;}
.gridview{position:relative;padding:0 0;margin:0 0;display: grid;grid-template-columns:30% auto;}
.sidebarright {grid-template-columns: 70% auto;float:left !important;margin:0 auto 0 0;}
.sidebarright ul {list-style: none;margin:0 0 0 0;padding: 0;position:relative;overflow:hidden;}
.sidebarright ul {position: sticky !important;top:70px;}
.gallerystyle .gridview{display: grid;grid-template-columns:30% auto;}
.gallerystyle .sidebarright {grid-template-columns: 70% auto;float:left !important;margin:0 auto 0 0;}
.tombol{display:inline-block;outline:none;padding:0 10px;margin:0;box-shadow:none;color:#fff;font-weight:normal;cursor:pointer;border-radius:5px;border:none;line-height:1.1;height:40px;}
.tombol img{width:auto;height:26px;margin:0 5px 0 0;}
.lampiran .tombol{height:44px;display:flex;}
.tombol:hover{color:#fff;}
.tombol-small{margin:5px 3px;padding:7px 10px;outline:none;border:none;box-shadow:none;border-radius:4px;cursor:pointer;}
.tombol p, .tombol-small p{font-size:90%;margin:0;padding:0;float:right;line-height:1.1;font-weight:normal;color:#fff;}
.tombol-small img{float:left;margin:0 5px 0 0;width:auto;height:16px;}
.tombol-medium{margin:5px 3px;padding:5px 10px;outline:none;border:none;box-shadow:none;border-radius:4px;cursor:pointer;}
.lapakplus .tombol-medium{margin:0 5px;padding:0;border-radius:0;cursor:pointer;}
.tombol-medium p{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:normal;float:right;color:#dbdbdb;}
.tombol-medium img{float:left;margin:0 5px 0 0;width:auto;height:25px;}
.tombol-kotak{width:40px;height:40px;border-radius:5px;border:none;outline:none;box-shadow:none;}
.tombol-kotak svg{width:auto;height:40%;fill:#fff;}
.lapakplus .tombol-medium img{float:none;margin:0;height:30px;}
.statisstyle .box-body {margin:0 1rem;}
.statisstyle .box-header{text-align:center;}
.statisstyle .box-header h3{font-size:160%;margin:10px 1rem 20px;font-weight:bold;line-height: 1.2;padding:0;text-transform:uppercase;}
.statisstyle .box-body {margin:0 1rem;}
table, .statisstyle table{width:100% !important;}
.info td{padding:5px !important;}
.info table{width:100% !important;}
.petastyle .btn-social.btn-sm {text-align:center;padding: 5px 10px !important;}
.petastyle .box-body{margin:0 !important;}
.petastyle .btn{display:block !important;width:100%;}
.petastyle .modal-body .btn{display:inline-block !important;width:auto;}
.modal-dialog{width:100% !important;margin:0 auto 0 !Important;padding:70px 10%;}
.modal-dialog {overflow-y: scroll;scrollbar-color:transparent transparent;scrollbar-width: thin;}
.modal-dialog::-webkit-scrollbar {width: 12px;}
.modal-dialog::-webkit-scrollbar-track {background:transparent;}
.modal-header {position:relative;min-height:1.2;padding: 15px;border:none;border-bottom:1px solid;}
.modal-header .close {border-radius:4px;margin:0 0 0 auto;margin-top: -5px;width:30px;height:30px;float:right;color:transparent;background:#919191;opacity:1;line-height:30px;}
.modal-title{font-size:110%;font-weight:bold;color:#000;padding:0;margin:0 40px 0 0;line-height:1.2;}
.modal-dialog{margin:0 auto 0 !important;background:rgba(0,0,0,0.7);padding:0 10%;}
.petastyle .modal-dialog{padding:70px 20%;background:rgba(0,0,0,0.7);}
.lapakplusstyle .modal-dialog{padding:0 20%;}
.arsip{color:#fff;font-weight:bold;margin:10px 0 0;padding:10px 20px;border-radius:5px;font-size:100%;cursor:pointer;}
.runningpage{width:100%;position:relative;margin:0;height:36px;border-radius:4px;overflow:hidden;z-index:1;border:1px solid;}
.runningpage-info{position:absolute;left:0;top:0;height:36px;color:#fff;z-index:2;padding:0 15px;font-size:100%;line-height:1;}
.runningpage-info:after{content:"";top:0;position:absolute;right:-15px;border-top:transparent 18px solid;border-bottom:transparent 18px solid;}
.runningpage-info img{width:auto;height:20px;margin:0 5px 0 0;}
.runningpage marquee{color:#212121;}
.relative-row{position:relative;overflow:hidden;}
.absolute-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px;}
.absolute-top{position:absolute;top:10px;left:20px;right:20px;text-align:left;}
.head-line .absolute-top{top:25px;left:25px;}
.absolute-top img, .absolute-top svg{width:40%;margin:0;height:auto;display:block;z-index:2;fill:#fff;stroke:#000;}
.head-line .absolute-top svg{fill:#ffc000;stroke:#000;}
.headline-single .absolute-top img{width:auto;margin:0;height:25px;display:block;z-index:2;}
.single-link{position:relative;overflow:hidden;padding:0 0 0 20px;font-size:100%;margin:0 0 10px;line-height:1.2;font-weight:bold;}
.single-link:after{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:10px;}
.subsingle-link{position:relative;overflow:hidden;padding:0;font-size:100%;margin:0 0 10px 20px;line-height:1.2;font-weight:bold;font-style:italic;}
.sliderstyle{position:relative;}
.sliderstyle-top{position:absolute;top:0;left:0;width:100%;height:80%;}
.tooltip{z-index:1;font-size: 14px;opacity:1 !important;}
.tooltip-inner {padding: 7px 12px;background-color: #fff;border-radius: 3px;opacity:1 !important;}
.tooltip.bottom .tooltip-arrow {top: 0px;border-bottom-color: #fff;}
.tooltip.bottom .tooltip-inner{position:relative;background-color: #717171;color:#dbdbdb !important;padding: 10px 15px;}
.tooltip.left .tooltip-arrow, .tooltip.bottom .tooltip-arrow{border:none;}
.tooltip.left .tooltip-inner:after{content:"";width:10px;height:10px;border-radius:10px;position:absolute;top:50%;margin-top:-5px;background:#bdbdbd;right:-5px;}
.tooltip.bottom .tooltip-inner:after{content:"";width:10px;height:10px;border-radius:10px;position:absolute;top:-5px;margin-left:-5px;background:#bdbdbd;left:50%;}
.welcome{width:100%;position:relative;overflow:hidden;text-align:center;padding:20px 0;}
.welcome h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:normal;}
.welcome h2{font-size:150%;margin:5px 0;padding:0;line-height:1.1;font-weight:bold;}
.mtb-20{margin-top:20px;margin-bottom:20px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.ptb-5{padding-top:5px;padding-bottom:5px;}
.ptb-10{padding-top:10px;padding-bottom:10px;}
.ptb-15{padding-top:15px;padding-bottom:15px;}
.ptb-20{padding-top:20px;padding-bottom:20px;}
.ptb-30{padding-top:30px;padding-bottom:30px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-30{margin-left:30px;margin-right:30px;}
.m-40{margin:40px;}
.m-20{margin:20px;}
.p-15{padding:15px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-5{padding:5px;}
.mt-mb-5{margin-top:5px;margin-bottom:5px;}
.mt-mb-10{margin-top:10px;margin-bottom:10px;}
.mb-5{margin-bottom:5px;}
.mb-15{margin-bottom:15px;}
.mt-15{margin-top:15px;}
.mb-20{margin-bottom:20px;}
.mb-10{margin-bottom:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.p-tb-10{padding-top:10px;padding-bottom:10px;}
.p-tb-40{padding-top:40px;padding-bottom:40px;}
.p-tb-20{padding-top:20px;padding-bottom:20px;}
.p-tb-30{padding-top:30px;padding-bottom:30px;}
.p-tb-60{padding:60px 0;}
.m-b-60{margin:0 0 60px;}
.m-b-40{margin-bottom:40px;}
.pd-lr-15{padding:0 15px;}
.margin-min7{margin:0 -7px;}
.pd-lr-7{padding:0 7px;}
.margin-min3{margin:0 -3px;}
.pd-lr-3{padding:0 3px;}
.margin-min15{margin:0 -10px;}
.margin-min5{margin:0 -5px;}
.pd-lr-5{padding-left:5px;padding-right:5px;}
.margin-min10{margin:0 -10px;}
.pd-lr-10{padding:0 10px;}
.margin-min20{margin:0 -20px;}
.pd-lr-20{padding-left:20px;padding-right:20px;}
.column-2{width:50%;float:left;}
.column-perangkat{width:40%;float:left;}
.column-30{width:30%;float:left;}
.column-30b{width:30%;float:left;}
.column-4{width:25%;float:left;}
.column-4b{width:25%;float:left;}
.column-3{width:33.33333333%;float:left;}
.column-3center{width:calc(33.33333333% - 4px);display:inline-block;}
.column-3b{width:33.33333333%;float:left;}
.mr-30{margin-right:30px;}
.mb-30{margin-bottom:30px !important;}
.column-5{width:20%;float:left;margin:10px 0;}
.column-6{width: 16.66666667%;float: left;}
.leftpanel{height:0;position: fixed;top: 0;left: 0;right:0;overflow: hidden;background:transparent;z-index:999;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition: 0.5s;}
.leftpanel-inner{position:absolute;top:0;bottom:0;left:0;right:75%;}
.close-area{position:absolute;top:0;padding:0;line-height:1.1;margin:0;}
.articlehome .close-area{margin:0;right:20px;top:90px;}
.leftpanel .close-area{left:25%;height:130px;}
.latest .close-area{z-index:100;left:auto;right:10px;top:70px;}
.close-button {width:40px;height:40px;position:relative;cursor:pointer;border-radius:5px;}
.articlehome .close-button {width:30px;height:30px;border-radius:4px;}
.latest .close-button {width:30px;height:30px;}
.close-button:before, .close-button:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:50%;top:25%;background:#fff;}
.close-button:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.close-button:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.leftpanel .close-button{border-radius:0 5px 5px 0;}
.rightpanel .close-area{position:absolute;right:30%;top:0;bottom:0;}
.rightpanel .close-button {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:5px 0 0 5px;}
.rightpanel .close-button:before, .rightpanel .close-button:after{background:#000;}
.rightpanel{height:0;position: fixed;top: 0;left: 0;right:0;overflow: hidden;background:transparent;z-index:99999;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition: 0.5s;}
.rightpanel-container{position:absolute;top:0;right:0;bottom:0;left:70%;}
#aparatur .rightpanel-container{padding:60px 20px 20px;}
.panel-cover{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.8;}
.righthead-panel .close-area{right:10px;left:auto;top:10px;}
.righthead-panel .close-button {width:30px;height:30px;}
.panel-small{height:0;position: absolute;top: 0;left: 75%;right:0;overflow: hidden;background:transparent;z-index:99 !important;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition: 0.5s;}
.panel-small-inner{position: absolute;width:100%;height:100%;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);}
.panel-small-box{position: absolute;top:80px;left:0;right:0;bottom:0;overflow: hidden;border-radius:0 0 5px 0;padding:15px;}
.righthead-panel{width:0;position: absolute;top: 50px;right:0;overflow: hidden;transition: 0.5s;z-index:99;}
.righthead-panel-column{position:relative;overflow:hidden;border:1px solid;padding:15px;width:35%;float:right;margin:0 0 0 auto;}
.righthead-panel h1{font-size:120%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;text-transform:uppercase;}
.fullpanel{height:0;position: fixed;top: 0;left: 0;right:0;overflow: hidden;background:transparent;z-index:99999;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition: 0.5s;}
.headertop{width:100%;position:fixed;top:0;left:0;height:50px;z-index:1000;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.flexleft{display: flex;justify-content: left;align-items: center;}
.flexright{display: flex;justify-content:right;align-items: center;}
.headertop-logo{height:50px;margin:0 0 0 0;padding:0 10px;position:absolute;top:0;left:50px;width:auto;background:rgba(255,255,255,0.2);border-right:#fff 1px solid;}
.headertop-logo img{float:left;height:34px;margin:0 10px 0 0;}
.headertop-logo h1{font-size:85%;float:left;margin:0;padding:0;line-height:1.1;font-weight:500;color:#000;}
.menu-left{float:left;width:50px;height:50px;cursor:pointer;padding:0;}
.menu-left-inner{height:20px;padding:0;}
.menu-left-inner img{width:auto;height:20px;margin:0;padding:0;}
.righttop{position:absolute;top:0;right:20px;left:auto;height:50px;}
.righttop-item{width:auto;height:50px;cursor:pointer;margin-left:10px;padding:0;float:left;}
.righttop-item img{width:auto;height:26px;margin:0 0 0 0;opacity:0.7;}
.righttop-item:hover img{opacity:1;}
.righttop-item p{font-size:95%;margin: 0 0;padding:0;line-height:1;font-weight:500;color:#313131;}
.righttop-item-link{width:auto;height:30px;cursor:pointer;margin:0 5px;padding:0 10px;height:26px;border-radius:26px;opacity:0.4;}
.righttop-item-link:hover{opacity:1;}
.righttop-item-link p{color:#fff;font-size:85%;}
.mobile-menu a{color:#000;margin:0;padding:0;font-weight:bold;}
.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:100%;margin:0;padding:7px 0;line-height:1.2;list-style:none;color:#000;}
.mobile-menu li.active, .mobile-menu li:focus{color:#000;}
.mobile-menu p{position:relative;font-size:110% !important;margin:0;padding:7px 0 7px 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{font-size:100%;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{position:relative;float:none;background:transparent !important;padding:10px 0 !important;border-radius:0 !important;border:none;box-shadow:none !important;}
.mobile-menu-box{width:33.33333333%;float:left;text-align:center;height:60px;}
.logo-menu{position:absolute;top:0;left:0;right:0;padding:0 15px;height:130px;}
.logo-menu h1{font-size:90%;color:#fff;margin:0 0 5px;padding:0;line-height:1;font-weight:500;text-transform:uppercase;}
.logo-menu h2{font-size:85%;color:#dbdbdb;margin:5px 0 0;padding:0;line-height:1.1;font-weight:500;}
.logo-menu-image{width:20% !important;min-width:20% !important;margin:0 10px 0 0;}
.logo-menu-image img{width:100% !important;min-width:100% !important;height:auto;}
.menu-left-container{position:absolute;top:130px;left:0;right:0;bottom:0;margin-top:60px;}
.menu-icon{position:absolute;top:130px;left:0;right:0;padding:0 15px;}
.menu-icon img{width:auto;height:30px;margin:0 5px 0 0;}
.menu-icon h3{text-align:left;font-size:12px;color:#dbdbdb;margin:0;padding:0;line-height:1.1;font-weight:500;}
.mainheader{position:relative;padding:0 0;}
.mainheader-cover-color{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.mainheader-cover-image1{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;}
.mainheader-cover-image2{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;}
.mainheader-cover-gradient{position:absolute;top:0;left:0;right:2%;bottom:0;}
.mainheader-inner{position:relative;overflow:hidden;padding:50px 0 55px;}
.mainheader-inner2{position:relative;overflow:hidden;padding:50px 0;}
.logo{float:left;margin:0 auto 0 0 !important;width:60%;position:relative;z-index:10;}
.logo-image{float:left;width:auto;height:14vh;margin:0 10px 0 0;}
.logo-image img{float:left;width:auto;height:100%;display:block;}
.logo h1{font-family: 'ManifoldCF-Medium';font-size:220%;margin:0 0;padding:0;line-height:1.1;font-weight:bold;color:#fff;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.logo h2{font-size:100%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:normal;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.1), 1px -1px 0 rgba(0,0,0,0.1), -1px 1px 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(0,0,0,0.1);}
.header-right{position:absolute;top:0;right:0;float:right;margin:0 0 0 auto;height:100%;text-align:right;}
.header-right h2{font-family: 'ManifoldCF-Medium';font-weight: bold;text-align: right;font-size: 300%;text-transform: uppercase;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-size: 80%;animation: shine 5s linear infinite;position: relative;}
@keyframes shine {
0% {background-position-x: -500%;}
100% {background-position-x: 500%;}
}
.mainmenu{width:100%;position:relative;z-index:899;margin-top:-55px;}
.mainmenu-inner{position:relative;margin:0 0 0;}
.mainmenu:before{content:"";position:absolute;left:0;top:0;height:55px;width:5% !important;z-index:100 !important;}
.mainmenu:after{content:"";position:absolute;right:0;top:0;height:55px;width:5% !important;z-index:100 !important;}
.icon-header{font-size:100%;padding:10px 15px;border-radius:5px;margin:0 0 0 10px;line-height:1.1;color:#fff;}
.carouselcustom {background:transparent;}
.forwidget .carouselcustom {margin:0 0;position:relative;overflow:hidden;}
.mainmenu .carouselcustom{margin-left:70px;width:calc(100% - 70px);}
.carouselcustom-item {width: 100%;counter-increment: gallery-cell;}
.mainmenu .carouselcustom-item {width:auto;margin:0 5px;height:55px;}
.mainmenu .carouselcustom-item:last-child{padding-right:90px;}
.box-article .carouselcustom-item{background:transparent;}
.article .carouselcustom-item {width: 33.33333333%;}
.forwidget .carouselcustom-item {width:33.33333333% !important;cursor:default !important;}
.aparatur .carouselcustom-item {width: 20%;}
.fotohome .carouselcustom-item {width: 50%;}
.lapakplus .carouselcustom-item {width: 33.33333333%;}
.statistik .carouselcustom-item {width: 100%;}
.videostyle .carouselcustom-item {width: 33.33333333%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport {position: relative;height: 100%;}
.sliderstyle .flickity-viewport, .article .flickity-viewport, .statistik .flickity-viewport, .videostyle .flickity-viewport, .galeristyle .flickity-viewport, .fotohome .flickity-viewport, .aparatur .flickity-viewport, .box-article .flickity-viewport, .lapakplusstyle .flickity-viewport, .forwidget .flickity-viewport{position: relative;height: 100%;overflow:hidden;}
.aparatur .carouselcustom-item{padding:20px 0;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;top:0;width: 30px;height: 30px;border:none;background-color:transparent;background-size: 50% auto;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;}
.lapakplus .flickity-prev-next-button, .articlehome .flickity-prev-next-button{display:none;}
.box-article .flickity-prev-next-button{top:5px;background-size: 30% auto;background-color:rgba(0,0,0,0.6);}
.aparatur .carouselcustom-item.is-selected {margin-top:-20px;}
.aparatur .carouselcustom-item h2{opacity:0.4;}
.aparatur .carouselcustom-item.is-selected h2{opacity:1;}
.aparatur .carouselcustom-item h3{display:none;}
.aparatur .carouselcustom-item.is-selected h3{display:block;}
.aparatur .carouselcustom-item.is-selected .aparatur-cover{display:none;}
.flickity-prev-next-button.previous {left:10px;background-position: center;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z'/%3E%3C/svg%3E" );}
.flickity-prev-next-button.next { right: 10px;background-position: center;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E" );}
.box-article .flickity-prev-next-button.next{left:5px;}
.box-article .flickity-prev-next-button.previous {left:auto;right:35px;}
.box-article .flickity-prev-next-button.previous:after{content:"Gambar lainnya";position:absolute;right:30px;top:0;height:30px;width:100px;font-size:12px;display: flex;justify-content:right;align-items: center;line-height:1.1;padding:0 5px 0 10px;color:#fff;background-color:rgba(0,0,0,0.6);}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.article .flickity-prev-next-button{top:-55px;width: 20px;height: 50px;border-radius:0;background-color:transparent;background-size: 100% auto;opacity:0.7;}
.article .flickity-prev-next-button.previous{left:90px;right:auto;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath fill='%23ffffff' d='M84,44H21.656l21.456-21.456c1.562-1.562,1.562-4.095,0.001-5.657c-1.562-1.562-4.096-1.562-5.658,0L9.172,45.171l0,0 c-0.186,0.186-0.352,0.391-0.498,0.61c-0.067,0.101-0.114,0.21-0.171,0.315c-0.067,0.124-0.142,0.242-0.196,0.373 c-0.056,0.135-0.088,0.276-0.129,0.416c-0.032,0.111-0.075,0.217-0.098,0.331C8.028,47.475,8,47.737,8,48l0,0 c0,0.003,0.001,0.005,0.001,0.008c0,0.259,0.027,0.519,0.078,0.774c0.024,0.121,0.069,0.232,0.104,0.349 c0.039,0.133,0.07,0.268,0.123,0.397c0.058,0.139,0.136,0.265,0.208,0.396c0.054,0.098,0.096,0.198,0.159,0.292 c0.147,0.221,0.314,0.427,0.501,0.614l28.282,28.281c1.562,1.562,4.095,1.562,5.657,0.001c1.562-1.562,1.562-4.096,0-5.658 L21.657,52H84c2.209,0,4-1.791,4-4S86.209,44,84,44z'/%3E%3C/svg%3E" );}
.article .flickity-prev-next-button.next{ left:110px;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath fill='%23ffffff' d='M12,52h62.344L52.888,73.456c-1.562,1.562-1.562,4.095-0.001,5.656c1.562,1.562,4.096,1.562,5.658,0l28.283-28.284l0,0 c0.186-0.186,0.352-0.391,0.498-0.609c0.067-0.101,0.114-0.21,0.172-0.315c0.066-0.124,0.142-0.242,0.195-0.373 c0.057-0.135,0.089-0.275,0.129-0.415c0.033-0.111,0.076-0.217,0.099-0.331C87.973,48.525,88,48.263,88,48l0,0 c0-0.003-0.001-0.006-0.001-0.009c-0.001-0.259-0.027-0.519-0.078-0.774c-0.024-0.12-0.069-0.231-0.104-0.349 c-0.039-0.133-0.069-0.268-0.123-0.397c-0.058-0.139-0.136-0.265-0.208-0.396c-0.054-0.098-0.097-0.198-0.159-0.292 c-0.146-0.221-0.314-0.427-0.501-0.614L58.544,16.888c-1.562-1.562-4.095-1.562-5.657-0.001c-1.562,1.562-1.562,4.095,0,5.658 L74.343,44L12,44c-2.209,0-4,1.791-4,4C8,50.209,9.791,52,12,52z'/%3E%3C/svg%3E" );}
.article .flickity-prev-next-button.previous:hover, .article .flickity-prev-next-button.next:hover{opacity:1;}
.sliderstyle .flickity-prev-next-button, .fotohome .flickity-prev-next-button, .aparatur .flickity-prev-next-button, .forwidget .flickity-prev-next-button{width: 30px;height: 30px;border:none;border-radius:3px;background-color:rgba(0,0,0,0.5);background-size: 50% auto;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);display:none;}
.sliderstyle:hover .flickity-prev-next-button, .fotohome:hover .flickity-prev-next-button, .aparatur:hover .flickity-prev-next-button{display:block;}
.mainmenu .flickity-prev-next-button{position: absolute;top:0;width: 10px;height: 55px;border:none;background-color:transparent;background-size: 10px auto;background-position:right;}
.mainmenu .flickity-prev-next-button.previous{left:auto !important;right:25px;z-index:10;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.mainmenu .flickity-prev-next-button.next{ right: 0;z-index:10;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.mainmenu .carouselcustom:before{content:"";position:absolute;right:0;top:0;height:55px;width:120px;border-radius:0;z-index:9;}
.article-single .flickity-prev-next-button.previous{left:auto;right:35px;}
.article-single .flickity-prev-next-button.next{left:auto;right:5px;}
.forwidget .flickity-prev-next-button{height:60px;width:30px;display:block;background-size: auto 30%;background-color:#fff;border:#bdbdbd 1px solid;border-radius:4px;}
.forwidget .flickity-prev-next-button.previous{right:auto;left:0;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23515151'%2F%3E%3C%2Fsvg%3E");z-index:9;}
.forwidget .flickity-prev-next-button.next{right:0;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23515151'%2F%3E%3C%2Fsvg%3E");}
.image-slider, .image-article, .image-aparatur, .image-fotohome, .image-height-default, .image-height-category, .image-lapak, .image-headline, .image-article-page, .image-no-image, .image-foto-page, .album-head-pemb, .image-lapakplus, .image-pemerintah, .image-top, .image-pimpinan{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.small-foto{position: relative;overflow:hidden;width:100px;height:60px;}
.image-slider{height:80vh;border-radius:5px;}
.flex-slide .image-slider{height:65vh;border-radius:5px 0 0 5px;}
.image-article{height:25vh;border-radius:5px 5px 0 0;}
.image-aparatur{height:250px;}
.image-fotohome{height:33vh;border-radius:5px;}
.image-height-default{padding-bottom:60%;}
.image-lapak{padding-bottom:60%;border-radius:5px 5px 0 0;}
.image-headline{height:calc(50vh + 56px);border-radius:5px;}
.image-top{height:32vh;border-radius:5px;}
.image-height-category{padding-bottom:90%;}
.image-article-page{padding-bottom:60%;margin-bottom:15px;}
.image-no-image{padding-bottom:60%;}
.image-foto-page{padding-bottom:55%;}
.album-head-pemb{padding-bottom:40%;}
.image-lapakplus{height:30vh;border-radius:5px;}
.image-pemerintah{padding-bottom:120%;border-radius:5px;}
.image-pimpinan{padding-bottom:120%;border-radius:5px;}
.image-article:after{content:"";position:absolute;left:10px;bottom:-1px;border-left:transparent 9px solid;border-right:transparent 9px solid;}
.image-slider img, .image-article img, .image-aparatur img, .image-fotohome img, .image-height-default img, .image-lapak img, .image-headline img, .image-height-category img, .image-article-page img, .image-no-image img, .arsip-right-image img, .image-foto-page img, .album-head-image img, .small-foto img, .album-head-pemb img, .image-lapakplus img, .image-pemerintah img, .image-top img, .image-pimpinan img, .fotohome-label2 img, .layanan-info-latar 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);}
.logo-no-image img{display:block;width:20%;height:auto;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);}
.layanan-info-latar img {border-radius:5px;}
.tanpa-gambar{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;font-size:12px;margin:0;padding:0;line-height:1.1;text-align:center;}
.arsip-right .logo-no-image img{width:30px;height:auto;}
.article, .articlehome-inner{position:relative;border-radius:5px;}
.article-inner{position:relative;overflow:hidden;}
.articlehome-head{position:relative;overflow:hidden;border-radius:4px;margin:10px 0;height:40px;padding:0 10px;}
.articlehome-head h1{font-family: 'ManifoldCF-Medium';font-size:150%;font-weight:bold;margin:0;padding:0;line-height:1;text-transform:uppercase;color:#ffc000;}
.headmodule-right{float:right;margin:0 0 0 auto;position:absolute;right:20px;top:20px;}
.headmodule-right-inner{cursor:pointer;color:#fff;padding:0 10px;height:40px;border-radius:5px;background:rgba(0,0,0,0.4);}
.headmodule-right-inner svg{width:auto;height:23px;margin:0 5px 0 0;fill:#919191;}
.headmodule-right-inner p{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:500;color:#fff;}
.headline{width:30%;min-width:30%;max-width:30%;float:left;position:relative;}
.headline h2{display:block;font-size:120%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:#fff;}
.headline h3{display:block;font-size:100%;margin:5px 0;padding:0;line-height:1.1;font-weight:bold;color:#fff;}
.absolute-headline{position:absolute;top:0;left:0;right:0;padding:20px;}
.latest{position:relative;overflow:hidden;}
.latest-box{position:relative;overflow:hidden;margin:0 7px;}
.latest-article{position:relative;overflow:hidden;}
.latest-box h2{font-size:100%;display:block;padding:0;margin:0 10px;line-height:1.1;font-weight:bold;}
.latest-article h2{font-size:100%;display:block;padding:0;margin:0 10px 10px;line-height:1.2;font-weight:bold;}
.latest-article p{font-size:95%;display:block;padding:0;margin:0 10px 15px;line-height:1.1;font-weight:500;}
.latest-box-title{position:relative;overflow:hidden;height:25vh;border-radius:0 0 5px 5px;z-index:2;}
.latest-box-bottom{position:absolute;bottom:0;left:0;right:0;border:none;border-top: 1px solid;}
.latest-date{position:relative;overflow:hidden;margin:5px 10px 5px;font-size:95%;line-height:1.1;padding:0 0 0 20px;color:#717171;}
.latest-info{padding:0 10px;height:40px;font-size:95%;margin:0;line-height:1.1;border:none;border-right: 1px solid;color:#717171;}
.article-link{margin:5px 10px;padding:0;line-height:1.2;font-size:95%;font-weight:500;cursor:pointer;}
.article-link svg{width:20px;height:auto;margin:0 5px 0 0;}
.headline .latest-info{padding:0;height:auto;font-size:95%;margin:0 10px 0 0;line-height:1.1;border:none;color:#dbdbdb;}
.latest-info i.fa{margin:0 5px 0 0;font-size:110%;}
.latest-date:after{content:"";position:absolute;left:0;top:2px;border-left:transparent 9px solid;border-right:transparent 9px solid;}
.head-module1{height:50px;position:relative;overflow:hidden;padding:0 10px;border-radius:5px;margin:0 0 5px;}
.head-module1 h1{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;color:#dbdbdb;text-transform:uppercase;font-family: 'ManifoldCF-Medium';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);}
.head-module-center{position:relative;overflow:hidden;padding:0;margin:0 0 20px;border:none;border-bottom: 1px solid;}
.head-module-center h1{font-size:150%;margin:0;padding:0 0 5px;line-height:1;font-weight:bold;color:#000;text-transform:uppercase;font-family: 'ManifoldCF-Medium';}
.head-module-center h2{font-size:120%;margin:0;padding:0 0 5px;line-height:1;font-weight:bold;color:#000;text-transform:uppercase;font-family: 'ManifoldCF-Medium';}
.head-small{width:100%;float:left;padding:0 0 5px;margin:0 0 10px;border:none;border-bottom:1px solid;}
.head-small h1{font-size:120%;margin:0 0;padding:0 0;line-height:1;font-weight:bold;text-transform:uppercase;font-family: 'ManifoldCF-Medium';}
.head-widget{height:50px;position:relative;overflow:hidden;padding:0 10px;margin:0;font-size:120%;line-height:1.1;font-weight:bold;color:#fff;text-transform:uppercase;border-radius:5px 5px 0 0;font-family: 'ManifoldCF-Medium';}
.head-widget img{width:auto;height:30px;margin:0 5px 0 0;}
.head-jadwalshalat{position:relative;overflow:hidden;padding:25px 10px;margin:0;text-align:center;}
.head-jadwalshalat h1{font-size:160%;margin:0 0 5px;padding:0 0;line-height:1;font-weight:bold;font-family: 'arabic';}
.head-jadwalshalat h2{font-size:100%;margin:0 0;padding:0 0;line-height:1.2;font-weight:bold;}
.jadwal-shalat{position:relative;overflow:hidden;border: 1px solid;}
.mosque1, .mosque2{position:absolute;width:20%;left:0;bottom:-40px;}
.mosque2{right:0;left:auto;}
.mosque1 svg, .mosque2 svg{width:100%;height:auto;}
.head-jadwalshalat a {width:36px;height:36px;border-radius:36px;position:relative;display: flex;justify-content: center;align-items: center;margin:0 0 0 20px;border:1px solid;}
.head-jadwalshalat a::after{content:"";display:inline-block;padding:5px;position:absolute;left:11px!important;top:9px;transform:rotate(45deg)}
.head-jadwalshalat a[aria-expanded=true]::after {transform: rotate(-135deg);top: 15px;}
.head-jadwalshalat-title{position:relative;z-index:3;}
.shalat-box{height:60px;text-align:center;position:relative;}
.shalat-box:after{content:"";position:absolute;bottom:0;left:50%;border-left:transparent 8px solid;border-right:transparent 8px solid;margin-left:-8px;}
.shalat-box h3{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:400;color:#fff;}
.shalat-box svg{width:auto;height:36px;margin:0 5px 0 0;opacity:0.8;}
.subuh{height:30px !important;}
.isya{height:28px !important;}
.shalat-angka{font-size:110%;margin:0;padding:15px 0;line-height:1.1;font-weight:bold;border:1px solid;border-top:none;}
.anggaran{width:100%;float:left;}
.box-anggaran{position:relative;overflow:hidden;height:300px;border:1px solid;border-radius:0 0 5px 5px;}
.anggaran h2{position:relative;font-size:100%;height:50px;margin:0;padding:0 10px 0;line-height:1.1;font-weight:bold;color:#fff;border-radius:5px 5px 0 0;}
.anggaran h3{font-size:95%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;}
.anggaran p{font-size:95%;margin:0 0 0;padding:0;line-height:1.1;font-weight:normal;}
.progress {height: 14px !important;margin-bottom: 10px;border-radius: 0;}
.progress-bar span {font-size:13px;right: 20px;line-height:12px !important;color: #fff;}
.progress2 {margin-top:5px;border-radius: 0;height: 14px !important;}
.progress-bar2 {height: 14px !important;border-radius: 0;transition: 0.4s linear;line-height:12px !important;transition-property: width, background-color;}
.persen-progress{font-size:12px;position:relative;padding:0 5px 0 10px !important;height:14px !important;line-height:1 !important;}
.persen-progress:after{content:"";position:absolute;left:0;top:1px;height:14px !important;}
.covid-left{position:relative;width:calc(75% - 10px);margin:0 5px;border:1px solid;border-radius:5px;}
.covid-right{position:relative;width:calc(25% - 10px);margin:0 5px;border:1px solid;border-radius:5px;cursor:pointer;}
.flex-covid{position:relative;width:calc(25% - 10px);margin:0 5px;text-align:center;border:1px solid;border-radius:5px;}
.covid-box img{width:40%;margin:-20px auto 5px;height:auto;}
.covid-box h3{font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:500;}
.opencovid{text-align:center;font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;}
.covid-data{border:1px solid;border-radius:5px;position:relative;overflow:hidden;padding:10px;}
.covid-item{border-radius:5px;}
.covid-item h2{font-size:120%;margin:10px 0;padding:0;line-height:1;font-weight:bold;}
.covid-item p{font-size:100%;margin:0 0 10px;padding:0;line-height:1;font-weight:500;}
.head-covid{position:relative;overflow:hidden;border-radius:5px 5px 0 0;font-size:100%;margin:0;padding:0;line-height:1.2;color:#fff;height:40px;font-weight:500;}
.covid-backg1{position:absolute;top:-35%;left:-20%;}
.covid-backg1 img {width:50%;height:auto;opacity:0.3;}
.covid-backg2{position:absolute;bottom:5px;right:5px;width:30%;}
.covid-backg2 img {width:100%;height:auto;opacity:0.2;}
.stat-box{position:relative;overflow:hidden;padding:0 0;text-align:center;}
.stat-col{width:25%;float:left;}
.stat-box-inner img{width:100%;height:auto;transition: all 0.2s linear 0.2s;-webkit-transition: all 0.2s linear 0.2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0.2s;}
.stat-col:hover .stat-box-inner img{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.statistik-left1{position:relative;}
.statistik-left2{position:relative;overflow:hidden;float:left;width:22% !important;min-width:22% !important;text-align:center;}
.statistik-right{position:relative;overflow:hidden;}
.statistik-left2-margin{position:relative;overflow:hidden;margin:0 20px;}
.stat-box-data{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);}
.stat-box-data p{font-size:100%;margin:0;padding:0;line-height:1.1;color:#fff;}
.stat-box-data img{width:auto;height:35px;margin:-10px 0 5px;}
.rotate-1{-webkit-transform:rotate(15deg);transform:rotate(15deg);}
.rotate-2{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);}
.population p{font-size:100%;font-weight:500;margin:0;line-height: 1.1;padding:0;}
.population h3{font-size:100%;font-weight:500;margin:0;line-height: 1.1;padding:0;}
.population h4{font-size:100%;font-weight:500;margin:0;line-height: 1.1;padding:5px 0 0;border:none;border-top:1px solid;}
.big-stat{font-size:130%;font-weight:bold;margin:0 5px 0 0;animation: flip 2s infinite;animation-delay: calc(.2s * var(--i))}
.population .stat-icon{margin:5px 0;width:50%;float:left;height:auto;padding:0;}
.population .stat-icon.stat-male, .population .stat-icon.stat-female{padding:60px 0 0;}
.population .stat-icon.stat-single{width:100%;}
.population .stat-icon.stat-single h3, .population .stat-icon.stat-single p{display:none;}
.population .stat-icon.stat-male h4, .population .stat-icon.stat-female h4{display:none;}
.population .stat-icon.stat-male{background:url(../images/male.svg) no-repeat center top;background-size:60px auto;}
.population .stat-icon.stat-female{background:url(../images/female.svg) no-repeat center top;background-size:60px auto;}
.iconpenduduk{background:url(../images/statpenduduk.png) no-repeat center;background-size:90% auto;color:transparent !important;}
.iconkeluarga{background:url(../images/statkeluarga.png) no-repeat center;background-size:90% auto;color:transparent !important;}
.iconbantuan{background:url(../images/statbantuan.png) no-repeat center;background-size:90% auto;color:transparent !important;}
.iconlainnya{background:url(../images/statlainnya.png) no-repeat center;background-size:90% auto;color:transparent !important;}
.statistik-title{text-align:center;position:relative;z-index:2;}
.statistik-title img, .statistik-title svg{width:auto;height:50px;}
.statistik-title h2{position:relative;z-index:3;font-size:170%;font-weight:bold;margin:-15px auto 0;line-height: 1.1;padding:0;text-transform:uppercase;}
.statistik-left1-backg{position:absolute;left:0;top:10px;bottom:10px;width:100%;text-align:left;}
.statistik-left1-backg svg{width:auto;height:100%;margin:0 auto 0 0;}
.share-top{position:relative;overflow:hidden;margin:0 auto 0 0 !important;width:100%;text-align:left;}
.share-bottom{width:100%;float:left;margin:15px auto 30px;}
.share{width:100%;position: relative;overflow: hidden;}
.social-icon{float:left;width:16.66666667%;height:34px;padding:0 0;margin:0;}
.social-icon p{font-size:12px;margin:0 0 0 5px;padding:0;line-height:1.1;color:#fff;}
.share-top .social-icon{width:35px;height:35px;margin:0 2px 0 0;}
.share-top .social-icon p{display:none;}
.social-icon img{width:auto;height:16px;}
.twitter{background:#000000;}
.facebook{background:#3b5998;}
.whatsapp{background:#10c379;}
.print{background:#dd7d00;}
.telegram{background:#0088cc;}
.email{background:#d03758;}
.twitter:hover, .facebook:hover, .whatsapp:hover, .print:hover, .telegram:hover, .email:hover{background:#000;}
.number-ol{padding:0 0;margin:0 !important;position:relative;overflow:hidden;padding:10px 0 0;}
.number-ol-row{width:100%;padding:0 0 0;margin:0 0 10px;text-align:left !important;}
.number-ol-row:last-child{border-bottom:none;}
.number-ol li{margin:0;padding:0;line-height:1.2;font-size:100%;font-weight:500;}
.number-ol ol{counter-reset:li;list-style:none;*list-style:decimal;font-size:100%;padding: 0;margin:0;text-shadow:0 1px 1px rgba(255,255,255,.8);}
.number-ol ol ol{margin:0 0 0 60px;}
.number-ol-list li{position: relative;display:block;padding:0 0 0 30px;margin:0 0 0 0;background:none;color:#414141;text-decoration:none;text-shadow:none;}
.number-ol-list li:before{content:counter(li);counter-increment:li;position:absolute;left:0;text-align:left;font-weight:400;font-size:42px;color:#86b03c;text-align:center;top:-6px;opacity:0.6;}
.number-ol-list li:hover{color:#009500;}
.number-ol-list li:hover:before{color:#919191;}
.panel-heading a{position:relative;display:flex;justify-content:center;align-items:center;font-weight:700;width:auto;display:flex;justify-content:center;align-items:center}
.panel-heading a::after{content:"";border:solid #919191;border-width:0 2px 2px 0;display:inline-block;padding:5px;position:absolute;right:25px!important;top:15px;float:right;transform:rotate(45deg)}
.panel-heading a[aria-expanded=true]::after {transform: rotate(-135deg);top: 20px;}
.panel-heading img{width:auto;height:34px;margin:0 5px 0 0;}
.panel-title{height:50px;width:auto;display: flex;justify-content: center;align-items: center;padding:0 60px 0 25px;border-radius:5px;}
.sinergi{width:100%;float:left;}
.sinergi-inner{position:relative;overflow:hidden;padding:30px 15px;border:1px solid;}
.sinergi img{width:auto;max-width:80%;height:auto;display:block;margin:0 auto 0;}
.sinergi p{font-size:90%;margin:5px 0 0;padding:0;line-height:1.2;font-weight:normal;}
.aparatur{position:relative;overflow:hidden;padding:20px;border-radius:5px;}
.aparatur-cover{opacity:0.6;position:absolute;top:0;left:0;right:0;bottom:0;margin:10px;
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='%23000000' fill-opacity='0.3' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
.aparatur-box{position:relative;overflow:hidden;padding:10px;border:1px solid;}
.image-aparatur{height:250px;filter: grayscale(70%);-moz-filter:grayscale(70%);-ms-filter: grayscale(70%);-webkit-filter: grayscale(70%);-o-filter: grayscale(70%);opacity:0.8;}
.aparatur .carouselcustom-item.is-selected .image-aparatur{height:290px;filter: grayscale(0%);-moz-filter:grayscale(0%);-ms-filter: grayscale(0%);-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);opacity:1;}
.aparatur .bottom-gradient{opacity:0.5;margin:10px;}
.aparatur .foto-title{bottom:5px;}
.aparatur .carouselcustom-item.is-selected .foto-title{bottom:0;}
.aparatur .carouselcustom-item.is-selected .bottom-gradient{opacity:1;margin:0;}
.aparatur .carouselcustom-item.is-selected .aparatur-box{position:relative;padding:0;margin-top:5px;}
.greystyle{filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);}
.ada{float:right;margin:0 0 0 auto;width:40px;height:40px;border-radius:40px;}
.ada svg{width:auto;height:25px;fill:#47b816;}
.hadir{background:#007b17;}
.tidak-hadir{background:#d20000;}
.lupa-lapor{background:#d28f00;}
.head-aparatur-top{position:absolute;top:0;left:0;right:0;height:50px;z-index:1;font-family: 'ManifoldCF-Medium';font-size:120%;margin:0 0;padding:0;line-height:1;font-weight:bold;color:#fff;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;text-transform:uppercase;}
.pimpinan{position:relative;overflow:hidden;padding:10px;border-radius:5px;color:#dbdbdb;margin:0 0 10px;}
.pimpinan-image{width:40%;position:relative;}
.pimpinan-title{width:60%;position:relative;}
.pimpinan-title h2, .pimpinan-title h3{font-size:100%;margin:5px 10px !important;padding:0;line-height:1.2;}
.searchtool{position:relative;overflow:hidden;margin-right:5px;}
.searchtool .form-control,.searchtool-mobile .form-control{display:block;width:200px;position:relative;height:30px;padding:0 40px 0 20px;font-size:90%;color:#717171;line-height:30px;background-color:rgba(0,0,0,.2);background-image:none;margin:0 0 0!important;border:rgba(0,0,0,.2) 1px solid;border-radius:30px;box-shadow:none!important;transition:all 0.2s linear 0.2s;-webkit-transition:all 0.2s linear 0.2s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0.2s}
.searchtool-mobile{position:relative;}
.searchtool-mobile .form-control{width:100%;border: 1px solid;height:40px;line-height:40px;border-radius:5px;margin-bottom:15px !important;}
.searchtool .form-control:focus, .searchtool .form-control:hover, .searchtool .form-control.active{box-shadow:none;width:260px;}
.searchtool-mobile .form-control:focus, .searchtool-mobile .form-control:hover, .searchtool-mobile .form-control.active{box-shadow:none;}
.go-search img, .go-search svg{width:16px;height:16px;opacity:0.5;}
.go-search{position:absolute;right:5px;top:1px;height:30px;width:30px;padding:0;margin:0;border:none;outline:none;box-shadow:none;background:transparent;}
.searchtool-mobile .go-search{height:40px;width:40px;right:0;}
.column-lapak{width:33.33333333%;float:left;}
.lapak-absolute{position:absolute;left:0;bottom:0;right:0;padding:15px;}
.lapak-absolute h2{font-size:130%;margin:0;padding:0;line-height:1.1;font-weight:bold;;}
.lapak-inner{position:relative;}
.info-lapak{position:relative;overflow:hidden;border-radius:0 0 5px 5px;margin:-1px 0 15px;padding:0 0 15px;ba}
.pelapak{font-size:100%;margin:0 0 0;line-height:1.2;padding:0;font-weight:normal;position:relative;overflow:hidden;height:65px;}
.harga-produk{position:relative;overflow:hidden;margin:0 0 10px;}
.harga-produk h2{font-size:90%;margin:0 5px 0 auto;padding:0;line-height:1.1;}
.harga-produk h3{font-size:90%;margin:0 auto 0 5px;padding:0;line-height:1.1;}
.harga-produk2{width:100%;float:left;margin:10px 0;}
.harga-produk2 p, .harga-produk2 h2{font-size:100%;margin:0 0 0;padding:0;line-height:1.1;}
.harga-produk2 h3{font-size:100%;margin:0 0 0 5px;padding:0;line-height:1.1;}
.deskripsi-lapak{padding:15px;}
.deskripsi-left{width:60%;float:left;}
.deskripsi-left img{float:left;margin:0 5px 0 0;width:auto;height:35px;}
.deskripsi-right{width:40%;float:right;}
.deskripsi-lapak h1{font-size:140%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.lapakplusstyle .deskripsi-lapak h1{font-size:140%;margin:0 0 10px;}
.deskripsi-lapak h3{font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.deskripsi-lapak h2{font-size:100%;margin:0 0 0;padding:0;line-height:1.2;font-weight:bold;}
.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:30px;height:30px;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:30px;height:30px;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;}
.lapakplus{position:relative;overflow:hidden;border:1px solid;border-radius:5px;}
.lapakplus-head{position:absolute;left:0;right:0;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);}
.lapakplus-left{position:relative;width:20%;height:calc(30vh + 20px);border:none;border-right:1px solid;float:left;text-align:center;}
.lapakplus-head h1, .lapakplus-head h2{font-size:140%;font-weight:bold;margin:0;padding:0;line-height:1;text-transform:uppercase;}
.lapakplus-head h1{font-family:"Arial";font-size:320%;font-weight:800;letter-spacing:-3px;}
.lapakplus-left img{width:65%;margin:-15px auto 0;}
.lapakplus-right{width:80%;float:right;}
.lapakplus-right-inner{padding:10px;border-radius:5px;}
.lapakplus-column-2a, .lapakplus-column-2b{position:relative;width:50%;float:left;}
.lapakplus-column-2b:after{content:"";position:absolute;left:-12px;border-top:transparent 12px solid;border-bottom:transparent 12px solid;border-right:#fff 12px solid;z-index:1;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);}
.lapakplus-title{position:relative;overflow:hidden;padding:0 10px;height:30vh;text-align:center;}
.lapakplus-title h2{font-size:100%;margin:0 10px 0;padding:0;line-height:1.2;font-weight:bold;}
.lapakplus-title h3{font-size:90%;margin:0 0 0;padding:0;line-height:1.2;font-weight:500;}
.lapakplus-absolute{position:absolute;left:0;bottom:0;right:0;padding:0 10px;}
.pemb-row{width:100%;float:left;margin:10px 0;}
.pemb-row h1{font-size:130%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.column-pemb1{width:40%;float:left;}
.column-pemb2{width:60%;float:left;}
.column-pemb1 td, .column-pemb2 td{background:rgba(255,255,255,0.5);border:1px solid;}
.album-head-pemb:after{content:"";position:absolute;left:0;right:0;top:40%;bottom:0;}
.pembstyle td{padding:5px 0 !important;vertical-align:top;}
.pemb-detail{position:relative;overflow:hidden;padding:15px;border:1px solid;}
.pemb-item-title{position:absolute;bottom:5px;left:5px;right:5px;padding:10px;font-size:100%;margin:0;line-height:1.2;color:#dbdbdb;}
.album-headtitle-image{width:36px;height:36px;border-radius:36px;background:rgba(0,0,0,0.3);margin:0 0 10px;}
.album-headtitle-image img{width:18px;height:18px;}
.map-pemb{width:100%;height:450px !important;}
.no-found{position:relative;overflow:hidden;padding:30px 0;}
.no-found-title{float:left;width:60%;}
.no-found-image{position:relative;float:right;width:40%;}
.no-found-image:before{content:"";position:absolute;top:10%;left:10%;right:10%;bottom:10%;background:#e0e0e0;border-radius:10px;z-index:1;}
.no-found-image img{position:relative;width:100%;height:auto;z-index:2 !important;}
.no-found h2{text-align:left;font-size:140%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.no-found h3{text-align:left;font-size:120%;margin:0 0 0;padding:0;line-height:1.2;font-weight:500;}
.visitor img{display:block;width:60%;height:auto;margin:-50px auto 5px;position:relative;}
.visitor h1{display:block;font-size:100%;margin:0 auto;padding:10px 15px;line-height:1.1;font-weight:bold;color:#000;text-transform:uppercase;text-align:center;}
.visitor h3{display:block;font-size:100%;margin:0 auto;padding:0;line-height:1.1;font-weight:500;}
.popin{animation: popin 1s linear infinite 1s;}
@keyframes popin{
0%{opacity: 0.3;}
1%{opacity: 1;}
99%{opacity: 0;}100%{opacity: 0;}
}
.popin2{animation: popin 1s linear infinite 1s;}
@keyframes popin{
0%{opacity: 0.4;}
1%{opacity: 1;}
99%{opacity: 0.4;}100%{opacity: 0.4;}
}
.fotohome{position:relative;overflow:hidden;padding:10px;border:1px solid;border-radius:5px;}
.fotohome-left{position:relative;width:33.33333333%;float:left;background-repeat:no-repeat;background-position:center;background-size:cover;}
.fotohome-right{width:66.66666667%;float:right;}
.foto-title{position:absolute;left:0;bottom:0;right:0;padding:15px;}
.foto-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:500;color:#dbdbdb;}
.foto-title h3{font-size:90%;margin:0;padding:0;line-height:1.1;font-weight:500;color:#dbdbdb;}
.aparatur .foto-title h3{margin:0 5px;}
.aparatur .foto-title h2{margin:3px 5px 3px;}
.aparatur .foto-title p{font-size:90%;margin:5px 0 0;padding:0;line-height:1.1;font-weight:500;color:#ffc000;}
.fotohome-left-inner{position:absolute;top:10px;left:10px;right:10px;bottom:10px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.fotohome-label{position:relative;overflow:hidden;height:33vh;margin:0 0 0 0;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:5px;}
.fotohome-label2{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover !important;border-radius:5px;overflow:hidden;}
.fotohome-label img{display:block;width:110%;height:110%;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);}
.fotohome-label-cover{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.5;}
.map-home-height{width:100%;height:200px;}
.map-home{position:relative;overflow:hidden;margin:20px 20px 0;}
.map-home-box{position:relative;overflow:hidden;padding:5px;background:rgba(255,255,255,0.2);}
.map-home h1{position:relative;font-size:100%;margin:0 auto 10px;padding:0;line-height:1.1;font-weight:bold;color:#bdbdbd;}
.footer-container{position:relative;width:100%;float:left;padding:60px 0 0;color:#bdbdbd;}
.footer-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:#000;}
.footer-container a{color:#bdbdbd !important;}
.footer-inner{position:relative;width:100%;float:left;padding:0 0 20px;margin-bottom:0;z-index:2;text-align:center;}
.copyright{width:100%;position:relative;overflow:hidden;padding:20px 0;font-size:90%;line-height:1.1;color:#bdbdbd !important;background:#000;text-align:center;z-index:1;}
.head-footer:after{content:"";position:absolute;left:0;top:7px;width:10px;height:3px;background:#b0d649;}
.copyright a{color:#bdbdbd !important;}
.footer-container h3{position:relative;padding:0 0 0 15px;font-size:100%;margin:10px 0;line-height:1.1;color:#bdbdbd;font-weight:normal;text-transform:uppercase;}
.footer-logo{width:100%;margin:-40px auto 20px;text-align:center !important;}
.footer-logo-image{position:relative;overflow:hidden;width:80px;height:80px;border-radius:80px;margin:0 auto 10px;}
.footer-logo-image img{width:auto;height:45px;margin:0;}
.footer-logo h3{font-size:100%;margin:0 0;padding:0;line-height:1.1;font-weight:bold;color:#fff;}
.footer-margin{margin:0 10%;}
.footer-center{width:33.33333333%;text-align:center;position:absolute;top:0;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-center p{font-size:95%;padding:0;line-height:1.4;}
.footer-left{width:33.33333333%;float:left;}
.footer-right{width:33.33333333%;float:right;}
.footer-social img{width:auto;height:24px;margin:0 3px;padding:0;}
.footer-social svg {width:auto;height:35px;margin:0 2px;padding:0;}
.withborder{padding:0 0 5px !important;}
.menu-lainnya{position:absolute;top:0;right:0;width:30px;height:30px;background:#000;}
.dropdown-absolute{position:absolute;top:0;right:0;}
.dapatpin{width:100%;float:left;margin:15px 0 0;text-align:center;}
.dapatpin p{margin:0 auto 0;padding:10px 15px 0;line-height:1.1;font-size:90%;font-weight:500;font-size:90%;color:#fff;text-align:center;background:#1f331f;border-radius:5px 5px 0 0;}
.lainnya{position:absolute;right:0;top:0;}
.lainnya-tombol{width:auto;height:55px;}
.lainnya-tombol p{color:rgba(255,255,255,0.8);font-size:100%;font-weight:bold;margin:0;padding:0;line-height:1.1;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);}
.lainnya-tombol img{width:auto;height:22px;margin:0 0 0 5px;}
.lainnya .dropdown-menu{width:220px;left:auto;right:-15px;font-size:100% !important;padding:15px;margin:0 !important;border-radius:0 0 0 5px;box-shadow:none !important;border:none !important;}
.lainnya h3{position:relative;font-size:100%;color:#fff;margin:0;padding:7px 0;line-height:1.1;font-weight:bold;}
.lainnya h3 a{color:rgba(255,255,255,0.8);}
.big-screen{display:block;}
.small-screen{display:none;}
.menu-box-inner{position:relative;overflow:hidden;background:#fff;padding:5px;text-align:center;}
.video-box{width:100%;height:25vh;}
.video-title{position:relative;overflow:hidden;margin:5px 0;font-size:100%;padding:0;line-height:1.1;font-weight:bold;}
.layanan{position:relative;width:100%;float:left;border-radius:5px;border: 1px solid;}
.layanan-intro{position:relative;width:32%;}
.layanan-info{position:relative;width:32%;margin:10px 0;border:1px solid;border-radius:5px;background-repeat:repeat;background-position:center;background-size:cover;}
.layanan-info-latar{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:repeat;background-position:center;background-size:cover;border-radius:5px;}
.layanan-info-latar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;border:rgba(255,255,255,0.3) 6px solid;z-index:2;}
.layanan-info-latar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;background: #fff;background: -moz-radial-gradient(right top, ellipse cover, transparent 0%, #fff 100%);background: -webkit-radial-gradient(right top, ellipse cover transparent 0%, #fff 100%);background: radial-gradient(ellipse at right top, transparent 0%, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top_color', endColorstr='$bottom_color',GradientType=1 );z-index:1;}
.layanan-info-image{position:absolute;bottom:0;left:-30px;height:85%;z-index:2;}
.layanan-info-image img{width:auto;height:100%;}
.layanan-intro img{width:95%;height:auto;position:relative;}
.layanan-absolute{position: absolute;top: 50%;right:0;margin: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);z-index:2;letter-spacing:-2px;}
.layanan-absolute h1{font-family:"Arial";font-size:220%;margin:0;padding:0;line-height:1;font-weight:800;text-transform:uppercase;}
.layanan-absolute h3{font-size:110%;margin:10px 0 0;padding:0;line-height:1.1;font-weight:500;letter-spacing:0;}
.layanan-login{position:relative;width:calc(36% - 40px);margin:10px 20px;border:1px solid;border-radius:5px;padding:10px 20px;}
.layanan-right{position:absolute;left:30%;top:0;bottom:0;right:0;margin:0 0 0 30px;}
.layanan-login-inner{position: absolute;top: 50%;left: 20px;right:20px;margin:0 auto;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.layanan .form-control{display:block;width:100%;position:relative;height:40px;padding:0 10px;font-size:100%;color:#313131;line-height:40px;background-color:fff;background-image:none;margin:10px 0!important;border:1px solid;border-radius:4px}
.layanan .form-control:focus, .layanan .form-control.active{color: #313131;box-shadow:none;}
.layanan .form-control::-moz-placeholder {color: #313131;}
.layanan .form-control:-ms-input-placeholder {color: #313131;}
.layanan .form-control::-webkit-input-placeholder {color: #313131;}
.layanan-info-title{position:relative;margin:-32px 20px 0 30%;padding:20px;border-radius:5px;z-index:2;font-size:100%;line-height:1.1;text-align:center;color:#fff;}
.layanan-info-title:after{content:"";position:absolute;bottom:-40px;right:15%;-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.layanan-masuk{border:none;outline:none;box-shadow:none;cursor:pointer;color:#fff;height:40px;border-radius:4px;font-size:100%;margin:0;padding:0 15px;line-height:1.1;}
.layanan-masuk img{width:auto;height:24px;margin:0 0 0 5px;opacity:0.7;}
.online{position:absolute;bottom:0;top:0;left:0;right:10px;background-repeat:no-repeat;background-position:right bottom;background-size:auto 90%;}
.online-form{position:relative;overflow:hidden;padding-right:30%;}
.online h3{font-size:100%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;}
.komentar-person{width:100%;float:left;font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.komentar-icon{width:32px;height:32px;border-radius:3px;margin:0 10px 0 0;}
.komentar-icon svg, .komentar-icon i{fill:#fff;width:24px;height:24px;}
.komentar h3{font-size:100%;margin:0 0 5px 42px;padding:0;line-height:1.1;font-weight:500;}
.komentar p{font-size:100%;margin:0 0 10px 42px;padding:0;line-height:1.1;font-weight:500;}
.form-komentar{width:100%;float:left;}
.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;height:35px;padding:0 10px;font-size:90%;color:#313131;line-height:35px;background-color:transparent;background-image:none;margin:0 0 10px!important;border: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:#313131;}
.form-komentar .form-control:-ms-input-placeholder {color:#313131;}
.form-komentar .form-control::-webkit-input-placeholder {color:#313131;}
.kirim-komentar{margin:20px 0;width:100%;float:left;}
.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:#fff;}
.captha-column1, .captha-column2{position:relative;width:calc(50% - 10px);margin:5px 5px;border:1px solid;border-radius:5px;}
.captha-column1 img{width:50%;margin:0 10px 0 0;font-size:90%;}
.agenda {position:relative;overflow:hidden;margin:0 0 20px;}
.agenda h1{font-size:100%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;text-transform:uppercase;color:#000;}
.agenda-row h2{font-size:100%;margin:0 0 10px;padding:0;line-height:1.1;font-weight:bold;}
.agenda-row img{width:20px;height:20px;margin:0 5px 0 0;}
.agenda-row{background:rgba(255,255,255,0.4);padding:10px 10px;margin:0 0 10px;}
.nodata-small img{width:auto;height:100px;margin:0 10px 0 0;}
.nodata-small p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.agenda-artikel tbody{border:1px solid;}
.box-page{position:relative;overflow:hidden;border: 1px solid;}
.box-page-padding{position:relative;overflow:hidden;padding:15px;}
.headingpage{position:relative;overflow:hidden;height:50px;border:none;border-bottom: 1px solid;}
.articleview .headingpage{padding-right:100px;}
.page-right-small .headingpage{margin-bottom:10px;border: 1px solid;}
.article-single .headingpage, .statistikstyle .headingpage{border: 1px solid;border-bottom:none;}
.headingpage h2{font-size:120%;margin:0 10px;padding:0;line-height:1.1;font-weight:bold;color:#000;}
.headingpage-image{width:50px;height:50px;border:none;border-right: 1px solid;}
.headingpage-image img{width:34px;height:34px;}
.page-left-big{width:70%;float:left;}
.page-right-small{width:30%;float:right;}
.box-article{width:100%;float:left;}
.article-single{width:100%;float:left;}
.head-content h1{font-family:"Arial";font-size:180%;margin:10px 0 30px;padding:0;line-height:1.1;font-weight:bold;color:#000;}
.small-height .head-content h1{margin:0;font-size:0;}
.article-content{margin:0 0 0 50px;position:relative;overflow:hidden;}
.category-content{font-size:100%;margin:0 10px 0 0;padding:0;line-height:1.1;}
.category-content-image{height:35px;width:35px;margin:0 5px 0 0;}
.category-content img{width:20px;height:20px;}
.article-info{width:100%;float:none;margin:0 0 15px;}
.article-info-inner{margin:15px 0;}
.articlehome .article-info-inner{margin:5px 15px 5px 0;}
.article-info p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.article-info-inner .fa{margin:0 5px 0 0;opacity:0.8;width:15px;}
.box-header h3{font-size:110% !important;font-weight:bold;margin:0 0 10px;line-height:1.1;padding:0 0 5px;}
.infostyle .box-header h3{font-size:140% !important;text-align:center;font-weight:bold;margin:0 auto 20px;line-height:1.1;padding:0;border:none;color:#000;}
.infostyle .btn{display:block !important;width:100%;margin-top:27px !important;}
.box-article .col-md-4{width:100% !important;margin:0 0 15px;}
.box h4 {font-size:110% !important;font-weight:bold;margin:0 0 0;line-height:1.1;padding:0 0 5px;}
.box-article hr {margin-top: 0;margin-bottom: 0;border: 0;border-top: none;line-height:1.1;}
.box-article h4{margin:0 0 5px !important;}
.image-zoom{position:absolute;left:0;bottom:0;width:50px;height:50px;}
.articlehome .image-zoom{left:auto;right:0;width:40px;height:40px;}
.image-zoom img{width:30px;height:30px;z-index:2;}
.articlehome .image-zoom img{width:20px;height:20px;z-index:2;}
.image-zoom:after{content:"";position:absolute;left:0;bottom:0;border-top:transparent 70px solid;opacity:0.6;}
.articlehome .image-zoom:after{left:auto;right:0;bottom:0;}
.category-row{position:relative;overflow:hidden;margin:5px 0;padding:0;}
.category-image{width:40%;float:left;}
.category-title{width:60%;float:right;}
.category-title h2 {font-size:100%;margin:0 0 5px;padding:0;line-height:1.1;font-weight:bold;color:#000;}
.category-isi{position:relative;overflow:hidden;width:100%;margin:0;padding:0;font-size:100%;line-height:1.1;}
.category-row a{color:#414141;}
.category-info{margin:0 15px 5px 0;}
.arsip-right{width:100%;float:left;font-size:100%;font-weight:500;margin:5px 0;padding:0;line-height:1.2;}
.arsip-right-image{position:relative;overflow:hidden;float:left;width:85px;height:85px;margin:0 10px 0 0;border-radius:5px;}
.arsip-right-title{position:relative;overflow:hidden;}
.articleview .arsip-right{font-size:90%;}
.articleview .arsip-right-image{width:65px;height:65px;}
.panelopen .arsip-right-image{width:55px;height:55px;}
.subfoto{position:relative;overflow:hidden;width:100%;text-align:center;}
.subfoto-inner{position:relative;overflow:hidden;display:inline-block;width:calc(50% - 5px);margin:0 0 7px;}
.album-head{position:relative;overflow:hidden;}
.album-head-image{width:100%;position:relative;overflow:hidden;height:300px;margin:0 0 0 auto !important;}
.album-head-image:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;}
.album-head-title{position:relative;overflow:hidden;text-align:center;margin:-60px 0 30px;}
.album-head-title h2 {font-size:120%;margin:0 0 5px;padding:0;line-height:1;font-weight:500;color:#000;text-transform:uppercase;letter-spacing:10px;}
.album-head-title h1 {font-size:160%;margin:0 0;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.title-foto{position:absolute;left:0;right:0;bottom:0;padding:10px;}
.title-foto h3 {font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:500;color:#dbdbdb;}
.head-gallery{position:relative;overflow:hidden;border:1px solid;border-bottom:none;padding:15px 0;border-radius:5px 5px 0 0;}
.head-gallery img{width:auto;height:50px;margin:0 10px 0 0;}
.head-gallery h2{font-size:120%;margin:0 0;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.head-gallery h1{font-size:120%;margin:0 0;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.no-photo img{width:auto;height:90px;margin:0 0;}
.no-photo p{font-size:110%;margin:0;padding:0;line-height:1.1;}
.framephoto{margin:5px auto;padding:15px;height:50vh;width:100%;background:#e9e9e9;-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-frame{height:calc(50vh - 30px);width:100%;border-top:15px solid rgba(0,0,0,.19);border-left:15px solid rgba(0,0,0,.15);border-right:15px solid rgba(0,0,0,.08);border-bottom:15px solid rgba(0,0,0,.05);box-shadow:-1px -1px 1px rgba(0,0,0,.6),1px 1px 2px rgba(255,255,255,1)}
.mat{position:relative;width:calc(100% - 30px);height:calc(50vh - 90px);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:15px auto;padding:0;background-color:#bdbdbd}
.picture{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.box-statis{position:relative;overflow:hidden;border:1px solid;padding:15px;}
.head-statis-title{position:relative;z-index:1;text-align:center;}
.head-statis-image{position:relative;z-index:2;margin:0 0 0 10px;}
.head-statis-image img{width:auto;height:150px;}
.head-statis-title h2{font-size:180%;margin:0 0 0 0;padding:0;line-height:1;text-transform:uppercase;font-weight:bold;}
.head-statis-title h1{font-family:"Arial";font-size:300%;margin:0;padding:0;line-height:1;text-transform:uppercase;font-weight:800;letter-spacing:-3px;}
.forstatis .box-header h3{font-size:160%;margin:10px 1rem 20px;font-weight:bold;line-height: 1.2;padding:0;text-transform:uppercase;}
.forstatis .box-body {margin:0 1rem;}
table, .forstatis table{width:100% !important;}
.small-box{position:relative;overflow:hidden;margin:0 0 10px !important;border-radius:5px !important;padding:10px;height:170px !important;}
.small-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:rgba(0,0,0,0.1) 5px solid;}
.small-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:15%;border-radius:0 0 100% 100%;opacity:0.2;}
.forstatis .content{padding:0 !important;}
@keyframes flip {
0%,80% {transform: rotateY(360deg) }
}
.heading-acc{position:relative;background:rgba(0,0,0,0.5);padding:0 50px 0 10px;height:40px;color:#fff;border-radius:5px;margin-top:-80px;}
.headpanel{position:relative;padding:0 50px 0 15px;height:50px;color:#fff;font-size:100%;margin:0;line-height:1.2;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);text-transform:uppercase;}
.panelopen{position:relative;overflow:hidden;}
.panelopen h3{font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;}
.panelopen h2{font-size:100%;margin:3px 0;padding:0;line-height:1.2;font-weight:normal;}
#accordion {margin: auto;}
.panel-heading a, .panel-heading a:hover, .panel-heading a:focus, .headpanel a, .headpanel a:hover, .headpanel a:focus {display: block;position: relative;font-weight: bold;width:100%;color:#fff !important;}
.panel-heading a::after,.headpanel a::after{content:"";border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:5px;position:absolute;right:-35px!important;top:2px;float:right;transform:rotate(45deg);animation:popin 1s linear infinite 1s}
.covidstyle .panel-heading a::after {right: -20px !important;top: 0px;}
.panel-heading a[aria-expanded=true]::after, .headpanel a[aria-expanded=true]::after {transform: rotate(-135deg);top: 8px;}
#online .dropdown-menu{width:220px;left:auto;right:-10px;font-size:100% !important;padding:10px 15px;margin:15px 0 0 !important;border-radius:5px;box-shadow:none !important;border:none !important;}
#online .dropdown-menu:after{content:"";position:absolute;right:15px;top:-10px;border-left:transparent 10px solid;border-right:transparent 10px solid;}
.admin-online{margin:5px 0;}
.admin-online img{width:auto;height:24px;margin:0 5px 0 0;}
.admin-online p{font-size:100%;margin:0;padding:0;line-height:1.1;}
.slick_slider,.cycle-slideshow{max-height:400px;display:block;position:relative;overflow:hidden;width:40%;margin:0 auto!important}
.relative-border{float:none;border:1px solid;}
.pengaduan .form-control{display:block;position:relative;height:40px;padding:0 10px;font-size:90%;color:#717171;line-height:40px;background-image:none;margin:0 0 0!important;border:1px solid;border-radius:5px;box-shadow:none!important;transition:all 0.2s linear 0.2s;-webkit-transition:all 0.2s linear 0.2s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0.2s}
.pengaduan .form-control:focus, .pengaduan .form-control:hover, .pengaduan .form-control.active{color:#313131;box-shadow:none;}
.form-pengaduan{position:relative;overflow:hidden;height:40px;border:1px solid;font-size:100%;margin:0 0 0 20%;padding:0 25px;line-height:1.2;color:#fff;font-weight:400;border-radius:5px;cursor:pointer;}
.pengaduan-row{position:relative;overflow:hidden;border:1px solid;border-radius:5px 5px 0 0;margin:0 0 10px;}
.pengaduan-title h2, .pengaduan-modal h2{font-size:120%;margin:0 0 3px;padding:0;line-height:1.2;font-weight:bold;}
.pengaduan-title h3, .pengaduan-modal h3{font-size:100%;margin:0 0 3px;padding:0;line-height:1.2;font-weight:400;}
.pengaduan-modal h2, .pengaduan-modal h3{margin:0 0 10px;}
.pengaduan-detail{position:relative;font-size:100%;margin:0 0 0;padding:0 15px 0 32px;line-height:1.1;font-weight:bold;height:30px;border:none;border-top:1px solid;}
.pengaduan-detail:after{content:"";position:absolute;left:15px;top:50%;border-left:#ffa800 12px solid;border-top:transparent 8px solid;border-bottom:transparent 8px 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);}
.pengaduan-title{width:60%;float:left;cursor:pointer;}
.pengaduan-status, .pengaduan-tanggapan{position:absolute;left:60%;width:20%;top:0;bottom:0;border:none;border-left:1px solid;text-align:center;font-size:100%;line-height:1.2;font-weight:400;}
.pengaduan-tanggapan{left:80%;width:20%;}
.pengaduan-status img{display:block;width:auto;height:34px;margin:15px auto 5px;}
.pengaduan-tanggapan img{display:block;width:auto;height:34px;margin:15px auto 5px;}
.tebal{font-weight:bold;}
.modalfixed .modal-dialog{position:fixed !important;top:0;left:0;right:0;bottom:0;padding:0;overflow:hidden;background:rgba(0,0,0,0.7);}
.modal-container-small{position:absolute;top:0;bottom:0;width:40%;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);}
.modal-container-medium{position:absolute;top:0;bottom:0;width:90%;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);}
.modal-container-big{position:absolute;top:0;bottom:0;right:0;left:0;}
.modal-container-area{position:absolute;top:60px;left:0;right:0;bottom:0;padding:10px;}
.modal-container-big .modal-container-area{left:15%;right:15%;}
.modal-lokasi .modal-container-big .modal-container-area{left:0;right:0;}
.modalscroll {width:100%;float:left;overflow-y: scroll;scrollbar-color:rgba(0,0,0,0.2) transparent;scrollbar-width: thin;height:100%;}
.modalscroll {scrollbar-width: thin;}
.modalscroll::-webkit-scrollbar {width: 7px;}
.modalscroll::-webkit-scrollbar-track {background:transparent;}
.topmodal{position:absolute;left:0;top:0;left:0;right:0;height:60px;font-size:100%;margin:0;padding:0 10px;line-height:1.2;color:#fff;}
.modal-widget .topmodal{height:50px;font-size:120%;line-height:1.2;color:#fff;padding:0 20px;font-weight:bold;text-transform:uppercase;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);}
.topmodal .close-button {width:40px;height:60px;position:absolute;right:0;top:0;cursor:pointer;border-radius:0;}
.topmodal .close-button:before, .topmodal .close-button:after{height:40%;top:30%;}
.modal-widget .topmodal .close-button {width:40px;height:50px;right:10px;}
.speak{position:relative;overflow:hidden;padding:5px 0 0 40px;font-size:100%;line-height:1.2;font-weight:400;margin:0 0 10px;line-height:1.2;min-height:30px;}
.speak-icon{position:absolute;left:0;top:0;width:30px;}
.speak-icon img{width:100%;height:auto;}
.statstyle .gridview{position:relative;padding:0 0;margin:0 0;display: grid;grid-template-columns:25% auto;}
.statstyle .sidebarright {grid-template-columns: 75% auto;float:left !important;margin:0 auto 0 0;}
.statstyle .sidebarright ul {list-style: none;margin:0 30px 0 0;padding: 0;position:relative;overflow:hidden;}
.statstyle .sidebarright ul {position: sticky !important;top:70px;}
.panel-default > .panel-heading {color: #000;background-color: #fff;border:none !important;}
.panel-default {border:none !important;border-radius:7px !important;}
.panel-group + .panel-collapse > .panel-body, .panel-group + .panel-collapse > .list-group {border:none !important;}
.stat-sub{font-size:100%;margin:0;line-height:1.2;padding:3px 0;}
.stat-active {display:block;position:relative;font-weight:bold;}
.stat-active:after{content:"";position:absolute;right:0;top:3px;border-top:transparent 8px solid;border-bottom:transparent 8px solid;}
.heading-stat{position:relative;padding:0 10px;font-size:100%;margin:0;line-height:1.2;font-weight:bold;border:1px solid;}
.heading-stat i.fa{font-size:60px;margin:0 5px 0 0;}
.panel-box{border:1px solid;border-top:none;padding:10px;}
.widgetspace{position:relative;overflow:hidden;width:100% !important;}
.widget-height{position:relative;overflow:hidden;height:330px;border:1px solid;border-radius:0 0 5px 5px;}
.widget-statheight{height:310px;}
.article-single .main-nav{z-index:2 !important;position:relative;overflow:hidden;width:100%;}
.hide-judul{font-size:0;}
.small-height .hide-judul{display:block;font-size:180%;margin:0 0 15px;padding:0;line-height:1.2;font-weight:bold;}
.caret{margin-left:5px;opacity:.6;border-top:8px solid;border-right:6px solid transparent;border-left:6px solid transparent}
.mobile-menu .caret{opacity:0.3;float:right;margin:7px 0 0 auto !important;}
.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:55px;z-index:-2}99%{opacity:0;height:55px;z-index:-2}100%{opacity:1;height:auto;z-index:899}}@keyframes fadeIn{0%{opacity:0;height:55px;z-index:-2}99%{opacity:0;height:55px;z-index:-2}100%{opacity:1;height:auto;z-index:899}}
.fadeIn2{-webkit-animation-name:fadeIn2;animation-name:fadeIn2;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn2{0%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn2{0%{opacity:0;}99%{opacity:0;}100%{opacity:1;}}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(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}
@-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)}}
.warna-container{margin-right:20px;}
.menu-left-container .warna-container{margin-right:0;}
.warna{width:24px;height:50px;}
.warna-style{width:12px;height:12px;border-radius:12px;}
.menu-left-container .warna-style{width:15px;height:15px;border-radius:15px;}
.gogreen{background: #19b842;}
.tourism{background: #be5084;}
.sunrise{background: #c97e0c;}
.classic{background: #919191;}
.kembali{position:relative;width:34px;height:34px;cursor:pointer;margin:0 0 5px;}
.homestyle .kembali{display:none;}
.kembali svg{fill:#fff;width:24px;height:24px;}
.to-dark{width:34px;height:34px;cursor:pointer;background:#515151;}
.to-dark svg{width:auto;height:30px;fill:#fff;}
.to-light{width:34px;height:34px;cursor:pointer;background:#dbdbdb;display:none;}
.to-light svg{width:auto;height:20px;fill:#fff;}
.righthead{position:absolute;top:0;right:0;left:0;padding-right:0;}
.righthead-item{width:auto;height:50px;cursor:pointer;margin:0;padding:0 8px;border:none;border-left:1px solid;}
.righthead-item svg{width:24px;height:24px;fill:#818181;}
.stat-container{position:relative;overflow:hidden;width:100%;}
.flexrow {display: flex;flex-flow: row wrap;justify-content: space-between center;margin:0 -5px;}
.articlehome .flexrow{margin:0 -10px;}
.flexrow2 {display: flex;flex-flow: row wrap;justify-content: space-between center;padding:5px;}
.covidstyle .flexrow2 {margin:0 -5px;padding:0;}
.flex-column0 {position:relative;margin:0 5px 10px;text-align:center;border:1px solid;border-radius:5px;}
.flex-column0:hover .flex-column0-image img{transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transform-origin: center;-moz-transform-origin: center;-webkit-transform-origin: center;transition: transform 1.0s}
.flex-column3 {position:relative;width: calc(33.33333333% - 10px);margin:0 5px 10px;text-align:center;border:1px solid;border-radius:5px;}
.flex-column3b {position:relative;width: calc(33.33333333% - 10px);margin:5px 5px;border:1px solid;border-radius:5px;}
.flex-column2a {position:relative;width: calc(50% - 10px);margin:0 5px 10px;border:1px solid;border-radius:5px;}
.flex-column2f {position:relative;width: calc(50% - 10px);margin:0 5px 10px;border:1px solid;border-radius:5px;padding-bottom:55px;}
.flex-column4 {position:relative;width: calc(25% - 20px);margin:10px;border-radius:5px;padding-bottom:55px;}
.arsipstyle .flex-column4 {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);}
.latest-image{position:relative;overflow:hidden;border:#e0e0e0 3px solid;border-radius:5px 5px 0 0;}
.flex-column2b {position:relative;width: 50%;margin:0;text-align:center;}
.flex-slide{position:relative;width: 70%;margin:0;border-radius:5px 0 0 5px;}
.flex-righttop{position:relative;width: 30%;margin:0;border-radius:0 5px 5px 0;}
.link-sinergi{position:relative;overflow:hidden;margin:0 0 10px;width:100%;}
.link-sinergi img{position:relative;overflow:hidden;min-width:20% !important;width:20%;height:auto;margin:0 10px 0 0;}
.link-sinergi p{font-size:100%;margin:0;padding:0;line-height:1.2;text-align:left !important;}
.pemerintah h2{font-family: 'ManifoldCF-Medium';font-size:120%;margin:10px;padding:0;line-height:1.2;font-weight:bold;}
.pemerintah h3{font-size:100%;margin:0 10px;padding:0;line-height:1.2;font-weight:bold;}
.pemerintah p{font-size:90%;margin:0;padding:0;line-height:1.2;font-weight:500;color:#fff;}
.pem-status{position:absolute;bottom:10px;left:10px;right:10px;}
.pem-status-inner{border-radius:4px;height:30px;padding:0 10px;margin:0 10px;}
.pem-status svg{width:auto;height:18px;margin:0 5px 0 0;fill:#fff;opacity:0.6;}
.event-body{overflow:hidden;position:relative;}
.event-container{width:100%;overflow:hidden;position:relative;}
.event-inner{position:relative;overflow:hidden;padding:15px 0;}
.event-image-left{width:22vh;height:auto;margin-right:5%;}
.event-image-right{width:22vh;height:auto;margin-left:5%;}
.event-image-left img, .event-image-right img{width:100%;height:auto;}
.event-title{position:relative;overflow:hidden;text-align:center;}
.event-title-arab{font-size:200%;margin:5px 0;padding:0;line-height:1.2;font-weight:bold;font-family: 'arabic';}
.event-title h1{font-size:200%;margin:5px 0;padding:0;line-height:1.2;font-weight:bold;}
.event-title h2{font-size:140%;margin:5px 0;padding:0;line-height:1.2;font-weight:bold;color:#fff;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);}
.event-title p{font-size:100%;margin:5px 0;padding:0;line-height:1.2;font-weight:normal;color:#fff;}
.event-container-bg{position:absolute;top:0;left:0;right:0;bottom:0;}
.bg-pattern{background-color: transparent;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h16v2h-6v6h6v8H8v-6H2v6H0V0zm4 4h2v2H4V4zm8 8h2v2h-2v-2zm-8 0h2v2H4v-2zm8-8h2v2h-2V4z' fill='%23000000' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");}
.event-custom{overflow:hidden;position:relative;width:100%;}
.event-custom img{display:block;width:100%;height:auto;}
.ttan{display:block;cursor:pointer;transition:all 1s;position:absolute;bottom:-15px;line-height:30px;padding:0;margin:0;color:#fff;font-weight:normal;font-size:90%;z-index:15 !important;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);}
.ttan-close {width:30px;height:30px;float:right;position:relative;z-index:50 !important;cursor:pointer;border-radius:30px;}
.ttan-close:before{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:60%;top:20%;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.ttan-close:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:60%;top:20%;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#dtan{display:none}
.hitung{color:#dbdbdb;font-size:90%;height:30px;line-height:1.2;padding:0 10px;margin:0;font-weight:normal;position:absolute;bottom:-15px;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);}
.angka{margin:0 5px;color:#fff;}
.countdown-panel{margin:0 0 0 auto;float:right;width:50vh;text-align:center}
.countdown-panel h3{text-align:center;font-size:110%;font-weight:700;margin:0 auto 5px;padding:0;line-height:1.2;color:#dbdbdb;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3)}
.countdown-panel li{display:inline-block;font-size:80%;list-style-type:none;padding:5px 0;width:10vh;margin:0 auto;text-transform:uppercase;text-align:center;color:#dbdbdb;border-radius:5px;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3);background:rgba(0,0,0,.2)}
.countdown-panel li span{display:block;color:#dbdbdb;font-size:120%;font-weight:700;text-shadow:-1px -1px 0 rgba(0,0,0,.3),1px -1px 0 rgba(0,0,0,.3),-1px 1px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.3)}
.jamkerja td, .jamkerja th{text-align:center;padding:5px 0;border:1px solid;}
.jamkerja tr, .jamkerja th{background-color: #e0e0e0;}
.jamkerja tr:nth-child(odd) {background-color: transparent;}
.idmstyle h2{font-size:160% !important;margin:10px;padding:0;line-height:1.2;font-weight:bold;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);}
.idmstyle p{font-size:120% !important;margin:10px 15px;padding:0;line-height:1.2;}
th, td{color:#313131 !important;}
.head-line{position:relative;overflow:hidden;}
.head-line-title h2{font-size:110%;margin:10px 0;padding:0;line-height:1.2;color:#dbdbdb;font-weight:bold;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);}
.head-line-title p{font-size:90%;margin:0;padding:0;line-height:1.1;color:#dbdbdb;}
.selengkapnya h3{font-size:90%;margin:10px 0 0;padding:0;color:#ffcd00;background:rgba(0,0,0,0.2);padding:0 15px;border-radius:30px;line-height:30px;}
.selengkapnya h3:hover{color:#fff;}
.selengkapnya{position:absolute;bottom:15px;right:15px;}
.headline-single{border-radius:5px;}
.headline-single .head-line-flex{display: flex;justify-content: left;align-items: center;}
.headline-single .image-top{width:45%;min-width:45%;height:40vh;}
.headline-single .selengkapnya{position:relative;overflow:hidden;margin-top:-40px;}
.headline-single .head-line-title h2{font-size:140%;margin:0 5% 10px 5%;}
.headline-single .head-line-title p{font-size:100%;margin:0 5% 50px 5%;}
.title-slider{position:absolute;left:20px;bottom:20px;right:40%;}
.title-slider:after{content:"";position:absolute;left:0;top:20px;bottom:20px;width:30px;border:#ffc000 4px solid;}
.title-slider h1{font-size:160%;color:#fff;font-weight:bold;line-height:1.1;margin:0 0 0 15px;background:rgba(0,0,0,0.6);padding:25px 15px 25px 30px;border-radius:5px;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.mandiri-top{margin:0 0 0 7px;position:relative;overflow:hidden;min-width:100px;}
.aparatur-top{margin:0 0 0 7px;position:relative;overflow:hidden;height:36px;width:44px;border-radius:4px;cursor:pointer;}
.aparatur-top img{width:20px;height:auto;}
.mandiri-top-inner{height:36px;border-radius:4px;padding:0 10px;margin:0;position:relative;overflow:hidden;font-size:90%;color:#fff;line-height:1;text-transform:uppercase;}
.forwidget{width:100%;text-align:center;}
.samegrid {display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(20% - 20px), 1fr));grid-gap: 10px;text-align:center;}
.samecovid {display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(10% - 10px), 1fr));grid-gap: 5px;text-align:center;}
.samepend {display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(25% - 10px), 1fr));grid-gap: 5px;text-align:center;}
.samependk {display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr));grid-gap: 5px;text-align:center;}
.widget-room{border:1px solid;border-radius:5px;}
.widget-title{position:relative;overflow:hidden;border-radius:5px;height:80px;padding:0 15px;margin:0;line-height:1.2;font-size:120%;font-weight:bold;color:#fff;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;cursor:pointer;}
.widget-title img, .widget-title svg{width:auto;height:40px;margin:0 10px 0 0;}
.modal-widget{position:absolute;top:50px;bottom:50px;width:40%;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);border-radius:10px;overflow:hidden;}
.modal-widget-area{position:absolute;top:50px;left:0;right:0;bottom:0;padding:10px 5px 10px 10px;}
.sekilas{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:500;color:#fff;}
.slideshow{overflow:hidden;position:relative;width:100%;height:67vh;z-index:1;border-radius:5px 0 0 5px}
.slideshow .slideshow-inner{position:absolute;top:0;left:0;width:100%;height:100%}
.slideshow .slides{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.slideshow .slide{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 0.3s ease}
.slideshow .slide.is-active{display:block}
.slideshow .slide.is-loaded{opacity:1}
.slideshow .slide .caption{padding:0 40px}
.slideshow .slide .image-container{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;z-index:1;background-size:cover;image-rendering:optimizeQuality}
.slideshow .slide .image-container::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:-moz-radial-gradient(right top,ellipse cover,transparent 40%,#000 100%);background:-webkit-radial-gradient(right top,ellipse cover transparent 40%,#000 100%);background:radial-gradient(ellipse at right top,transparent 40%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top_color',endColorstr='$bottom_color',GradientType=1)}
.slideshow .slide .utama.image-container::before{display:none!important}
.cover-slide-utama{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:repeat;background-position:center}
.slideshow .slide .image{width:100%;width:100%;object-fit:cover;height:100%}
.slideshow .slide-content{position:absolute;bottom:20px;left:0;width:100%;height:auto;z-index:2;color:#fff;text-align:left;display:flex;justify-content:left;align-items:center}
.slideshow .utama .slide-content{height:100%;text-align:center;justify-content:center}.slide-content-satu{position:relative}
.slide-content-satu h3{font-family:'ManifoldCF-Medium';font-size:130%;margin:0 10px 5px;padding:0;line-height:1.2;font-weight:500;color:#fff;letter-spacing:5px}
.slide-content-satu h2{font-family:'ManifoldCF-Medium';font-size:200%;margin:5px 10px 0;padding:0;line-height:1.2;font-weight:700;color:#fff;text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.slide-content-inner{position:relative;background:rgba(0,0,0,.75);padding:25px 20px 25px 30px;border-radius:10px;margin:0 20% 0 0}
.slide-content-inner:after{content:"";position:absolute;left:-15px;top:20px;bottom:20px;width:30px;border:#ffc000 4px solid}
.slideshow .slide .title{margin:0;text-align:left}
.slideshow .slide .title h1{font-size:160%;color:#fff;font-weight:700;line-height:1.1;margin:0;padding:0;text-shadow:3px 2px 5px #000;-webkit-text-stroke:1px transparent}
.slideshow .slide:hover .title h1{color:#ffc000}
.slideshow .arrows .arrow{padding:0;position:absolute;top:50%;cursor:pointer;z-index:3;opacity: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)}
.slideshow:hover .arrows .arrow{opacity:1}
.slideshow .arrows .prev{left:15px}
.slideshow .arrows .prev:hover .svg{left:-5px}
.slideshow .arrows .next{right:15px}
.slideshow .arrows .next:hover .svg{left:5px}
.slideshow .arrows .svg{position:relative;left:0;width:6px;height:20px;fill:#fff;transition:left 0.2s ease}
.bg-black-gradient{background:rgba(0,0,0,0.3);border-color:rgba(0,0,0,0.3);}
.bg-black-gradient:hover{background:rgba(0,0,0,0.5);border-color:rgba(0,0,0,0.5);}
.bg-grey-dark{background-color:#919191;}
.bg-grey-dark2{background-color:#414141;}
.bg-grey-dark3{background-color:#818181;}
.bg-grey{background-color:#e9e9e9;}
.bg-grey-medium{background-color:#e0e0e0;}
.latest-box:hover .bg-grey-medium{background-color:#fff;}
.bg-navsub{background:#000;}
.bg-navsub:after{content:"";position:absolute;top:-9px;left:20px;border-right:transparent 10px solid;border-left:transparent 10px solid;border-bottom:#000 10px solid;}
.bg-white{background:#fff;}
#visitor .widget-height.bg-white{background-color:#e0e0e0;}
.bg-white-transparent{background:rgba(255,255,255,0.5);}
.bg-gradient-black{background: rgba(0,0,0,0.3);background: -moz-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, #005d7b 80%);background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.3) 0%, #005d7b 80%);background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, #005d7b 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,0.3)",endColorstr="#005d7b",GradientType=1);}
.image-article:after{border-bottom:#dbdbdb 12px solid;}
.latest-date:after{border-top:#ffc000 12px solid;}
.bgwhite-gradient-radial{background: rgb(255,255,255);background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, transparent 100%);background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, transparent 100%);background: radial-gradient(circle, rgba(255,255,255,1) 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="transparent",GradientType=1);}
.bg-grey-radial{background: rgb(255,255,255);background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, #e0e0e0 100%);background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, #e0e0e0 100%);background: radial-gradient(circle, rgba(255,255,255,1) 0%, #e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0e0e0",GradientType=1);}
.bg-white-radial{background: #e0e0e0;background: -moz-radial-gradient(circle, #e0e0e0 0%, #fff 100%);background: -webkit-radial-gradient(circle, #e0e0e0 0%, #fff 100%);background: radial-gradient(circle, #e0e0e0 0%, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="#ffffff",GradientType=1);}
.footer-logo-image{background:#fff;border:#414141 2px solid;}
.headline-hover:hover .bottom-gradient{background:transparent;}
.headline-hover:hover .absolute-bottom{background:rgba(0,0,0,0.8);}
.progress2 {background-color: #dbdbdb;}
.persen-progress{background:#fff;}
.small-box:before{background: #fff;background: -moz-linear-gradient(0deg, #fff 0%, transparent 100%);background: -webkit-linear-gradient(0deg, #fff 0%, transparent 100%);background: linear-gradient(0deg, #fff 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="transparent",GradientType=1);}
.gradient-grey-bottom{background: #e0e0e0;background: -moz-linear-gradient(0deg, #e0e0e0 10%, transparent 100%);background: -webkit-linear-gradient(0deg, #e0e0e0 10%, transparent 100%);background: linear-gradient(0deg, #e0e0e0 10%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e0e0",endColorstr="transparent",GradientType=1);}
.searchtool .form-control{background:rgba(255,255,255,0.2);border-color:rgba(0,0,0,0.3);}
.searchtool-mobile .form-control{background:rgba(255,255,255,0.2);}
.searchtool .form-control:focus, .searchtool .form-control:hover, .searchtool .form-control.active, .searchtool-mobile .form-control-mobile:focus, .searchtool-mobile .form-control:hover, .searchtool-mobile .form-control.active{background:#fff;color:#313131;}
.searchtool .form-control::-moz-placeholder, .searchtool .form-control:-ms-input-placeholder, .searchtool .form-control::-webkit-input-placeholder, .searchtool-mobile .form-control::-moz-placeholder, .searchtool-mobile .form-control:-ms-input-placeholder, .searchtool-mobile .form-control::-webkit-input-placeholder {color:#717171;}
.go-search svg{fill:#515151;}
.headertop{border-bottom:#fff 1px solid;background: #e9e9e9;background: -moz-linear-gradient(90deg, #e9e9e9 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.5) 75%, #e9e9e9 100%);background: -webkit-linear-gradient(90deg, #e9e9e9 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.5) 75%, #e9e9e9 100%);background: linear-gradient(90deg, #e9e9e9 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.5) 75%, #e9e9e9 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9e9e9",endColorstr="#e9e9e9",GradientType=1);-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.3);box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.3);}
.small-height .headertop{background:#e0e0e0;}
.album-head-image:after, .album-head-pemb:after{background: #fff;background: -moz-linear-gradient(0deg, #fff 0%, transparent 100%);background: -webkit-linear-gradient(0deg, #fff 0%, transparent 100%);background: linear-gradient(0deg, #fff 0%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="transparent",GradientType=1);}
.infostyle .btn-info{background-color:#919191 !important;border:none;box-shadow:none;}
.head-statis-title h2{color:#000;}
.pagination{font-size:13px !important;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #515151;background-color: transparent;border-color: #bdbdbd;}
.pagination > li > a, .pagination > li > span {color: #919191;background-color:transparent;border: 1px solid #bdbdbd;margin:0 1px;border-radius:3px;}
.no-found h2{color:#000;}
.lapakplus-head h1{color:#fff;text-shadow:-1px -1px 0 #bdbdbd, 1px -1px 0 #bdbdbd, -1px 1px 0 #bdbdbd, 1px 1px 0 #bdbdbd;}
.menu-left{border-bottom:#fff 1px solid;}
.mobile-menu .dropdown-menu{border-top:#919191 1px solid;}
#online .dropdown-menu{background:#e0e0e0 !important;}
#online .dropdown-menu:after{border-bottom:#e0e0e0 10px solid;}
.info td{padding:5px !important;border-color:#bdbdbd !important;}
.aparatur .carouselcustom-item.is-selected .aparatur-box{border:#bdbdbd 5px solid;}
.layanan .form-control:focus, .layanan .form-control.active{border-color:#919191;}
.box-header h3, .box h4{border-bottom:#bdbdbd 1px solid;}
.border-grey-soft{border-color:#bdbdbd !important;}
.border-white{border-color:#fff !important;}
.modal-dialog{background:#fff;}
.petastyle .modal-content{background:#fff !important;}
.lapakplusstyle .modal-content{background:#fff !important;}
.single-link:after{background:#bdbdbd;}
.rightpanel-container{background-color: #fff;}
.mobile-menu p:after{background:#bdbdbd;}
.menu-icon{background:#313131;}
.statistik-left1-backg svg{fill:#fff;}
.footer-social svg{fill:#bdbdbd;stroke:none;border:#919191 1px solid;padding:3px;background:rgba(0,0,0,0.2);}
.stat-sub, .stat-sub a{color:#313131;}
.heading-stat, .heading-stat a{color:#313131;}
.widget-height .highcharts-root text {stroke-width: 0;fill:#000 !important ;}
.widget-height .highcharts-title {fill: #000 !important;text-transform: capitalize !important;}
.widget-height .highcharts-background {fill: #e9e9e9;stroke:#bdbdbd;}
.widget-height .highcharts-grid path {stroke: #bdbdbd;stroke-dasharray: 2 2;}
.widget-height .highcharts-xaxis path {stroke: #bdbdbd;stroke-width: 3px;}
.widget-height .highcharts-yaxis path {stroke: #bdbdbd;stroke-width: 3px;}
.shalat-box svg{fill:#fff;}
.shalat-box:after{border-bottom:#fff 6px solid;}
.color-grey{color:#919191;}
.progress-bar {background-color: #e0e0e0 !important;}
.fortab label{background:#919191;color:#bdbdbd;}
.fortab input:checked + label{background:#414141;color:#fff;}
.miring-tab:before{border-top:#fff 50px solid;}
.miring-tab:after{border-bottom:#fff 50px solid;}
.widget-height iframe{width:100% !important;max-width:100% !important;min-width:100% !important;height:auto;min-height:32vh !important;}
#loading {position:fixed;width:100%;left:0;top:0;bottom:0;z-index: 999999999;background:#dbdbdb;text-align:center;-o-animation: open 0.5s linear forwards, squeeze 0.5s linear 0.5s forwards;-ms-animation: open 0.5s linear forwards, squeeze 0.5s linear 0.5s forwards;-webkit-animation: open 0.5s linear forwards, squeeze 0.5s linear 0.5s forwards;-moz-animation: open 0.5s linear forwards, squeeze 0.5s linear 0.5s forwards;-ms-animation: open 0.5s linear forwards, squeeze 0.5s linear 0.5s forwards;animation: open 0.5s linear forwards, squeeze 0.5s linear 0.5s forwards;}
.load-container{position:absolute;left:30%;top:10%;bottom:10%;right:30%;border-radius:10px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);}
.loader{position: absolute;bottom:50%;top:0;left:0;right:0;text-align:center;border-radius:10px 10px 0 0;}
.loader-inner{position: absolute;bottom:20px;left:0;right:0;text-align:center;}
.loader img{width:80px;height:auto;}
.loader h1{font-size:120%;margin:10px 0 0;padding:0;line-height:1.1;text-transform:uppercase;font-weight:bold;color:#fff;}
.loader h2{font-size:100%;margin:10px 0 0;padding:0;line-height:1.2;font-weight:400;color:#bdbdbd;}
.loading{position: absolute;top:50%;bottom:0;left:0;right:0;text-align:center;background:#fff;border-radius:0 0 10px 10px;}
.loading-inner{position: absolute;top:20px;left:0;right:0;text-align:center;}
.loading-inner h2{font-size:90%;color:#515151;margin:0 0 15px 15px;padding:0;line-height:1;text-transform:uppercase;letter-spacing:15px;font-weight:bold;}
.loading span {display: inline-block;vertical-align: middle;width: 12px;height: 12px;margin: 5px;border-radius: 12px;animation: loading 1s infinite alternate;}
@keyframes loading {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes squeeze{0%{opacity:1}60%{opacity:1}100%{opacity:0}}@-moz-keyframes squeeze{0%{opacity:1}60%{opacity:1}100%{opacity:0}}@keyframes squeeze{0%{opacity:1}60%{opacity:1}100%{opacity:0}}@-ms-keyframes squeeze{0%{opacity:1}60%{opacity:1}100%{opacity:0}}@-o-keyframes squeeze{0%{opacity:1}60%{opacity:1}100%{opacity:0}}
.bg-bubbles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.bg-bubbles li{position:absolute;list-style:none;display:block;bottom:-50vh;border-radius:10px;background:#fff;-webkit-animation:square 7s infinite;animation:square 7s infinite;transition-timing-function:linear}.bg-bubbles li:nth-child(1){left:-15%;width:70vh;height:70vh;bottom:-65vh;opacity:.2;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:8s;animation-duration:8s}.bg-bubbles li:nth-child(2){left:-15%;width:50vh;height:50vh;opacity:.3;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:13s;animation-duration:13s}.bg-bubbles li:nth-child(3){left:-5%;opacity:.4;width:30vh;height:30vh;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:5s;animation-duration:5s}
@-webkit-keyframes square{0%{transform:translateY(0)}100%{transform:translateY(-700px) rotate(180deg)}}@keyframes square{0%{transform:translateY(0)}100%{transform:translateY(-700px) rotate(180deg)}}
.articlehome .modal-dialog{z-index:99999;width:60% !important;padding:0;overflow:hidden !important;margin:0 0 !important;left:20%;background:transparent !important;}
.modal-article{position:absolute;left:0;top:50px;right:0;bottom:50px;}
.modal-article-inner{position:absolute;left:0;top:60px;right:0;bottom:0;}
.articlehome .modalscroll {overflow-y: scroll;scrollbar-color:transparent transparent;scrollbar-width: thin;}
.articlehome .modalscroll::-webkit-scrollbar {width: 10px;}
.articlehome .modalscroll {scrollbar-width: thin;}
.articlehome .modalscroll::-webkit-scrollbar-track {background:transparent;}
.modal-article-content{margin-right:3px;padding:15px;}
.articlehome .topmodal{right:12px;}
.articlehome .modal-backdrop.in {filter: alpha(opacity=70);opacity: .7;}
.modal-article-inner h2{font-size:140%;margin:0 0 15px;padding:0;line-height:1.2;font-weight:bold;}
.image-small{float:right;vertical-align:text-top;width:45%;margin:0 0 10px 10px;}
.image-small img{width:100%;height:auto;border-radius:5px;}
.autowidth {position:relative;display: grid;grid-template-columns: repeat(auto-fit, minmax(calc(25% - 20px), 1fr)) !important;grid-gap: 10px;}
.autowidth-item{position:relative;overflow:hidden;border:1px solid;border-radius:5px;cursor:pointer;transition: all 0.2s linear 2s;-webkit-transition: all 0.2s linear 2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 2s;}
.autowidth-image{position:absolute;top:0;left:0;bottom:0;width:35%;border:none;border-right:1px solid;transition: all 0.2s linear 2s;-webkit-transition: all 0.2s linear 2s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 2s;}
.autowidth-image img{width:55%;height:auto;}
.autowidth-item:hover .autowidth-image img{transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transform-origin: center;-moz-transform-origin: center;-webkit-transform-origin: center;transition: transform 1.0s}
.autowidth-title{position:relative;width:65%;margin:0 0 0 auto;float:right;text-align:center;padding:15px 0;}
.autowidth-item h2{font-size:100%;margin:0 10px;padding:0;line-height:1.1 !important;font-weight:bold;}
.autowidth-item h3{font-size:90%;margin:0 10px;padding:0;line-height:1.1 !important;font-weight:500;}
.rightpanel .head-widget{display:none;}
.rightpanel .widget-height{height:auto;border-radius:0 0 5px 5px !important;}
.visitor-head{border:1px solid;border-bottom:none;border-radius:5px 5px 0 0;font-size:100%;margin:0;padding:25px 15px;line-height:1.2;font-weight:bold;text-transform:uppercase;}
.visitor-head img{width:25%;margin:0 10px 0 0;}
.bottom-tombol{position:fixed;z-index:9999;bottom:10px;right:10px;}
#ScrollToTop{width:34px;height:34px;cursor:pointer;margin-top:5px;}
#ScrollToTop svg{width:24px;height:24px;fill:#fff;}
.text-break{word-break:break-word}