.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;}
.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;}
.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;}
.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;}
.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;}
.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;}
.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);}
.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;}
.statistik-left1-backg svg{fill:#fff;}
.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);}
.color-1{color:#c3336f;}
.statistik-title svg{fill:#d689c5;}