@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap');

/* General Style */
body {
	font-family: 'Raleway', sans-serif;
	color:#323636;
	font-size:16px;
}
.wrapp { width:1320px; margin:0 auto;}	
.container {
	max-width: var(--max-width);
	margin: auto;
	padding-left: 80px;
	padding-right: 80px;
}
#animation { visibility:hiddesn;}
.animate__fadeIn { visibility:visible;}
a { transition: 0.3s;}
.font_lg { font-size:20px;} 
.font_lg2 { font-size:18px;} 
h2 { font-weight:700; font-size:38px;}
	
/* Button */
.readon {
	border-radius:50px;
	padding:20px 25px;
	border:none;
	font-weight:600;
	font-size:14px;
}
	.readonblock { display: block; }

	/* Less Padding */
	.readon.lesspad { padding-right:30px; padding-left:30px;}
	.readon.lesspadall { padding:15px 40px;}

	/* With Icon */
	.icon {
		padding-right: 80px;
		background-repeat: no-repeat !important;
		background-position: 84% 42% !important;
		background-size: 25px auto !important;
	}
	.icon_download { background-image:url(../images/download-icon.svg)!important;}

	.noborder { color:#12a6e0; border:1px solid #12a6e0; margin-left:5px;}
	.noborder:hover { color:#008dc4; text-decoration: none;}
	.noborder_green { color: #319654; border:1px solid #319654; margin-left:5px;}
	.noborder_green:hover { color: #118037; text-decoration: none; }
	.noborder_yellow { color: #f9a024; border:1px solid #f9a024; margin-left:5px; }
	.noborder_yellow:hover { color: #e2880b; text-decoration: none; }

	/*Blue*/
	.readon.blue {
		color:#fff;
		background:#12a6e0;	
	}
	.readon.blue:hover {
		text-decoration:none;
		background:#008dc4;	
	}
	
	/*Green*/
	.readon.green {
		color:#fff;
		background:#319654;	
	}
	.readon.green:hover {
		text-decoration:none;
		background:#118037;	
	}
	
	/*Yellow*/
	.readon.yellow {
		color:#fff;
		background:#f9a024;	
	}
	.readon.yellow:hover {
		text-decoration:none;
		background:#e2880b;	
	}
	.readon.border {
		background:none;
		border-width:1px;
	}
	.readon.border.yellow {
		border-color:#f9a024!important;
		color:#f9a024;
	}
	.readon.border.yellow:hover {
		border-color:#e2880b!important;
		color:#e2880b;
		background:none;
	}
	
	/*White*/
	.readon.border.white {
		border-color:#fff!important;
		color:#fff;
	}
	.readon.border.white:hover {
		opacity:0.7;
		background:none;
		text-decoration:none;
	}
	
	
	
		/*List Button*/
		ul.list_icon { margin:0; padding:0;}
		ul.list_icon li { display:inline-table;}
	
.show_mobile { display: none; }
.hide_mobile { display: block; }
	
/* Header */
#header {
	display: grid;
	grid-template-columns: 30% 70%;
	align-items: center;
	position:relative;
	z-index:9;
	padding:15px 0;
}

	.header_fix {
		background:#fff;
		z-index:999;
		left:0;
		top:0;
		width:100%!important;
		height:110px;
		position:fixed!important;	
	}
	
#header ul { margin:0; padding:0;}
#header ul li { display:inline-table;}
.logo { }
.logo img { width:200px; height:auto;}
	
	/* Main Navigation */
	.main_nav { top: 12px; position:relative;}
	.main_nav ul { margin:0; padding:0; text-align:right;}
	.main_nav ul li { display:inline-table; position:relative;}
	.main_nav ul li a {
		display:block;
		transition: 0.3s;
		padding:15px 23px 47px 18px;
		color:#15275b;
		font-size:13px;
		font-weight:500;
	}
	.main_nav ul li:first-cild a { padding-left:0;}
	.main_nav ul li.donasi a,
	a.donasi {
		border-radius:50px;
		background:#ee2937;
		color:#fff;
		font-size:15px;
		padding:15px 30px;
		font-weight:700;
		margin-left:20px;
	}
		.main_nav ul li.donasi:hover a,
		a.donasi {
			background:#c60f1c;
			color:#fff!important;
		}
	.main_nav > ul > li.have_sub > a {
		background-image:url(../images/sub-nav-bg.svg);
		background-repeat:no-repeat;
		background-position:right 20px;
		background-size:13px auto;	
	}
	.main_nav ul li.current-menu-item a,
	.main_nav ul > li:hover > a {
		color:#12a6e0;
		text-decoration:none;
	}
	
		/* Sub Level 1 */ 
		.main_nav ul li ul {
			text-align:left;
			position:absolute;
			background:#15275b;
			width:250px;
			padding:20px 20px 30px!important;
			top:65px;
			left:-9000px;
			z-index:999;
			border-radiu: 3px;
		}
			.header_fix .main_nav ul li ul {
				top:80px;	
			}
			
		/*.main_nav ul li ul:before {
			font-family: 'FontAwesome';
			content: "\f0d8";
			position:absolute;
			top:-27px;
			left:50px;
			text-align:center;
			color:#15275b;
			font-size:32px;	
		}

		.main_nav ul li ul:before {
			position:absolute;
			top:-27px;
			left:50px;
			width:19px;
			height: 9px;
			background-image: url(../images/nav-arrow.svg;)
			background-repeat: no-repeat;
			background-position: center center;
		}*/

		.main_nav ul li:hover ul { left:auto;}
		.main_nav ul li ul li {
			display: block!important;
			margin: 0 6px;	
		}
		.main_nav ul li ul li a {
			padding:7px 0;
			font-size:14px;
			color:#fff;
			text-transform:none;
			border-bottom:1px dotted #6982c6;
		}
	
		.main_nav ul li ul li.current-menu-item a,
		.main_nav ul li ul li:hover > a {
			color:#12a6e0;
			background:none;
		}
		
		/* LANG */
		.main_nav ul li.lang ul {
			width:80px;
			padding:10px!important;
		}
		.main_nav ul li.lang ul li a { text-align:center;}
		.main_nav ul li.lang ul:before {
			left:33px;
		}
		.mob_header_color { background: #fff; }
	

/* TOP SLIDER */
/* .top_slider { margin-top:-115px;} */
.top_slider .slick-slide {
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
}
.top_slider_desc_in {
	display:flex;
	/* height:900px; */
	height:535px;
	width:35%;
	align-items:center;	
}
.top_slider_desc_in p {
	color:#fff;
	font-weight:700;
	font-size:35px;
	display:block;
	margin-bottom:45px;
	line-height: 42px;
}

	/* Slick CSS */
	.slick-slide img { width:100%; height:auto;}
	.slick-arrow {
		position:absolute;
		display:block;
		text-indent:-9000px;
		width:20px;
		height:20px;
		top:42%;
		z-index: 99;
		border:none;
		background-image:url(../images/slider-nav.svg);
		background-repeat:no-repeat;
		background-color:transparent;
		cursor:pointer;
		background-position: center center;
	}
	.slick-arrow:focus { outline:none;}
	.slick-prev { left:-35px; background-position:left center;}
	.slick-next { right:-35px;  background-position:right center;}

/* Home 2nd Section*/
.nd_section {
	background:#33b1e4;
	padding:60px 0;
	color:#fff;
}
#nd_section {
	display: grid;
	grid-template-columns: 40% 25% 35%;
}
.nd_section_left h2 { font-weight:700; margin-bottom:10px;}
.nd_section_right { padding-right:50px; position:relative;}
	.nd_section_right:after {
		position:absolute;
		height:100px;
		width:350px;
		content:" ";
		background-image:url(../images/moncong.svg);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:100% auto;
		bottom: -103px;
		right: 93px;	
	}
.nd_section_right .slick-slide img {
	padding:10px;
	border-radius:25px;	
}

/* Home 3rd Section*/
#rd_section {
	display: grid;
	padding:10% 0;
	grid-template-columns: 60% 40%;	
}

#rd_section iframe { width:100%;}
.rd_section_left { padding-right:10%;}
.rd_section_left h2 { margin-bottom:10px; color:#20295b;}
.rd_section_left h2 span { display:block;}
.rd_section_left ul {
	margin:50px 0 0;
	padding:0;	
}
.rd_section_left ul li { display:inline-table;}
.rd_section_left ul li:nth-child(1) { margin-right:25px;}

/* Home 4th Section*/
.four_section {
	background-image:url(../images/section-4-bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
}
#four_section {
	display: grid;
	grid-template-columns: 48% 30% 22%;	
}
.four_section_flex {
	display:flex;
	align-items: center;
	text-align:center;
	font-size:20px;
	min-height:550px;
}
.four_section_in { display:block;}
.four_section_left { text-align:left;}
.four_section_left h3 {
	margin-bottom:50px;
	font-size:32px;
	font-weight:700;
	padding-right:19%;
	color:#20295b;
}
.con_box {
	padding:0 70px;
	color: #15275b;
	font-weight:400;
	position: relative;
}
	#plus {
		font-size: 70px;
		font-weight: 700;
		position: absolute;
		top: 0;
		right: 55px;
	}
	.kkr_conatu #plus { right: 50px; }
	.kkr_conua #plus { right: 75px; }

.con_number {
	font-size:70px;
	font-weight:700;
}
.four_section_right {
	background: #33b1e4;
}
.four_section_right .con_box { color:#fff;}

/* Home 5th Section*/
.fifth_section {
	background-image:url(../images/gtrass-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:cover;
	text-align:center;
	padding:7% 0 5%;
}
.fifth_section h2 {
	color:#15275b;
	padding:0 10%;	
}
.container2 { width:700px; margin:0 auto;}
.relawan_box {
	display:grid;
	grid-template-columns: 1fr;
	grid-gap: 50px;
	padding:30px 0;
}

	.relawan_box_item {
		border-radius:30px;
		background:#fff;
		padding:50px 50px 70px;
		font-size:20px;
		line-height:28px;	
	}
	.relawan_box_item h2 { margin-bottom:15px;}
	.itm_desc { margin-bottom:50px;}

/* Dukungan Section */
.dukungan_section {
	background-image:url(../images/dukungan-BG.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	/*background-attachment:fixed;*/
	padding:5% 0;
	color:#fff;
}
#dukungan_section {
	display:grid;
	grid-template-columns: 50% 50%;
}
	.dukungan_box {
		display:flex;
		height:700px;
		align-items:center;
	}
	.dukungan_box_in {
		font-size:26px;
		margin-top:100px;
	}
	.dukungan_box_in ul { margin-top:50px;}
	.dukungan_box_in ul li { margin-right:15px;}

	/* Section Mobilenya */
	.dukungan_pasien_mob {
		background: #33b1e4;
		color: #fff;
		font-size: 14px;
		padding: 50px 20px 30px;
	}
	
/* FOOTER */
.footer_mainbox { background:#33b1e4; padding:80px 0 20px; color:#fff;}
.footer_top {
	padding-bottom:60px;
	text-align:center;
}
.footer_top span { display:block;}

#footer_main {
	display:grid;
	grid-template-columns: 45% 55%;	
}

	.footer_main_left { padding-right:15%;}
	.footer_main_left h4 { font-size:20px;}
	
#footer_main ul { margin:0; padding:0;}
.footer_main_ctx {
	display:grid;
	grid-template-columns: 50% 50%;	
}
	.footer_main_ctx { margin:40px 0; font-size:95%;}
	.footer_main_ctx h3 { font-weight:700; font-size:22px;}
	.footer_main_ctx p { margin:0;}
	.footer_main_ctx a { color:#fff;}
	.footer_main_ctx .readon {
		font-weight:700;
		font-size:16px;
		position:relative;
		top:30px;
	}
	.footer_main_ctx .readon:hover { text-decoration:none; opacity:0.7;}

.footer_main_sponsor { margin: 95px 0 40px;}	
.footer_main_sponsor h4 { font-weight:700;}
.footer_main_sponsor ul { margin:0 auto;}
.footer_main_sponsor ul li { display:inline-table; margin-right:60px;}
.footer_main_sponsor ul li a img { width:140px;}

.footer_main_right {
	display:grid;
	grid-template-columns: 25% 25% 25% 25%;	
}
	.footer_main_right_item h4 { font-size:18px; font-weight:700;}
	.footer_main_right_item ul { margin:30px 0;}
	.footer_main_right_item ul li { list-style:none;}
	.footer_main_right_item ul li a {
		color:#fff;
		display:block;
		padding:7px 45px 7px 0;
		font-size:95%;
		line-height: 18px	
	}

.footer_bottom {
	display:grid;
	margin:80px 0 20px;
	position:relative;
	grid-template-columns: 55% 45%;		
}
.footer_bottom a { color:#fff;}
.fplc ul li { display:inline-table; margin:0 10px;}
.fplc ul li a { color:#fff; font-weight:700;}
.cpr span { display: block; }

.social_footer {
	position:absolute;
	right:0;
	bottom:0;	
}
.social_footer ul li { display:inline-table;}
.social_footer ul li a {
	display:block;
	text-indent:-9000px;
	width:30px;
	height:30px;
	margin-left:6px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;	
}
.social_footer ul li a.fb { background-image:url(../images/fb-icon.svg);}
.social_footer ul li a.ig { background-image:url(../images/ig-icon.svg);}
.social_footer ul li a.yt { background-image:url(../images/yt-icon.svg);}
.social_footer ul li a.tw { background-image:url(../images/tw-icon.svg);}

/* Halaman 3 Pilar */
.tr_pilar_heading {
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover; 
}
.tr_pilar_heading_flex {
	display:flex;	
	height:400px;
	width:100%;
	align-items:center;	
}
.tr_pilar_heading_desc {
	text-align:center;
	color:#fff;
	width:70%;
	margin:0 auto;
}

.tr_pilar_items {
	display: grid;
	margin: 100px 0;
	grid-template-columns:43% 12% 45%; 
}
	.parents_club {
		grid-template-columns:33% 48%;
	}

.prt_club {  }
.prt_club_img { float: left; width:33%;}
.prt_club_text { float: right; width: 62%; padding: 2% 20% 0 0;}
.prt_club_text ul.list_icon { margin-top: 50px; }

.tr_pilar_items ul.list_icon { margin-top: 50px; padding: 0;}
.flex { display: flex; align-items: center; }
.tr_pilar_items_img img,
.tr_pilarpp_img img { width: 100%; height: auto; }
.tr_pilar_items_text h3 {
	color: #242956;
	font-weight: 700;
}
.sld_img { padding-left: 20px; }
.sld_img img { width: 180px!important; height:auto; }
.tr_padding_left { padding-left: 70px; }

	/* POP-UP */
	.modal-content { border-radius: 0!important; }
	.pp_close {
		position: absolute;
		width: 30px;
		height: 30px;
		background: #000;
		background-image:url(../images/close-icon.svg)!important;
		background-repeat: no-repeat;
		background-position: center center;
		top: -28px;
		right: -28px;
		cursor: pointer!important;
	}
		.pop_close {
			position: fixed;
			bottom: 20px!important;
			top: auto!important;
			opacity: 1!important;
			right: 15px!important;
			background-image:url(../images/close-icon-blue.svg)!important;
		}

	.tr_pilarpp_text {
		font-size: 14px;
		padding: 0 40px;
		line-height: 22px;
		position: relative;
	}
	.tr_pilarpp_text h3 { 
		padding-right: 50%;
		color: #242956;
		font-weight: 700;
		margin-bottom: 20px;
		font-size: 24px;
		min-height: 55px;
	}
	.tr_pilarpp_text img {
		position: absolute;
		right: 0; top: 0;
		right: 40px;
		top: -10px;
		width: 140px;
	}
	.tr_pilarpp_text ul,
	.tr_pilarpp_text ol { margin: 15px 0; padding: 0 0 0 25px; }
	.tr_pilarpp_text ul li,
	.tr_pilarpp_text ul ol { dislay: block; margin-bottom: 5px; padding: 0;}
	.tr_pilar_pop {
		display: grid;
		grid-template-columns:53% 47%; 
	}
	.daftar_box { text-align: center; margin-top: 20px;}
	.daftar_box span { display: block; font-weight: 700; margin-bottom: 15px;}
	.daftar_box .readon { border-radius: 50px; padding: 10px 25px; }

	/* Pilar Slider */
	.btn_slider .slick-arrow,
	.related_blog .slick-arrow,
	.tr_slider .slick-arrow,
	.p_slider .slick-arrow {
		width: 30px;
		height: 30px;
		top: auto;
		bottom: 40px;
		background-image: url(../images/slider-nav-pilar.svg);
	}
	.tr_slider .slick-arrow { bottom: -45px; }
	.p_slider .slick-arrow { bottom: -45px; }

	.p_slider .slick-prev,
	.btn_slider .slick-prev,
	.tr_slider .slick-prev { left: auto; right: 40px; }

	.p_slider .slick-next,
	.btn_slider .slick-next,
	.tr_slider .slick-next { right: 0px; }

		.btn_slider .slick-arrow {
			top: -50px;
			bottom: auto;
		}


/* DONASI */
.container_donasi { width: 1024px; margin: 0 auto; }
.donasi_heading {
	background-image:url(../images/donasi-bg.jpg);
}
.donasi_heading_flex { height: 650px; }
.donasi_heading_flex .tr_pilar_heading_desc { width: 100%; text-align: left; }
.donasi_heading_flex .tr_pilar_heading_desc h2 { width: 40%; margin-bottom:25px;}

.donasi_topbox {
	background-image:url(../images/donasi-top-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}
.donasi_mainbox {text-align: center; padding:80px 0;}
.donasi_mainbox h2 { color: #15275b; font-weight: 700; line-height: 38px;}
.donasi_ctn_top { width: 650px; margin: 0 auto; }
.donasi_miancontent {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 35px;
	padding: 40px 0;
}

.donasi_miancontent2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 35px;
	padding: 40px 0;
}

@media (min-width:1024px) {
	.donasi_miancontent2 {
		/* width: 400px; */
		width: 700px; 
		margin: 0 auto;
	}
}

@media (max-width:768px) {
	.donasi_miancontent2  {
		display: block;
	}
}
   
.ctn_item {
	padding: 40px;
	background:#fff;
	font-size: 14px;
	line-height: 22px;
}
.ctn_item_in { position: relative; min-height: 300px; }
.ctn_item_in .readon { position: absolute; width:100%; bottom: 0; }
.ctn_item p { margin: 0; }
.ctn_item h2 { font-size: 28px; line-height: 30px; margin-bottom: 25px; }
.ctn_item .readon { display: block; margin-top: 25px; }
.ctn_item .readon.lesspadall { padding: 10px 40px; }

.donasi_bottom .ctn_item {
	border-radius: 70px;
	padding:60px 35px 40px;
	position: relative;
	box-shadow: 11px 11px 5px -7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 11px 11px 5px -7px rgba(0,0,0,0.2);
	-moz-box-shadow: 11px 11px 5px -7px rgba(0,0,0,0.2);
}
.qr_code img { width:100%; height: auto;}
.dn_ins { min-height: 280px; position: relative;}
.dn_ins .readon { position: absolute; width:100%; bottom: 0;}
ul.readon_donasi { position: absolute; width: 100%; bottom: 0; }
ul.readon_donasi li a.readon { position: static; margin: 0;} 
ul.readon_donasi li a.noborder_green.lesspadall { padding-left: 20px!important; padding-right:20px!important; }

/* PROGRAM YOAI */
.program_heading {
	/* background-image:url(../images/program-bg.jpg); */
}

.program_flbox {
	/*background-image:url(../images/fg-bg.jpg);*/
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.program_items {
	margin: 0;
	grid-template-columns: 43% 8% 49%;
}
.program_flbox .flex {}
.program_heading_flex { height: 700px;}
.program_top { width: 45%;}
.program_top h2 { margin-bottom: 30px; }
.program_top p { margin-bottom: 40px; }
.program_flbox_in {
	text-align: center;
	color: #fff;
	padding: 10% 0;
	width: 768px;
	margin:0 auto; 
}
.program_flbox_in .readon { position: relative; top: 20px; }

/* KANKER ANAK */
.kkr_anak_heading {
	background-image:url(../images/kkr_bg.jpg);
	background-position: center center;
}
.kkr_anak_tp {
	padding:100px 0;
	display:grid;
	grid-template-columns: 45% 55%;
}

.kkr_anak_tp2 {
	padding:50px 0;
	display:grid;
	grid-template-columns: 50% 50%;
}

.kkr_anak_tp2 ul li {
	margin-bottom:20px;
}

@media (max-width:768px) {
	#aboutLegalitas .container {
		padding: 10px !important;
    width: 90%;
	}

	.kkr_anak_tp2 {
		grid-template-columns: 100%;
	}
}


.kkr_anak_tpleft { padding-right: 90px; }
.kkr_anak_tpleft h3 {
	color: #15275b;
	font-weight: 700;
	margin-bottom: 20px;
}
.kkr_itms {
	display:grid;
	margin:0 0 15px;
	grid-template-columns: 15% 85%;
}
.kkr_anak_long {
	background-image:url(../images/kkr_anak_long_bg.jpg);
	background-position: center center;
	background-size: cover;
	color: #fff;
}
.kkr_anak_box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 50px;
	padding: 40px 0;
}
.kkr_anak_box .four_section_left h3 { padding: 0; font-weight: normal; margin: 0;}
.kkr_anak_box .four_section_flex { min-height: 200px; margin: 0;}
.kkr_anak_box .con_box { color: #fff; }
.kkr_anak_box .four_section_right { background: none; }
.kkr_anak_box .our_section_in { width: 100%; }

.kkr_slider { background:#e6e6e6; padding: 90px 0; }
.kkr_slider_top { width:980px; margin: 0 auto 60px; text-align:center;}
.kkr_slider_top h3,
.kkr_slider_item h3 { font-weight: 700; color: #15275b; }
.kkr_slider_box { padding: 0 10px;}
.kkr_slider_item h3 { margin-bottom: 25px; font-size: 22px;}
.kkr_slider_item {
	background: #fff;
	padding: 20px;
	text-align: center;
	-webkit-border-radius: 0px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius: 0px;
	-moz-border-radius-bottomright: 50px;
	border-radius: 0px;
	border-bottom-right-radius: 50px;
}
.kkr_slider_item_in { position: relative; min-height: 295px; }
.kkr_slider_item .readon.lesspadall {
	padding: 10px 10px;
	margin-top: 30px;
	font-size: 13px!important;
	position: absolute;
	bottom: 0;
	width:100%;
}
	.kkr_modal_box {
		-webkit-border-radius: 0px!important;
		-webkit-border-bottom-right-radius: 50px!important;
		-moz-border-radius: 0px!important;
		-moz-border-radius-bottomright: 50px!important;
		border-radius: 0px!important;
		border-bottom-right-radius: 50px!important;
		padding: 40px;
	}
	.kkr_modal_box h3 { font-weight: 700; color: #15275b; }
	.kkr_close { right: 10px; top: 10px; z-index: 9999;}

	.kkr_slider_main ul.slick-dots { display: none!important; }

/* Modal Fullscreen */
.mobile_modal {
	background: #33b1e4!important;
	-webkit-border-radius: 0px!important;
		-webkit-border-bottom-right-radius: 190px!important;
		-moz-border-radius: 0px!important;
		-moz-border-radius-bottomright: 190px!important;
		border-radius: 0px!important;
		border-bottom-right-radius: 190px!important;
}
.mobile_modal .modal-dialog {
	margin: 0;
}
.mobile_modal .modal-content {
	border: none;
	background: none;
}
/* Mobile NAV */
.mobile_main_nav ul.mm_nav {
	margin: 20px 0;
	padding: 0 20px;
	height: 400px;
	width: 90%;
	overflow: scroll;
}
.mobile_main_nav ul.mm_nav li {
	list-style: none; 
	display: block;
	margin: 10px 0;
	position: relative;
}
	.hvv {
		width: 15px;
		height: 15px;
		position: absolute;
		z-index: 99;
		display: inline-block;
		margin-left: 25px;
		top: 6px;
		background-image:url(../images/sub-nav-bg-white.svg);
		background-position: center center;
		background-repeat:no-repeat;
		background-size:100% auto;	
	}
.mobile_main_nav ul.mm_nav li a {
	display: inline-block;
	color: #fff;
	font-weight: 700;
}
.mobile_main_nav ul.mm_nav li ul {
	display: none;
	padding-left: 20px;
	margin: 25px 0;
}
	.mobile_main_nav ul.mm_nav li ul li a {
		font-weight: normal;
		font-size: 90%;
	}

.show { display: block!important; }
.mobile_main_nav ul.mb_logo_pop { padding: 15px 0; }
.mobile_main_nav ul.mb_logo_pop li img {
	width: 110px;
	height: auto;
}
.mobile_main_nav ul.mb_logo_pop li:nth-child(2) { border-left:1px solid #fff; }
.mobile_main_nav ul.langbox {
	background: #20295b;
	border-radius: 5px;
	position: absolute;
	padding: 0;
	right: 20px;
	top: 22px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.mobile_main_nav ul.langbox li { display: flex; }
.mobile_main_nav ul.langbox li:nth-child(2) { border-left: 1px solid #33b1e4; }
.mobile_main_nav ul.langbox li a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 25px;
	padding: 0 8px;
}
.mobile_main_nav ul.langbox li.active a { color: #33b1e4; }

.pop_footer { 
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 50%;
	color: #fff;
}
.pop_footer .social_footer { position: static; }
.pop_footer .social_footer ul { padding: 0; }
.pop_footer .social_footer ul li a { margin-left: 0; margin-right: 5px; width: 25px; height: 25px;}
.pop_footer { font-size: 10px; }

/* Slick Dots */
ul.slick-dots {
	text-align: center;
	margin: 30px 0;
	padding: 0;
}

ul.slick-dots li {
	display: inline-table;
}
ul.slick-dots li button {
	border: 2px solid #33b1e4;
	border-radius: 50%;
	display: block;
	text-indent: -9000px;
	width: 15px;
	height: 15px;
	background: no-repeat;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
}
ul.slick-dots li.slick-active button { opacity: 0.3; }
ul.slick-dots li button:focus { outline: none; }

/* RELAWAN */
.realawan_heading h2 span { display: block; }
.realawan_heading { background-image:url(../images/relawan-bg.jpg); }
.realawan_heading .tr_pilar_heading_flex { height: 550px; }
.relawan_box_detail {
	display:grid;
	margin: 40px 0;
	text-align: left;
	grid-template-columns: 60% 40%;
}
.relawan_box_detail_itms { padding: 0 40px; background: #fff; line-height: 27px;}
.relawan_box_detail_itms:nth-child(1) { border-right:1px solid #dadada; }
.relawan_box_detail_itms_in h2 { padding: 0; font-size: 26px;}
.relawan_box_detail_itms_in { padding: 40px 30px; }
.relawan_box_cta  { background: #33b1e4; font-size: 18px;}
.relawan_box_cta .relawan_box_detail_itms_in { color: #fff; padding: 50px 45px;}
.relawan_box_cta h2 { font-size: 34px; color: #fff; }
.relawan_box_cta p { margin-bottom: 0;  }

/* PENGADAAN */
.pengadaan_heading { background-image: url(../images/pengadaan_bg.jpg); }
.pengadaan_heading_flex { height: 400px; }
.pengadaan ul.pgd_one { margin: 25px 0; padding: 0;}
.pengadaan ul.pgd_one li { list-style: none; margin-bottom: 15px; position: relative; padding-left: 70px;}
.pengadaan ul.pgd_one li span {
	position: absolute;
	left: 0;
	font-weight: 700;
	top: 0;
	line-height: 30px;
	width: 50px;
	height: 50px;
	background: #33b1e4;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	padding: 8px 0;
}
table.tbl { width: 100%; margin-top: 25px;}
table.tbl td { vertical-align: top; font-size: 14px; padding: 5px 25px 5px 0;}
table.tbl td p { margin-bottom: 5px; }
.pengadaan_heading_flex .tr_pilar_heading_desc { width: 40%; text-align: left; margin:0; margin-top:100px;}
.p_slider { margin:25px 0; }
.p_slider img { width:100%; height: auto; }

.ppk {
	display: grid;
	padding: 60px 0;
	grid-template-areas: "atas gambar" "kiri kanan";
	grid-template-columns: 1fr 1fr;
}
.ppk_intro {
	font-size: 24px;
	font-weight: 700;
	padding: 80px 100px 0 0;
	margin-bottom: 30px;
}
.ppk_intro_img img { border: 10px solid #fff; width:100%;}
.ppk h4 { font-weight: 700; font-size: 24px; }
.ppk ul { padding-left: 20px; }

.ppk_top {
	background: #33b1e4;
	padding: 60px 0 ;
	overflow: hidden;
}
.ppk_top_box{
	display: grid;
	grid-template-columns:50% 50%;
	color: #fff;
}

.sebarluas {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	padding: 100px 0;
}
.sebarluas_box {
	background: #fff;
}
.sebarluas_col {
	display: grid;
	grid-template-columns: 50% 50%;
}
.sebarluas_left ul { padding-left: 20px; }
.sebarluas_left img { width: 100%; }
.sebarluas_left h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.img_mson {
	display: grid;
	grid-template-areas: "wan two" "wan tli";
	grid-template-columns: 62% 30%;
	grid-gap: 10px;
}
.img_mson img:nth-child(1) { grid-area: wan; }
.img_mson img:nth-child(2) { grid-area: two; }
.img_mson img:nth-child(3) { grid-area: tli; }
.cara_membantu { margin:60px 0; }

/* Program Pemulihan  */
.timeline_box { width:980px; margin: 60px auto;}
.timeline-body { font-size: 18px; }
.timeline-body p { margin: 0; font-weight: bold; color: #fff;}
.timeline-body span { font-size: 14px; font-style: italic; display: block; margin-top: 15px; font-weight: normal;}
.timeline-body img { width: 100%; margin-bottom: 20px; padding: 0; }
.konseling_box { position: relative; }
.logo_tiga_pilar {
	position: absolute;
	right: 0;
}
.logo_tiga_pilar img { width: 80%; border: 4px solid #f9a024;}
.heading_image img { width: 100%; height: auto; }
	.heading_image {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.heading_image:after {
		content: " ";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.5);
	}
	.heading_image .flex {
		 height: 400px;
		 position: relative;
		 z-index: 1;
	}
	.heading_image h1 { color: #fff; font-weight: 700; }

.readon_wrapp_margin { margin: 25px 0; }
.addr_box { margin: 65px 0 0; font-size: 95%; }
.addr_box p { margin-bottom: 5px; }
.gal_tri_col {
	display: grid;
	margin-top: 45px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
}
.gal_tri_col img { width: 100%; height: auto; }

/* Kontak Kami */
.form_box {
	position: absolute;
	right:60px;
	padding: 50px;
	background: #33b1e4;
	color: #fff;
	width: 500px;
	top: 80px;
	border-radius: 30px;
}
.form_box input,
.form_box textarea { 
	display: block;
	width: 100%;
	border: none;
	padding: 10px 25px;
	margin-bottom: 8px;
}
.form_box textarea { height: 180px; }
.form_box button.readon {
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 20px;
	background: #f9a024;
	color: #fff;
	cursor: pointer;
}
.g_map iframe { width: 100%; }
.both_margin { margin:70px 0; }
.margin_top { margin-top: 70px; }

/* TAB */
.vertical-tab{
    display: grid;
    grid-template-columns: 23.5% 76.5%;
    margin: 70px 0;
}
.vertical-tab .nav-tabs {
    background-color: #fff;
    display: table-cell;
    padding: 10px;
    border: none;
    border-radius: 10px;
}
.vertical-tab .nav-tabs li{ float: none; display: }
.vertical-tab .nav-tabs li a {
    display: block;
    padding: 10px 50px;
    margin-bottom: 5px;
    border-radius: 50px;
    color: #33b1e4;
    font-weight: 700;
    border: 2px solid #33b1e4;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li a.active,
.vertical-tab .nav-tabs li a.active:hover {
    background: #33b1e4;
    color: #fff;
    text-decoration: none;
}
.vertical-tab .nav-tabs li a:before{
    content: '';
    background-color: #2e86de;
    height: 100%;
    width: 0;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li.active a:hover:before{
    width: 100%;
    opacity: 0;
}
.vertical-tab .tab-content{
    background: transparent;
    letter-spacing: 0.5px;
    padding: 20px 15px 10px 45px;
    display: table-cell;
}
.vertical-tab .tab-content h3{
    color: #15275b;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 4px;
}

.list_download ul { padding-left: 20px; width: 50%}
.list_download ul li a {
	color: #323636; 
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #a5a5a5;
	position: relative;
}
.list_download ul li a:after {
	position: absolute;
	right: 0;
	top: 5px;
	width:20px;
	height: 20px;
	content: " ";
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
 	background-image:url(../images/download-icon-black.svg);}
}
.list_download ul li a:hover { color: #33b1e4!important; text-decoration: none; }
.crt_box { height: 250px; }
.crt_box h2 { width:500px; }
.kkr_anak_tpleft ul li ul { padding-left: 18px; }

/* Pengurus */
.container3 { width: 900px; margin: 0 auto; }
.cerita_box {
	display: grid;
	grid-template-columns: 1fr 1fr!important;
	grid-gap: 30px;
}
.crita_item { text-align: left; }
.crita_item .itm_desc { margin-bottom: 20px; }
.crita_item h2 { padding: 0; }
.crita_item ul { padding-left: 20px; margin: 10px 0;}
.crita_item ul li { margin-bottom: 10px; }
.susunan_pengurus {
	text-align: center;
	margin: 90px 0 20px;
	padding: 0 80px;
}
.susunan_pengurus h3 { font-weight: 700; color: #15275b; }
.susunan_pengurus_item { margin: 40px 0 70px; }
.susunan_pengurus_item ul { margin:20px 0; padding: 0; text-align: center; }
.susunan_pengurus_item ul li { display: inline-table; margin: 0 6px 40px; max-width: 342px;}
.susunan_pengurus_item ul li img { width: 150px; height: auto; margin-bottom: 20px;}
.susunan_pengurus_item ul li span {
	display: inline-block;
	border-radius: 50px;
	padding: 10px 50px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background: #33b1e4;
}

	ul.yellow_button li span { background:#f9a024; }
	ul.green_button li span { background:#319654!important; }

.susunan_pengurus_item ul li i { font-style: normal; font-size: 14px; font-weight: 700; display: block; margin:8px 0;}
.yellow ul li span { background: #f9a024; }
.green ul li span { background: #319654; }
.susunan_pengurus_item h3 span { display: block; font-size: 14px; margin: 5px 0; }

/* Berita */
.berita_box { margin: 50px 0; }
.berita_item {
	display: grid;
	margin: 30px 0;
	grid-template-columns: 30% 70%;
}
.berita_item_img img { width: 100%; height: auto; }
.berita_item_desc { padding: 0px 0 20px 50px; }
.berita_item_desc a { color: #000; }
.berita_item_desc a:hover { text-decoration: none; color: #12a6e0; }
.berita_item_desc h4 { font-weight: 700; }
.berita_item_desc a.readon { padding: 10px 35px; }
.berita_item_meta { margin:10px 0; font-size: 12px; }
.betita_navigasi { }
.betita_navigasi ul { padding: 0; margin: 40px 0; text-align: center; }
.betita_navigasi ul li { display: inline-table;}
.betita_navigasi ul li a {
	display: block;
	padding: 2px 10px;
	color: #323636;
	margin:0 2px;
	border:1px solid #323636;
	border-radius: 5px;
}
.betita_navigasi ul li:hover a,
.betita_navigasi ul li.active a {
	background: #33b1e4;
	border-color: #33b1e4;
	color: #fff;
	text-decoration: none;
}
.berita_detail .berita_item { grid-template-columns: 40% 60%;}
.berita_detail_right { padding: 20px 0; }
.berita_detail .berita_item_meta { margin-bottom: 30px; }
.berita_detail { width: 850px; margin: 50px auto; }
.berita_detail h4 { font-size: 34px; }
.berita_detail ul.slick-dots {
	margin: 0;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.berita_detail ul.slick-dots li button,
.berita_detail ul.slick-dots li.slick-active button {
	border: 2px solid #fff;
	background: #8f8f8f;
}
.related_blog { width: 100%; height: auto; margin-top: 100px;}
.related_blog .berita_item_desc { padding: 0 0 30px; }
.related_blog .slick-list { margin:0 -15px;}
.related_blog .slick-slide { margin: 0 15px }
.related_blog .berita_item_desc h4 { font-size: 18px; margin: 20px 0 0; }
.related_blog .slick-arrow { top: -50px;}
.related_blog .slick-prev { right: 35px; left: auto }
.related_blog .slick-next { right: 0;}
.share_box { display: grid; grid-template-columns: 80% 20%; }
.share_box b { display: block; }
.back_blog { text-align: right; display: flex; align-items: center;}
.back_blog .readon { padding: 10px 25px; }


/* REVIS CSS */
.heading_inside { padding-top: 100px; }
.heading_inside h3 {
	color: #15275b;
	width: 30%;
	font-weight: 700;
	margin-bottom: 20px;
}
.kkr_rev { padding-top: 0px!important; }
.ppk_intro2 { font-weight: normal; font-size: 18px; }
.ppk_intro2 h3 { font-weight:700; font-size: 32px; }
.sld { position: relative; }
.slide_caption {
	padding: 20px 0;
	font-style: italic;
	font-size: 14px;
	width: 70%;
}
.slide_have_desc .slick-arrow { bottom: 10px; }

.p_konseling {
	display: grid;
	padding: 90px 0;
	grid-template-columns: 0.4fr 1fr;
	grid-gap: 80px;
}
.p_konseling img { width: 100%; height: auto; }
.p_konseling a.readon {
	position: relative;
	top: 20px;
}
.g_map { margin-bottom: -6px; }
.blue { color: #15275b; }
h3 { font-weight: 700; }

/* Adjust */
.kolom_kiri { float:right; width:45%; padding-top:10%;}
.kolom_kanan { float:left; width:45%;}
.kol_box { margin-bottom:100px;}

@media (min-width:1024px) {
	.tr_pilar_items_text {
		padding-right:60px;
	}

	.berita_item_desc {
		padding-right:80px;
	}
}

#pengobatanHeading:after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0);
}

#konselingHeading:after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0);
}

#homeTopSlider {
	/* background-image: url('../images/slide-1b2.jpg'); */
	background-image: url('../images/slide-1b.jpg');
	background-size: cover;
	background-position: top center;
	height: 650px;
}

@media(max-width:768px) {
	#homeTopSlider {
		background-image: url('../images/slide-1c.jpg');
		/* background-image: url('../images/slide-1b2.jpg'); */
	}

	#fakta-angka {
		padding-top:50px;
	}
}