@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}

body {
	background-color:white;
	font-family:arial;
	color:#2e2e2e;
	}



/* SMARTPHONES (POTRAIT)*/
@media only screen and (max-device-width :320px)
{
	.bg {
		height:230px !important;
		}
		
	.cv_bg {
		height:75px !important; 
		background-size:100%;
		line-height:75px !important;	
		}
		
	.navbar li {
		font-size:15px !important;
		}
		
	.navbar-brand img {
		height:130% !important;
		}
		
	.values .bawah h4 {
		margin:30px !important;
		font-size:14px;
		}
		
	.values h2 {
		font-size:20px;
		}
		
	.values a {
		text-decoration:none;
		}
		
	.cv_bg h2 {
		font-size:14px;
		}
		
	.desc h1 {
		font-size:20px;
		}
		
	.desc h4 {
		font-size:16px;
		}
		
	.footer h4 {
		font-size:16px;
		}
		
	.contact h4 {
		font-size:12px !important;
		}
		
	.contact h3 {
		font-size:16px !important;
		}	
		
	.contact li {
		font-size:12px !important;
		}
		
	.contact .logo {
		width:50% !important;
		}
		
	.contact_dalam img {
		height:10px;
		width:10px;
		margin-top:5px;
		}
		
	.cand h4 {
		font-size:14px !important;
		margin-top:-38px !important;
		right:30px;
		}
		
	.cand .kiri {
		padding-right:0px !important;
		padding-bottom:20px !important;
		}
		
	.cand .kanan {
		padding-left:0px !important;
		}
		
	.job .apply {
		margin-top:30px !important;
		width:30% !important;
		margin-left:175px !important;
		}
		
	.job h3 {
		font-size:100%;
		}
		
	.job h4 {
		font-size:80%;
		}
		
	.job h5 {
		font-size:77% !important;
		}
		
	.vacancy {
		padding:0px !important;
		}
		
	.clients img {
		width:50%;
		height: 90px !important;
		margin: 5px 25%;
		}
		
	#fnb img {
		width:99% !important;
		height: 100px !important;
		margin: 5px 0% !important;
		}	
		
	.clients li h3 {
		font-size:100% !important; 
		}
		
	.clients li h4 {
		font-size:80% !important;
		margin:0; 
		}
		
	.clients h1 {
		font-size:100% !important;
		margin-top:-10px !important;
		}
		
	.clients .bawahtype {
		margin-top:-9px !important;
		}
		
		
		
	.ijo_rekrut, .ijo_train, .ijo_dc {
		height: 80px !important;
	}
	
	.rekrut .kotak_dalam {
		height: 70px !important;
		border: #D7D7D7 solid 4px !important;
		width: 92% !important;
		top: 9% !important;
		left: 4% !important;	
	}
	
	.rekrut h1 {
		padding-top: 4% !important;
		font-size:70%;
	}
	
	.train .kotak_dalam {
		height: 70px !important;
		border: #D7D7D7 solid 4px !important;
		width: 92% !important;
		top: 9% !important;
		left: 4% !important;		
	}
	
	.train h1 {
		padding-top: 4% !important;
		font-size:70%;
	}
	
	.dc .kotak_dalam {
		height: 70px !important;
		border: #D7D7D7 solid 4px !important;
		width: 92% !important;
		top: 9% !important;
		left: 4% !important;
	}
	
	.dc h1 {
		padding-top: 4% !important;
		font-size:70%;
	}
	
	
	
		/*MODAL*/
		
	.modal .bullet {
		margin-top:1.4% !important ;
		}
	
	.modal h4 {
		font-size:80%;
		}	
		
	.modal-content {
		padding:10px 20px;
		}
		
	.modal-body {
		height:420px !important;
		}
		
	.modal-title {
		font-size:130%;
		}																	
}

/* SMARTPHONES (POTRAIT and LANDSCAPE)*/
@media only screen and (min-device-width :321px) and (max-device-width : 480px)
{
	.bg {
		height:230px !important;
		}
		
	.cv_bg {
		height:75px !important; 
		background-size:100%;
		line-height:75px !important;	
		}
		
	.navbar li {
		font-size:15px !important;
		}
		
	.slider h1 {
		font-size:16px !important;
		margin-top:8px;
		}
		
	.navbar-brand img {
		height:130% !important;
		}	
		
	.values .bawah h4 {
		margin:30px !important;
		font-size:14px;
		}
		
	.values h2 {
		font-size:20px;
		}
		
	.values a {
		text-decoration:none;
		}
		
	.cv_bg h2 {
		font-size:14px;
		}
		
	.desc h1 {
		font-size:20px;
		}
		
	.desc h4 {
		font-size:16px;
		}
		
	.footer h4 {
		font-size:14px !important;
		}
		
	.contact h4 {
		font-size:12px !important;
		}
		
	.contact h3 {
		font-size:16px !important;
		}	
		
	.contact li {
		font-size:12px !important;
		}
		
	.contact .logo {
		width:50% !important;
		}
		
	.contact_dalam img {
		height:10px;
		width:10px;
		margin-top:5px;
		}
		
	.cand h4 {
		font-size:12px !important;
		margin-top:-18px !important;
		right:30px;
		}
		
	.cand .kiri {
		padding-right:0px !important;
		padding-bottom:20px !important;
		}
		
	.cand .kanan {
		padding-left:0px !important;
		}
		
	.cand h1 {
		font-size:20px !important;
		}
	
	.cand .form-control {
		margin:20px 0;
		font-size:12px !important;
		height:42px !important;
		}
		
	.cand .kotak_luar_bawah {
		font-size:12px !important;
		height:25px !important;
		margin:40px 0 !important;		
		}
		
	.job .apply {
		margin-top:30px !important;
		width:30% !important;
		margin-left:170px !important;
		}
		
	.job h3 {
		font-size:100%;
		}
		
	.job h4 {
		font-size:80%;
		}
		
	.job h5 {
		font-size:77% !important;
		}
		
	.vacancy {
		padding:0px !important;
		}
		
	.clients img {
		width:50%;
		height: 90px !important;
		margin: 5px 25%;
		}
		
	#fnb img {
		width:99% !important;
		height: 100px !important;
		margin: 5px 0% !important;
		}
		
	.clients li h3 {
		font-size:100% !important; 
		}
		
	.clients li h4 {
		font-size:80% !important;
		margin:0; 
		}
		
	.clients h1 {
		font-size:100% !important;
		margin-top:-10px !important;
		}
		
	.clients .bawahtype {
		margin-top:-9px !important;
		}
		
		
		
	.ijo_rekrut, .ijo_train, .ijo_dc {
		height: 80px !important;
	}
	
	.rekrut .kotak_dalam {
		height: 70px !important;
		border: #D7D7D7 solid 4px !important;
		width: 92% !important;
		top: 9% !important;
		left: 4% !important;	
	}
	
	.rekrut h1 {
		padding-top: 4% !important;
		font-size:70%;
	}
	
	.train .kotak_dalam {
		height: 70px !important;
		border: #D7D7D7 solid 4px !important;
		width: 92% !important;
		top: 9% !important;
		left: 4% !important;		
	}
	
	.train h1 {
		padding-top: 4% !important;
		font-size:70%;
	}
	
	.dc .kotak_dalam {
		height: 70px !important;
		border: #D7D7D7 solid 4px !important;
		width: 92% !important;
		top: 9% !important;
		left: 4% !important;
	}
	
	.dc h1 {
		padding-top: 4% !important;
		font-size:70%;
	}
	
	
		/*MODAL*/
		
	.modal .bullet {
		margin-top:1.4% !important ;
		}
	
	.modal h4 {
		font-size:80%;
		}	
		
	.modal-content {
		padding:10px 20px;
		}
		
	.modal-body {
		height:420px !important;
		}
		
	.modal-title {
		font-size:130%;
		}																																			
}

/* SMARTPHONES (600 x 400)*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px)
{
	.bg {
		height:180px !important;
		}
		
	.cv_bg {
		height:120px !important; 
		background-size:100%;
		line-height:120px !important;	
		}
		
	.navbar li {
		font-size:17px !important;
		}
		
	.slider h1 {
		font-size:30px !important;
		}	
		
	.navbar-brand img {
		height:130% !important;
		}
		
	.values .bawah h4 {
		margin:30px !important;
		font-size:14px;
		}
		
	.values h2 {
		font-size:20px;
		}
		
	.values a {
		text-decoration:none;
		}	
		
	.cv_bg h2 {
		font-size:18px;
		}
		
	.desc h1 {
		font-size:25px;
		}
		
	.desc h4 {
		font-size:16px;
		}
		
	.footer h4 {
		font-size:16px;
		}
		
	.contact h4 {
		font-size:14px !important;
		}
		
	.contact h3 {
		font-size:18px !important;
		}	
		
	.contact li {
		font-size:14px !important;
		}
		
	.contact .logo {
		width:40% !important;
		}
		
	.contact_dalam img {
		height:10px;
		width:10px;
		margin-top:5px;
		}

	.cand h4 {
		font-size:14px !important;
		margin-top:-18px !important;
		right:30px;
		}
		
	.cand .kiri {
		padding-right:0px !important;
		padding-bottom:20px !important;
		}
		
	.cand .kanan {
		padding-left:0px !important;
		}
		
	.cand h1 {
		font-size:22px !important;
		}
		
	.cand .form-control {
		margin:20px 0;
		font-size:14px !important;
		height:45px !important;
		}
		
	.job .apply {
		margin-top:5px !important;
		width:30% !important;
		margin-left:175px !important;
		}
		
	.job h3 {
		font-size:120%;
		}
		
	.job h4 {
		font-size:100%;
		}
		
	.job h5 {
		font-size:90% !important;
		}
		
	.clients img {
		width:30%;
		height: 109px !important;
		margin: 10px 35%;
		}
		
	#fnb img {
		width:100% !important;
		height: 130px !important;
		margin: 10px 0% !important;
		}
		
	.clients li h3 {
		font-size:130% !important; 
		}
		
	.clients li h4 {
		font-size:110% !important; 
		margin:0; 
		}
		
	.clients h1 {
		font-size:170% !important;
		margin-top:-10px;
		}
		
	.clients .bawahtype {
		margin-top:-8px !important;
		}
		
		
		
	.ijo_rekrut, .ijo_train, .ijo_dc {
		height: 140px !important;
	}
	
	.rekrut .kotak_dalam {
		height: 125px !important;
		border: #D7D7D7 solid 12px !important;
		width: 92% !important;
		top: 8% !important;
		left: 4% !important;	
	}
	
	.rekrut h1 {
		padding-top: 7% !important;
		font-size:150%;
	}
	
	.train .kotak_dalam {
		height: 125px !important;
		border: #D7D7D7 solid 12px !important;
		width: 92% !important;
		top: 8% !important;
		left: 4% !important;	
	}
	
	.train h1 {
		padding-top: 7% !important;
		font-size:150%;
	}
	
	.dc .kotak_dalam {
		height: 125px !important;
		border: #D7D7D7 solid 12px !important;
		width: 92% !important;
		top: 8% !important;
		left: 4% !important;
	}
	
	.dc h1 {
		padding-top: 3% !important;
		font-size:150%;
	}
	
	
		/*MODAL*/
		
	.modal .bullet {
		margin-top:1.4% !important ;
		}
	
	.modal h4 {
		font-size:90%;
		}	
		
	.modal-content {
		padding:10px 50px;
		}
		
	.modal-body {
		height:320px !important;
		}
		
	.modal-title {
		font-size:130%;
		}
	
																																													
}

/* SMARTPHONES (800 x 600)*/
@media only screen and (min-device-width :768px) and (max-device-width : 991px)
{
	.bg {
		height:220px !important;
		}
		
	.cv_bg {
		height:150px !important; 
		background-size:100%;
		line-height:150px !important;	
		}
		
	.navbar li {
		font-size:10px !important;
		}
		
	.slider h1 {
		font-size:35px !important;
		}
		
	.navbar-brand img {
		height:220% !important;
		}
		
	.values .bawah h4 {
		margin:30px !important;
		font-size:20px;
		}
		
	.values h2 {
		font-size:30px;
		}
		
	.values a {
		text-decoration:none;
		}
		
	.contact h4 {
		font-size:14px !important;
		}
		
	.contact li {
		font-size:14px !important;
		}
		
	.cand .kiri {
		padding-right:0px !important;
		padding-bottom:20px !important;
		}
		
	.cand .kanan {
		padding-left:0px !important;
		}
		
	.job .apply {
		margin-top:20px !important;
		width:30% !important;
		margin-left:200px !important;
		}
		
	.job h3 {
		font-size:150%;
		}
		
	.job h4 {
		font-size:130%;
		}
		
	.job h5 {
		font-size:90%;
		}
		
	.clients img {
		width:30%;
		height: 109px !important;
		margin: 10px 35%;
		}	
		
	#fnb img {
		width:100% !important;
		height: 130px !important;
		margin: 10px 0% !important;
		}	

	.clients li h3 {
		font-size:120% !important; 
		}
		
	.clients li h4 {
		font-size:110% !important; 
		}
		
	.clients h1 {
		font-size:200% !important;
		margin-top:-10px;
		}
		
	.clients .bawahtype {
		margin-top:-8px !important;
		}	
		
		
	.ijo_rekrut, .ijo_train, .ijo_dc {
		height: 180px !important;
	}
	
	.rekrut .kotak_dalam {
		height: 150px !important;
		border: #D7D7D7 solid 12px !important;
		width: 92% !important;
		top: 8% !important;
		left: 4% !important;	
	}
	
	.rekrut h1 {
		padding-top: 9% !important;
		font-size:180%;
	}
	
	.train .kotak_dalam {
		height: 150px !important;
		border: #D7D7D7 solid 12px !important;
		width: 92% !important;
		top: 8% !important;
		left: 4% !important;	
	}
	
	.train h1 {
		padding-top: 9% !important;
		font-size:180%;
	}
	
	.dc .kotak_dalam {
		height: 150px !important;
		border: #D7D7D7 solid 12px !important;
		width: 92% !important;
		top: 8% !important;
		left: 4% !important;
	}
	
	.dc h1 {
		padding-top: 5% !important;
		font-size:180%;
	}
	
	

																									
}

/* DESKTOP, NETBOOK, AND TABLET (MINIMAL 1024 X 768)*/
@media only screen and (min-device-width :992px) and (max-device-width : 1199px)
{
	.bg {
		height:300px !important;
		}
		
	.cv_bg {
		height:210px !important; 
		background-size:100%;
		line-height:210px !important;	
		}	
		
	.navbar li {
		font-size:15px !important;
		}
		
	.slider h1 {
		font-size:40px !important;
		}
		
	.cand h4 {
		font-size:14px !important;
		margin-top:-25px;
		right:30px;
		}
		
	.job .apply {
		margin-top:136px !important;
		width:90% !important;
		}
		
	.job h3 {
		font-size:150%;
		}
		
	.job h4 {
		font-size:130%;
		}
		
	.job h5 {
		font-size:90%;
		}
		
	.clients img {
		width:95%;
		height:135px !important;
		}
		
	.clients li h3 {
		font-size:120% !important; 
		}
		
	.clients li h4 {
		font-size:110% !important; 
		}
		
	.clients h1 {
		font-size:200% !important;
		margin-top:-10px;
		}
		
	.clients .bawahtype {
		margin-top:-8px !important;
		}	
		
	.ijo_rekrut, .ijo_train, .ijo_dc {
	height: 239px !important;
	}
	
	.rekrut .kotak_dalam {
		height: 190px !important;
		border: #D7D7D7 solid 15px;
		width: 93%;
		top: 25px;
		left: 22px !important;	
	}
	
	.rekrut h1 {
		padding-top: 9% !important;
		font-size:180%;
	}
	
	.train .kotak_dalam {
		height: 190px !important;
		border: #D7D7D7 solid 15px;
		width: 93%;
		top: 25px;
		left: 22px !important;	
	}
	
	.train h1 {
		padding-top: 9% !important;
		font-size:180%;
	}
	
	.dc .kotak_dalam {
		height: 190px !important;
		border: #D7D7D7 solid 15px;
		width: 93%;
		top: 25px;
		left: 22px !important;	
	}
	
	.dc h1 {
		padding-top: 9% !important;
		font-size:180%;
	}
	
	
	
}

/* DESKTOP & LAPTOPS WIDE SCREEN HIGH RESOLUTION (MINIMAL 1280 X 600)*/
@media only screen and (min-device-width :1200px)
{}





/*HEADER*/	
.header {
	margin-bottom : 0px;
	}
	
.navbar {
	background-color:#FDFDFD;
	color:#000000;
	border-bottom-color:black;
	}

.navbar li {
	font-weight:bold;
	color:black;
	font-size:18px;
	}

/*SLIDER*/	
.bg {
	background-image:url(../img/Slider.jpg);
	height:450px;
	background-size:100%;
	background-repeat:no-repeat;
	}

.slider h1 {
	text-align:center;
	color:#007538;
	font-size:50px;
	}
	
/*VALUES*/
.values .garis {
	width:50px;
	height:7px;
	background-color:#04783B;
	margin:auto;
	}
	
.values .bawah {
	margin-top:50px;
	}
	
.values .bawah img {
	display:block;
	margin:auto;	
	}
	
.values .bawah h4 {
	margin-top:30px;
	color:#107040;
	font-weight:bold
	}
	
	
/*DESCRIPTION*/
.desc {
	background-color:#2e2e2e;
	margin:35px 0 0 0;
	}
	
.desc h1 {
	color:#1ab165;
	margin:70px 0 60px 0;
	}
	
.desc h4 {
	color:#FFFFFF;
	line-height:30px;
	margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
	text-align:justify;
	}
	
.desc .bawah {
	margin-bottom:40px;
	}
	
/*CV*/
.cv_bg {
	background-image:url(../img/cv_bg.jpg);
	height:315px;
	background-size:100%;
	line-height:318px;	
	}
	
.cv_bg h2 {
	margin-top:10px;
	}
	
	
/*FOOTER*/
.footer {
	background-color:#dadada;
	}
	
.footer .internal {
	padding:40px 0;
	}
	
.footer h3 {
	color:#00783c;
	margin-bottom:30px;
	font-weight:bold;
	}
	
.footer a {
	text-decoration:none;
	color:#252525;
	}
	
.footer a:hover {
	text-decoration:none;
	color:#006618;
	}
	
.footer img {
	margin-top:9px;
	}
	
	
	
	
/*PAGE 2*/
.rekrut {
	background-color:#00783c;
	margin-top:-1px;
	}
	
.rekrut img {
	width:100%;
	}

.rekrut .kiri {
	background-image:url(../img/rekrut.jpg);
	background-size:cover;
	}
	
.rekrut .kiri,.kanan {
	padding:0;
	}

.ijo_rekrut {
	background-color:#00783c;
	height:355px;
	}
	
.rekrut .kotak_dalam {
	height:300px;
	border:#D8D8D8 solid 20px;
	width:93%;
	top:25px;
	left:30px;		
	}
	
.rekrut h1 {
	color:#FFFFFF;
	padding-top:12%;
	}
	

	




.train {
	background-color:#00a85a;
	}	
	
.train img {
	width:100%;
	}
	
.train .kiri,.kanan {
	padding:0;
	}

.ijo_train {
	background-color:#00a85a;
	height:355px;
	}
	
.train .kotak_dalam {
	height:300px;
	border:#D8D8D8 solid 20px;
	width:93%;
	top:25px;
	left:30px;		
	}
	
.train h1 {
	color:#FFFFFF;
	padding-top:12%;
	}
	

	
	

.dc {
	background-color:#00783c;
	}

.dc img {
	width:100%;
	}
	
.dc .kiri,.kanan {
	padding:0;
	}

.ijo_dc {
	background-color:#00783c;
	height:355px;
	}
	
.dc .kotak_dalam {
	height:300px;
	border:#D8D8D8 solid 20px;
	width:93%;
	top:25px;
	left:30px;		
	}
	
.dc h1 {
	color:#FFFFFF;
	padding-top:12%;
	}
	
	
	/*MODAL*/
.modal .baris {
	padding:30px 10px;
	margin-top:-20px;
	line-height:20px;
	}
	
.modal .bullet {
	margin-top:8px;
	}
	
.modal-header {
	border-radius:20px;
	background-color:#004f2a;
	color:#FFFFFF;
	border:none;	
	}
	
.modal-content {
	border-radius:20px;
	background-color:transparent;
	box-shadow:none;
	border:none;
	}
	
.modal-body {
	border-radius:20px 20px 0 0;
	background-color:#FFFFFF;
	height:380px;
	}
	
.modal-footer {
	background-color:#FFFFFF;
	border-radius:0 0 20px 20px;	
	}
	
.inhouse h4 {
	color:#00a859;
	}
	
	


/*CLIENTS*/
.clients {
	margin-top:20px;
	margin-bottom:60px;
	}
	
.kiri_bawah_client {
	margin-left:20px;
	}

.kiri_bawah_client a {
	text-decoration:none;
	color:#5c5c5c;
	}
	
.kiri_bawah_client a:hover {
	text-decoration:none;
	color:rgba(0,126,6,1.00);
	}
	
.kiri_bawah_client li {
	margin-bottom: 20px;
	
	}
	
.kiri_bawah_client h4 {
	font-weight:bold;
	}


/** CATEGORY **/
.categoryklik {
	color:#5c5c5c;
	}

	
.categoryklik ul {
	list-style-type:none;
	}
	
.category li {
	margin-bottom:15px;
	}
	
.turunin {
	margin-top:40px;
	}
	
.category a {
	text-decoration:none;
	}
	
.category a:hover {
	color:#E1CECE;
	}


	
@media (min-width: 992px) {
	.kotakcategoryklik {
	bottom:10px;
	}
	}
	
/** TYPE **/


.type {
	overflow: hidden;
	color:#131313;
	}
	
.atastype {
	background-color:#2e2e2e;
	text-align:center;
	color:#22ff90;
	height:100%;
	margin-top:-10px;
	}
	
.atastype h1 {
	line-height:150%;
	padding-top:10px;
	}
	
.bawahtype {
	border-top:3px solid #000000;
	margin-top:3px;
	}
	
#fmcg .bawahtype .gambar {
	margin-top:30px;
	margin-left:3px;
	width:100%;
	}
	
	
#hc {
	margin-top:50px;
	}
	
#hc .bawahtype .gambar {
	margin-top:30px;
	margin-left:5px;
	width:100%;
	}
	
	
#industry {
	margin-top:50px;
	}
	
#industry .bawahtype .gambar {
	margin-top:30px;
	margin-left:5px;
	width:100%;
	}
	
	
#fnb {
	margin-top:50px;
	}
	
#fnb .bawahtype .gambar {
	margin-top:30px;
	margin-left:0.5px;
	width:100%;
	}
	
#fnb img {
	width:100%;
	}
	
	
	
	
/*VACANCY*/
.job {
	background-color:#efefef;
	margin:30px 50px;
	box-shadow:6px 6px 1px 1px rgba(118,118,118,0.70);
	}
	
.job .isi {
	padding:20px;
	height:290px;
	}

.job .apply {
	margin-top:96px;
	}

	
.job h3 {
	color:#00783c;
	margin-top:0;
	font-weight:bold;
	margin-bottom:20px;
	}
	
.job h4 {
	color:#079640;
	margin:20px 0 10px 0 ;
	font-weight:bold;
	}
	
.job h5 {
	line-height:22px;
	font-size:16px;
	}
	
	
	
	
	
/*CANDIDATES*/
.cand {
	margin-top:30px;
	margin-bottom:60px;
	}
	
.cand h1 {
	color:#00783c;
	font-weight:bold;
	}
	
.cand hr {
	height:1px;
	background-color:rgba(0,0,0,1.00);
	}
	
.cand .form-control {
	margin:20px 0;
	border:1px solid #1ab165;
	border-radius:8px;
	font-size:20px;
	font-weight:bold;
	height:55px;
	color:rgba(92,92,92,1.00);
	}
	
.cand .bawah_form {
	background-color:#4A4A4A;
	color:#FFFFFF;
	font-size:20px;
	height:55px;
	width:100%;
	border-radius:8px;
	}

.cand .cv {
	padding-top:5px;
	}
	
.cand .kotak_cv {
	margin-top:-5px;
	}
	
.cand h4 {
	font-size:20px;
	font-weight:bold;
	color:#878787;
	position:absolute;
	z-index:9;
	margin-top:-25px;
	right:30px;
	}
	
.cand .bawah_form:hover {
	background-color:#00600B;
	color:#FFFFFF;
	margin:0px;
	}
	
.cand .kotak_luar_bawah {
	padding:0px;
	}

.cand .kiri {
	padding-right:10px;
	}
	
.cand .kanan {
	padding-left:10px;
	}
	
	
/*CONTACT US*/
.contact {
	margin:30px 10px;
	}
	
.contact h4 {
	margin:6px 0;
	font-weight:bold;
	font-size:20px;
	}
	
.contact .logo {
	margin-bottom:20px;
	}
	
.contact .contact_dalam {
	margin:30px 0;
	
	}	

.contact .abu {
	height:5px;
	width:80px;
	background-color:#808080;
	margin:auto;	
	}
	
.contact .contact_dalam h3 {
	margin-top:10px;
	color: #00783c;
	}
	
	
.contact h3 {
	color:#00783c;
	margin-bottom:20px;
	font-weight:bold;
	}
	
.contact a {
	text-decoration:none;
	color:#252525;
	}
	
.contact a:hover {
	text-decoration:none;
	color:#006618;
	}
	
.contact .logo {
	margin-top:9px;
	}
	
.contact_dalam h4 {
	padding:0;
	margin:6px 0;
	}
	
.contact_dalam img {
	margin-top:-3px;
	}
	
.contact li {
	list-style:none;
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
	}
	
.contact span {
	margin-left:10px;
	}
	
.contact .kedua {
	margin-top:0px;
	}