:root {
  --yellow: #F4C030;
  --blue: #008BD0;
  --green: #69B839;
  --red: #CF2431;
}
body.grey-bg{
	background: #F7F7F7;
	font-family: 'DM Sans', sans-serif;
}
.main-color{
	color: var(--red);
}
.width-max-mobile{
	max-width: 480px !important;
	margin: 0px auto;
	height: 100%;
	max-height: 100%;
}
.banner-kecamatan{
	display: block;
  width: 100%;
  height: fit-content;
  border-radius: 10px;
  object-fit: cover;
}
.main-content{
	background-color: #ffffff;
}
.pd-16{
	padding: 0px 16px;
}
.medium-grey-bg{
	background-color: #fafafa !important;
}
.white-bg{
	background-color: #ffffff !important;
}
.top-home{
	padding-top: 20px;
	padding-bottom: 30px;
}
.title-app{
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 0px !important;
}
.temperature{
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
}
.date-now{
	font-family: 'DM Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-align: right;
}
.middle-content{
	vertical-align: middle;
    margin: auto;
}
.pd-10{
	padding: 20px;
}
.home-icon{
	border-radius: 20px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
	padding: 19px 18px;
	cursor: pointer;
	border: 1px solid rgba(243, 243, 243, 1);
}
.home-icon > img{
	width: 100%;
	margin: 0 auto;
}
.menu-title{
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #000000;
	margin-bottom: 0px !important;
	margin-top: 10px !important;
	text-align: center;
}
#otherMenu {
  padding: 0 !important;
}
.modal.fade.in .modal-menu-lainnya {
  bottom: 0;
  opacity: 1;
  z-index: 1000;
}
.modal-menu-lainnya {
  position: relative;
  bottom: 0;
  top: 22%;
  margin: 0 auto;
  padding: 23px;
  max-width: 480px;
  width: 100%;
  height: auto;
  background-color: white;
  border-radius: 30px 30px 0 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out !important;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out !important;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out !important;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out !important;
}
.close {
  margin-top: -20px;
  margin-right: -20px;
  text-shadow: 0 1px 0 #ffffff;
}
.line-popup{
    position: relative;
    top: 0px;
    border: none;
    height: 5px;
    width: 60px;
    border-radius: 100px;
    background: #E9E9E9;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.category-menu{
	color: black;
	font-size: 15px;
	font-weight: 600;
}
.pd-t-25{
	padding-top: 25px !important;
}
.title-sec{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0px !important;
}
.link-all{
	font-family: 'DM Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	text-align: right !important;
	color: var(--red);
}
.link-all>a{
	color: var(--red) !important;
}
.news-box{
	box-shadow: 0px 0px 20px 0px #0000001A;
	border-radius: 10px;
	border-width: 0px;
}
.card-img-top{
	border-radius: 10px 10px 0px 0px ;
	width: 100%;
	min-height: 120px;
	max-height: 120px;
	object-fit: cover;
}
.card-body{
	padding: 15px;
}
.date-card{
	font-family: DM Sans;
	font-size: 10px;
	font-weight: 400;
	text-align: left;
	color: #aaaaaa;
}
.card-title{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.title-card{
	font-family: Poppins;
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	color: #000000;
}
.date-event-card{
	font-family: DM Sans;
	font-size: 10px;
	font-weight: 400;
	text-align: left;
	color: white;
}
.event-date{
	background: var(--yellow);
	border-radius: 5px;
	padding: 5px 10px 2px 10px;
	width: fit-content;
	margin-bottom: 8px;
}
.newsslide>.owl-stage-outer>.owl-stage{
	padding-bottom: 30px;
}
.owl-dots{
	display: none !important;
}
.app-version{
	font-family: Poppins;
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	margin-top: 0px;
    padding-bottom: 110px;
    margin-bottom: 0px;
}
.navigation-bar {
  background: transparent;
  overflow: hidden;
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 480px;
  padding-top: 40px;
}
.navigation-bar .list-items {
  list-style: none;
  display: flex;
  position: relative;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  padding-top: 15px;
  padding-bottom: 0.25rem !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.navigation-bar .list-items .item {
  flex: 1 1 0px;
  position: relative;
  z-index: 2;
}
.navigation-bar .list-items .item .link {
  display: inline-block;
  height: fit-content;
  width: 4.5rem;
  text-align: center;
  color: var(--second-color);
}
#circle{
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: var(--red);
	border-radius: 50%;
	top: -25px;
	left: 41%;
	z-index: 9999;
	box-shadow: 0px 4px 15px 0px #0000001F;
	display: flex;
	align-items: center;
	justify-content: center;
}
#circle-two{
	padding: 20px 14px;
	background-color: var(--red);
	border-radius: 50%;
	box-shadow: 0px 4px 15px 0px #0000001F;
	align-items: center;
	justify-content: center;
}
tr.bottom-border-only {
    border-bottom: 1px solid #aaaaaa;
}
.nav-title{
	font-family: Poppins;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: #a1a1a1;
	margin-bottom: 0px !important;
}
.icons8-home { 
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNhMWExYTEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4zMzMzMyw1LjMzMzMzKSI+PHBhdGggZD0iTTIzLjk1MTE3LDRjLTAuMzE5ODQsMC4wMTA5MiAtMC42Mjc4MSwwLjEyMzg0IC0wLjg3ODkxLDAuMzIyMjdsLTE0LjIxMjg5LDExLjE5NzI3Yy0xLjgwMzksMS40MjE2MyAtMi44NTkzNywzLjU5Mzk4IC0yLjg1OTM3LDUuODkwNjN2MTkuMDg5ODRjMCwxLjM2MzU5IDEuMTM2NDEsMi41IDIuNSwyLjVoMTBjMS4zNjM1OSwwIDIuNSwtMS4xMzY0MSAyLjUsLTIuNXYtMTBjMCwtMC4yOTUwNCAwLjIwNDk2LC0wLjUgMC41LC0wLjVoNWMwLjI5NTA0LDAgMC41LDAuMjA0OTYgMC41LDAuNXYxMGMwLDEuMzYzNTkgMS4xMzY0MSwyLjUgMi41LDIuNWgxMGMxLjM2MzU5LDAgMi41LC0xLjEzNjQxIDIuNSwtMi41di0xOS4wODk4NGMwLC0yLjI5NjY1IC0xLjA1NTQ4LC00LjQ2ODk5IC0yLjg1OTM3LC01Ljg5MDYybC0xNC4yMTI4OSwtMTEuMTk3MjdjLTAuMjc3MzgsLTAuMjE5MTIgLTAuNjIzMjQsLTAuMzMzMjYgLTAuOTc2NTYsLTAuMzIyMjd6TTI0LDcuNDEwMTZsMTMuMjg1MTYsMTAuNDY2OGMxLjA4NDEsMC44NTQzNyAxLjcxNDg0LDIuMTUzODUgMS43MTQ4NCwzLjUzMzJ2MTguNTg5ODRoLTl2LTkuNWMwLC0xLjkxNDk1IC0xLjU4NTA1LC0zLjUgLTMuNSwtMy41aC01Yy0xLjkxNDk1LDAgLTMuNSwxLjU4NTA1IC0zLjUsMy41djkuNWgtOXYtMTguNTg5ODRjMCwtMS4zNzkzNSAwLjYzMDc0LC0yLjY3ODgzIDEuNzE0ODQsLTMuNTMzMnoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=') 50% 50% no-repeat;
	background-size: 100%; 
}
.icons8-news { 
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNhMWExYTEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4zMzMzMyw1LjMzMzMzKSI+PHBhdGggZD0iTTcuNSw2Yy0yLjQ2NzUsMCAtNC41LDIuMDMyNSAtNC41LDQuNXYyNWMwLDMuNTcxOTQgMi45MjgwNiw2LjUgNi41LDYuNWgyOWMzLjU3MTk0LDAgNi41LC0yLjkyODA2IDYuNSwtNi41di0xNWMwLC0yLjQ2NzUgLTIuMDMyNSwtNC41IC00LjUsLTQuNWgtMS41di01LjVjMCwtMi40Njc1IC0yLjAzMjUsLTQuNSAtNC41LC00LjV6TTcuNSw5aDI3YzAuODQ2NSwwIDEuNSwwLjY1MzUgMS41LDEuNXY2Ljc1MzkxYy0wLjAyNjQ1LDAuMTYxMDMgLTAuMDI2NDUsMC4zMjUzIDAsMC40ODYzM3YxNi43NTk3N2MtMC4wMDc2NSwwLjU0MDk1IDAuMjc2NTYsMS4wNDQxMiAwLjc0MzgxLDEuMzE2ODNjMC40NjcyNSwwLjI3MjcxIDEuMDQ1MTQsMC4yNzI3MSAxLjUxMjM4LDBjMC40NjcyNSwtMC4yNzI3MSAwLjc1MTQ2LC0wLjc3NTg4IDAuNzQzODEsLTEuMzE2ODN2LTE1LjVoMS41YzAuODQ2NSwwIDEuNSwwLjY1MzUgMS41LDEuNXYxNWMwLDEuOTUwMDYgLTEuNTQ5OTQsMy41IC0zLjUsMy41aC0yOWMtMS45NTAwNiwwIC0zLjUsLTEuNTQ5OTQgLTMuNSwtMy41di0yNWMwLC0wLjg0NjUgMC42NTM1LC0xLjUgMS41LC0xLjV6TTEwLjUsMTVjLTAuNTQwOTUsLTAuMDA3NjUgLTEuMDQ0MTIsMC4yNzY1NiAtMS4zMTY4MywwLjc0MzgxYy0wLjI3MjcxLDAuNDY3MjUgLTAuMjcyNzEsMS4wNDUxNCAwLDEuNTEyMzhjMC4yNzI3MSwwLjQ2NzI1IDAuNzc1ODgsMC43NTE0NiAxLjMxNjgzLDAuNzQzODFoMjFjMC41NDA5NSwwLjAwNzY1IDEuMDQ0MTIsLTAuMjc2NTYgMS4zMTY4MywtMC43NDM4MWMwLjI3MjcxLC0wLjQ2NzI1IDAuMjcyNzEsLTEuMDQ1MTQgMCwtMS41MTIzOGMtMC4yNzI3MSwtMC40NjcyNSAtMC43NzU4OCwtMC43NTE0NiAtMS4zMTY4MywtMC43NDM4MXpNMTAuNSwyM2MtMC44MjgzOSwwLjAwMDA4IC0xLjQ5OTkyLDAuNjcxNjEgLTEuNSwxLjV2N2MwLjAwMDA4LDAuODI4MzkgMC42NzE2MSwxLjQ5OTkyIDEuNSwxLjVoN2MwLjgyODM5LC0wLjAwMDA4IDEuNDk5OTIsLTAuNjcxNjEgMS41LC0xLjV2LTdjLTAuMDAwMDgsLTAuODI4MzkgLTAuNjcxNjEsLTEuNDk5OTIgLTEuNSwtMS41ek0yMy41LDIzYy0wLjU0MDk1LC0wLjAwNzY1IC0xLjA0NDEyLDAuMjc2NTYgLTEuMzE2ODMsMC43NDM4MWMtMC4yNzI3MSwwLjQ2NzI1IC0wLjI3MjcxLDEuMDQ1MTQgMCwxLjUxMjM4YzAuMjcyNzEsMC40NjcyNSAwLjc3NTg4LDAuNzUxNDYgMS4zMTY4MywwLjc0MzgxaDhjMC41NDA5NSwwLjAwNzY1IDEuMDQ0MTIsLTAuMjc2NTYgMS4zMTY4MywtMC43NDM4MWMwLjI3MjcxLC0wLjQ2NzI1IDAuMjcyNzEsLTEuMDQ1MTQgMCwtMS41MTIzOGMtMC4yNzI3MSwtMC40NjcyNSAtMC43NzU4OCwtMC43NTE0NiAtMS4zMTY4MywtMC43NDM4MXpNMTIsMjZoNHY0aC00ek0yMy41LDMwYy0wLjU0MDk1LC0wLjAwNzY1IC0xLjA0NDEyLDAuMjc2NTYgLTEuMzE2ODMsMC43NDM4MWMtMC4yNzI3MSwwLjQ2NzI1IC0wLjI3MjcxLDEuMDQ1MTQgMCwxLjUxMjM4YzAuMjcyNzEsMC40NjcyNSAwLjc3NTg4LDAuNzUxNDYgMS4zMTY4MywwLjc0MzgxaDhjMC41NDA5NSwwLjAwNzY1IDEuMDQ0MTIsLTAuMjc2NTYgMS4zMTY4MywtMC43NDM4MWMwLjI3MjcxLC0wLjQ2NzI1IDAuMjcyNzEsLTEuMDQ1MTQgMCwtMS41MTIzOGMtMC4yNzI3MSwtMC40NjcyNSAtMC43NzU4OCwtMC43NTE0NiAtMS4zMTY4MywtMC43NDM4MXoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=') 50% 50% no-repeat;
	background-size: 100%; 
}
.icons8-calendar { 
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAADYUlEQVR4nO2dz24TMRDGXcGtKeUd+HMAiRZeAxAPU4pU2htC4lAV8QqJYHc+V2okBLREEJ6ihSegHKG9VkYWywXVmzRLduz195Pmanvms2e9mWjWGEIIIYQQQgghhBBCZqQoipsAngAYicgRgFMALlE7rXwYAVjf3d29Ee3GsNbeFpG3EQTNzdlGZVneM7EwHo8vA3gF4CyC4LiW7ExEXnrfVYO/t7d3tTqeLkcTkQMAyyrBB3BJRN5rBwH69lHlJFRpR9t5F4nttBp8/xCakPO/A9goy3Kl3+8vmkTp9/uL3gcReQrguMZfH4vV1hY2Ie+/STnoIQD0RKSo8XvftHjPDy3itXNuwXQU59zCBBGuz30R1UtWKO30TMcB0AulIxF5rJl+NkwmANgMCHDQxuTfzpvcWnvHZEJZliuBTfh17pMDOAlM3vn0808aOi8GJ2behB5AJjOgFQcK8AcKoEx0AtBAARDBRuAJAAVQ34XgCdAPBJiC9IOBnJ4BJjNAAXShAMpQAGUogDIUQBkKoAwFUCZZAay1jwB8qf41fSoi47IsH15kDTGMkaQAAF7UvEU+T2yMtASodlzta7y19kEKYzSJQ2Nmnbg67pN+S/mcwhhN4qApQOjfFO6vicivFMZoEoeoBQDwM4UxmsShMbNO7G8ZUzj+KYUxmsShMbNO7K94Uzh+P4UxmsShMU0m9le8mrz7LLEx0hPA4694/pZR5eITf9yn2XGxjZGsAF0BFEAXCqAMBVCGAihDAZShAMpQAGWSFSCGala2AsRSzcpSgJiqWVkKEFM1K1cBoqlm/Q86KQBaqmZlKUBM1awsBYipmpWlADFVs7IVIJZqVtYCdAVoxcFf83JvVzMYDK6o3cDYsMn4GKwGnkFHai3LfGtHkwkAtjRblq0Hjt9xDmloOBwuiciPQAzW5r4A38K95hpYdL1tJYAy5H9RFNdaWUjVtDooQhdPwnA4XKoLPoAPbT+E6loX+3S0aa29m7IYAHqVD1s1acfbWetdI33//JoFZWUism002tcDeKftPHJtX1+JsFz3PMjA9v1LmYngEyY7GX7CZNtnARMLAG6JCCIIjpuzjVr9VsBF8S3cfRfxKjUdTlnFcpGaX/th5ctaa/d8QgghhBBCCCGEEGK6yG85fP6QyVNpJgAAAABJRU5ErkJggg==') 50% 50% no-repeat;
	background-size: 100%; 
}
.icons8-complaint {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/png;base64,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') 50% 50% no-repeat;
	background-size: 100%;
}
li.active>a>div.icons8-home{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNjZjI0MzEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4zMzMzMyw1LjMzMzMzKSI+PHBhdGggZD0iTTM5LjUsNDNoLTljLTEuMzgxLDAgLTIuNSwtMS4xMTkgLTIuNSwtMi41di05YzAsLTEuMTA1IC0wLjg5NSwtMiAtMiwtMmgtNGMtMS4xMDUsMCAtMiwwLjg5NSAtMiwydjljMCwxLjM4MSAtMS4xMTksMi41IC0yLjUsMi41aC05Yy0xLjM4MSwwIC0yLjUsLTEuMTE5IC0yLjUsLTIuNXYtMTkuMDg3YzAsLTIuMjk5IDEuMDU0LC00LjQ3MSAyLjg1OSwtNS44OTNsMTQuMjEyLC0xMS4xOTljMC41NDUsLTAuNDI4IDEuMzEzLC0wLjQyOCAxLjg1NywwbDE0LjIxNCwxMS4xOTljMS44MDUsMS40MjIgMi44NTgsMy41OTMgMi44NTgsNS44OTF2MTkuMDg5YzAsMS4zODEgLTEuMTE5LDIuNSAtMi41LDIuNXoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=') 50% 50% no-repeat;
	background-size: 100%; 
}
li.active>a>div.icons8-news{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiNjZjI0MzEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4zMzMzMyw1LjMzMzMzKSI+PHBhdGggZD0iTTcuNSw2Yy0yLjQ4MSwwIC00LjUsMi4wMTkgLTQuNSw0LjV2MjVjMCwzLjU4NCAyLjkxNiw2LjUgNi41LDYuNWgyOWMzLjU4NCwwIDYuNSwtMi45MTYgNi41LC02LjV2LTE3YzAsLTIuMzEgLTEuNzU2LC00LjE5NzIyIC00LC00LjQ0OTIydjIwLjQ0OTIyYzAsMC44MjggLTAuNjcyLDEuNSAtMS41LDEuNWMtMC44MjgsMCAtMS41LC0wLjY3MiAtMS41LC0xLjV2LTI0YzAsLTIuNDgxIC0yLjAxOSwtNC41IC00LjUsLTQuNXpNMTAuNSwxNWgyMGMwLjgyOSwwIDEuNSwwLjY3MiAxLjUsMS41YzAsMC44MjggLTAuNjcxLDEuNSAtMS41LDEuNWgtMjBjLTAuODI5LDAgLTEuNSwtMC42NzIgLTEuNSwtMS41YzAsLTAuODI4IDAuNjcxLC0xLjUgMS41LC0xLjV6TTEwLjUsMjNoN2MwLjgyOSwwIDEuNSwwLjY3MiAxLjUsMS41djdjMCwwLjgyOCAtMC42NzEsMS41IC0xLjUsMS41aC03Yy0wLjgyOSwwIC0xLjUsLTAuNjcyIC0xLjUsLTEuNXYtN2MwLC0wLjgyOCAwLjY3MSwtMS41IDEuNSwtMS41ek0yMy41LDIzaDdjMC44MjksMCAxLjUsMC42NzIgMS41LDEuNWMwLDAuODI4IC0wLjY3MSwxLjUgLTEuNSwxLjVoLTdjLTAuODI5LDAgLTEuNSwtMC42NzIgLTEuNSwtMS41YzAsLTAuODI4IDAuNjcxLC0xLjUgMS41LC0xLjV6TTEyLDI2djRoNHYtNHpNMjMuNSwzMGg3YzAuODI5LDAgMS41LDAuNjcyIDEuNSwxLjVjMCwwLjgyOCAtMC42NzEsMS41IC0xLjUsMS41aC03Yy0wLjgyOSwwIC0xLjUsLTAuNjcyIC0xLjUsLTEuNWMwLC0wLjgyOCAwLjY3MSwtMS41IDEuNSwtMS41eiI+PC9wYXRoPjwvZz48L2c+Cjwvc3ZnPg==') 50% 50% no-repeat;
	background-size: 100%; 
}
li.active>a>div.icons8-calendar{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABrElEQVR4nO1ZzUoDMRCO4E19AD1uplQ8tDPtRazSgz9Ppwdbii+g1rcQ1GObqVDwWqm+xeJKWtC1lpZkN80q+WBOO0y+LzOTWRIhAgICAgqP51LtSAHescR3BowZKHFjGCtJbwzYHUT1w8zE75vNdZZ45Y4wLTZJHc3BWoBX8vAtwrpsvJOHqVmV06TmC0Cep1m4MRYwbdgCkAdKdGObC3B62pgaxhYCfJOmH2YsICAgI/58D3ABSHMQAP53nkMJwbwdwVE/ouNBpbKhSnjCgK+/fCRd9nbr29oYsGUVAxxlQC+c9lWAp+nvSuJD+nsixJoCejKJwS4FDPf2NtO+L+Xy1ozP+Ww8BXhhGCNxJkCnfGEGAB+XZWBZDHbbxDjSC+pdZKieza9fbPXLtKNNAbbtYlA4hRIfZz6HDIh//y+EOQwyjwL6OQwyrwKGOQwyrwJUDoNsBQIwdjvIXF+ryEJdbI1tMtAtkIBrYwE9qO0roA/f5FlbVG0YC5hkQVLHN3kF2BbZHjj8iVCA7UwPHF+ZiKoNlnSrm2kFT0xjfZ2uJB5kJh4QEBAgXOMTT5MZt8Qe+QYAAAAASUVORK5CYII=') 50% 50% no-repeat;
	background-size: 100%; 
}
li.active>a>div.icons8-complaint{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACaklEQVR4nO2Yz2tTQRDHV0FFrOJBPQlCZmIhh2SmEfFP8NdBxb9APAsiCK0g/vgL/AO8qX+EFw+KaG1nnjVQEL0KvbVVwVJiZGICpaZm17zdl+D7wkB4bzNvPrMzb/etc6VKlYquDGcuKvK8AG8ocifU5Pf/5rXauFBU8J3cDBqXkgIo0rs8AQT4bVIAn7IRoNmsXj8gQHMeAD+SAvhktVWr7bWxHxH3+YwfOwA3wvgSYJjKGcAJKKHWpDexAM21arUpBb4TDSCr1I8J0EMBVgH+1jPpXkM6OgqABlpw8IJ0VYDWd3QKtJZV+cpYAogFj/xzaBkgtwdBeJbQrO9KHATQK5udM/+H0er2cvJs4ikbuzw9fTBXAKvv4CkGvh+ziSVkL6TAWSiANXYogMbajQrw1/AH0HpUgAqdDwAIqf9+CdFa3gACvGGZDwq+NwMa/DCkRR8AAXrccW63iykFfhA+A3xvGECS4E32SrSS8Aeg1YWTzSNuiwoLvi9bnGyRGl463B70wa1I3wsLfiuEZfdvmdfKzGU3QIJ01/ZNCvyokOD7stKwRcqa1F6v9oay33Zte9mUKjWp6ji3S4CuC/IHBdr859UTaNN8ZMjXzGcyAEW+mfvepUo30gEAfckbwHwmCf4Nnj6Ue/A9M9/RAfRE43AsAPMdHeD18TP7fb59g3sAuW2+XQoJ0OcIPfDJpZIi3859BoBuJQNYaDb3KPDzHMvnhR0XupRatqMN4KejZ56f9I9LCpFU6JwgvwrPOr1cBD7rxkVL1VOV7goN/EyQlgR5xc5muoa8okjv7Z6NsbFFx1uq1P+mXySQsgRwnQCIAAAAAElFTkSuQmCC') 50% 50% no-repeat;	
	background-size: 100%; 
}
li.active>a>p.nav-title{
	color: var(--red);
}
.modal-content.darurat{
	border: none !important;
    border-radius: 10px !important;
    padding: 30px 25px !important;
}
.model-content.menulain{
	border:  none !important;
	padding: 0px !important;
}
.modal-header{
	padding: 0px !important;
	border-bottom: none !important;
}
.modal-body{
	padding: 0px !important;
}
.tutup{
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	color: var(--red) !important;
	text-align: right;
	width: 100%;
}
.font-title{
	font-family: Poppins;
}
.font-desc{
	font-family: DM Sans;
}
.top-title-page{
	background: #ffffff;
	padding: 16px;
	box-shadow: 0px 0px 20px 0px #0000001A;
}
.page-title{
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	color: #000000;
	width: 100%;
}
.search-section{
	background: var(--red);
	padding: 27px 16px;
	margin-bottom: 25px;
}
.has-search .form-control {
    padding-left: 50px;
    border: none;
    border-radius: 100px;
    font-family: DM Sans;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px !important

}
.form-group.has-search {
    margin-bottom: 0px;
    margin-top: 0px !important;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #53393F;
}
button.list-kelurahan, button.list-kelurahan:hover{
	background-color: #ffffff;
	padding: 20px 30px;
	font-size: 14px;
	font-weight: 500 !important;
	text-align: left;
	text-decoration: none;
	color: #000000;
	margin:5px 0px;
	width: 100%;
}
.push-right{
	float: right;
}
.pd-30{
	padding: 30px 16px;
}
.pd-90{
	padding-top: 30px;
	padding-bottom: 120px;
	padding-left: 16px;
	padding-right: 16px;
}
.mr-tb-10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.nama-kelurahan{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-align: center;
	color: black;
	text-transform: uppercase;
}
.img-lurah{
	border-radius: 100%;
	width: 120px;
	height: 120px;
	object-fit: cover;
	object-position: 50% 0;
	margin: 0px auto;
	display: block;
}
.nama-lurah{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px !important;
	color: black;
	text-transform: uppercase;
}
.info-font{
	font-weight: 600;
	color: #000000;
	font-size: 16px;
}
.info-kel-title{
	font-weight: 400;
	color: #000000;
	font-size: 14px;
	line-height: 34px;
}
.info-kel-desc{
	font-weight: 400;
	color: #3F3F46;
	font-size: 14px;
	line-height: 34px;
}
.navigation-bar .list-items .item-call {
  flex: 1 1 0px;
  position: relative;
  z-index: 2;
  width: 50%;
  padding: 0px 16px 16px 16px;
}
.navigation-bar .list-items .item-call-full {
  flex: 1 1 0px;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0px 16px 16px 16px;
}
a.btn.btn-secondary-red{
	background: var(--blue);
	font-family: Poppins;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	border: 1px solid var(--blue);
	padding: 15px;
	width: 100%;
}
a.btn.btn-primary-red{
	background: var(--green);
	font-family: Poppins;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	border: 1px solid var(--green);
	padding: 15px;
	width: 100%;
}
button.list-potensi, button.list-potensi:hover{
	background-color: #ffffff;
	padding: 10px 30px;
	font-size: 14px;
	font-weight: 500 !important;
	text-align: left;
	text-decoration: none;
	color: #000000;
	margin:5px 0px;
	width: 100%;
}
.img-potensi{
	border-radius: 5px;
	width: 80px;
	height: 70px;
	object-fit: cover;
	object-position: 50% 0;
	float: left;
}
.kategori-potensi{
	font-size: 9px;
	font-weight: 400;
	color: var(--green);
	background: rgba(105, 184, 57, 0.15);
	padding: 1px 5px;
	border-radius: 100px;
	line-height: 25px;
}
.tgl-program{
	font-size: 8px;
	font-weight: 400;
	text-align: left;
	color: #AAAAAA;
}
.pd-lr-5{
	padding: 0px 5px !important;
}
.pin-kel-program{
	background-color: var(--blue);
	color: #ffffff;
	padding: 5px 10px;
	font-weight: 500;
	font-size: 11px;
	margin-left: 16px;
	border-radius: 100px;
}
.pin-jns-program{
	background-color: var(--green);
	color: #ffffff;
	padding: 5px 10px;
	font-weight: 500;
	font-size: 11px;
	margin-left: 6px;
	border-radius: 100px;
}
.slide-pin{
	background-color: var(--green);
	color: #ffffff;
	padding: 5px 10px;
	font-weight: 500;
	font-size: 11px;
	margin-left: 16px;
	border-radius: 100px;
}
.product-cat-pin{
	background-color: var(--yellow);
	color: #ffffff;
	padding: 5px 10px;
	font-weight: 500;
	font-size: 11px;
	margin-left: 16px;
	border-radius: 100px;
}
.img-galleryslide{
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: 50% 0;
}
.nama-potensi{
	color: black;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
	text-align: center;
}
.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.icon-list li {
  padding-left: 30px;
  margin-bottom: 10px;
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: rgba(63, 63, 70, 1);
}
.icon-list li:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
}
.icon-list li i {
  position: absolute;
  left: 0;
  font-size: 16px;
  top: 1px;
  color: var(--red);
}
.icon-box-list {
  display: flex;
  flex-wrap: wrap;
}
.icon-box {
  width: 20%;
  padding: 10px;
  text-align: center;
}
.icon-box i {
  font-size: 24px;
  width: 54px;
  height: 54px;
  margin-bottom: 10px;
  padding: 15px 10px;
  border-radius: 100px;
  color: #ffffff;
}

.co-yellow{
	background: var(--yellow);
}
.co-blue{
	background: var(--blue);
}
.co-green{
	background: var(--green);
}
.co-red{
	background: var(--red);
}
.icon-box p {
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.deskripsi-potensi{
	font-size: 13px;
	font-weight: 400;
  color: rgba(63, 63, 70, 1);
}
.paragraf-pjg{
	font-size: 15px;
	font-weight: 400;
  color: rgba(63, 63, 70, 1);
}
.product-title{
	font-size: 14px;
	color: black;
	font-weight: 400;
	margin-bottom: 7px !important;
}
.product-price{
	font-size: 14px;
	color: black;
	font-weight: 600;
	margin-bottom: 7px !important;
}
.product-ukm-shop{
	font-size: 10px;
	color: rgba(170, 170, 170, 1);
	font-weight: 400;
	margin-bottom: 7px !important;
}
.mr-16{
	margin-bottom: 16px !important;
}
.product-name{
	font-size: 18px;
	font-weight: 600;
	color: black;
}
.product-pricing{
	font-size: 20px;
	font-weight: 600;
	color: var(--red);
}
.sub-price{
	color: rgba(170, 170, 170, 1);
	font-weight: 400;
}
.img-ukm{
	border-radius: 100px;
	float: left;
}
.ukm-name{
	font-size: 16px;
	font-weight: 600;
}
.ukm-kelurahan{
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(63, 63, 70, 1);
}
.color-pg{
	color: rgba(63, 63, 70, 1) !important;
}
.facility-icon{
	border-radius: 100px;
	box-shadow: 0px 0px 20px 0px #0000001A;
	padding: 11px;
	margin: 0 auto;
	width: 72px;
	height: 72px;
}
.list-fasilitas{
	background-color: #ffffff;
	padding: 10px;
	margin:10px 0px;
	width: 100%;
}
a.btn-small-red{
	background: var(--blue);
	font-family: Poppins;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	display: block;
}
.nama-fasilitas{
	font-size: 14px;
	font-weight: 500;
	color: black;
}
.website-view {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.website-view iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#loading-line {
  width: 100%;
  height: 4px;
  background-color: #ccc;
  position: relative;
  overflow: hidden;
}
#loading-line:before {
  content: '';
  display: block;
  position: absolute;
  left: -50%;
  width: 100%;
  height: 100%;
  background-color: var(--red);
  animation: loading 2s linear infinite;
}
@keyframes loading {
  from { left: -50%; }
  to { left: 100%; }
}
.loading-complete#loading-line {
  display: none !important;
}
.loading-complete#loading-line:before {
  animation: none !important;
  display: none !important;
}
.alert-klinik-box{
	background: #ffffff;
	border-radius: 10px;
	margin: 35px 16px 32px 16px;
	padding: 15px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.font-red, a.font-red{
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	color: rgba(207, 36, 49, 1)!important;
}
.font-penjelas{
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: rgba(63, 63, 70, 1);
}
.line-grey{
	border: solid rgba(170, 170, 170, 1) !important; 
	border-width:  1px 0 0 !important;
	margin: 0px 16px 20px 16px !important;
}
.klinik-title{
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: black;
	margin-bottom: 10px !important;
}
.form-label{
	font-family: DM Sans;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	color: black;
	margin-bottom: 5px !important;
}
.form-input{
	border: 1px solid rgba(170, 170, 170, 0.58) !important;
	padding: 20px !important;
	background: #ffffff;
	border-radius: 7px !important;
	width: 100%;
	font-family: DM Sans !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 11px !important;
	color: rgba(132, 132, 132, 1) !important;
	box-shadow: none !important;
}
.form-group{
	margin-top: 20px !important;
}
.btn-full-red{
	background: var(--blue);
	font-family: Poppins;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	padding: 15px;
	border-radius: 5px;
	width: 100%;
	display: block;
}
.kategori-klinik{
	list-style-type: upper-alpha;
	font-family: DM Sans;
	font-size: 13px;
	font-weight: 700;
	text-align: left;
}
.subkat-klinik{
	list-style-type: decimal;
	font-family: DM Sans;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}
.img-lembaga{
	border-radius: 100px;
	width: 114px;
	height: 114px;
	padding: 18px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	background: white;
	float: left;
}

/*section {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.container.survey-box {
    width: -webkit-fill-available;
    padding: 10px 20px;
    margin: 10px 16px 50px 16px;
    box-shadow: 0px 0px 20px #00000020;
    border-radius: 8px;
    background-color: white;
    display: inline-block;
}
.step {
    display: none;
}
.step.active {
    display: block;
}
.form-group {
    width: 100%;
    margin-top: 20px;
}
.form-group input {
    width: 100%;
    border: 1.5px solid rgba(128, 128, 128, 0.418);
    padding: 5px;
    font-size: 18px;
    margin-top: 5px;
    border-radius: 4px;
}
button.next-btn,
button.previous-btn,
button.submit-btn {
		float: right;
    margin-top: 10px;
    padding: 10px 15px;
    border: none;
    outline: none;
    border-radius: 5px;
    background: rgba(207, 36, 49, 1);
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 700;
    cursor: pointer; /* text-align: right; */
    color: white;
}
button.previous-btn {
    float: left;
    background: rgba(170, 170, 170, 1);
}
button.submit-btn {
    background: rgba(207, 36, 49, 1);
}
.form-check{
	padding-left: 0px !important;
}
.header-page-form{
	font-family: DM Sans;
	font-size: 11px;
	font-weight: 400;
	color: black;
}
.radiobutton{
	width: fit-content !important;
}
.form-label-small{
	font-family: DM Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: black;
	width: 70%;
}
.image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
  border-radius: 10px;
	object-fit: cover;
	object-position: center center;
	cursor: pointer;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
}
.text-container {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: #fff;
}
.news-title-banner{
	color: white;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 0px !important;
}
.tgl-berita{
	font-size: 9px;
	font-weight: 400;
	color: rgba(170, 170, 170, 1);
}
.news-title{
	font-size: 13px;
	font-weight: 500;
	color: black;
}
.top-img-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 256px;
	object-fit: cover;
	object-position: center center;
}
.icon-container {
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px;
  color: #fff;
}
.icon-container>a>i{
	background: white;
	border-radius: 100px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 10px;
	color: rgba(207, 36, 49, 1);
}
.content-news{
	background: white;
	padding: 40px 16px 90px 16px;
	border-radius: 20px 20px 0px 0px;
	margin-top: -23px;
	z-index: 99;
	position: relative;

}
.news-big-title{
	font-size: 16px;
	font-weight: 600;
	color: black;
	text-align: center;
}
.news-date{
	font-size: 12px;
	font-weight: 400;
	color: rgba(170, 170, 170, 1);
	margin-bottom: 10px;
	text-align: center;
}
.news-content{
	font-size: 14px;
	font-weight: 400;
	color: rgba(63, 63, 70, 1);
}
.tgl-event{
	font-size: 9px;
	font-weight: 400;
	color: rgba(244, 192, 48, 1);
}
.event-title{
	font-size: 13px;
	font-weight: 500;
	color: black;
	line-height: 2;
}
.newsslide{
	cursor: pointer;
}
.all-event-img{
	width: 100% !important;
}
li.list-group-item.mt-1 {
    font-family: 'DM Sans';
    font-size: 14px;
    background-color: #FFC1CE;
    color: #93344A;
    padding: 20px;
  }
@media only screen and (max-width: 480px) {
  .pd-10{
		padding: 10px !important;
	}
	.navigation-bar{
		width: 100% !important;
	}
	body{
		background: #fafafa !important;
	}
	a.btn-small-red{
		font-size: 13px !important;
	}
	.icon-menu>.row>.col-3{
		padding-right: 10px !important;
    padding-left: 10px !important;
	}
	.home-icon{
		padding: 17px 16px !important;
	}
	.facility-icon{
		height: auto !important;
	}
	.icon-box{
		padding: 4px !important;
	}
	.img-lembaga{
		height: auto !important;
	}
}