/* html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Poppins;
	word-wrap: break-word;
	font-size: 13px;
} */

div,
iframe,
img,
fieldset,
legend {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

h1,
h2,
h3 {
	/* font-family: Raleway; */
	padding: 0px;
	margin: 0px;
	/* text-align: center; */
	/* color: #232323; */
}

a {
	text-decoration: none;
}

a:hover {
	/* text-decoration: underline; */
	/* color: #23A95C;	 */
}

p {
	color: #3a3838;
	font-size: 13px;
	line-height: 23px;
	font-family: Poppins;
	word-wrap: break-word;
	padding: 0px;
	margin: 0px;
}

/* TABEL */
.tabel {
	display: table;
	width: 100%;
}

.baris {
	display: table-row;
}

.baris:first-child {
	border-top: 1px solid #c1c1c1;
}

.kolom {
	display: table-cell;
	width: auto;
	padding: 10px;
	border-bottom: 1px solid #c1c1c1;
	font-size: 13px;
	line-height: 20px;
}

.kolom_2 {
	display: table-cell;
	width: auto;
	padding: 10px;
	border: none;
	float: none;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}

.atas {
	vertical-align: top;
}

td {
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
	word-break: break-all !important;
}


/* LOGIN */
.bg_admin_login {
	background: url(../wbs_gambar/bg_login.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login_admin {
	position: fixed;
	top: 25%;
	right: 10%;
	float: right;
	border: none !important;
	width: 80% !important;
}

.login_kiri {
	width: 40% !important;
	border: none !important;
	vertical-align: middle !important;
}

.login_kanan {
	width: 18% !important;
	border: none !important;
	padding: 0px !important;
}

.login_form1 {
	background-color: #327652;
	width: 100%;
	border: 1px solid #696969;
	border-bottom: none;
	text-align: center;
	font-family: Raleway;
	padding: 15px;
	font-size: 18px;
	color: #FFF;
}

.login_form2 {
	background-color: #FFF;
	width: 100%;
	border: 1px solid #696969;
	border-top: none;
	padding: 20px;
}

.login_text {
	margin: 5px 0px;
}

.login_judul {
	line-height: 75px;
	font-size: 55px;
	color: #FFF;
	padding: 10px 10px;
	font-family: Raleway;
}

.judul_detail {
	font-size: 20px;
	color: #FFF;
	font-family: Raleway;
}

/* HEADER MENU */
.header {
	display: table;
	width: 100%;
	height: auto;
	z-index: 1000;
	position: fixed;
	border-bottom: 1px solid #6f7c85;
	background-color: rgba(83, 122, 121, 0.6);
}

.bersih {
	clear: both;
}

/* KOTAK */
.kotak {
	width: 100%;
	height: auto;
}

.kotak_80 {
	width: 85%;
	height: auto;
}

.kotak_2 {
	width: 50%;
	height: auto;
	float: left;
}

.kotak_3 {
	width: 33.3333%;
	height: auto;
	float: left;
}

.kotak_4 {
	width: 25%;
	height: auto;
	float: left;
}

/* HEADER */
.header_banner {
	width: 100%;
	/* height: 85%; */
	overflow: hidden;
	position: relative;
	background: url(../wbs_gambar/header.png) no-repeat fixed center bottom;
	/* background-image: linear-gradient(
		135deg, #bd2318 10%, #b4360f 100%) !important;  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.banner_tombol {
	text-align: center;
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #FFF;
	padding: 7px 50px;
	text-align: center;
	border-radius: 23px;
	z-index: 1;
	border: 1px solid #d8d538;
	margin-top: 20px;
	background: #c9c528;
}

.banner_tombol:hover {
	background-color: #009488;
	cursor: pointer;
}

/* TULISAN DI HEADER */
.banner_1 {
	margin-top: 10%;
	position: relative;
	text-align: center;
	font-size: 45px;
	line-height: 30px;
	color: #FFF;
	margin-bottom: 25px;
	display: inline-block;
	padding: 7px 0px;
	text-align: center;
	border-radius: 5px;
	z-index: 1;
	font-weight: bold;
	
}

.banner_2 {
	text-align: center;
	position: relative;
	font-size: 80px;
	line-height: 70px;
	color: #c9c528;
	margin-bottom: 20px;
	font-family: Raleway;
	z-index: 1;
}

.banner_3 {
	text-align: center;
	position: relative;
	font-size: 17px;
	line-height: 25px;
	color: #FFF;
	font-family: OpenSans;
	z-index: 1;
	width: 100%;
	margin-top:30px;
}

/* DEFENISI */
.banner_4 {
	background: url(../wbs_gambar/lkpp_wbs_banner.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: auto;
	padding: 40px;
}

.banner_5_1 {
	width: 30%;
	text-align: right;
	border-right: 1px solid #f4f4f4;
}

.banner_5_1_heading {
	font-family: Raleway;
	font-size: 42px;
	color: #FFF;
	line-height: 50px;
	padding-right: 20px;
}

.banner_5_1_normal {
	font-size: 20px;
	color: #FFF;
	line-height: 30px;
	padding-right: 30px;
}

.banner_5_2 {
	width: 70%;
	text-align: left;
}

.banner_5_2_normal {
	font-size: 17px;
	color: #FFF;
	line-height: 33px;
	padding-left: 30px;
}

/* KRITERIA */
.kriteria {
	font-size: 50px;
	display: inline;
	background-color: #FFF;
	padding: 0px 40px;
	font-family: RBNo2Light;
	font-weight: bold;
}

.kriteria_jarak {
	/* padding: 60px 0px 50px 0px; */
}

.kriteria_isi {
	margin: 40px 0px 40px 0px;
	background-color: #ededed;
	padding: 20px;
}

.kriteria_isi.penting {
	padding: 40px;
	font-size: 15px;
	line-height: 25px;
}

/* WARNA -WARNA KRITERIA */
.kr_1 {
	background: #06F;
	font-weight: bold;
	height: 60px;
	width: 8%;
	border-radius:30px;
}

.kr_2 {
	background: #cb3063;
	font-weight: bold;
	height: 60px;
	width: 8%;
	border-radius:30px;
}

.kr_3 {
	background: #9ab30f;
	font-weight: bold;
	height: 60px;
	width: 8%;
}

.kr_4 {
	background: #dc7112;
	font-weight: bold;
	height: 60px;
	width: 8%;
}

.kr_5 {
	background: #dbd412;
	font-weight: bold;
	height: 60px;
	width: 8%;
}

.kr_6 {
	background: #242424;
	font-weight: bold;
	height: 60px;
	width: 8%;
}

.kr {
	text-align: left;
	padding: 0px 15px;
	color: #333;
	font-weight: normal;
}

.garis_judul {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #CCC;
	margin-top: -27px;
}

.jarak_baris {
	width: 100%;
	height: 40px;
}

/* TATACARA */
/* https://dprd.kuduskab.go.id/wp-content/uploads/2020/10/Particle-flares-for-background-loop-1.mp4 */
.tatacara {
	background: url("../wbs_gambar/bg2.png") no-repeat fixed center bottom;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 50px;
	border-top: 2px solid #adadad;
}

.tatacara_isi {
	padding: 20px 5px;
	text-align: left;
	color: #FFF;
}

.tatacara_judul {
	color: #FFF;
	text-align: left;
	font-family: Raleway;
	font-size: 45px;
	line-height: 65px;
}

.tatacara_kotak {
	width: 100%;
	height: auto;
	margin-top: 40px;
	padding: 20px 0px;
}

.tatacara_kotak .kotak_4 {
	width: 22%;
	height: auto;
	border-radius: 5px;
}

.tatacara_judul_cara {
	font-family: Raleway;
	font-size: 15px;
	color: #000;
	line-height: 25px;
	padding: 10px 10px;
}

.tatacara_cara_isi {
	color: #333;
	padding: 10px 20px;
	text-align: justify;
	font-size: 14px;
	line-height: 21px;
	font-weight: lighter;
}

.tatacara_cara {
	padding: 20px 0px;
	background: rgba(255, 255, 255, 0.9);
	margin: 0 1.5%;
}

.tatacara_cara img {
	width: 40%;
	height: auto;
}

/* FOOTER*/
.footer {
	background: #3d6c5c url("../wbs_gambar/lkpp_indonesia.png") no-repeat center top;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.footer_jarak {
	padding: 0px 0px 30px 0px;
}

.footer_heading {
	font-size: 40px;
	color: #FFF;
	line-height: 70px;
	text-align: center;
	font-weight: bold;
}

.footer_normal {
	font-size: 19px;
	color: #181616;
	line-height: 40px;
	text-align: center;
}

.footer_normal img {
	height: 50px;
	width: auto;
}

.footer_normal2 {
	font-size: 13px;
	color: #181616;
	line-height: 20px;
	text-align: center;
}

.footer_link {
	font-size: 11px;
	color: #fef974;
	line-height: 25px;
	text-align: center;
	padding: 5px;
}

.footer_link a {
	color: #bed4d3;
}

.footer2 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 20px;
	color: #0f0f0f;
	font-size: 11px;
	border-top: 1px dotted #545454;
}

/* ISI*/
.bg_isi {
	width: 100%;
	height: auto;
}

.judul_isi {
	width: 100%;
	height: auto;
	padding: 100px 20px 50px 20px;
	font-size: 25px;
	text-align: left;
}

.judul_isi h1 {
	text-align: left;
}

.judul_isi p {
	text-align: left;
	font-size: 16px;
	color: #f4f4f4;
}

.isi {
	text-align: left;
	font-size: 14px;
	color: #2c3237;
	line-height: 30px;
	padding: 40px 20px;
}

.isi img {
	width: 100%;
	height: auto;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	border: 5px solid #ffffff;
	box-shadow: 0 0px 1px 0 rgba(80, 80, 80, 0.4), 0 0px 1px 0 rgba(80, 80, 80, 0.4);
}

.tanya {
	font-weight: bold;
	font-family: Raleway;
	font-size: 20px;
	line-height: 25px;
	padding: 20px 20px 10px 20px;
}

.jawab {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 20px 20px 20px;
}

.kecil {
	font-size: 12px;
	line-height: 19px;
}

.menu_user_kotak2 {
	width: 78%;
	height: auto;
	float: left;
	text-align: left;
	background-color: #fcfcfc;
	border: 1px solid #b3b3b3;
	padding: 20px;
}

.menu_user_kotak23 {
	width: 78%;
	height: auto;
	float: left;
	text-align: left;
	background-color: #fcfcfc;
	border: 0px solid #b3b3b3;
	padding: 20px;
}

.kotak.user {
	width: 85%;
}

/* LEGEND */
fieldset {
	border: 1px solid #c5c5c5;
	border-collapse: collapse;
	border-radius: 1px;
}

.field_judul {
	padding: 15px;
	text-align: left;
	padding-top: 20px;
	margin: 0px 0px 0px 0px;
}

.legend_judul {
	color: #616161;
	font-size: 35px;
	font-family: Oswald;
	text-align: left;
	font-weight: bold;
}

.field_judul2 {
	padding: 10px 10px 5px 10px;
	text-align: left;
	margin: 0px;
	border-radius: 5px;
	background: #fdfdfd;
}

.legend_judul2 {
	color: #029ec5;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	font-family: Oswald;
}

/* CARI */
.cari_pengaduan {
	width: 90% !important;
	float: left;
	height: 60px;
	border-right: none !important;
	margin-top: 10px;
}

.tombol_pengaduan {
	width: 10% !important;
	float: left;
	height: 60px;
	border: 1px solid #000 !important;
	border-left: none !important;
	margin-top: 10px;
}




/* TOMBOL KE ATAS */
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #34d3ea url("../wbs_gambar/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

a:hover.back-to-top {
	background-color: #008f9c;
}



.halaman {
	font-size: 12px;
	padding: 7px 12px 5px 12px;
	color: #FFFFFF;
	background: #707070;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	vertical-align: middle;
	border-radius: 2px;
}

.halaman:hover {
	color: #95EBFD !important;
}



.tombol_link {
	border: none;
	color: #0e0d0c;
	padding: 12px 15px 10px 35px;
	text-decoration: none;
	cursor: pointer;
	font-size: 12px;
	font-family: OpenSans;
	border-radius: 1px;
}

.tombol_link.kembali {
	background: url(../wbs_gambar/kembali.png) left no-repeat;
	background-color: #1fb47e;
	background-position: 9px 9px;
	background-size: 20px;
}

.tombol_link.detail {
	background: url(../wbs_gambar/galeri_icon.png) left no-repeat;
	background-color: #1fb47e;
	background-position: 9px 9px;
	background-size: 20px;
	margin-top: 20px;
}

.tombol_link.tutup {
	background: url(../wbs_gambar/tutup.png) left no-repeat;
	background-color: #d25641;
	background-position: 9px 9px;
	background-size: 20px;
}

.tombol_link.tambah {
	background: url(../wbs_gambar/tambah.png) left no-repeat;
	background-color: #00a396;
	background-position: 10px 12px;
	background-size: 20px;
}

.tombol_link.edit {
	background: url(../wbs_gambar/lkpp_admin_edit.png) left no-repeat;
	background-color: #00a396;
	background-position: 10px 12px;
	background-size: 20px;
}

.tombol_link.detail {
	background: url(../wbs_gambar/lkpp_admin_detail.png) left no-repeat;
	background-color: #00a396;
	background-position: 10px 12px;
	background-size: 20px;
}

.tombol_link.normal {
	background-color: #d8d538;
	font-weight: bold;
	padding: 15px;
	border-radius: 50px;
}

.tombol_link.normal:hover {
	background-color: #d8d538;
}

.tombol_link.normal2 {
	background-color: #d8d538;
	font-weight: bold;
	padding: 7px 15px;
}

#FORM {
	margin-top: 20px;
}

#FORM input[type=text],
input[type=password],
input[type=file],
textarea {
	padding: 13px;
	border: 1px solid #888888;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #373939;
	font-family: Poppins;
	width: 100%;
}

#FORM .lebar_33 {
	width: 32.3%;
	margin: 0.5%;
	float: left;
	text-align: left;
	height: auto;
	padding-bottom: 10px;
}

#FORM .lebar_50 {
	width: 49%;
	margin: 0.5%;
	float: left;
	text-align: left;
	height: auto;
	padding-bottom: 10px;
}

#FORM .lebar_100 {
	width: 99%;
	text-align: left;
	height: auto;
	padding-bottom: 10px;
	margin: 0.5%;
	clear: both;
}

#FORM textarea {
	resize: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #373939;
	font-family: Poppins;
	width: 100%;
	height: 200px;
	font-size: 14px;
}

#FORM select {
	padding: 6px;
	border: 1px solid #888888;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #373939;
	font-family: Poppins;
	font-size: 13px;
}

#FORM select:focus {
	background-color: #f6f6f6;
	border: 1px solid #393939;
}

#FORM option {
	padding: 5px;
}

#FORM input[type=checkbox] {
	cursor: pointer;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

#FORM .sembunyi {
	display: none;
}

#FORM .lebar50 {
	width: 49% !important;
	margin: 0.2% 0.8% 2% 0% !important;
	float: left;
}

#FORM .lebar25 {
	width: 24.4% !important;
	margin: 0.2% 0.7% 2% 0% !important;
	float: left;
}

#FORM input[type=button],
input[type=submit] {
	background-color: #02c8aa;
	border: none;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	cursor: pointer;
	border-radius: 0px;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 13px;
	font-family: OpenSans;
}

#FORM input[type=button].aturulang {
	background-color: #6d6d6d;
}

/* FORM  FOKUS*/
#FORM input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	background-color: #f6f6f6;
	border: 1px solid #393939;
}

#FORM input[type=button]:focus,
input[type=submit]:focus {
	background-color: #02a997;
}

#FORM input[type=button]:hover,
input[type=submit]:hover {
	background-color: #02a997;
}

#FORM input[type=button].aturulang:hover {
	background-color: #01262c;
}

#FORM strong {
	color: #005259;
	font-size: 12px;
}

#FORM input[type=radio] {
	cursor: pointer;
}


.table-fill {
	background: white;
	border-radius: 3px;
	border-collapse: collapse;
	margin: auto;
	padding: 4px;
	width: 100%;
}

.table-fill th {
	color: #FFFFFF;
	background: #1b1e24;
	border-bottom: 4px solid #9ea7af;
	border-right: 1px solid #343a45;
	font-size: 12px;
	font-weight: 100;
	padding: 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	vertical-align: middle;
}

.table-fill th:first-child {
	border-top-left-radius: 3px;
}

.table-fill td ol,
ul {
	margin: 0px 0px 20px 0px;
}

.table-fill td li {
	color: #3a3838;
	font-size: 13px;
	line-height: 23px;
	font-family: Poppins;
	word-wrap: break-word;
	padding: 0px;
	margin: 0px;
}

.table-fill th:last-child {
	border-top-right-radius: 3px;
	border-right: none;
}

.table-fill tr {
	border-top: 1px solid #e4e4e4;
	border-bottom-: 1px solid #e4e4e4;
	color: #1A1A1A;
	font-size: 12px;
	font-weight: normal;
}


.table-fill tr a {
	color: #0000FF;
}

.table-fill tr:hover a {
	color: #FFFF66;
}

.table-fill tr:first-child {
	border-top: none;
}

.table-fill tr:last-child {
	border-bottom: 1px solid #C1C3D1;

}

.table-fill tr:nth-child(odd) td {
	background: #e6eceb;
}

.table-fill tr:hover td {
	background: #d1d1d1;
}

.table-fill tr:last-child td:first-child {
	border-bottom-left-radius: 3px;
}

.table-fill tr:last-child td:last-child {
	border-bottom-right-radius: 3px;
}

.table-fill td {
	background: #FFFFFF;
	padding: 7px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	border-right: 1px solid #C1C3D1;
	line-height: 19px;

}

.table-fill td ol {
	padding: 0px 0px 0px 15px;
	margin-top: -10px;
}


.table-fill td:last-child {
	border-right: 0px;
}

.table-fill td img {
	width: auto;
	height: 25px;
	cursor: pointer;
	padding: 0px;
}

.table-fill th.text-left {
	text-align: left;
}

.table-fill th.text-center {
	text-align: center;
}

.table-fill th.text-right {
	text-align: right;
}

.table-fill td.text-left {
	text-align: left;
}

.table-fill td.text-center {
	text-align: center;
}

.table-fill td.text-right {
	text-align: right;
}

.tabel_10 {
	width: 10%;
	text-align: left;
	font-weight: bold;
	float: left;
}

.tabel_90 {
	width: 90%;
	text-align: left;
	float: left;
}

.batas {
	width: 100%;
	height: 70px;
	clear: both;
}

/* ADMINISTRATOR */

.bg_admin {
	background: url(../wbs_gambar/lkpp_bg_admin.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.centered {
	position: fixed;
	/* or absolute */
	top: 50%;
	left: 50%;
	margin-top: -215px;
	margin-left: -215px;
	width: 430px;
	height: 430px;
	padding-top: 10%;
}

.isi_1 {
	width: 18.5%;
	background-color: #FFF;
	color: #333;
	float: left;
	margin: 0px 0% 20px 0.5%;
	position: fixed;
	min-height: 97%;
	bottom: 0;
	top: 10px;
	border: 1px solid #a1a4a6;
}

.isi_2 {
	width: 79%;
	height: auto;
	background-color: #FFF;
	float: left;
	margin: 10px 0px 10px 20%;
	border: 1px solid #a1a4a6;
	padding: 25px;
}

.foto_admin {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	display: block;
	float: left;
	margin: 0px 15px 0px 10px;
}

.dashboard {
	width: 33.33%;
	height: auto;
	padding: 10px;
	float: left;
}

.dashboard_isi_1 {
	width: 40%;
	height: 95px;
	padding: 10px;
	float: left;
	border: 1px solid #a7a7a7;
	text-align: center;
}

.dashboard_isi_1 img {
	width: 70%;
	height: auto;
	padding: 5px;
}

.dashboard_isi_2 {
	width: 60%;
	height: 95px;
	padding: 15px 0px 0px 0px;
	float: left;
	border: 1px solid #c3c3c3;
	border-left: none;
	text-align: center;
	font-family: Oswald;
	font-size: 40px;
	line-height: 37px;
}

.dashboard_tulisan {
	font-family: RBNo2Light;
	font-size: 18px;
	color: #666;
}

.dashboard_kotak {
	width: 50%;
	height: auto;
	padding: 10px;
	float: left;
}

.dashboard_total_judul {
	width: 100%;
	height: auto;
	padding: 10px;
	font-weight: bold;
	font-size: 18px;
	border: 1px solid #a0a0a0;
	background-color: #ffffff;
	border-bottom: none;
}

.dashboard_total {
	width: 100%;
	height: auto;
	padding: 10px;
	float: left;
	border: 1px solid #a0a0a0;
	border-top: none;
}

.dashboard_total_1 {
	width: 30%;
	padding: 10px;
	float: left;
	text-align: left;
	color: #FFF;
}

.dashboard_total_1 img {
	width: 70%;
	height: auto;
	padding: 5px;
}

.dashboard_total_2 {
	width: 70%;
	padding: 35px 0px 0px 0px;
	float: left;
	border-left: none;
	text-align: right;
	font-family: Oswald;
	font-size: 20px;
	line-height: 37px;
	color: #FFF;
}

.kiri {
	text-align: left;
}

.tengah {
	text-align: center;
}

.kanan {
	text-align: right;
}

.kolom_kiri {
	background-color: #f1f1f1;
	text-align: right;
	vertical-align: top;
	line-height: 20px;
	font-weight: 600;
	padding-top: 10px;
}

.kolom_kiri2 {
	background-color: #c9e5ef;
	text-align: right;
	vertical-align: top;
	line-height: 20px;
	font-weight: 600;
	padding-top: 18px;
}

.gambar_tabel {
	width: 100% !important;
	height: auto !important;
	border: 4px solid #CCC;
	padding: 2px;
}

#CARI input[type=text] {
	padding: 7px;
}

#CARI select {
	padding: 1px;
}

#CARI .kolom {
	display: table-cell;
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #c1c1c1;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
}

#FORM_data input[type=text] {
	padding: 7px;
}

#FORM_data .kolom {
	display: table-cell;
	width: auto;
	padding: 5px;
	border-bottom: 1px solid #c1c1c1;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
}

.keterangan {
	color: #df0428;
	font-size: 11px;
}

@media only screen and (max-width: 600px) {
    .kolom_2 { 
        display: block;
        width: 100%;
    }
	.banner_5_1_heading{
		display: block;
        width: 100%;
		font-size:12pt;
	}
	.banner_5_1_normal {
		font-size: 20px;
		color: #FFF;
		line-height: 30px;
		padding-right: 10px;
		width: 100%;
	}
	.banner_5_2 {
		width: 100%;
		text-align: right;
		border-right: 1px solid #f4f4f4;
	}
	.kriteria {
		font-size: 40px;
	}
	.banner_2 {
		font-size: 30px;
	}
	.footer_heading{
		font-size: 30px;
		line-height: 45px;
	}
	.header_banner {
		height: 500px;
	}
	

}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tag_line {
		padding: 40px 20px;
		font-size: 25px;
		color: #e0fef0;
	}

	.kotak_80 {
		width: 99%;
		height: auto;
	}

	.kotak_3 {
		width: 33.3333%;
		height: auto;
		float: left;
	}

	.produk {
		padding: 25px 15px 25px 15px;
		line-height: 23px;
	}

	.testimoni_judul {
		padding: 40px 0px 0px 0px;
		font-size: 35px;
	}

	.berita {
		padding: 20px 5px 20px 5px;
	}

	.footer_kotak {
		padding: 15px;
	}

	.footer_2 {
		padding: 0px 25px 0px 25px;
	}

	.galeri_1 {
		width: 100%;
		padding: 10px 20px 10px 20px;
		height: auto;
		float: left;
		margin-top: 20px;
	}

	.galeri_2 {
		width: 100%;
		padding: 10px 20px 10px 20px;
		height: auto;
		float: left;
		margin-top: 20px;
	}

	.galeri_video {
		width: 49%;
		height: 160px;
		float: left;
		margin: 0px 0.5%;
	}

	.judul_isi {
		font-size: 26px;
		padding: 170px 20px 100px 20px;
	}

	.galeri_foto2 {
		padding: 10px 10px;
	}

	.galeri_video_kotak {
		padding: 10px;
	}

	.footer_40 {
		width: 36%;
		height: auto;
		padding: 60px 20px 0px 30px;
	}

	.footer_30 {
		width: 32%;
		height: auto;
		padding: 60px 0px 0px 40px;
	}
	


}

@media only screen and (max-width: 767px) {
	.tag_line {
		padding: 40px 20px;
		font-size: 25px;
		color: #e0fef0;
	}

	.kotak_80 {
		width: 95%;
		height: auto;
	}

	.kotak_3 {
		width: 100%;
		height: auto;
		float: left;
	}

	.produk {
		padding: 25px 10px 25px 10px;
		line-height: 23px;
	}

	.testimoni_judul {
		padding: 10px 0px 0px 0px;
		font-size: 25px;
	}

	.galeri_1 {
		width: 100%;
		padding: 10px 0px 10px 0px;
		height: auto;
		float: left;
		margin-top: 20px;
	}

	.galeri_2 {
		width: 100%;
		padding: 10px 0px 10px 0px;
		height: auto;
		float: left;
		margin-top: 20px;
	}

	.galeri_video {
		width: 100%;
		height: 240px;
		float: left;
	}

	.galeri_foto {
		width: 100%;
		height: auto;
		padding: 9px;
	}

	.footer_40 {
		width: 100%;
		height: auto;
		padding: 60px 0px 0px 0px;
	}

	.footer_30 {
		width: 100%;
		height: auto;
		padding: 60px 0px 0px 0px;
	}

	.footer_h1 {
		font-size: 30px;
		color: #FFF;
		padding: 20px 0px 10px 0px;
	}

	.judul_isi {
		font-size: 25px;
		padding: 170px 20px 100px 20px;
	}

	.kotak_2_60 {
		width: 100%;
		height: auto;
	}

	.kotak_2_40 {
		width: 100%;
		height: auto;
	}

	.kotak_2 {
		width: 100%;
		height: auto;
	}

	#FORM .lebar_50 {
		width: 99%;
	}


	.profil_gambar {
		width: 100%;
		height: auto;
		float: none;
		margin: 0px 0px 20px 0px;
	}


	.foto_isi {
		height: 180px;
	}

	.tombol_link {
		width: 100%;
	}

	#intro {
		padding: 40px 10px 40px 10px;
	}


	.judul {
		font-size: 25px;
		line-height: 35px;
		text-align: center;
		padding-top: 40px;
		font-weight: 100;
		padding-bottom: 0px;
	}

	.lowongan_kotak1 {
		width: 100%;
		margin: 0%;
	}

	.lowongan_kotak2 {
		width: 100%;
		margin: 0%;
	}

}

@media only screen and (max-width: 479px) {
	.judul_isi {
		font-size: 19px;
		padding: 170px 20px 100px 20px;
	}

	.lowongan_kotak1 {
		width: 100%;
		margin: 0%;
	}

	.lowongan_kotak2 {
		width: 100%;
		margin: 0%;
	}

}