@import url(//db.onlinewebfonts.com/c/66e7a2238693879b1ab39a122a074a37?family=Tahoma);

@font-face {font-family: "Tahoma";
    src: url("//db.onlinewebfonts.com/t/66e7a2238693879b1ab39a122a074a37.eot");
    src: url("//db.onlinewebfonts.com/t/66e7a2238693879b1ab39a122a074a37.eot?#iefix") format("embedded-opentype"),
    url("//db.onlinewebfonts.com/t/66e7a2238693879b1ab39a122a074a37.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/66e7a2238693879b1ab39a122a074a37.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/66e7a2238693879b1ab39a122a074a37.ttf") format("truetype"),
    url("//db.onlinewebfonts.com/t/66e7a2238693879b1ab39a122a074a37.svg#Tahoma") format("svg");
}

body{
	padding:0px auto;
	margin:0px auto;
	background:#0f735b;
	font-family:Tahoma;
}

.paragraf{
	padding:0px;
	margin:0px;
}

.hole_content{
	border:0px solid #000;
	width:100%;
	/* position:relative; */
}

.content_ketengah{
	margin-left: auto ;
	margin-right: auto ;
	position:relative;
}
.tagline{
	text-align:left;
	
	    color: #333537;
    font-style: italic;
    font-weight: normal;
	font-size:14px;
	font-family:OpenSans-Regular;
}
/*=======================*/

#content1{
	width:90%;
	position:relative;
	border:0px solid red;
	background:#ecebeb;
	padding:2% 5% 5% 5%;
	text-align:center;
	font-family:OpenSans-Regular;
	font-weight:200;
}

#team_{
	width:90%;
	border:0px solid red;
	background:#ecebeb;
	padding:2% 5% 5% 5%;
	text-align:center;
	font-family:OpenSans-Regular;
	font-weight:200;
}

.menu_place{
	color:#0f735b;
	text-shadow: 1px 2px #3c4147;
	position:relative;
	text-align:center;
	padding-top:5%;
	font-family:FRAMDCN;
	font-size:50px;
}
.menu_place2{
	color:#0f735b;
	text-shadow: 1px 2px #3c4147;
	position:relative;
	text-align:center;
	padding-top:6%;
	font-family:FRAMDCN;
	font-size:50px;
}
.label_team{
	color:#fff;
	font-size:12px;
	padding:2%;
}
.newfoot{
	padding-top:20%;
}
.newfoot2{
	padding-bottom:20%;
}
._sosmed a, ._sosmed2 a{
	margin:0.5%;
	color:#333537;
	text-decoration:none;
}
._sosmed a:hover, ._sosmed2 a:hover{
	color:#bfbfbf;
}
.our_service{
	height:90px;
	width:100%;
	
	border:0px solid red;
	padding-top:47px;
	padding-top:47px;
}

.menu_place_dalam{
	width: 100%;
	border:0px solid red;
	height:70px;
	background:#fff;
}




#footer_2{
	background: #182d42;
	height: 40px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	border:0px solid red;
	width:100%;
	
}


a.a_menu{
	font-family:OpenSans-Regular;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
a.a_menu:hover{
	font-family:OpenSans-Regular;
	color:#e28021;
	font-size:12px;
	text-decoration:none;
}
a.home_style,a.about_style,a.kontak_style,a.work_style{
	color:#e28021;
}

.title_client{
	width:100%;
	font-family:FRAMDCN;
	font-size:24px;
	color:#182d42;
}
.ket_client {
	width:90%;
	font-family:OpenSans-Regular;
	font-size:13px;
	color:#182d42;
	padding:5%;
}
.lengkung{
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius: 10px;
	
	-moz-border-radius-topright:10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius: 10px;
}
.kotak_surat{
	width:80%;
	position:relative;
}


.batas{
	float:left;
	background:url(../mdl_images/border_top_contact.png) no-repeat center;
	padding:0% 1% 1% 2%;
	width:96%;
}


.judul_contact{
	font-family:FRAMDCN;
	color:#4d4d4d;
	font-size:24px;
	font-weight:bold;
}
.judul_contact2{
	font-family:FRAMDCN;
	color:#5b150e;
	font-size:24px;
	font-weight:normal;
	height:40px;
	padding-top:10px;
	
	width:100%;
	
}
.tx_contact{
	background:#f4e6c7;
	font-family:OpenSans-Regular;
	font-size:14px;
	padding:6px;
	border:0px;
	
	color:#4d4d4d;
	margin-top:7px;
}
.tx_contact_area{
	background:#f4e6c7;
	font-family:OpenSans-Regular;
	font-size:14px;
	padding:7px;
	border:0px;
	
	color:#4d4d4d;
	margin-top:7px;
}



.isi_alamat{
	color:#fff;
	font-family:OpenSans-Regular;
	padding-left:1%;
	font-weight:normal;
	font-size:14px;
}

.bg_work_us{
	padding-top:0px;
	border:0px solid red;
	position:relative;
	height:70px;
	
	background-color:none;
}






.label_peta{
	position:absolute;
	right:0px;
	width:170px;
	height:57px;
	background:#c09b63;
	-moz-border-radius-topleft:10px;
	border-top-left-radius: 10px;
	margin-top:-67px;
	font-family:DINEngschrift;
	color:#545656;
	font-size:40px;
}
.batas_contact{
	width:100%;
	background:#e0b885;
	height:115px;
	
}
.batas_about{
	width:100%;
	background:#e0b885;
	height:130px;
	background:url(../mdl_images/bg_batas_about.png) repeat-x bottom
}
.isi_about{
	background:#ffffff;
	border:none;
	width:100%;
	position:relative;
}

.img_work{
	width: 100%;
    margin:auto;
	vertical-align:center;
    top: 0;
    left: 0;
}



.style_thumb{
	position: relative;
	float:left;
	width:100%;
	border:0px solid red;
	
	
}


.portofolio{
	width:20%;
	height:50px;
	background:red;
	margin:auto;
	left:40%;
	bottom:0;
	position:absolute;
	
}
.what_we_do{
	font-family:OpenSans-Regular;
	font-size:13px;
	padding:0px;
	margin:0px;
	color:#182d42;
	line-height:1.4em;
}
.kategori{
	font-family:OpenSans-Regular;
	font-size:12px;

	color:#fff;
	line-height:1.2em;
}

a.a_link{
	font-family:OpenSans-Regular;
	font-size:13px;
	color:#182d42;
	text-decoration:none;
}
a.a_link:hover{
	color:#e28021;
}

a.a_link_other_prj{
	font-family:OpenSans-Regular;
	font-size:13px;
	color:#182d42;
	text-decoration:none;
}
a.a_link_other_prj img:hover {
	opacity:0.2;
}


.box_contact{
	position:relative;
	height:100%;
	width:96%;
	background:none;
	
	padding:2%;
	border:0px solid #000;
}


.kotak_work{
	border:0px solid white;
	background:#c7a44a;
	width:30%;
	
	padding:1%;
	text-align:center;
}

.kotak_work p a{
	color:#fff;
	font-family:OpenSans-Regular;
	font-size:24px;
	text-align:center;
	text-decoration:none;
}
.kotak_work p a:hover{
	color:#000;
}

.paralax_promo{
		height: 600px;
		padding: 0px 0 0 0;	
		
	}
.logo{
	float:left;
	border:0px solid red;
	margin:31px 10px 10px 10px;
}
.menu_menu{
	margin-left: auto ;
	margin-right: auto ;
	margin:10px 0px 0px 0px;
	position:relative;
	border:0px solid #fff;
	text-align:center;
	
}
.isi_menu{
		border:0px solid #fff;
		padding:0% 2% 0% 2%;
		width:auto;
	}
.promo_text{
	line-height:1em;
	font-family:Tahoma;
	font-size:14px;
	padding:5%;
}
.promo_text font{
	font-family:Tahoma;
	font-size:18px;
	line-height:1em;
	background:none;
	padding:0.5% 0% 0.5% 0%;
}
a.a_fb{
		width:48px;
		text-align:center;
		background:url(../mdl_images/fb_hover.png) no-repeat center;
		height:48px;
		display:inline-table;
		
	}
	a.a_fb:hover{
		-webkit-filter: grayscale(100%);
		Greyscale "Hover-out":
		-webkit-filter: grayscale(0%);
		background:url(../mdl_images/fb_hover.png) no-repeat center;
		
	}
	a.a_twit{
		display:inline-table;
		width:68px;
		text-align:center;
		height:48px;
		background:url(../mdl_images/twiter_hover.png) no-repeat center;
	}
	a.a_twit:hover{
		-webkit-filter: grayscale(100%);
		Greyscale "Hover-out":
		-webkit-filter: grayscale(0%);
		background:url(../mdl_images/twiter_hover.png) no-repeat center;
	}
	a.a_ym{
		display:inline-table;
		width:48px;
		text-align:center;
		height:48px;
		background:url(../mdl_images/ym_hover.png) no-repeat center;
	}
	a.a_ym:hover{
		-webkit-filter: grayscale(100%);
		Greyscale "Hover-out":
		-webkit-filter: grayscale(0%);
		background:url(../mdl_images/ym_hover.png) no-repeat center;
	}
	
	.modal{
		background:none;
		-webkit-box-shadow: initial ;
-moz-box-shadow: initial ;
box-shadow: initial ;
border:none;
	}

a.team{
	font-family:OpenSans-Regular;
	font-size:13px;
	color:#fff;
	
}